@charset "utf-8";

#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 {letter-spacing:-0.05em;}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 span::after {content: ''; display: block; height: 6px; width: 6px; background:#e90c79; position: absolute; bottom:initial; left: calc(50% - 3px); transition: all .2s; opacity: 0; top:40px; border-radius:50%;}
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1:hover span::after {top:35px;}
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1 span::after {top:35px; bottom:initial;}
#header .gnb-wrap.active .gnb .top_menulist li.secs:hover .nav {background-color:#f2f2f2;}

#header .gnb-wrap div.nav_tit {display:none;}
#header .gnb-wrap.active div.nav_tit {display:block; position:absolute; top:115px; left:0; width:16%; min-height:300px; background:url(/images/common/submenubg.png) right 0 no-repeat; padding:40px 30px 0px 0px; box-sizing:border-box;}
#header .gnb-wrap.active div.nav_tit p.title {font-family: 'yg-jalnan'; font-size:24px; color:#333; margin-bottom:20px; word-break: keep-all;}
#header .gnb-wrap.active div.nav_tit p.copy { font-size:16px; color:#333; word-break: keep-all;}

@media all and (max-width:1600px){
    #header .gnb-wrap div.nav_tit {display:none!important;}
}

#header .gnb-wrap .gnb .top_menulist li .nav:after{clear:both; content:""; display:block;}
#header .gnb-wrap .gnb .top_menulist li .nav {
    border-top:1px solid #dedede;
    position: relative;
    padding: 0px 0px 0px 0px;
}

 
/*오버 2차 타이틀 */
#header .gnb-wrap .gnb .top_menulist li .depth2-1{position:relative; margin-bottom:3px; float:none; display:block; color:#555555; border:none; font-size:16px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; font-weight: 500; padding:0; padding-left:8px; text-align:left; margin-top:10px; word-break: keep-all;}
#header .gnb-wrap .gnb .top_menulist li .depth2-1:before{content:''; display:block; width:2px; height:2px; background:#333; position:absolute; top:9px; left:0;}
#header .gnb-wrap .gnb .top_menulist li .depth:hover .depth2-1{ color:#fff; color:#003366; text-decoration:underline;}

/*오버 3차*/
#header .gnb-wrap .gnb .top_menulist li .depth3-1 {display:none!important;}

@media all and (max-width:1280px){

    #header .mobile-gnb{display:block; position:fixed; top:0px; right:-200%; height:100%;  background:#455d88; z-index:999; transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:99999}
    #header .mobile-gnb div.nav_tit {display:none!important;}
    #header .mobile-gnb.on{right:0; width:400px;}
    #header .mobile-gnb .top_menulist{z-index:50; }
    #header .mobile-gnb .top_menulist li{position:relative;}
    #header .mobile-gnb .top_menulist li a{display:block; padding:15px 50px 10px 20px}
    #header .mobile-gnb .top_menulist li a.depth1-1{position:relative; font-size:18px; background:#fff; color:#333; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on{background-color:#e90c79; color:#fff; }

    #header .mobile-gnb .top_menulist li a.depth1-1:after{content:""; font-size:24px; position:absolute; right:20px; top:50%; font-weight:100; width:24px; height:24px; border-radius:50%;margin-top:-12px; background:#f2f2f2 url(/images/common/top_lang_down.png) 50% 50% no-repeat;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on:after{background:#f2f2f2 url(/images/common/top_lang_up.png) 50% 50% no-repeat;}

    #header .mobile-gnb .top_menulist li .nav{display:none; background:#eff0f2}
    #header .mobile-gnb .top_menulist li .nav .depth .depth2-1{position:relative; display:block; padding:10px 50px 10px 30px; border-bottom:1px solid #fff; color:#000; font-size:16px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; background:#eff0f2;}
    #header .mobile-gnb .top_menulist li .nav .depth.has-sub .depth2-1:before{position:absolute; right:27px; top:50%; width:10px; height:10px; margin-top:-5px; background:url(/images/common/top_lang_down.png) 50% 50% no-repeat; content:"";}
    #header .mobile-gnb .top_menulist li .nav .depth.has-sub .depth2-1.on:before{background:url(/images/common/top_lang_up.png) 50% 50% no-repeat;}
    #header .mobile-gnb .top_menulist li .nav .depth.has-sub .depth2-1.on{color:#b33e4c;}

    #header .mobile-gnb .top_menulist li .nav .depth .depth3-1{display:none; background:#fff; padding:10px 30px; font-size:16px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
    #header .mobile-gnb .top_menulist li .nav .depth .depth3-1 li a{border:none; padding:5px 10px;display:block;color:#494f5a; position:relative;}
    #header .mobile-gnb .top_menulist li .nav .depth .depth3-1 li a::before {content:''; display:block; width:5px; height:2px; background:#ccc; position:absolute; top:17px; left:0;}
    #header .mobile-gnb .top_menulist li a[target="_blank"] span {padding-right:15px; background:url(/images/common/newwin.png) right 50% no-repeat;}
    #header .mobile-gnb .top_menulist li .nav .nav-con .title {display:none;}
#header h1.t-logo a {    width: 200px!important;    background-size: 100%!important;}

}

@media all and (max-width:680px){
    #header .mobile-gnb.on{width:300px;}
    #header .mobile-gnb .top_menulist li a{display:block; padding:15px 40px 10px 15px}
    #header .mobile-gnb .top_menulist li a.depth1-1{font-size:15px;}
    #header .mobile-gnb .top_menulist li a.depth1-1:after{font-size:28px;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on:after{font-size:36px;}
    #header .mobile-gnb .top_menulist li .nav .depth .depth2-1{padding:8px 40px 8px 20px; font-size:14px;}
    #header .mobile-gnb .top_menulist li .nav .depth .depth3-1{padding:5px 15px; font-size:14px;}
	#header .gnb-wrap .mobile-gnb .mobile-top .t-logo a {   background-size: 100%!important;}
}