/* path */
.path-box{margin:-25px auto 0;max-width:1400px;background:#fff;border-radius:15px 0 15px 0;box-shadow:0 5px 10px rgba(0,49,93,.2);position:relative;z-index:1;}
.path-box:after{content:'';display:block;clear:both;}
.path{float:left;}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding:25px 25px 24px;background:#19273e url(/_res/ajou/ace/img/common/ico-path-home.png) no-repeat center center;background-size:17px;border-radius:14px 0 0 0;box-sizing:border-box;}
.path-depth-wrap{float:left;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:250px;border-right:1px solid #ddd;}
.path-depth-wrap > ul > li:nth-of-type(4){display:none;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:17px 34px 17px 24px;background:url(/_res/ajou/ace/img/common/ico-path-arr.png) no-repeat right 19px center;background-size:14px auto;font-size:15px;color:#777;font-weight:400;}
.path-depth-wrap > ul > li:last-of-type > .path-selected{color:#000;background-image:url(/_res/ajou/ace/img/common/ico-path-arr-on.png);}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(/_res/ajou/ace/img/common/ico-path-arr-up.png);}
.path-depth-wrap > ul > li:last-of-type.active > .path-selected{background-image:url(/_res/ajou/ace/img/common/ico-path-arr-on-up.png);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:100%;left:-1px;z-index:20;padding:18px 24px;width:calc(100% + 2px);background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.path-depth-wrap > ul > li > .path-depth > li{padding:0 0 9px 0;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{padding:0;}
.path-depth-wrap > ul > li > .path-depth > li > a{font-size:14px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#333;font-weight:500;text-decoration:underline;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#013775;text-decoration:underline;}
.path-box .util{float:right;}
.path-box .util ul:after{content:'';display:block;clear:both;}
.path-box .util ul li{float:left;border-left:1px solid #dbdbdb;}
.path-box .util ul li:last-of-type{margin:0;border-right:1px solid #dbdbdb;}
.path-box .util ul li a{display:block;padding:24.5px 24px;box-sizing:border-box;}
.path-box .util ul li:nth-of-type(1) a{display:none;background:url(/_res/ajou/oia/img/common/ico-print.png) no-repeat center center;background-size:16px;}
.path-box .util ul li:nth-of-type(2) a{background:url(/_res/ajou/oia/img/common/ico-refresh01.png) no-repeat center center;background-size:19px;}

/* 다산융복합교육센터 한정 4뎁스 path바 노출 */
.dasan .path-depth-wrap > ul > li:nth-of-type(4){display:list-item;}

@media screen and (max-width: 1280px) {
	/* path */
	.path-depth-wrap > ul > li{min-width:225px;}
}

@media screen and (max-width: 1024px) {	
	/* path */
	.path-depth-wrap > ul > li{min-width:160px;}
}

@media screen and (max-width:768px){
	/* path */
	.path-box{margin:0;border-radius:0;box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.path{float:none;}
	.path-home{padding:25px;border-radius:0;}
	.path-depth-wrap{width:calc(100% - 50px);}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:33.3333%;font-size:13px;line-height:18px;box-sizing:border-box;}
	.path-depth-wrap > ul > li:nth-child(3n){border-right:0;}
	.path-depth-wrap > ul > li:nth-child(3n):after{content:'';display:block;position:absolute;bottom:0;right:0;width:300%;height:1px;}
	.path-depth-wrap > ul > li > .path-selected{padding:16px 25px 16px 9px;background-position:right 8px center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.path-depth-wrap > ul > li > .path-depth{padding:10px 9px;}
	.path-box .util{display:none;}
	
	/* 반응형에서 다산융복합교육센터 4뎁스 path바 가리기 */
	.dasan .path-depth-wrap > ul > li:nth-of-type(4){display:none;}
}