@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:url('../img/s_img/bg_header.png') repeat 0 0; }
#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: 80px;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: 60px; z-index:99999;}


#wrap #header .t_menu{position: absolute;top: 0px;left: 0px;height:40px;line-height: 25px; float:left; }
#wrap #header .t_menu li{ height:40px; float:left; display:inline;}
#wrap #header .t_menu li.t1{background:#333;width:110px;}
#wrap #header .t_menu li.t2{background:#888;width:150px; }
#wrap #header .t_menu li a{color: #fff;display: block;padding:0px 0 0 0px;font-size: 15px;font-weight:400; text-align:center; line-height:40px;}
#wrap #header .t_menu li.t2 a{font-size:14px; letter-spacing:-0.075em;}

#wrap #header .language1{position:absolute; top:0px; right:0px; width:110px; height:40px; background:url(../img/s_img/lang_line.png) repeat-y right 0;line-height: 38px;  z-index:999;}
#wrap #header .language1 a{color:#fff; display:block; padding:0 0 0 5px; font-size:15px; font-weight:500; text-align:center;}
#wrap #header .language1 li:hover{text-decoration:underline; color:#222;}

#wrap #header .language1 .select{width:110px; height:40px; line-height:40px; letter-spacing:-0.2px; text-indent: 0px;padding-top:0px; font-size: 15px; font-weight:500; text-align:center; opacity:1;color: #fff; background:url(../img/s_img/language_arrow_w.png) no-repeat 52% center;cursor: pointer;}
#wrap #header .language1 ul.select_con{border: 1px solid #ccc; position:absolute; top:40px; left:0px; width:110px; z-index:2; background-color: #fff; opacity: 1; }
#wrap #header .language1 ul.select_con li{height:40px; line-height:40px; font-size:15px; 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:110px;width:110px; height:40px; line-height:40px; background:#333;}
#wrap #header .news a{color: #fff;display: block;padding:0px 0 0 0px;font-size:15px; font-weight:500; text-align:center;}



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


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



.navi {position: absolute;top:40px;left: 0; width: 100%;height:80px;box-sizing:border-box;z-index: 600; margin:0; padding:0;}
.gnb {/*position: absolute;top:40px; left:0;*/ margin:0px auto 0 auto; padding: 0 0 0 280px;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: left; }
.gnb .depth1{display:block; width:100%; height:60px; margin-top:10px; line-height:60px; text-align:left; font-size:18px; color:#fff; font-weight:500; }
.gnb li a:hover{color:#fff;}
.gnb ul li ul {margin:0px 0 0 0; width:100%;padding:30px 0 0 0px;min-height:195px;opacity:0;transform:translateY(20px); }
.gnb ul li ul.open {opacity:1;}
.gnb ul li ul li{float: none;width: 100%;margin-bottom:12px;line-height: 16px;height: auto; background:url(../img/s_img/gnb_dot.png) no-repeat 0 8px;padding-left:9px; }
.gnb ul li ul li a{display: block; font-size: 14px;color:#fff;font-weight: 400;width: 100%;text-align: left;letter-spacing:-0.05em; z-index:99999; }
.gnb ul li ul li a span.s_menu{font-size:13px; display:block;}
span.s_menu{font-size:13px; display:block;}


.gnb ul li ul li a:hover{color: #fff;font-weight: normal; text-decoration:none; 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: #0277BD;}

/*
.gnb ul li.m1{width: 180px;}
.gnb ul li.m2{width: 180px;}
.gnb ul li.m3{width: 180px;}
.gnb ul li.m4{width: 180px;}
.gnb ul li.m5{width: 180px;}
*/

.gnb ul li.all{ width: 26px;margin-left:60px;cursor: pointer;text-indent: -9999px;}
.utilLink{display:none;}
/*
.gnb ul li.out{position:absolute; top:5px; right:0; width:auto; margin:0 !important; padding:0 !important; text-align:right;width:80px; min-width:80px; height:20px; line-height:18px;}
.gnb ul li.out span{line-height:16px; height:24px; text-align:right; }
.gnb ul li.out a{font-size:13px; padding:0 8px; line-height:16px; color:#fff; text-align:right;}
*/
.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:280px; 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;color: #747474; font-weight:500; padding: 0;}
#wrap #header .nav.mobile .control_box ul.language li.on a{color: #82bc41; 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: 300;padding: 0;background: none;}





/*���� ��*/
.fix-img{width:84px;  display: inline-block; bottom: 3%;  right: 3%;  position: fixed;  z-index: 999999;}
.fix-img img{  width:84px;  margin-bottom:10px;}
.fix-img a img{  width:84px;  margin-bottom:10px;}
.fix-img p{  margin-block-start: 0;  margin-block-end: 0;  margin-top: -4%;  font-size: 11px;}




@media (max-width: 1199px) {



#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:20.5px;width: 160px;}

#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;}


.fix-img{width:90px; right:2%; }
.fix-img img{  width:90px;  margin-bottom:5px;}


}/* 1199px End*/

@media (max-width: 991px) {



/*���� ��*/
.fix-img{ display: inline-block;  bottom: 2%;  right: 2%;  position: fixed;  z-index: 999999;}
.fix-img img{ width:90px;}
.fix-img p{ margin-block-start: 0; margin-block-end: 0; margin-top: -4%; font-size: 11px;}












}/* 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:19px; width:120px; }
#wrap #header .container.mobile .menu img{width: 32px;margin-top:17px;}





/*���� ��*/
.fix-img{display: inline-block;  bottom: 2%;  right: 1%;  width:80px; position: fixed;  z-index: 999999;}
.fix-img img{  width:80px !important;}
.fix-img p{ margin-block-start: 0;  margin-block-end: 0;  margin-top: -4%;  font-size: 11px;}










}/* 768px End*/