@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:90px; 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: 1200px !important;height: 80px;margin: 0 auto; }
#wrap #header .container.mobile{display: none;}
#wrap #header .container:after{display: block;content: '';clear: both;}
#wrap #header h1.logo{position: relative;z-index: 700;float: left;padding:0px 0 0 0;height:43px;}
#wrap #header h1.logo img{margin-top:30.5px;}


#wrap #header .language1{position:absolute; top:31px; right:0px; width:101px; height:40px; line-height: 38px; z-index:999;}
#wrap #header .language1 a{color:#333; 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{font-family: 'Noto Sans KR'; width:101px; height:28px; line-height:24px; border:1px solid #111; border-radius:25px; letter-spacing:-0.2px; text-indent: 0px; font-size: 14px; font-weight:600; text-align:center; opacity:1;color: #111; background: url(../img/s_img/language_arrow.png) no-repeat 50% center;cursor: pointer;}
#wrap #header .language1 ul.select_con{position:absolute; top:30px; left:8px; width:85px; z-index:2; background-color: #d4d4d4; opacity:1; color:#ed1c24;}
#wrap #header .language1 ul.select_con li{display:block;height:40px; line-height:38px; width:85px; font-size:14px; color:#111; 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;}




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


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



.navi {position: absolute;top:0px;left: 0; width: 100%;height: 84px;box-sizing:border-box;z-index: 600; margin:0; padding:0;}
.gnb {position: absolute;top:5px; left:0;padding: 0 0 0 220px;z-index:600;overflow-y:hidden;height:84px; width:100%; letter-spacing:0;}
.gnb ul:after{display: block;content: '';clear: both;}
.gnb ul li{position: relative;float: left;width:17%;height: 84px;text-align: center; }
.gnb .depth1{display:block; width:100%; height:60px; margin-top:12px; line-height:60px; text-align:center; font-size:18px; color:#222; padding-left:0px; font-weight:500;}
.gnb ul li ul {margin:15px 0 0 0; width:100%;padding:30px 0 0 0px;min-height:239px;opacity:0;transform:translateY(20px); }
/*
.gnb ul li ul.line1{width:90%; border-right:1px solid #707070; width:90%;}
.gnb ul li ul.line2{border-right:1px solid #707070; width:96%;}
.gnb ul li ul.line3{border-right:1px solid #707070; width:86%;}
.gnb ul li ul.line4{border-right:1px solid #707070; width:80%;}
.gnb ul li ul.line5{}
*/

.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: 15px; color:#fff; font-weight:400; width:100%; text-align: center; letter-spacing:0em; z-index:99999;padding-left:0px; }
.gnb ul li ul li a:hover{color:#abddf8; 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: center;margin-bottom: 20px;height: 35px;line-height: 35px;}
.gnb ul li ul li.title.on{color: #008cd5;}

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



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

.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:90px ;z-index:110;overflow: hidden; }
.navi-bg .white-bg{width:100%;min-width: 1200px; height:240px; 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:#008cd4; 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: normal;padding: 0;}
#wrap #header .nav.mobile .control_box ul.language li.on a{color: #008cd4;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;}



@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:23.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;}





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












}/* 768px End*/