.path{width:100%;}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;width: 60px;height: 60px;background:#0068B7 url(../img/common/ico-path-home02.png) no-repeat center center;text-indent:-99999px;box-sizing:border-box;border-right: 1px solid #00000033;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.path-depth-wrap{float:left;width: calc(100% - 60px);background-color:#0068B7;box-sizing:border-box;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:384px;border-right: 1px solid rgba(0, 0, 0, 0.2);box-sizing: border-box;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding: 21px 34px 21px 24px;background:url(../img/common/ico-down-b.png) no-repeat right 15px center;font-size: 18px;font-weight: 400;line-height: 1;color: #fff;}
.path-depth-wrap > ul > li.active > .path-selected{background:url(../img/common/ico-up-b.png) no-repeat right 15px center;}
.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 #dbdbdb;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:15px;color:#222;font-weight:400;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#333;text-decoration:underline;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#1f51a2;text-decoration:underline;}

@media screen and (max-width:1024px){
	.path-home{width: 50px;height: 50px;}
	.path-depth-wrap{width:calc(100% - 50px);}
	.path-depth-wrap > ul > li {min-width: 300px;}
	.path-depth-wrap > ul > li > .path-selected{font-size: 14px;padding:18px 25px 18px 15px;;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.path-depth-wrap > ul > li > .path-depth{padding:10px 9px;}
}

@media screen and (max-width:768px){
	.path{float:none;margin:0;}
	.path-home{display:none;}
	.path-depth-wrap{width:100%;border-top-right-radius: 0;border-bottom-right-radius: 0;}
	.path-depth-wrap ul{display: flex;}
	.path-depth-wrap > ul > li:last-child {display:block;}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:100%;font-size:14px;line-height:19px;box-sizing:border-box;}
	.path-depth-wrap > ul > li:last-child{border-right: 0;}
}