.path-box {display: flex;justify-content: center;padding: 0 16px;box-sizing: border-box;max-width: 1520px;margin: 0 auto;}

.path{display:flex;align-items: center;justify-content:flex-start;gap: 0 62px;flex-wrap: wrap;}
.path .path-home span{display: block;color: #001B54;font-family: Poppins;font-weight: 600;font-size: 15px;line-height: 100%;letter-spacing: 0;width: 32px;height: 32px;position: relative;}
.path .path-home span:after {content:'';position:absolute;top:50%;right: -28px;width: 6px;height: 6px;background: #D9D9D9;transform:translateY(-50%);border-radius: 100%;}
.path .path-home span img {width: 100%;height: 100%;object-fit: cover;}
.path > ul{display:flex;align-items: center;flex-wrap: wrap;gap: 0 62px;}
.path > ul > li{position: relative;box-sizing: border-box;text-transform: capitalize; }
.path > ul > li:last-of-type{padding-right: 0;}
.path > .path-home {position: relative;display: flex;align-items: center;gap: 0 10px;}
//.path > .path-home::after {content:'';position:absolute;top:50%;right: -25px;width: 1px;height: 24px;background: #CCCCCC99;transform:translateY(-50%);}
.path > ul > li:after{content:'';position:absolute;top:50%;right: -35px;width: 6px;height: 6px;background: #D9D9D9;transform:translateY(-50%);border-radius: 100%;}
.path > ul > li:last-child:after {display: none;}
.path > ul > li > a{display: block;position: relative;display: flex;justify-content: space-between;align-items: center;color: #111111;gap: 16px;}
.path > ul > li > a:after {display: inline-block;content: "";background: url(../img/common/icon-submenu.png)no-repeat;width: 24px;height: 24px;transition: all .3s;box-sizing: border-box;}
.path > ul > li > a.active:after{transform: rotate(180deg);-ms-transform:rotate(180deg);}
.path > ul > li > a > span{display: inline-block;font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;box-sizing: border-box;color: #111111;}


.btn-box  {display:flex;gap: 0;position: relative;}
.btn-box > button{position:relative;font-size:1px;border: 0;background: unset;padding: 0;cursor: pointer;padding: 0 20px;}
.btn-box > button:before {content:'';position:absolute;top:50%;left: 0;width: 1px;height: 24px;background: #CCCCCC99;transform:translateY(-50%);}
.btn-box > button:after {content:'';position:absolute;top:50%;right: 0;width: 1px;height: 24px;background: #CCCCCC99;transform:translateY(-50%);}
.btn-box > button.btn-copy:before {display: none;}

/* 셀렉트 박스 */
.path > ul > li > ul{display:none;position:absolute;top: calc(100% + 12px);left: auto;z-index: 999;padding: 15px;width: calc(100% + 70px);background-color: #fff;font-size:0;box-sizing:border-box;border: 2px solid #003B84;}
.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.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(/_res/cuk/_share/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 > ul > li:last-child > a {padding-bottom: 0;}

.path.dark-navi a{color:#000}
.path.dark-navi a span{color:#000}
.path.dark-navi .path-home{background: url(../img/common/ico-path-home-b.png)no-repeat center left;}
.path.dark-navi > ul > li:before{background: url(../img/common/ico-path-right-b.png)no-repeat;}

@media screen and (max-width: 1024px){
	.path {flex: 1;width: 100%;flex-wrap: nowrap;gap: 30px;justify-content: center;}
	.path .path-home span{width: 24px;height: 24px;}
	.path .path-home span:after {right: -16px;}
	.path-box {padding: 0 16px;gap: 80px;}

	.path > ul {gap: 30px;flex-wrap: nowrap;}
	.path > ul > li {flex: 1;width: 50%;}
	.path > ul > li:after {right: -16px;}

	.path > ul > li > a > span {font-weight: 600;font-size: 15px;line-height: 1;letter-spacing: 0.2px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

	.path > ul > li > ul {padding: 10px}
	.path > ul > li > a {padding: 0;position: relative;display: flex;align-items: center;justify-content: space-between;gap: 30px;width: 100%;}
	.path > ul > li > a.active:after {transform: rotate(180deg);}
	.path > ul > li > ul > li > a {font-size: 13px;}


	.btn-box {gap: 0;}
	.btn-box > button.btn-copy:after {display: none;}
	.btn-box > button.btn-copy {padding-right: 0;}
	.btn-box > button {padding: 0 12px;}
	.btn-box:before {height: 50%;top: 50%;transform: translate(-50%, -50%);}

}

@media screen and (max-width: 768px){
	.path-wrap{padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:70px 0 16px;}
	.path-box {gap: 50px;}
	.path {justify-content: flex-start;}
	.path > ul {width: 100%;}
	.path > ul > li > ul {width: 100%;}
	
	.path > .path-home {display: none;}
	.path > ul > li > a {gap: 15px;}
	.path > ul > li > a:after {max-width: 24px;width: 100%;}
	.path > ul > li > a > span {white-space: normal;}
	
	.path > ul > li:nth-child(3)::after{display:none;}
	.path > ul > li:nth-child(4){display:none;}
}