@charset "utf-8";

#header .header-top .gloval_topright .top_searbtn {float:left; position:relative; background: #e9e9e9;}
#header .header-top .gloval_topright .top_searbtn a {padding:0px 20px; line-height:50px; width:50px;display:block; font-weight:600; box-sizing:border-box; text-indent:-9999px; border-right:1px solid #ccc; transition:all .2s; background:url("/images/common/site_searbtn.png") no-repeat 50% 50%;}
#header .header-top .gloval_topright .top_searbtn a:hover {background-color:#dedede;}
#header .header-top .gloval_topright .top_searbtn a.site_on {background:url("/images/common/site_searbtn_off.png") no-repeat 50% 50%;} 

#header .top-search{position:absolute; top:0px; right:50px; border:3px solid #ee6575; width:370px; border-radius:0; overflow:hidden;  z-index:21; box-sizing:border-box; height:50px; background-color:#fff; z-index:101; display:none;}
#header .top-search .input-btn{position:relative; padding-right:40px;  padding-right:20px;}
#header .top-search .input-btn select {width:30%; height:48px;  display:inline-block;margin-left:20px; font-size:16px; border:none; margin-top:-3px;}
#header .top-search .input-btn input[type="text"]{padding-left:1px; width:calc(70% - 60px); border:none; height:43px; font-size:16px; box-sizing: border-box; display:inline-block; margin-top:-6px;}
#header .top-search .input-btn .btn{position:absolute; top:1px; right:0px; width:43px; height:40px; display:block; border:0px; background:url("/images/portal/common/search-icon.png") no-repeat center; padding:0px}

#header .top-search.site_on {display:block;}

@media all and (max-width:1280px){    
    #header .top-search .input-btn select {display: none;} 
    #header .top-search .input-btn input[type="text"] {width: calc(100% - 60px);height: 53px;margin-top: 0px;}    
}

#header h1.t-logo a{width:380px; height:70px; display:block; background:url("/images/youth/logo.jpg") no-repeat; }
@media all and (max-width:1280px){
    #header h1.t-logo a{width:260px; background-size:100%; background-position:0 30%;}
}
#header .gnb-wrap .gnb .top_menulist{width:100%; margin-left:0; height:130px; text-align:right; position:relative!important;}
#header .gnb-wrap .gnb .top_menulist > li{text-align: center; display:inline-block; }
#header .gnb-wrap .gnb .top_menulist > li > a{float:none; font-size:21px; font-weight:600; color:#333; display:block; padding:53px 50px!important; letter-spacing:-0.02em;}

#header .gnb-wrap .gnb .top_menulist li .nav:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .top_menulist li .nav{ position:absolute; top:130px; left:0; display:none; min-height:350px; }

#header .gnb-wrap.active .gnb .top_menulist li .nav{display:block!important;  width:20%; box-sizing:border-box; border-right:1px solid #dedede; margin-left:-1px; padding:30px;}
#header .gnb-wrap.active .gnb::before {content:'';display:block;    position: absolute;
    top:128px;
    left: 50%;
    width: 2000px;
    margin-left: -1000px;
    height:350px;
    content: "";
    background: #fff;
    border-bottom: solid 1px #e7e7e7;
    border-top: solid 1px #e7e7e7;}

#header .gnb-wrap .gnb .top_menulist li:nth-child(1) .nav{left:0; border-left:1px solid #dedede;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(2) .nav{left:20%;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(3) .nav{left:40%;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(4) .nav{left:60%;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(5) .nav{left:80%;}

#header .gnb-wrap .gnb .top_menulist li .nav .nav-con .title {font-size:18px; color:#000; font-weight:600; margin-bottom:10px; display:block;}
#header .gnb-wrap.active .gnb .top_menulist li .nav:hover {background-color:#f2f2f2;}
#header .gnb-wrap.active .gnb .top_menulist li.over_h .nav{background-color:#f2f2f2;}

/*오버 2차 타이틀 */
#header .gnb-wrap .gnb .top_menulist li .depth2-1{position:relative; margin-bottom:3px; float:none; display:block; color:#555555; border:1px solid #ccc; font-size:16px; padding:4px 0; line-height:30px; -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; border-radius:3px; background-color:#fff;}
#header .gnb-wrap .gnb .top_menulist li .depth2-1:before{display:none;}
#header .gnb-wrap .gnb .top_menulist li .depth2-1.newin span{padding-right:24px; background: url("/images/common/new_link.png") no-repeat right;}
#header .gnb-wrap .gnb .top_menulist li .depth:hover .depth2-1{ color:#fff; background:#ee6575;}

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



@media all and (max-width:1600px){
    #header .gnb-wrap .gnb .top_menulist li.secs:first-child a.depth1-1{}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb{top:128px; left:0px; width:100%; margin-left:0px;}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb:before{display:none;}	
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav{padding:0px 0px 30px 0px;}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit{display:none;}
}

@media all and (max-width:1470px){
    #header .gnb-wrap .gnb .top_menulist li a{padding:53px 30px;}
    }


@media all and (max-width:1390px){
    #header .gnb-wrap .gnb .top_menulist li a{padding:53px 30px;}
}

@media all and (max-width:1350px){
    #header .gnb-wrap .gnb .top_menulist li a{padding:53px 30px;}
    }

@media all and (max-width:1320px){
    #header .gnb-wrap .gnb .top_menulist li a{padding:53px 30px;}
    }


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

    #header .mobile-gnb{display:block; position:fixed; top:0px; right:-200%; height:100%;  background:#fff; z-index:999;overflow-y:auto;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.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 15px 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:#ee6575; 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;}


}

@media all and (max-width:680px){
    #header .mobile-gnb.on{width:300px;}

    #header .mobile-gnb .top_menulist li a{display:block; padding:10px 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;}
}

@media all and (max-width:1280px){
    #header .gnb-wrap .mobile-gnb .mobile-top .t-logo a{width:100%; height: 70px; display: block; background: url(/images/youth/logo.jpg) no-repeat 50% 50%; }

}