/* path */
.path-box{margin:0 auto;max-width:1400px;}
.path-box:after{content:'';display:block;clear:both;}
.path-wrap{position: relative;top: -25px;}
.path > ul:after{content:'';display:block;clear:both;}
.path{float:left;width:100%;background-color:#fff;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding: 30px 0;width:94px;font-size:20px;text-align:center;border-right: 1px solid #efefef;color: #666;box-sizing:border-box;}
.path-home > span{position:relative;padding:0 0 0 30px;}
.path-depth-wrap{width:calc(100% - 94px);float:left;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;border-right:1px solid #ddd;box-sizing: border-box;}
.path-depth-wrap > ul > li:last-of-type{border-right:none;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:30px 34px 30px 24px;background:url(/_res/ajou/oia/img/common/ico-path-arrow02.png) no-repeat right 19px center;background-size:10px;font-size:20px;color:#666;font-weight:400;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(/_res/ajou/oia/img/common/ico-path-arrow02-close.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% + 1px);background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.path-depth-wrap > ul > li > .path-depth > li{padding:0 0 12px 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:18px;color:#666;font-weight:400;word-break:break-word;}
.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;}
.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;}

.path-depth-wrap > ul > li.active{background-color:#0066b3; color:#fff;}
.path-depth-wrap > ul > li:last-of-type.active{background-color:#0066b3; color:#fff;border-radius: 0 5px 5px 0 ;}
.path-depth-wrap > ul > li.active a{color:#fff;}
.path-depth-wrap > ul > li > .path-selected{background: url(/_res/ajou/cie/img/common/ico-path-down.png) no-repeat right 19px center;}
.path-depth-wrap > ul > li.active .path-selected{background: url(/_res/ajou/cie/img/common/ico-path-up.png) no-repeat right 19px center;}


@media screen and (max-width: 768px){
	.path-home {display: none;}
	.path-depth-wrap > ul > li > .path-selected{padding:20px 34px 20px 24px;}
	.path-depth-wrap > ul > li > .path-depth{padding:20px 10px;}
}

@media screen and (max-width: 480px){
	.path-depth-wrap > ul > li > .path-selected{padding: 16px 20px 16px 10px;font-size:16px;}
	.path-depth-wrap > ul > li > .path-selected {background: url(/_res/ajou/cie/img/common/ico-path-down.png) no-repeat right 7px center;}
	.path-depth-wrap > ul > li.active .path-selected { background: url(/_res/ajou/cie/img/common/ico-path-up.png) no-repeat right 7px center;}
	.path-depth-wrap > ul > li > .path-depth > li > a{font-size:16px;}
	.path-depth-wrap > ul > li > .path-depth{padding:10px;}
}