.sub-visual-inner {height: 550px;background: url(/_res/sejongipsi/ipsi/img/common/img-subvisual-ipsi.png)no-repeat center center;background-size: cover;position: relative;}
.sub-visual-inner .con-visual {position: absolute;bottom: 73px;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;padding: 0 20px;box-sizing: border-box;}
.sub-visual-inner .con-visual .btn-sub {border: 2px solid #FFFFFF;padding: 10px 40px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;color: #fff;display: inline-block;margin: 0 0 30px;}
.sub-visual-inner .con-visual .txt01 {font-weight: 700;font-size: 55px;line-height: 140%;letter-spacing: -0.02em;text-align: center;color: #fff;margin: 0 0 10px;}
.sub-visual-inner .con-visual .txt02 {font-weight: 500;font-size: 22px;line-height: 140%;letter-spacing: -0.02em;margin: 0 0 80px;color: #fff;}


.path{display:flex;align-items: center;justify-content: center;margin:0 auto;gap: 0 32px;flex-wrap: wrap;box-sizing: border-box;}
.path .path-home {position: relative;}
.path .path-home:after {content:'';position:absolute;top:50%;right: -22px;width: 7px;height: 11px;background: url(../img/common/ico-path-ipsi.png)no-repeat;transform:translateY(-50%);}
.path .path-home span{display: block;font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: -0.002em;color: #FFFFFF;}
.path > ul{display:flex;align-items: center;flex-wrap: wrap;gap: 0 32px;}
.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: -22px;width: 7px;height: 11px;background: url(../img/common/ico-path-ipsi.png)no-repeat;transform:translateY(-50%);}
.path > ul > li:last-child:after{display: none;}
.path > ul > li > a{display: block;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: 600;font-size: 16px;line-height: 130%;letter-spacing: -0.02em;text-align: center;vertical-align: bottom;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: unset;color: #fff;}

/* 셀렉트 박스 */
.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(/_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;}


@media (max-width: 1024px) {
	.sub-visual-inner .con-visual .txt02 {margin: 0 0 40px;font-size: 16px;}
	.sub-visual-inner .con-visual .btn-sub {padding: 10px 25px;font-size: 20px;margin: 0 0 15px;}
	.sub-visual-inner .con-visual .txt01 {font-size: 35px;}
} 

@media (max-width: 768px) {
	.sub-visual-inner {height: 350px;}
	.sub-visual-inner .con-visual {bottom: 30px;}
	.sub-visual-inner .con-visual .btn-sub {font-size: 16px;padding: 10px 15px;}
	.sub-visual-inner .con-visual .txt01 {font-size: 24px;}
	.sub-visual-inner .con-visual .txt02 {margin: 0 0 20px;}
	.path {flex-wrap: nowrap;}
	.path > ul {flex-wrap: nowrap;}
}