.bottom-header-box{position:relative;margin:0 auto;max-width:1400px;}
.bottom-header-box01{display:flex;}
.bottom-header-box:after{content:"";display:block;clear:both;}
.bottom-header-box h1{display:inline-block;padding:20px 0;}
.bottom-header-box h1 > a{display:block;line-height:1;}
.bottom-header-box h1 > a span{display:inline-block;vertical-align:middle;}
.bottom-header-box h1 > a .logo{position:relative;padding: 0 9px 0 0;    width: 160px;    margin: 0 10px 0 0;}
.bottom-header-box h1 > a .logo:after{content: '';display: inline-block;position: absolute;top: 50%;right: 0;width: 1px;height: 42%;background: #000;vertical-align: middle;transform: translateY(-50%);}
.bottom-header-box h1 > a .logo img{width:100%;}
.bottom-header-box h1 > a .logo img.mobile{display:none;}
.bottom-header-box h1 > a .org-name{font-size:24px;line-height:1;color:#1b1b1b;font-weight:600;letter-spacing:-0.5px;}
.bottom-header-box h2 > a{display:block;}
.bottom-header-box h2 > a .logo{display:inline-block;padding:13px 0 28px;}
.bottom-header-box h2 > a .logo img{width:auto;height:40px;}
.bottom-header-box h1 > a .org-name{font-size:16px;line-height: 20px;color:#1b1b1b;font-weight:500;letter-spacing:-0.5px;}
.bottom-header-box .btn-login{display:none;}
.bottom-header-box .portal{display:none;}
.bottom-header-box .gnb{width:calc(100% - 420px);text-align:center;}

/* gnb */
.gnb-ul{display:inline-block;text-align:center;vertical-align:middle;}
.gnb-ul:after{content:'';display:block;clear:both;}
.gnb-ul > li{float:left;margin:0 40px 0 0;}
.gnb-ul > li > a{display:block;position:relative;padding:28px 0;font-size:18px;font-weight:500;line-height:25px;color:#333;}
.gnb-ul > li > a:hover{color:#0058a2;}
.gnb-ul > li > a.current{color:#0058a2;}
.gnb-ul > li:last-of-type{margin:0;}
.gnb-ul > li.active > a{color:#0058a2;}
.gnb-ul > li > .sub-mn-box{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:40;width:100%;box-sizing:border-box;}
.gnb-ul > li > .sub-mn-box > p{display:none;/*margin:0 0 30px;padding:33px 0;border-bottom:1px dotted #fff;font-weight:500;font-size:25px;color:#fff;line-height:33px;*/}
.gnb-ul > li > .sub-mn-box .sub-mn{display:flex;width:100%;max-width:1200px;margin:0 auto;padding:30px 0;flex-wrap:wrap;position:relative;box-sizing:border-box;}
.gnb-ul > li > .sub-mn-box .sub-mn > li{padding:20px 15px 25px;border-right:1px solid #718399;line-height:1;box-sizing:border-box;text-align:left;}
.gnb-ul > li > .sub-mn-box .sub-mn > li:first-of-type{border-left:1px solid #718399;}
.gnb-ul > li > .sub-mn-box .sub-mn > li:nth-of-type(6n){border-right:none;}
.gnb-ul > li > .sub-mn-box .sub-mn > li:nth-of-type(n+7){border-bottom:none;}
.gnb-ul > li > .sub-mn-box .sub-mn > li > a{display:block;position:relative;font-size:16px;line-height:26px;color:#fff;word-break:keep-all;}
.gnb-ul > li > .sub-mn-box .sub-mn > li > a.active{color:#ffa414;}
.gnb-ul > li > .sub-mn-box .sub-mn > li > a:hover{color:#ffa414;}
.gnb-ul > li > .sub-mn-box .sub-mn02{padding:15px 0;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li{padding:0 0 5px;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li:last-of-type{padding:0;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a{display:inline-block;position:relative;padding:0 0 0 10px;font-weight:200;font-size:15px;color:#d8deeb;line-height:23px;letter-spacing:-1px;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:before{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:3px;background:#d8deeb;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover{color:#ffa414;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover:before{background:#ffa414;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active{color:#ffa414;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active:before{background:#ffa414;}

.gnb-ul > li > .sub-mn-box .sub-mn02 > li > .newMn {color:#7e0000;}

.gnb-ul > li > .sub-mn-box .col02 .sub-mn02{display:inline-block;padding-right:10px;width:calc(50% - 10px);vertical-align:top;}
.gnb-ul > li > .sub-mn-box .col02 .sub-mn02:nth-of-type(2n){padding-right:0;}

.gnb-bg{display:none;position:absolute;top:100%;left:0px;z-index:30;width:100%;border-top:2px solid #00579f;border-bottom:1px solid #e3e3e3;background:rgba(0, 36, 80, .95);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;box-sizing:border-box;}


.btn-right-menu{display:none;}
.slideMenu{display:none;top:71px;height:calc(100% - 71px);}
.m-util{display:none;}

@media screen and (max-width:1400px){
	.bottom-header-box{padding:0 20px;box-sizing:border-box;}
}

@media screen and (max-width:1200px){
	.gnb-ul > li{margin:0 25px 0 0;}
}

@media screen and (max-width:1024px) {
	
	.bottom-header-box{padding:0;}
	.bottom-header-box h1{padding:16px 0 0 20px;width:calc(100% - 140px);}
	.bottom-header-box h1 > a .logo{margin:0 6px 0 0;padding:0 10px 0 0;width:140px;}
	.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;}
	.bottom-header-box h2{display:none;}
	.bottom-header-box .btn-login{display:block;width:70px;height:71px;padding:46px 0 0;text-align:center;font-size:14px;color:#001f4c;background:#f4f4f4 url(/_res/ajou/ace/img/main/ico-login.png) no-repeat center top 14px;background-size:auto 25px;box-sizing:border-box;}
	.bottom-header-box .btn-login.logout{background-image:url(/_res/ajou/ace/img/main/ico-logout.png);}
	.gnb{display:none;}
	.btn-menu{display:block;float:right;width:70px;height:71px;background:#002450 url(/_res/ajou/ace/img/main/ico-btn-m-gnb.png) no-repeat center;background-size:30px auto;}
	.btn-menu.close{background-image:url(/_res/ajou/ace/img/main/ico-btn-m-gnb-close.png);}
	.header-right-menu{display:none;}
	
	.bottom-header-box.on{background:#002450;}
	.bottom-header-box.on h1{width:calc(100% - 210px);}
	.bottom-header-box.on h1 > a .logo img{display:none;}
	.bottom-header-box.on h1 > a .logo img.mobile{display:block;}
	.bottom-header-box.on .btn-login{color:#fff;background-color:#1b3f6b;background-image:url(/_res/ajou/ace/img/main/ico-login-on.png);}
	.bottom-header-box.on .btn-login.logout{background-image:url(/_res/ajou/ace/img/main/ico-logout-on.png);}
	.bottom-header-box.on .portal{display:block;width:70px;height:71px;padding:46px 0 0;text-align:center;font-size:14px;color:#fff;background:#0e66ae url(/_res/ajou/ace/img/main/ico-portal.png) no-repeat center top 14px;background-size:auto 25px;box-sizing:border-box;}
}
@media screen and (max-width:480px) {
	.bottom-header-box h1{padding:16px 10px;}
	.bottom-header-box h1 > a span{line-height:19px;}
	.bottom-header-box h1 > a span span{display:block;}
	.bottom-header-box h1 > a .org-name{font-size:14px;}
}

@media screen and (max-width:375px) {
	.bottom-header-box h1 > a .logo{width:110px;}
}