.title-box{margin:0 0 40px;padding:0 0 19px;border-bottom:3px solid #172b4f;}
.title-box:after{content:'';display:block;clear:both;}
.page-title{float:left;font-weight:600;font-size:40px;line-height:1;color:#172b4f;letter-spacing:-1px;}

.path-wrap{float:right;}
.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:20px 30px 20px 0;background:url(../img/common/ico-home.png) no-repeat left center;background-size:17px;box-sizing:border-box;}
.path-depth-wrap{float:left;}
.path-depth-wrap > ul{position:relative;}
.path-depth-wrap > ul:before{content:'';display:block;position:absolute;top:11px;left:0;width:1px;height:18px;background:#e7e9ed;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:174px;}
.path-depth-wrap > ul > li:after{content:'';display:block;position:absolute;top:11px;right:0;width:1px;height:18px;background:#e7e9ed;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:10px 34px 10px 16px;background:url(../img/common/ico-path-open.png) no-repeat right 16px center;background-size:11px;font-size:14px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(../img/common/ico-path-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 #e7e9ed;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:#172b4f;font-weight:500;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#172b4f;}

@media screen and (max-width: 1024px){
	.path-depth-wrap > ul > li{min-width:135px;}
}
@media screen and (max-width: 768px){
	/* title */
	.title-box{margin:0 0 20px;padding:0 0 10px;}
	.page-title{float:none;padding:0 0 10px;font-size:22px;line-height:30px;}

	/* path */
	.path-wrap{float:none;}
	.path-home{display:none;}
	.path-depth-wrap{width:100%;}
	.path-depth-wrap > ul:before{top:9px;height:16px;}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:calc(100% / 3);font-size:13px;line-height:18px;box-sizing:border-box;}
	.path-depth-wrap > ul > li:after{top:9px;height:16px;}
	.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:8px 25px 8px 12px;background-position:right 10px 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-wrap .util{display:none;}
}