@charset "UTF-8";

.path-home{float:left;display:block;padding:23px 24px 24px;background:#da0000 url(/_res/service/dea/img/common/ico-home.png) no-repeat center center/36px;}
.path-home span{display:block;position:absolute;top:0;left:-999999px;width:0;height:0;text-indent:-9999999px;overflow:hidden;}

.path-depth-wrap{float:left;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;width:246px;border-right:1px solid #EFEFEF;box-sizing:border-box;}
.path-depth-wrap > ul > li.hide{display:none;}
.path-depth-wrap > ul > li > .path-selected{display:block;position:relative;padding:17px 40px 11px 25px;color:#7c7c7c;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.path-depth-wrap > ul > li:last-of-type > .path-selected{color:#0f0000;}
.path-depth-wrap > ul > li > .path-selected:after{content:'';display:block;position:absolute;top:38%;right:25px;width:8px;height:8px;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #7c7c7c #7c7c7c transparent;transform:rotate(45deg);-webkist-transform:rotate(45deg);-mox-transform:rotate(45deg);transition:all .3s;}
.path-depth-wrap > ul > li:last-of-type > .path-selected:after{border-color:transparent #20242B #20242B transparent;}
.path-depth-wrap > ul > li.active > .path-selected:after{top:50%;transform:rotate(225deg);-webkist-transform:rotate(225deg);-mox-transform:rotate(225deg);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:calc(100% + 1px);left:-1px;z-index:20;width:calc(100% + 2px);max-height:264px;background:#fff;border:1px solid #f2f2f2;border-top:0;box-sizing:border-box;overflow:auto;}
.path-depth-wrap > ul > li > .path-depth > li{border-bottom:1px solid #f2f2f2;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{border:none;}
.path-depth-wrap > ul > li > .path-depth > li > a{display:block;padding:10px 25px;color:#7c7c7c;}
.path-depth-wrap > ul > li > .path-depth > li > a[target='_blank'] span{padding:0 16px 0 0;background:url(/_res/service/dea/img/common/ico-link-gnb.png) no-repeat center right 1px/9px;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#da0000;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{position:relative;font-weight:500;color:#0f0000;}

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

@media screen and (max-width:1024.98px){
	.path-depth-wrap > ul > li{width:150px;}
}

@media screen and (max-width:768px){
	.path-home{display:none;}
	.path-depth-wrap{float:none;}
	.path-depth-wrap > ul > li{width:33.3333%;}
	.path-depth-wrap > ul > li:first-of-type{border-right:1px solid #efefef;}
	.path-depth-wrap > ul > li > .path-selected{padding:12px 25px 9px 20px;}
	.path-depth-wrap > ul > li > .path-selected:after{right:10px;width:6px;height:6px;}
	.path-depth-wrap > ul > li > .path-depth{max-height:164px;}
	.path-depth-wrap > ul > li > .path-depth > li > a{padding:10px 20px;}
	.path-depth-wrap > ul > li > .path-depth > li > a[target='_blank'] span{padding:0 14px 0 0;}
}