.sub-visual-inner {box-sizing: border-box;height: 288px;display: flex;align-items: center;justify-content: center;position: relative;}
.sub-visual-inner .sub-visual-box {max-width: 1600px;margin: 0 auto;width: 100%;padding: 24px 0;height: 100%;box-sizing: border-box;display: flex;gap: 64px;align-items: flex-end;}
.sub-visual-inner .sub-visual-box .sub-left {width: 280px;background: url(../img/common/bg-sub01.png) no-repeat center/cover;border-radius: 12px;display: flex;align-items: center;justify-content: center;height: 100%;}
.sub-visual-inner .sub-visual-box .sub-left h3{font-weight: 700;font-size: 32px;line-height: 110%;letter-spacing: 0;text-align: center;color: #E6F0F8;}
.sub-visual-inner .sub-visual-box .sub-right {position: relative;width: calc(100% - 344px);background: url(../img/common/bg-sub02.png) no-repeat top center/cover;height: 100%;border-radius: 20px;overflow: hidden;}
.sub-visual-inner .sub-visual-box .sub-right .title-depth2 {padding: 10px 40px;position: absolute;top: 50%;transform: translateY(-50%);}
.sub-visual-inner .sub-visual-box .sub-right .title-depth2 h2 {font-weight: 700;font-size: 48px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color:#fff;}

.path{display:flex;align-items: center;justify-content:flex-start;margin:0 auto;gap: 0 20px;flex-wrap: wrap;background: #00000099;border-radius: 6px;padding: 14px 40px;height: 48px;box-sizing: border-box;position: absolute;bottom: 0;width: 100%;}
.path .path-home span{display: block;color: #FFFFFF;font-size: 18px;line-height: 110%;text-align: right;font-weight: 500;}
.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 > .path-home {position: relative;}
.path > .path-home::after {content:'';position:absolute;top:50%;right: -13px;width: 5px;height: 10px;background: url(../img/common/ico-path-right.png)no-repeat;transform:translateY(-50%);}
.path > ul > li:after{content:'';position:absolute;top:50%;right: -13px;width: 5px;height: 10px;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: #FFFFFF;pointer-events: none;}
.path > ul > li.active > a:after{background-color:#f1f1f1;background-image:url(/_res/cuk/_share/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: 18px;line-height: 110%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;box-sizing: border-box;}

/* 셀렉트 박스 */
.path > ul > li > ul{display:none;position:absolute;top: calc(100% + 12px);left: auto;z-index: 999;padding: 15px;width: 185px;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.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;}


.path-util-box {}
.path-util-box ul {display:flex;gap:8px;padding:12px;justify-content:flex-end;}
.path-util-box ul li {width:40px;height:40px;border-radius:50px;transition: all 0.3s;}
.path-util-box ul li.fb {background: #222222 url(../img/common/ico-sub-fb.png) no-repeat center/9px;}
.path-util-box ul li.ins {background: #222222 url(../img/common/ico-sub-ins.png) no-repeat center/16px;}
.path-util-box ul li.print {background: #222222 url(../img/common/ico-sub-print.png) no-repeat center/20px;}

.path-util-box ul li.fb:hover {background: #0068b7 url(../img/common/ico-sub-fb.png) no-repeat center/9px;}
.path-util-box ul li.ins:hover {background: #0068b7 url(../img/common/ico-sub-ins.png) no-repeat center/16px;}
.path-util-box ul li.print:hover {background: #0068b7 url(../img/common/ico-sub-print.png) no-repeat center/20px;}

.path-util-box ul li a {display:block;width:100%;height:100%;text-indent: -99999px;}

@media screen and (max-width: 1200px){
	.path > ul > li > a {pointer-events: unset;}
	.path{justify-content: flex-start;}
}

@media screen and (max-width: 1024px){
	.sub-visual-inner .sub-visual-box {padding: 20px 16px;}
	.sub-visual-inner .sub-visual-box .sub-right .title-depth2 {transform: translate(-50%, -50%);left: 50%;width: 100%;}
}

@media screen and (max-width: 768px){
	.sub-visual-inner .sub-visual-box .sub-left {display: none;}
	.sub-visual-inner .sub-visual-box .sub-right {width: 100%;}
	.sub-visual-inner .sub-visual-box .sub-right .title-depth2 h2 {text-align: center;font-size: 35px;}
	.sub-visual-inner {height: 240px;}
	.path > ul > li > a > span {font-size: 16px;}
	.path .path-home span {font-size: 16px;}
	
}

@media screen and (max-width: 480px){
	.path > ul > li:last-child > ul.path-depth {right: 0;}
	.path > ul > li:nth-child(2) > ul.path-depth {left:auto;right:auto;}
}