@charset "utf-8";

#header { background:#fff; width:100%; position:fixed; left:0; top:0; z-index:990; }
#header .header_logo_wrap { position:relative; width:100%; left:0; height:100px; background: #fff; z-index: 1; }
	.top_logo_center { position:absolute; z-index:100; top:30px; left:10px; }
	.top_logo_center a {  display: block; position: relative; vertical-align: middle; }
    .top_logo_center ul li {  height:80px;  }
	.top_logo_center .company_logo { vertical-align: bottom; height:40px;   }
    .top_logo_center .company_logo_text { font-size:38px; color:#002f7b; letter-spacing:-0.8px; font-weight: bold;  font-family: arial; text-align:left; display: inline-block; }
		/* 사이드 드래그 버튼 */
		#push_left_ol { top:28px; width:30px; background:none; border:none; z-index:999; position:absolute; right:8px; }
		#push_left_ol img { width:22px; }
		#push_right_or { top:29px; width:30px;  background:none; border:none; z-index:999; position:absolute; left:8px; }
		#push_right_or img { width:23px; }

/* 네비영역 */
.nav  { position:relative; overflow:hidden; z-index:50; height:34px; border-top:none; line-height:34px; font-size:14px; text-align:center; padding-top:3px; background: #fff; border-bottom: 1px solid #ededed; }
.nav:after { display:block; content:''; clear:both; }
/*
.nav .navTab li:nth-child(1) { width:25%; } 
.nav .navTab li:nth-child(2) { width:25%; } 
.nav .navTab li:nth-child(3) { width:25%; } 
.nav .navTab li:nth-child(4) { width:25%; } 
.nav .navTab li a { position:relative; display:block; height:42px; margin:0 auto; font-weight:bold; line-height:42px; font-size:12px; color:#333; text-align:center; }
.nav .navTab li.on { z-index:10; border-bottom:3px solid #0577c0; background:#333; }
.nav .navTab li.on a { position:relative; height:42px; line-height:42px; padding-top:0;  color:#FFF; } /**/

/* 푸쉬버튼 */
#showLeftPush { top:10px; width:40px; background:none; border:none; z-index:999; position:absolute; margin-left:7px; }
#showLeftPush .material-symbols-outlined {  color: #fff; font-size: 37px; font-weight: 500; }


.nav_cart { top:48px; width:50px;  background:none; border:none; z-index:999; position:absolute; right:46px; }
.nav_cart .material-symbols-outlined {  color: #002f7b; font-size: 37px; font-weight: 500; }
.nav_cart .nav_cart_num {  font-size: 11px; text-align: center; width: 15px; height: 15px; background: #002f7b; color: #f7f7f7; border-radius: 50%; padding: 1px 1px;  position: absolute; margin-top: -2px; margin-left: -14px; }
#showlanguage { top:50px; width:50px;  background:none; border:none; z-index:999; position:absolute; right:48px; }
#showlanguage .material-symbols-outlined {  color: #002f7b; font-size: 35px; font-weight: 500; }
#showRightPush { top:45px; width:50px;  background:none; border:none; z-index:999; position:absolute; right:5px; }
#showRightPush .material-symbols-outlined {  color: #002f7b; font-size: 43px; font-weight: 500; }


/* 네비양쪽커버 */
.nav_cover_right { position:absolute; z-index:200; right:0px; top:1px;}
.nav_cover_left { position:absolute; z-index:200; left:0px; top:1px;}

#nav_id { position:relative; width:100%; }
#nav_id .swiper-container_nav {
  margin: 0 auto;
  width:95%;
  position: relative;
  overflow: hidden;
  z-index:100;
  /* Fix of Webkit flickering */
}
#nav_id .swiper-container-no-flexbox .swiper-slide {
  float: left;
}

#nav_id .swiper-slide {
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		
}

#nav_id .swiper-slide:hover{}
/*
.nav .navTab li:nth-child(1) { width:25%; } 
.nav .navTab li:nth-child(2) { width:25%; } 
.nav .navTab li:nth-child(3) { width:25%; } 
.nav .navTab li:nth-child(4) { width:25%; } 
.nav .navTab li a { position:relative; display:block; height:42px; margin:0 auto; font-weight:bold; line-height:42px; font-size:12px; color:#333; text-align:center; }
.nav .navTab li.on { z-index:10; border-bottom:3px solid #0577c0; background:#333; }
.nav .navTab li.on a { position:relative; height:42px; line-height:42px; padding-top:0;  color:#FFF; } /**/





/* 활성화되었을때 */
#nav_id .swiper-slide-active { }
/* 이전버튼 */
#nav_id .swiper-slide-prev { }
/* 다음버튼 */
#nav_id .swiper-slide-next { }

#nav_id .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  margin:0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


#nav_id .swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}



#nav_id .swiper-slide a { width:100%; display:block; color:#282828; height:30px; line-height:30px; }
#nav_id ._on a { 
  width: 100%;
  position: relative;
  border-bottom:3px solid #0577c0; height:30px; line-height:30px;  color:#002f7b; font-weight:bold; }

/* 오른쪽퀵메뉴. */
#right_sidebar { width:25%; min-width:70px; position:absolute; z-index:400; left:0px; }
	#right_sidebar .right_menu_wrap { width:100%; }
		#right_sidebar .right_menu { width:100%; text-align:center; }
			
	#right_sidebar .right_menu_wrap2 { width:100%; }
		#right_sidebar .right_menu2 { width:100%; height:195px; background: #FFF; margin-top:0px; }
		#right_sidebar .right_menu2_title { width:100%; height:35px; line-height:35px; position:relative; text-align:center; font-size:14px; color:#FFF; }


/* 왼쪽네비 */
#left_sidebar { width:25%; min-width:70px; position:absolute; z-index:400; left:0px; margin-top:50px; top:10px; }
	#left_sidebar .left_menu_wrap { width:100%; }
		#left_sidebar .left_menu { width:100%; text-align:center; }
		/* 왼쪽네비버튼 */
		.left_nav_btn { font-size:12px; width:80%; padding:8px 5px; text-align:center; border:1px solid #ededed; border-radius:10px; background-color:#fff; color:#000; font-weight: bold;  }
		.left_nav_btn_on {  font-size:12px; width:80%; padding:8px 5px; text-align:center; border-radius:10px; border:none; background-color:#002f7b; color:#fff;  font-weight: bold; }

.sub_category_wrap_area_count_num  { font-size: 10px;}

#nav_id .swiper-button-next,
#nav_id .swiper-button-prev{position:absolute;top:50%;margin-top:-16px;z-index:10;cursor:pointer; opacity:0.7; color: #fff; }
#nav_id .swiper-button-next .material-symbols-outlined, 
#nav_id .swiper-button-prev .material-symbols-outlined {  font-size: 20px; font-weight: 300; }
#nav_id .swiper-button-next img,
#nav_id .swiper-button-prev img { height:18px; }
#nav_id .swiper-button-next.swiper-button-disabled,
#nav_id .swiper-button-prev.swiper-button-disabled{opacity:0.0;cursor:auto;pointer-events:none}
#nav_id .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:2px;right:auto}
#nav_id .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:2px;left:auto}