@charset "utf-8";

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

body{width: 100%;height: 100%;}
#wrap {width:100%; height:auto; overflow:hidden; position:relative;}

#wrap #header{position:fixed; /*position:absolute;*/ top:0; left:0; z-index: 9998; width:100%; height:120px; background:#fff; }
#wrap #header .inner{position:relative; padding:0px; width:1200px; margin:0 auto;  }
#wrap #header .top_box{position: relative; width:1200px; height:20px; margin:0 auto; }
#wrap #header .top_box:after{display: block;content: '';clear: both;}
#wrap #header .top_box ul:after{display: block;content: '';clear: both;}
#wrap #header .top_box ul li{float: left;}
#wrap #header .top_box ul li a{color: #fff;}


#wrap #header .container.pc{position: relative; width: 100%; height:120px;margin: 0 auto; background:url('../img/s_img/t_line.png') repeat-x 0 0;  }
#wrap #header .container.mobile{display: none;}
#wrap #header .container:after{display: block;content: '';clear: both;}

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

#wrap #header h1.logo{float: left;padding: 0 0 0 0px; z-index:99999 !important; }
#wrap #header h1.logo img{margin-top:44px; z-index:99999; max-width:180px;}


#wrap #header .t_menu{position: absolute;top: 0px;left: 0px;height:35px;line-height: 25px; float:left; }
#wrap #header .t_menu li{width:110px; height:35px; float:left; display:inline;}
#wrap #header .t_menu li.t1{background:#101954;}
#wrap #header .t_menu li a{color: #fff;display: block;padding:2px 0 0 0px;font-size: 14px;font-weight: 500; text-align:center; line-height:35px;}


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

#wrap #header .language1 .select{width:110px; border-left:1px solid #ddd; border-right:1px solid #ddd;height:35px; line-height:35px; letter-spacing:-0.2px; text-indent:5px; font-size: 14px; font-weight:600; text-align:center; opacity:1;color: #212121; background:#fff url(../img/s_img/language_arrow_w.png) no-repeat 58% center;cursor: pointer;}
#wrap #header .language1 ul.select_con{border: 1px solid #ccc; position:absolute; top:36px; left:0px; width:110px; z-index:2; background-color: #fff; opacity: 1; }
#wrap #header .language1 ul.select_con li{ height:40px; line-height:35px; font-size:14px; color:#555; font-weight:normal; text-align: center;letter-spacing:-0.2px; cursor:pointer; border-bottom:1px solid #ccc;}
#wrap #header .language1 ul.select_con li.last{ border-left: none; border-bottom:none;}


#wrap #header .news{position: absolute;top: 0px;right:84px;width:110px; height:40px; line-height: 35px; background:#17294B;}
#wrap #header .news a{color: #fff;display: block;padding: 0 0 0 0px;font-size:14px; font-weight:600; text-align:center;}



.btn_nav2 {display:none;}	
.all_menu2 {display:none;}
.all_menu2 .btn_nav2.close {display:block;}


#wrap #header .out{position: absolute;top: 0px;left:120px;width:180px; font-weight:500; height:35px; line-height:35px; background:none; z-index:999999; text-align:right;}
#wrap #header .out span a{color: #222;display:inline-block;padding: 0 10px 0 10px;font-size:14px; font-weight:500; text-align:center;}



.util_site{position:absolute; right:0px; top:0px; z-index:120; color:#222;  padding-right:0 !important; margin:0; padding:0; width:40px; height:35px; border-left:1px solid #999;}
.util_site button{display:block; width:40px; height:35px; margin:0; padding:0;  text-align:right; color:#222; font-weight:600; background:none !important; border:none;/*background:url('../img/s_img/all_ico.gif') no-repeat 0px 0px;*/z-index:1490;}
.util_site button:hover, .header_top .util .util_site button:focus{/*background:url('../img/s_img/all_ico.gif') no-repeat 0px 0px*/}

/*��ü�޴�*/
.allmenu_wrap{display:none; position:absolute; top:0px; left:0;width:100%; min-height:400px; opacity:1; z-index:999999; background:#fff url('../img/s_img/allmenu_bgline.gif') repeat-x 0px 0; border-bottom:2px solid #38434b;}
.allmenu_wrap .inner{position:relative; padding:17px 10px 37px 10px; width:1200px; margin:0 auto; /*border:2px solid #e94f0c; border-radius:15px;*/ }
.allmenu_wrap .tit{font-size:28px; font-weight:400; color:#fff; margin:18px 0 15px 0; }
.allmenu_box{float:left; margin:0px; width:20%; margin-top:40px; margin-bottom:20px;  padding:0px 0 15px 0; height:240px; 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 0px !important; font-weight:600; font-size:18px; color:#333; }
.allmenu_list{margin:20px 5px !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; }
.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:4px;right:25px;width:35px;height:35px;background:url('../img/s_img/all_close.png') no-repeat;}


.navi {position: absolute;top:40px;left: 0; width: 100%;height:80px;box-sizing:border-box;z-index: 600; margin:0; padding:0; border-bottom:1px solid #ddd;}
.gnb {/*position: absolute;top:40px; left:0;*/ margin:0px auto 0 auto; padding: 0 0 0 240px;z-index:600;overflow-y:hidden;height:80px; width:1200px; letter-spacing:0;}
.gnb ul:after{display: block;content: '';clear: both;}
.gnb ul li{position: relative;float: left;width:20%;height: 84px;text-align: center; }
.gnb .depth1{display:block; width:100%; height:60px; margin-top:10px; line-height:60px; text-align:center; font-size:20px; color:#222; font-weight:500;}
.gnb li a:hover{color:#D22129;}
.gnb ul li ul {margin:10px 0 0 0; width:100%;padding:40px 0 0 0px;min-height:250px;opacity:0;transform:translateY(20px);  }
.gnb ul li ul.last02{border-right:none;}
.gnb ul li ul.open {opacity:1;}
.gnb ul li ul li{float: none;width: 100%;margin-bottom:12px;line-height: 16px;height: auto;  }
.gnb ul li ul li a{display: block;font-size: 16px;color:#fff;width: 100%;text-align: center;letter-spacing:0em; z-index:99999; }
.gnb ul li ul li a:hover{color: #fff;font-weight: normal; text-decoration:underline; font-weight: 400; opacity:1;}

.gnb ul li ul li.title{font-size: 18px; color: #555;font-weight: 600;letter-spacing:0em;text-align: left;margin-bottom: 20px;height: 35px;line-height: 35px;}
.gnb ul li ul li.title.on{color: #00A651;}



.gnb ul li.all{ width: 26px;margin-left:60px;cursor: pointer;text-indent: -9999px;}
.utilLink{display:none;}

.gnb ul li.m1 ul{padding-left:0px;}
.gnb ul li.m2 ul{padding-left:0px;}
.gnb ul li.m3 ul{padding-left:0px; }
.gnb ul li.m4 ul{padding-left:0px;}
.gnb ul li.m5 ul{padding-left:0px;}

.navi-bg{position:absolute; display:block;width:100%;height: 0;left: 0;top:120px ;z-index:110;overflow: hidden; }
.navi-bg .white-bg{width:100%;min-width: 1200px; height:250px; background:#000; opacity:0.55; -webkit-background-size: 100%;background-size: 100%;}


#wrap #header .nav_bg.mobile{display: none;position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%; }
#wrap #header .nav.mobile{display: none;position: fixed;z-index: 9999;top: 0;right: 0;width: 300px;height: 100%;background: #fff;overflow-y: scroll;border-left:1px solid #ddd;}
#wrap #header .nav.mobile{}
#wrap #header .nav.mobile .control_box{position: relative;height: 70px;}
#wrap #header .nav.mobile .control_box ul.t_join{position: absolute;left:0px;top: 0;}
#wrap #header .nav.mobile .control_box ul.t_join:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .control_box ul.t_join li:first-child{border-right:none;}

#wrap #header .nav.mobile .control_box ul.t_join{position: absolute; left:0; top:0px; width:90%; height:30px; margin:0 auto; }


#wrap #header .nav.mobile .control_box ul.t_join{width:80%; margin:0 auto;}
#wrap #header .nav.mobile .control_box ul.t_join li{width:45%; text-align:center; height: 70px; background:url(../img/s_img/lang_bar_m.gif) no-repeat right 50%;}
#wrap #header .nav.mobile .control_box ul.t_join li a{font-size:15px; color:#747474; font-weight:600; line-height:70px; font-weight: normal;}
#wrap #header .nav.mobile .control_box ul.t_join li.on a{color:#09a3dc; font-weight:600;}
#wrap #header .nav.mobile .control_box ul.t_join li.last{background:none;}


#wrap #header .nav.mobile .control_box ul.language{position:absolute; left: 15px;top:25px;width: 220px;border-radius: 0;border: none; }
#wrap #header .nav.mobile .control_box ul.language:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .control_box ul.language li{float: left;width: 50px;margin-left: 0; display:inline;}
#wrap #header .nav.mobile .control_box ul.language li a{display: inline; width:50px; font-size:16px; line-height:1.2; color:#747474;font-weight: normal;padding: 0;}
#wrap #header .nav.mobile .control_box ul.language li.on a{color: #D22129;font-weight:600;}


#wrap #header .nav.mobile .control_box .close{position:absolute; top:0; right: 15px;}
#wrap #header .nav.mobile .control_box .close img{width:28px; margin-top: 22px;}

#wrap #header .nav.mobile .gnb_box{}
#wrap #header .nav.mobile .gnb_box ul{}
#wrap #header .nav.mobile .gnb_box ul li{position: relative;border-top: 1px solid #ccc;}
#wrap #header .nav.mobile .gnb_box ul li.last{border-bottom: 1px solid #ccc;}
#wrap #header .nav.mobile .gnb_box ul li span.icon{position:absolute; top:0; right:20px; display:block; width:28px; height:60px; background: url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat center center;-webkit-background-size: 28px;background-size: 28px;}
#wrap #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;-webkit-background-size: 28px;background-size: 28px;}
#wrap #header .nav.mobile .gnb_box ul li a{display: block;height: 60px;line-height: 60px;font-size: 18px;color: #181818;font-weight: 500;padding: 0 0 0 15px;}
#wrap #header .nav.mobile .gnb_box ul li ul{display: none;border-top: 1px solid #ccc;background: #efefef;padding: 25px 25px 10px 25px;}
#wrap #header .nav.mobile .gnb_box ul li ul li{border: none;margin-bottom:15px;}
#wrap #header .nav.mobile .gnb_box ul li ul li a{height: auto;line-height: 1;font-size: 16px;font-weight:400;padding: 0;background: none;}






@media (max-width: 1199px) {


#fp-nav {display:none !important;}

.allmenu_wrap .inner{position:relative; padding:25px 35px; width:100%; margin:0 auto; }

.utilLink {position:absolute; right:35px; top:0px; }
.util_site{position:absolute; right:0px; top:0px; z-index:120; padding-right:0; }



.allmenu_wrap{display:none;}
.util_site{display:none;}






#wrap #header{position: fixed;top: 0;left: 0;height: 70px; background-color: #fff !important; background-image: none; border-bottom: 1px solid #ccc; box-sizing: border-box; }
#wrap #header .inner{width:100%;}
#wrap #header .top_box{display: none;}
#wrap #header .container.pc{display: none;}


#wrap #header .container.mobile{display: block;padding: 0 15px;height: 70px; background:none;}
#wrap #header .container.mobile:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile h1.logo img{margin-top:0px;}

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





}/* 1199px End*/

@media (max-width: 991px) {














}/* 991px End*/



@media (max-width: 768px) {



#wrap #header{position: fixed;top: 0;left: 0;height:60px;  }
#wrap #header .container.mobile h1.logo img{margin-top:5px; width:120px; }
#wrap #header .container.mobile .menu img{width: 32px;margin-top:17px;}












}/* 768px End*/