@charset "utf-8";

/* Layout ***********************************************************************/

#header .container.pc{position: relative;  margin:0 auto; }
#header .container.mobile{display: none;}
#header .container:after{display: block; content: ''; clear: both;}

#header .nav_bg.mobile{display: none;position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/s_img/m_nav_bg.png) repeat;}
#header .nav.mobile{display: none;position: fixed;z-index: 9999;top: 0;right: 0;width: 300px;height: 100%;background: #fff;overflow-y: scroll;}
#header .nav.mobile{}
#header .nav.mobile .top_box{position: relative;height: 65px;}
#header .nav.mobile .top_box ul.language{position:absolute; left: 15px;top:25px;width: 220px;border-radius: 0;border: none; }
#header .nav.mobile .top_box ul.language:after{display: block;content: '';clear: both;}
#header .nav.mobile .top_box ul.language li{float: left;width: 50px;margin-left: 0; display:inline;}
#header .nav.mobile .top_box ul.language li a{display: inline;width: 50px;font-size: 16px;color: #747474;font-weight: normal;padding: 0;}
#header .nav.mobile .top_box ul.language li.on a{color: #1e83d0;font-weight: 500;}
#header .nav.mobile .top_box .close{position: absolute;top: 0;right: 15px;}
#header .nav.mobile .top_box .close img{width: 22px;margin-top: 22px;}

#header .nav.mobile .bot_box{position: relative;height: 65px;}
#header .nav.mobile .bot_box ul.q_link{position:absolute; left:1%;top:25px;width:99%;border-radius: 0;border: none; }
#header .nav.mobile .bot_box ul.q_link:after{display: block;content: '';clear: both;}
#header .nav.mobile .bot_box ul.q_link li{float: left;width:32%;margin:0 1% 0 0; display:inline; background:#1e83d0;text-align:center; }
#header .nav.mobile .bot_box ul.q_link li a{display: inline;height:36px; line-height:36px; text-align:center; font-size: 15px; letter-spacing:-0.05em; color: #fff;font-weight: normal;padding: 0;}


#header .nav.mobile .gnb_box{}
#header .nav.mobile .gnb_box ul{}
#header .nav.mobile .gnb_box ul li{position: relative;border-top: 1px solid #ccc;}
#header .nav.mobile .gnb_box ul li.last{border-bottom: 1px solid #b7b7b7;}
#header .nav.mobile .gnb_box ul li span.icon{position: absolute;top: 0;right: 10px;display: block;width: 30px;height: 60px;background: url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat center center;background-size:25px;}
#header .nav.mobile .gnb_box ul li.on span.icon{background: url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat center center; background-size:25px;}
#header .nav.mobile .gnb_box ul li.on a + span.icon{background: url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat center center; background-size:25px;}
#header .nav.mobile .gnb_box ul li a.on + span.icon{background: url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat center center; background-size:25px;}
#header .nav.mobile .gnb_box ul li a{display: block;height: 60px;line-height: 60px;font-size: 18px;color: #181818;font-weight: normal;padding: 0 0 0 15px;}
#header .nav.mobile .gnb_box ul li ul{display: none;border-top: 1px solid #ccc;background: #efefef;padding: 30px 25px 15px 25px;}
#header .nav.mobile .gnb_box ul li ul li{border: none;margin-bottom: 15px;}
#header .nav.mobile .gnb_box ul li ul li a{height: auto;line-height:1.2;font-size: 16px;font-weight: 300;padding: 0;background: none;}

#header .nav.mobile .foot_box{padding: 30px 15px;}
#header .nav.mobile .foot_box p{font-size: 15px;color: #303030;font-weight: normal;line-height: 1.5;}
#header .nav.mobile .foot_box p.address{margin-bottom: 8px;}
#header .nav.mobile .foot_box p strong{font-weight: normal;}

#header.on{ border-bottom: 1px solid #e1e1e1;}
#header.on .gnb .depth1{color: #272727;}
#header.on .navi-bg{top: 99px;}



#header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%;  height:125px; margin:0px auto; padding:0px; /*background:#fff url('../img/s_img/top_line.gif') repeat-x 0 0;*/ background:#fff; border-bottom:1px solid #ddd;}
#header:after{content:"";clear:both;display:block}


#header .container .pc{ margin:0 auto; padding:0; position:relative; }
#header .top_wrap{width:1200px; margin:0 auto; position:relative;z-index:99999 !important;  }


#header h1.logo{float: left;padding: 0 0 0 0px; z-index:99999 !important; }
#header h1.logo img{margin-top:59px; z-index:99999;}

#header .t_menu_only{right:0 !important;}
#header .t_menu{position: absolute;top: 0px;right:0px;height:35px;line-height: 25px; float:left; z-index:120;} 


#header .t_menu li{width:110px; height:35px; float:left; display:inline;}

#header .t_menu li:after {content:""; clear:both; display:block;}
#header .t_menu li.t1{background:#1e83d0 url('../img/s_img/top_cart.png') no-repeat 90% 8px;}
#header .t_menu li.t2{background:#76839e url('../img/s_img/top_amenu.png') no-repeat 92% 9px;}
#header .t_menu li.t3{background:#647189;}
#header .t_menu li.t1 a{padding-right:5px !important; }
#header .t_menu li.t2 a{padding-right:12px !important; }
#header .t_menu li a{color: #fff;display:block; padding:0px;font-size: 14px;font-weight: 300; text-align:center; line-height:35px;}
#header .t_menu li a:hover{}
#header .t_menu li.t1 a{padding-right:5px !important;}
#header .t_menu li.t2 button{padding-right:5px !important;}
#header .t_menu li.on a{background:#636363;}
#header .t_menu li.util_site{ z-index:120; /*padding-right:0 !important;*/ text-align:center !important;}
#header .t_menu li.util_site button{width:110px; text-align:center !important; display:block; color: #fff !important; /*padding: 0 0 0 0px;*/ font-size: 14px;font-weight: 300; text-align:center !important; line-height:35px;}
#header .t_menu li.util_site button:hover, #header .t_menu >  .util_site button:focus{}

#header .out{position: absolute;top: 0px;left:220px;width:180px; height:35px; line-height:35px; background:none;}
#header .out a{color: #333;display:inline-block;padding: 0 10px 0 10px;font-size:14px; font-weight:600; text-align:center;}


#header .news{position: absolute;top: 0px;left:0px;width:220px; height:35px; line-height: 34px; background:#213152;}
#header .news li{width:110px; height:35px; float:left; display:inline;}
#header .news li:after {content:""; clear:both; display:block;}
#header .news li a{color: #fff;display: block;padding: 0 0 0 0px;font-size:14px; font-weight:600; text-align:center;}
#header .news li.t1{background:#005aab; }
#header .news li.t2{background:#647189; }



/*전체메뉴*/
.allmenu_wrap{clear:both; display:none; position:fixed; top:0px; left:0;width:100%; min-height:360px !important; opacity:1; z-index:99999; background:#fff url('../img/s_img/allmenu_bgline.gif') repeat-x 0px 0 !important; border-bottom:2px solid #38434b;}
.allmenu_wrap .inner{position:relative; padding:15px 35px; width:1200px; margin:0 auto; /*border:2px solid #e94f0c; border-radius:15px;*/ }
.allmenu_wrap .tit{font-size:28px; font-weight:400; color:#fff; margin-bottom:10px; margin-top:10px;}
/*.allmenu_wrap .tit + .allmenu_box{margin:20px; float:left;}*/
.allmenu_box{float:left; margin:0px; width:20%; margin-top:45px; padding:0px 0 5px 0; height:200px; border-right:1px solid #dfdfdf; text-align:center;}
.allmenu_box.last{border-right:none !important;}
.allmenu_box:after{display:block; clear:both; content:''}
.allmenu_box h3.map_tit{width:100%; margin:0px !important; padding:0px 0 0 10px !important; font-weight:600; font-size:18px; color:#333; }
.allmenu_list{margin:20px !important;padding:0px !important; /*border-bottom:1px solid #47656e;*/ }
.allmenu_list  li{margin-top:0px; }
.allmenu_list  li a{font-size:15px; color:#333;  font-weight:400; padding-left:0px; line-height:28px; letter-spacing:-0.07em; }
.allmenu_list  li a:hover{text-decoration:underline; color:#333;}

.allmenu_list .site_sub {padding-left:0px; }
.allmenu_list .site_sub li{padding:0px 0 0 0px;}
.allmenu_list .site_sub li a{color:#d1dde9; font-size:12px; font-weight:normal;}
.allmenu_list .site_sub li a:hover{color:#fff; font-size:12px; text-decoration:underline !important;}

.allmenu_list.v2 > li{min-height:106px}
.allmenu_wrap .btn_close{position:absolute;top:20px;right:25px;width:35px;height:35px;background:url('../img/s_img/all_close.png') no-repeat;}

.skip {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.blind {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
span.blind {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}



#header .language{position:absolute; top:0px; right:0px; width:110px; height:35px; border-right:1px solid #e0e2e3;  line-height: 35px;}
#header .language a{color:#fff; display:block; padding:0 0 0 0px; font-size:14px; font-weight:600; text-align:center;}
#header .language li:hover{text-decoration:underline; color:#222;}

#header .language .select{width:110px; height:35px; line-height:35px; letter-spacing:-0.05em; text-indent: -10px; font-size: 14px; font-weight:600; text-align:center; opacity:0.7; color:#333; background:#fff url(../img/s_img/language_arrow.png) no-repeat 90% center;cursor: pointer;border-right:1px solid #e0e2e3; }
#header .language ul.select_con{display:none;border-bottom: 1px solid #e0e2e3; border-left: 1px solid #e0e2e3; border-right: 1px solid #e0e2e3; position:absolute; top:35px; left:0px; width:110px; z-index:2; background-color: #fff; opacity: 1; color:#333;}
#header .language ul.select_con li{height:35px; line-height:35px; font-size:14px; color:#555; font-weight:normal; text-align: center;letter-spacing:-0.05em; cursor:pointer; border-bottom:1px solid #e0e2e3;border-top:1px solid #e0e2e3;}
#header .language ul.select_con li.last{ border-left: none; border-bottom:none;}



	/* gnb 
	#gnb {position:relative;  top:35px;  margin:0 auto; height:auto; z-index:1 !important; border-top:1px solid #ddd; }*/




/* gnb */ 
.gnb_area {position:absolute; top:35px; width:100%; margin:0px auto; padding:0px;  z-index:100; border-top:1px solid #ddd; }
.gnb_area .inner{box-sizing:border-box;width:1200px;margin:0 auto !important;}

	 
/* gnb */

.gnb_area .inner:after{display:block;clear:both;content:'' }


.gnb_menu{width:1200px; margin:0px auto;  }
.gnb{float:right; width:80%; margin:10px 0 0 40px; }

.gnb:after{display:block;clear:both;content:''}
.gnb > li{float:left; position:relative;  }
.gnb > li > a{display:block; height:75px;  padding:0 55px 0 55px; text-align:center; font-size:20px; font-weight:600;letter-spacing:0; line-height:67px;  }
.gnb > li > a:hover{color:#2d64a7;}
.gnb > li.non > a{background:none;}

.gnb .gnb_sub{display:none; position:absolute; top:85px; left:0; width:100%; height:177px; padding:12px 0 0 10px; z-index:150;  }
.gnb .gnb_sub li a{display:block;height:28px; margin-left:40px; padding-left:9px;color:#fff; line-height:24px;letter-spacing:-0.02em;font-size:15px; font-weight:400; background:url('../img/s_img/gnb_dot.gif') no-repeat 0 49%; }
.gnb .gnb_sub li a:hover, .gnb .gnb_sub li a:focus{color:#fff; background: url('../img/s_img/gnb_dot.gif') no-repeat 0 50%; margin-left:40px; font-weight:400; text-decoration:underline;}
.gnb .gnb_sub li.pl20{padding-left:25px;}
.gnb .gnb_sub li.pl5{padding-left:5px;}
.gnb .gnb_sub li.pl10{padding-left:10px;}


.quick_menu{display:none;position:fixed;top:90px;left:0;width:100%; background:#111; /* background:#ffb300;*/ z-index:90; color:#fff; opacity:0.75;}
.quick_menu .inner{min-height:220px;padding:20px 0 0 60px; color:#fff; }



	#animate {position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden; z-index:998; background:url(../img/s_img/gnb_over_line.png) repeat-x 0 0; border-bottom:1px solid #ddd; }
	.animate_line {width:20%; height:100%; position:absolute; left:0; top:90px;  background:#f5f5f5; }



@media (max-width: 1600px) {
/* .gnb ul li{width: 130px;margin: 0 28px;} */


}/* 1600px End */

@media (max-width: 1500px) {
/* .gnb ul li{width: 120px;margin: 0 20px;} */
.gnb .depth1{font-size: 16px;}
.gnb ul li ul li a{font-size: 13px;}
}/* 1500px End */



@media (max-width: 1400px) {

/* .gnb ul li{width: 110px;margin: 0 15px;} */
.gnb .depth1{font-size: 15px;}
.gnb ul li ul li a{font-size: 12px;}


}/* 1400px End */



@media (max-width: 1200px) {

.gnb .depth1{font-size: 14px;}
.gnb ul li ul li a{font-size: 12px;}

}/* 1200px End */


@media (max-width: 1199px) {



#header{position: fixed !important;  top: 0;left: 0;height: 65px; background:#fff !important; z-index:9998 !important; border-bottom: 1px solid #ccc;}
#header .inner{width:100%;}
#header .top_box{display: block;}
#header .container.pc{display: none;}

#header .container.mobile{display: block;padding: 0 10px;height: 70px; background:none;}
#header .container.mobile:after{display: block;content: '';clear: both;}
#header .container.mobile h1.logo{padding: 0;float: left;width:60%; }
#header .container.mobile h1.logo img{margin-top:0px; width:125px; }

#header .container.mobile .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right;}
#header .container.mobile .menu img{width: 32px;margin-top: 25px;}

#header.on{border-bottom: none;}
#header .container.pc{display: none;}
#header .container.mobile{display: block;background: #fff;height: 65px;border-bottom: 1px solid #ccc;}
#header .container.mobile h1.logo{float: left;padding: 0 0 0 0px;}
#header .container.mobile h1.logo img{margin-top:17px;width:160px;}

#header .container.mobile .menu{float: right;padding: 0 0px 0 0;}
#header .container.mobile .menu img{width: 30px;margin-top: 21px;}



}/* 1199px End */




@media (max-width: 768px) {

#header{position: fixed;top: 0;left: 0;height:60px; background:#3e73ad !important;  }
#header .container.mobile h1.logo img{margin-top:19px; width:140px; }
#header .container.mobile .menu img{width: 32px;margin-top:20px;}




}/* 768px End */