.gnb-wrap{text-align:center;}
.logo-box{float:left;padding:18px 0 0 40px;}
.logo-box > a{display:block;}
.logo-box span:nth-of-type(1){margin: 0 8px 0 0;display: inline-block;width: 200px;position: relative;padding: 0 10px 0 0;}
.logo-box span:nth-of-type(1)::after{content:'';position: absolute;display: inline-block;width: 2px;height: 40%;right: 0px;top: 50%;transform: translateY(-50%);background: #000;}
.logo-box span:nth-of-type(1) img{width:100%;}
.logo-box span:nth-of-type(2){display:inline-block;max-width:85px;font-size:18px;font-weight:600;line-height:1;text-align:left;vertical-align: middle;color:#333333;}
.gnb-wrap .gnb-box{display:inline-block;}

/* gnb */
.gnb-ul{text-align:center;}
.gnb-ul:after{content:'';display:block;clear:both;}
.gnb-ul > li{float:left;margin:0 30px 0 0;}
.gnb-ul > li > a{display:block;position:relative;padding:28px 0;font-size:18px;font-weight:600;line-height:25px;color:#333;letter-spacing:-0.5px;}
.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;flex-wrap:wrap;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;position:relative;box-sizing:border-box;}
.gnb-ul > li > .sub-mn-box .sub-mn > li{padding:20px 15px 25px;width:16.66666% !important;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;line-height:1;box-sizing:border-box;text-align:left;}
.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:hover{background:#f5f5f5;}
.gnb-ul > li > .sub-mn-box .sub-mn > li > a{display:block;position:relative;font-weight:500;font-size:16px;line-height:26px;color:#333;word-break:keep-all;}
.gnb-ul > li > .sub-mn-box .sub-mn02{padding:15px 0 0 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:400;font-size:15px;color:#666666;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:#666;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover{color:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover:before{background:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active{color:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active:before{background:#0058a2;}

.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:#fff url(/_res/ajou/oia/img/common/bg-logo03.png) no-repeat 3% 50%;background-size:200px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;}

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

@media screen and (max-width:1400px) {
	.logo-box{padding:18px 0 0 20px;}
	.gnb-ul > li > a{font-size:16px;}
}

@media screen and (max-width:1300px) {
	.logo-box{padding:24px 0 0 20px;}
	.logo-box span:nth-of-type(1){width:150px;}
	.logo-box span:nth-of-type(2){max-width:75px;font-size:16px;}
	.gnb-ul > li{margin:0 10px 0 0;}
	
}

@media screen and (max-width:1024px) {
	.gnb-wrap .gnb-box{display:none;}
	.logo-box{float:none;display:inline-block;padding:10px 0;}
	.logo-box span:nth-of-type(1){width:180px;}
	.logo-box span:nth-of-type(2){max-width:none;}
	.slideMenu .logo-box{padding:10px 0 10px 20px;}
}

@media screen and (max-width:480px) {
	.logo-box{padding:15px 0;}
	.logo-box span:nth-of-type(1){width:144px;}
	.logo-box span:nth-of-type(2){max-width:75px;}
}