@charset "utf-8";

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


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

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

#wrap #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;}
#wrap #header .nav.mobile{display: none;position: fixed;z-index: 9999;top: 0;right: 0;width: 300px;height: 100%;background: #fff;overflow-y: scroll;}
#wrap #header .nav.mobile{}
#wrap #header .nav.mobile .top_box{position: relative;height: 65px; width:100%; margin:0 auto;}
#wrap #header .nav.mobile .top_box ul.language_m{display:none; position:absolute; left: 15px;top:25px;width: 220px;border-radius: 0;border: none; }
#wrap #header .nav.mobile .top_box ul.language_m:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .top_box ul.language_m li{float: left;width: 50px;margin-left: 0; display:inline;}
#wrap #header .nav.mobile .top_box ul.language_m li a{display: inline;width: 50px;font-size: 16px;color: #747474;font-weight: normal;padding: 0;}
#wrap #header .nav.mobile .top_box ul.language_m li a:hover{color: #0070B8;font-weight:700;}
#wrap #header .nav.mobile .top_box ul.language_m li.on a{color: #0070B8;font-weight:700;}
#wrap #header .nav.mobile .top_box .close{position: absolute;top: 0;right: 15px;}
#wrap #header .nav.mobile .top_box .close img{width: 22px;margin-top: 22px;}

#wrap #header .nav.mobile .bot_box{position: relative;height: 65px;}
#wrap #header .nav.mobile .bot_box ul.q_link{position:absolute; left:1%;top:25px;width:99%;border-radius: 0;border: none; }
#wrap #header .nav.mobile .bot_box ul.q_link:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .bot_box ul.q_link li{float: left;width:32%;margin:0 1% 0 0; display:inline; background:#0070B8;text-align:center; }
#wrap #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;}


#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 #b7b7b7;}
#wrap #header .nav.mobile .gnb_box ul li span.icon{position: absolute;top: 0;right: 10px;display: block;width: 30px;height: 60px;background:#fff url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat center center; background-size:25px;}
#wrap #header .nav.mobile .gnb_box ul li.on span.icon{background:#fff url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat center center;background-size:25px;}
#wrap #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;}
#wrap #header .nav.mobile .gnb_box ul li ul{display: none;border-top: 1px solid #ccc;background: #efefef;padding: 30px 25px 15px 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.2;font-size: 16px;font-weight: 300;padding: 0;background: none;}

#wrap #header .nav.mobile .foot_box{padding: 30px 15px; }
#wrap #header .nav.mobile .foot_box p{font-size: 15px;text-align:center; width:100%; line-height:40px; margin:0 auto; background:#0070B8;color:#fff;font-weight: normal;line-height: 1.5;}
#wrap #header .nav.mobile .foot_box p a{color:#fff; line-height:40px;}


/*
#wrap #header.on{background:url(../img/s_img/top_line.png) repeat-x 0 0;  border-bottom: 1px solid #e1e1e1;}
#wrap #header.on .gnb .depth1{color: #272727;}
#wrap #header.on .navi-bg{top: 99px;}
*/
#wrap #header.on .language{border: 1px solid #898989;}
#wrap #header.on .language a{color: #141414;}
#wrap #header.on .language.en a{background: url(../img/s_img/icon_language_en_bk.png) no-repeat 17px center;}



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

#header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%;  height:110px; margin:0px auto; padding:0px;  background:#fff;/* background: url(../img/s_img/bg_header.png) repeat 0 0; */}
#header:after{content:"";clear:both;display:block}
.container .pc{ margin:0 auto; padding:0; position:relative; }

.top_wrap{ max-width:86%; width:100%; margin:0 auto; position:relative;z-index:9999 !important; }



#wrap #header h1.logo{float: left;padding: 0 0 0 0px; z-index:99999 !important; }
#wrap #header h1.logo img{margin-top:21px; 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{width:110px; height:40px; float:left; display:inline;}
#wrap #header .t_menu li.t1{background:#0070B8;}
#wrap #header .t_menu li.t2{background:#667386;}
#wrap #header .t_menu li a{color: #fff;display: block;padding: 0 0 0 0px;font-size: 14px;font-weight: 300; text-align:center; line-height:38px;}


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


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


.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}

.question{position : absolute; top:39px; right:100px;  line-height: 1; background: #fff; border:1px solid #000;font-weight: bold; z-index: 500;}
.question a{display : inline-block; width: 100%; padding :8px 18px; font-weight:500; font-size:14px; color : #000;}



#wrap #header .language1{position:absolute; top:39px; right:0px; width:101px; height:40px; line-height: 38px;}
#wrap #header .language1 a{color:#fff; display:block; padding:0 0 0 0px; font-size:14px; font-weight:600; text-align:center;}
#wrap #header .language1 li:hover{text-decoration:underline; color:#222;}

#wrap #header .language1 .select{width:101px; height:28px; line-height:28px; border:1px solid #fff; border-radius:25px; letter-spacing:-0.2px; text-indent: 0px; font-size: 14px; font-weight:500; text-align:center; opacity:1;color: #000; background: url(../img/s_img/language_arrow.png) no-repeat right 60%;cursor: pointer;}
#wrap #header .language1 ul.select_con{ position:absolute; top:30px; left:8px; width:85px; z-index:2; background-color: #000; opacity: 0.5; color:#fff;}
#wrap #header .language1 ul.select_con li{height:40px; line-height:38px; font-size:14px; color:#fff; font-weight:600; text-align: center;letter-spacing:-0.2px; cursor:pointer; border-bottom:1px solid #383737;}
#wrap #header .language1 ul.select_con li.last{ border-left: none; border-bottom:none;}


@media(max-width:1650px){

.top_wrap {
    max-width:92%;
}



} /* end */



@media (max-width: 1500px) {


.question {
  position: absolute;
  top: 39px;
  right:100px;

}






} /* end */


@media (max-width: 1400px) {


.top_wrap{ max-width:96%; width:100%; margin:0 auto; position:relative;z-index:9999 !important; }
} /* end */


@media (max-width: 460px) {



#wrap #header .nav.mobile {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-y: scroll;
}


} /* end */