@charset "utf-8";


/* header */
#wrap {width:100%; height:100%; overflow:hidden; position:relative;}
#wrap #header .container.pc{position: absolute; top:0;  margin:0 auto;width:100%; height:110px;border-bottom:1px solid #e5e5e5; }
#wrap #header .container.mobile{display: none;}
#wrap #header .container:after{display: block;content: '';clear: both;}

#wrap header{position: fixed;top: 0;left: 0;width: 100%;font-family: 'Noto Sans KR',sans-serif; transition:0.3s;box-sizing: border-box;z-index: 1000;}
/*
#wrap header *{box-sizing:border-box;}
#wrap header .header_wrap *{box-sizing:border-box;}*/

#wrap header .header_wrap{position: relative;height: 110px; margin:0 auto; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 0px;border-bottom: 1px solid transparent;}
#wrap header .line{display:block;content:"";position:absolute;top: calc(100% - 1px);left: 50%;transform:translateX(-50%);width: 100%;height: 1px;background: rgba(255,255,255,0.3);opacity:1;}
#wrap header .logo{position: relative; /*width: 134px;*/height: 0px;z-index: 1010;}
#wrap header .logo a{display: inline-block;width: 100%; height: 100%;}
#wrap header .logo a svg{width: 100%; height: 100%;}

#wrap header .area_r{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;z-index: 510;}
.menu_open #wrap header{position:fixed;}
.menu_open #wrap header .header_wrap{opacity:1 !important;display: flex !important;}



.util_wrap{margin-right: 30px;}
.util_list{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.2rem;color: rgba(255,255,255,0.9);font-weight: 400;line-height: 1em;font-family: 'Lexend','Montserrat',sans-serif;}
.util_list > li{display:flex; flex-wrap:wrap;}
.util_list > li:not(.language_wrap){overflow:hidden;}
.util_list > li:not(:last-child):after{display: inline-block;content:"";position: relative;top: 0px;left: 0;width: 1px;height: 9px;background: rgba(255,255,255,0.24);margin: 0 9px 0 6px;}
.util_list li a{position:relative; display:inline-block;}
.util_list > li:not(.language_wrap) > a:after{display:block;content: attr(data-hover);left: 0;position: absolute;top: 100%;}
.util_list > li:not(.language_wrap) > a:hover{opacity: 1;position: relative;transform: translateY(-100%);transition: transform 0.5s ease;}


#wrap header #nav{color: #fff;display: flex;flex-wrap: wrap;justify-content: center; width:1060px; margin:0 auto;}
#wrap header .gnb{/* display: flex; *//* flex-wrap: wrap; *//* justify-content: center; */}
#wrap header .gnb.depth1 > li{padding: 0 20px;display: inline-block;vertical-align: top;}
#wrap header .gnb.depth1 > li > a{font-size: 18px;font-weight: 500;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 110px; padding:0 10px; color:#000; }
#wrap header .gnb.depth1 > li > a p{overflow:hidden;position: relative;}
#wrap header .gnb.depth1 > li > a span{position: relative;display: block;letter-spacing: -0.25px;  color:#000; font-weight:500; }
#wrap header.hover:not(.none){padding-bottom:100px;}
#wrap header #nav .lnb{position: absolute;width: 100%;top: 100%;left: 0;height: 80px;text-align: center;font-size: 0;overflow: hidden;display: none; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

#wrap header #nav .lnb ul{position: relative;top: 0;left: 0;width: 100%; max-width:1060px; padding-left:0px; height: 100%;font-size:16px;text-align:center;margin: 0 auto;font-weight: 400;display: none;color: #000;z-index: 10; }
#wrap header #nav .lnb ul li{position: relative;display: inline-block;vertical-align: top;padding: 0 20px;}
/*
#wrap header #nav .lnb ul li:after{display: inline-block;content:"";position: absolute;top: 50%;right: 0px;width: 1px;height: 12px;background:#bfbfbf;vertical-align: top;transform:translateY(-50%);}
#wrap header #nav .lnb ul li:last-child:after{display:none;}
*/
#wrap header #nav .lnb ul li a{position: relative;vertical-align: top;display:inline-block;line-height:80px;transition:0.3s; color:#000;}
#wrap header #nav .lnb ul li a:hover{color:#141C67; font-weight:600;}
#wrap header #bar{position: absolute;bottom: -1px;width: auto;height: 3px;background: #141C67;z-index:100;}


.nicescroll-rails{right: 3px !important;}





@media(max-width:1650px){

	#wrap header .gnb.depth1 > li > a{padding:0;}
	#wrap header .gnb.depth1 > li{padding: 0 20px;}

	#wrap header .header_wrap{padding: 0 0;}


	#wrap header #nav .lnb ul{}
	#wrap header #nav .lnb{height: 80px;}
	#wrap header.hover:not(.none){padding-bottom:80px;}
	#wrap header #nav .lnb ul li a{line-height: 80px;}

	#wrap header #nav .lnb ul li{padding: 0 40px;}


#wrap header #nav{width:960px; }
#wrap header #nav .lnb ul{ max-width:960px;}

#wrap header #nav .lnb ul li{padding: 0 20px;}
#wrap header .gnb.depth1 > li{padding: 0 20px;}



}



@media(max-width:1400px){


#wrap #header h1.logo img {width:200px; margin-top:25px;}


#wrap header #nav{width:750px; }
#wrap header #nav .lnb ul{ max-width:750px;}

#wrap header #nav .lnb ul li{padding: 0 10px;}
#wrap header .gnb.depth1 > li{padding: 0 10px;}

}



@media(max-width:1199px){
#wrap #header .container.mobile {   display: block;}

#wrap header .header_wrap {  height: 70px;   }

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


#wrap #content{width: 100%; height:auto !important; padding-top:0;}
#wrap #content:after{display: block;content: '';clear: both;}

#sub #wrap #content{width: 100%;}

#wrap #header{ position:relative;position: fixed;top: 0;left: 0;height: 70px; background:#fff !important; }
#wrap #header .inner{width:100%;}
#wrap #header .top_box{display: block;}
#wrap #header .container.pc{display: none;}
#wrap #content .container{width:100%; margin: 0 auto;padding:0px 0;}

#wrap #header .container.mobile{display: block;padding: 0 15px;height: 70px; background:#fff;   }
#wrap #header .container.mobile:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right;}
#wrap #header.on{border-bottom: none;}
#wrap #header .container.pc{display: none; border-bottom:none;}

#wrap #header .container.mobile {
    display: block; position:relative; width:100%;
}
#wrap #header .container.mobile h1.logo{float: left;padding: 0 0 0 0px;}
#wrap #header .container.mobile h1.logo img{margin-top:10px;width:180px;}
#wrap #header .container.mobile .menu{float: right;padding: 0 0px 0 0; margin-right:20px;}
#wrap #header .container.mobile .menu img{width: 30px;margin-top: 21px;}
#wrap #header .container.mobile .menu img{width: 32px;margin-top: 22px;}
#wrap #footer .container{width: 100% !important; }


} /* end */

@media (max-width : 991px){

  #wrap header .header_wrap {
    height: 70px;
}
#wrap #header .container.mobile {
  display: block;
  padding: 0 15px;
  height: 70px;
  background: #fff;
}
#wrap #header {
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    background: #fff !important;
}
} /* end */


@media (max-width : 768px){
  #wrap #header .container.mobile{height:60px;}
#wrap #header {    height:60px;}
#wrap header .header_wrap {
    height: 60px;
}
#wrap #header .container.mobile h1.logo{float: left;padding: 0 0 0 0px;}
#wrap #header .container.mobile h1.logo img{margin-top:12px;width:130px;}
#wrap #header .container.mobile .menu {
    margin-right: 10px;}

#wrap #header .container.mobile .menu img {
    width: 32px;
    margin-top:17px;
}


} /* end */




/*

@media(max-width:1279px){
	#wrap header #nav{display:none;}


}


@media(max-width:767px){
	#wrap header .header_wrap{height: 55px;}
	#wrap header .logo{width: 95px;height: 25px;}
	.util_wrap{margin-right:20px;}

}
*/