.path {  box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 23px; padding: 0 0 20px; }
.path > ul { display: flex; align-items: center; flex-wrap: wrap; gap: 0 20px; }
.path > ul > li { position: relative; box-sizing: border-box; text-transform: capitalize; }
.path > ul > li:last-of-type { padding-right: 0; }
.path > ul > li:after { content: ''; position: absolute; top: 50%; right: -14px; width: 5px; height: 8px; background: url(../img/common/ico-path-right.png)no-repeat; transform: translateY(-50%); }
.path > ul > li:last-child:after { display: none; }
.path > ul > li > a { display: block; color: #666; pointer-events: none; }
.path > ul > li.active > a:after { background-color: #f1f1f1; background-image: url(../img/common/ico-path-down-on.png); transform: rotate(180deg); -ms-transform: rotate(180deg); }
.path > ul > li > a > span { display: inline-block; font-weight: 500; font-size: 15px; line-height: 100%; letter-spacing: .2px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: unset; }

/* 셀렉트 박스 */
.path > ul > li > ul{display:none;position:absolute;top: 100%;left: auto;z-index: 999;padding: 15px;width: 100%;background-color: #fff;font-size:0;box-sizing:border-box;border: 1px solid #E9E9E9;border-radius: 5px;border-top: 0;}
.path > ul > li > ul > li{position:relative;}
.path > ul > li > ul > li:before{content: "";position: absolute;width: 3px;height: 3px;background: #666666;top:8px;left: 0;border-radius: 100%;}
.path > ul > li > ul > li.active:before{background: #111111;}
.path > ul > li > ul > li > a{display: block;position:relative;padding: 0px 0 8px 10px;font-weight: 400;font-size: 15px;color: #666;line-height: 20px;}
.path > ul > li > ul > li:last-child > a {padding-bottom: 0;}
.path > ul > li > ul > li.active > a{font-weight: 600;color: #003B84;}
.path > ul > li > ul > li.active > a:before{content:'';display: none;position:absolute;top: 50%;left: 50%;z-index:-1;padding:7px 10px;width:100%;height:100%;background-color:#f2f4f6;border-radius: 5px;transform: translate(-50%, -50%);}
.path > ul > li > ul > li.active > a:after{content:'';position:absolute;top: 50%;right: 10px;width: 7px;height:12px;background: url(../img/common/ico-path-depth-arr.png)no-repeat 50% 50%/contain;transform: translateY(-50%);}
.path > ul > li > ul > li:not(.active) > a:hover{text-decoration:underline;}
.path ul li a[target="_blank"] {padding-right: 20px;background: url(../img/common/_blank.png) no-repeat center right;}

@media (max-width: 1200px) {
	.path {padding: 0;}
	.path > ul {width: 100%;gap: 0;}
	.path > ul > li {flex: 1;}
	.path > ul > li:after {display: none;}
	.path > ul > li > a {padding: 18px 15px;border-bottom: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;font-weight: 500;font-size: 15px;line-height: 100%;letter-spacing: 0.2px;pointer-events: unset;position: relative;display: flex;gap: 10px;align-items: center;justify-content: space-between;}
	.path > ul > li:last-child > a {border-right: 0;}
	
	.path > ul > li > a.path-selected::after {content: "";display: inline-block;width: 8px;height: 5px;transform: rotate(0deg);transform-origin: center;background: url(../img/common/ico-path-mo.png) no-repeat center / contain;
    transition: transform .25s ease;}
	.path > ul > li > a.path-selected.active:after{transform: rotate(-180deg);}
}

/* .path .path-home span { display: block; color: #fff; font-size: 18px; line-height: 110%; text-align: right; font-weight: 500; } */