.gnb-bg{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0, 45, 85, 0.8);}
.gnb-bg:after{content:'';display:block;position:absolute;bottom:0;right:0;left:0;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.1);}
header.active .bottom-header-wrap{padding:20px 0;background-color:#0065b3;}
header.active .top-header-wrap{padding:20px 0;background-color:#0065b3;}
.bottom-header-box{position:relative;margin:0 auto;padding:20px 0;max-width:1800px;box-sizing: border-box;}
.bottom-header-box01{justify-content: space-between;display: flex;}

.bottom-header-box .logo-box{display: flex;align-items: center;}
.bottom-header-box h1{padding: 0 0 10px;font-size:0;}
.bottom-header-box h1 > a{display:inline-block;}
.bottom-header-box h1 > a .logo{display:inline-block;}
.bottom-header-box h1 > a .logo img{width:100%;vertical-align: top;}
.bottom-header-box h1 > a .org-name{font-size:24px;line-height:1;color:#333;font-weight:600;letter-spacing:-0.5px;}


/*GNB 숨김
.bottom-header-box .gnb{width: calc(100% - 400px);}
.bottom-header-box .gnb .gnb-ul{position:relative;display:flex;justify-content:space-between;width:100%;height: 100%;}
.bottom-header-box .gnb .gnb-ul>li{position:relative;display:flex;padding:0 0 0 20px;height:100px;align-items:center;box-sizing: border-box;}
.bottom-header-box .gnb .gnb-ul>li>a{display:inline-block;font-weight:400;font-size:18px;color:#fff;}
.gnb-ul > li:before{content:'';position:absolute;left:0;top:50%;height:30px;;width:1px;background-color:#fff;transform:translateY(-50%);}
.gnb-ul > li:after{content:'';position:absolute;bottom:0;left:1px;display:block;width:100%;height:4px;background-color:#88B2DF;transform:scale(0 ,1);transform-origin:bottom left; }
.gnb-ul > li.active:after{transition:all 0.3s; transform:scale(1); }
*/

.sub-mn{display:none;position:absolute;padding: 25px 0;top:100%;left:0;z-index:20;box-sizing:border-box;overflow:hidden;border-right:1px solid rgba(255,255,255,0.1);border-left: 1px solid transparent;}
.gnb-ul > li:first-of-type .sub-mn{border-left:1px solid rgba(255,255,255,0.1);}
.sub-mn > li{padding:3px;/*border-bottom:1px solid rgba(255,255,255,0.1);*/overflow:hidden;box-sizing:border-box;}
.sub-mn > li:last-of-type{border-bottom:none;}
.sub-mn > li > a{display:block;position:relative;padding:15px 20px;font-size:16px;color:#fff;line-height:21px;box-sizing:border-box;color:#fff;}
/*.sub-mn > li:first-of-type > a{padding-top:40px;}
.sub-mn > li:last-of-type > a{padding-bottom:40px;}*/
.sub-mn > li > a:hover{color:#fff;}
.sub-mn > li > a:hover:before{content:'';display:block;position:absolute;top:-3px;left:-2px;right:-3px;bottom:-3px;background-color:#004F9E;color:#fff;z-index:-1;}
.gnb-ul > li:first-of-type .sub-mn li > a:hover:before{left:-3px;}
/*.sub-mn > li > a:focus-visible:before{content:'';display:block;position:absolute;top:-3px;left:-2px;right:-3px;bottom:-3px;background-color:#00314f;color:#fff;z-index:-1;}*/
.sub-mn > li .sub-mn3depth{display:none;}
.sub-mn > li .sub-mn3depth > li > a {display: block;color: rgba(255,255,255,0.8);padding: 8px 24px;font-size: 14px;}
.sub-mn > li .sub-mn3depth > li > a:hover{color:#fff;text-decoration:underline #fff;}
.btn-right-menu{display:none;}
.slideMenu{display:none;}

.slideMenu .quick-link-box {
   
	width: 100%;        
    background: #004F9E;
    overflow: hidden;
}

.slideMenu .quick-link-box .list-box { display:flex;}

.slideMenu .quick-link-box .list-box li {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 5px 0px;
	width:20%;
    height: 100px;
    color: #fff;
    font-size: 13px;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-weight: 400;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
}

.slideMenu .quick-link-box span.img-box {
    display: block;
    margin: 0 0 10px;
}

.slideMenu .quick-link-box .btn-top-box {
    display: flex;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    background: #004E89;
    justify-content: center;
    align-items: center;
}

.slideMenu .quick-link-box .btn-top-box a {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.45px;
    color: #fff;
}

.slideMenu .quick-link-box .btn-top span.img-box {
    margin: 0 0 8px;
}

@media screen and (max-width:1600px) {
	.bottom-header-box .gnb{width: calc(100% - 320px);}
	.sub-mn > li > a{padding:10px 5px;font-size:15px;}
	
}
@media screen and (max-width:1280px) {
	.bottom-header-box .logo-box{width:260px;}
	.bottom-header-box .gnb {width: calc(100% - 280px);}
	
}

@media screen and (max-width:1024px) {
	.bottom-header-box .logo-box{width:auto;}
	
	.bottom-header-box{padding:10px 20px 5px;}
	.bottom-header-box01{display: block;width:100%;}
	.logo-box{display:flex;justify-content:space-between;align-items:center;}
	.bottom-header-box h1{padding:0 10px 3px 0;width:calc(100% - 45px);}
	.bottom-header-box h1 > a .logo{}
	.bottom-header-box h1 > a .logo img{width:100%;vertical-align:baseline;}
	.bottom-header-box h1 > a .logo:after{height:55% ;}
	.bottom-header-box h1 > a .org-name{width:calc(100% - 156px);font-size:15px;line-height:20px;}
	.gnb{display:none;}
	.btn-menu{display:block;margin:0;width:24px;height:24px;background:url(../img/common/btn-gnbm-open.png) no-repeat 0 0/100%;}
	.header-right-menu{display:none;}
	
}
@media screen and (max-width:480px) {

	.bottom-header-box h1 > a span span{display:block;}
}