@charset 'utf-8';

.track-outer{display:flex;justify-content:center;padding:8rem 2rem;border:1px solid var(--color40);border-radius:1.5rem;box-sizing:border-box;}
.track-outer .track-wrap{display:flex;flex-direction:column;justify-content:center;gap:5rem;max-width:88rem;width:100%;}
.track-outer .track-list > ul{display:flex;gap:4.3rem;}
.track-outer .track-list > ul > li{display:flex;align-items:center;gap:2.2rem;position:relative;padding:2.6rem 2.8rem 2.6rem 3rem;width:100%;border-radius:1rem;box-sizing:border-box;}
.track-outer .track-list > ul > li:first-of-type{background:var(--color149);}
.track-outer .track-list > ul > li:nth-of-type(2){background:var(--color169);}
.track-outer .track-list > ul > li:last-of-type{background:var(--color170);}
.track-outer .track-list > ul > li::before{content:'';}
.track-outer .track-list > ul > li::after{content:'';}
.track-outer .track-list > ul > li > div{display:grid;gap:6px;}
.track-outer .track-list > ul > li .track-tit{font-weight:var(--font-weight-bold);font-size:2rem;line-height:1;letter-spacing:-0.02em;color:var(--black02);}
.track-outer .track-list > ul > li span{font-weight:var(--font-weight-medium);font-size:1.4rem;line-height:1;letter-spacing:-0.02em;color:var(--black04);}
.track-outer .track-top > ul > li:first-of-type::before{width:3.85rem;height:4.15rem;background:url(../img/integrative-track/img-track-ico01@2x.png) no-repeat center/100%;}
.track-outer .track-top > ul > li:nth-of-type(2)::before{width:3.8rem;height:4.15rem;background:url(../img/integrative-track/img-track-ico02@2x.png) no-repeat center/100%;}
.track-outer .track-top > ul > li:last-of-type::before{width:4.05rem;height:4.10rem;background:url(../img/integrative-track/img-track-ico03@2x.png) no-repeat center/100%;}
.track-outer .track-top > ul > li::after{position:absolute;top:99%;left:calc(50% - 3.5px);width:7px;height:4.5rem;background:url(../img/integrative-track/img-track-arrow01@2x.png) no-repeat center/100%;}
.track-outer .track-mid{padding:5.7rem 1rem;border:1px solid var(--color15);border-radius:99.9rem;box-sizing:border-box;}
.track-outer .track-mid-ul{display:flex;justify-content:center;align-items:center;gap:4rem;}
.track-outer .track-mid-ul > li:first-of-type{align-self:center;}
.track-outer .track-mid-ul > li:first-of-type p{padding:1rem 0 0;font-weight:var(--font-weight-bold);font-size:2.8rem;line-height:1;letter-spacing:-0.02em;color:var(--color163);}
.track-outer .track-mid-ul > li:nth-of-type(2){display:grid;gap:8px;position:relative;width:25.1rem;}
.track-outer .track-mid-ul > li:nth-of-type(2):after{content:'';display:inline-block;position:absolute;right:0;top:calc(50% - 4.2rem);width:17.1rem;height:8.4rem;background:url(../img/integrative-track/img-track-arrow03@2x.png) no-repeat center/100%;z-index:-10;}
.track-outer .track-mid-ul > li:nth-of-type(2) span{display:block;position:relative;padding:1.2rem 1rem;max-width:15rem;border-radius:9.9rem;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:1;letter-spacing:-0.02em;text-align:center;box-sizing:border-box;}
.track-outer .track-mid-ul > li:nth-of-type(2) span:first-child{background:var(--color149);color:var(--color148);}
.track-outer .track-mid-ul > li:nth-of-type(2) span:first-child:after{content:'';position:absolute;top:calc(100% - 7px);left:calc(50% - 3.2rem);width:6.4rem;height:2rem;background:url(../img/integrative-track/img-track-ico07@2x.png) no-repeat center/100%;z-index:10;}
.track-outer .track-mid-ul > li:nth-of-type(2) span:nth-child(2){background:var(--color169);color:var(--color124);}
.track-outer .track-mid-ul > li:nth-of-type(2) span:last-child{background:var(--color170);color:var(--color86);}
.track-outer .track-mid-ul > li:nth-of-type(2) span:last-child:after{content:'';position:absolute;top:-1.4rem;left:calc(50% - 3.2rem);width:6.4rem;height:2rem;background:url(../img/integrative-track/img-track-ico07@2x.png) no-repeat center/100%;z-index:10;}
.track-outer .track-mid-ul > li:last-of-type{display:flex;justify-content:center;align-items:center;width:17rem;aspect-ratio:1;border-radius:50%;background:var(--color124);font-weight:var(--font-weight-bold);font-size:2rem;line-height:2.6rem;letter-spacing:-0.02em;text-align:center;color:var(--white100);}
.track-outer .track-bot > ul > li:first-of-type::before{width:4.4rem;height:4.15rem;background:url(../img/integrative-track/img-track-ico04@2x.png) no-repeat center/100%;}
.track-outer .track-bot > ul > li:nth-of-type(2)::before{width:4.2rem;height:4.15rem;background:url(../img/integrative-track/img-track-ico05@2x.png) no-repeat center/100%;}
.track-outer .track-bot > ul > li:last-of-type::before{width:4.35rem;height:4rem;background:url(../img/integrative-track/img-track-ico06@2x.png) no-repeat center/100%;}
.track-outer .track-bot > ul > li::after{position:absolute;top:-4.3rem;left:calc(50% - 3.5px);width:7px;height:4.5rem;background:url(../img/integrative-track/img-track-arrow02@2x.png) no-repeat center/100%;}

.slide-control-box{position:absolute;top:1.9205rem;;right:0;transform:translateY(-50%);}
.slide-control-box ul{display:flex;align-items:center;}
.slide-control-box ul > li{position:relative;}
.slide-control-box ul > li:nth-of-type(1){margin:0 1rem 0 0;padding:0 1rem 0 0;}
.slide-control-box ul > li:nth-of-type(1)::after{content:'';position:absolute;top:50%;right:0;width:1px;height:1rem;background:var(--black09);transform:translateY(-50%);}
.slide-control-box ul > li a{position:relative;padding:0 0 0 2rem;font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:2.1rem;letter-spacing:-0.02em;color:var(--black03);}
.slide-control-box ul > li a.all-open-btn::before{content:'';position:absolute;left:0;top:50%;width:1.4rem;height:1.4rem;background:url(../img/common/ico-all-open@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.slide-control-box ul > li a.all-close-btn::before{content:'';position:absolute;left:0;top:50%;width:1.4rem;height:1.4rem;background:url(../img/common/ico-all-close@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.track-section-box{padding:4rem 4rem 3.1rem;border:1px solid var(--border-color14);border-radius:1.5rem;}
.track-con-box:not(:last-child){margin:0 0 3rem;border-bottom:1px solid var(--border-color04);}
.track-con-box:last-of-type .track-title-box{padding:0;}
.track-con-box .track-title-box{display:block;position:relative;padding:0 0 3rem;}
.track-con-box .track-title-box.open{padding:0 0 3rem;}
.track-con-box .track-title-box span{display:inline-block;font-size:2.2rem;font-weight:var(--font-weight-bold);letter-spacing:-0.02em;color:var(--black02);}
.track-con-box .track-title-box::after{content:'';position:absolute;top:calc(0% + 1.2rem);right:0;width:3.2rem;height:3.2rem;background:url(../img/common/ico-track-arrow@2x.png) no-repeat center center / 100%;transform:translateY(-50%);transition:transform 0.3s ease;}
.track-con-box .track-title-box.open::after{transform:translateY(-50%) rotate(180deg);}
.track-desc-box{display:none;padding:4rem;border-top:1px solid var(--border-color26);background:var(--color06);}
.track-course-box:not(:last-of-type){padding:0 0 3rem;}
.track-course-box .track-course-title{padding:0 0 2.4rem;font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-0.02em;color:var(--color124);}
.track-course-box .ul-type01{margin:0;}
.track-course-box .ul-type01 > li{margin:0 0 2rem;font-size:1.6rem;font-weight:var(--font-weight-bold);letter-spacing:-0.02em;color:var(--black03);}
.track-course-box .ul-type01 > li::before{background:var(--color124);}
.track-course-box .ul-type01 > li:last-of-type{margin:0;}
.track-course-box .ul-type01 > li > .track-course{padding:1rem 0 0;font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:2.6rem;letter-spacing:-0.02em;color:var(--black04);}

@media screen and (max-width:1024.98px){
	.track-outer{padding:3rem 2rem;}
	.track-outer .track-wrap{gap:2.5rem}
	.track-outer .track-list > ul{flex-direction:column;gap:1rem;}
	.track-outer .track-list > ul > li{justify-content:center;gap:1.5rem;padding:1.5rem;}
	.track-outer .track-list > ul > li .track-tit{font-size:1.6rem;}
	.track-outer .track-top > ul > li::after{top:68%;z-index:-10;}
	.track-outer .track-bot > ul > li::after{top:-22%;z-index:-10;}
	.track-outer .track-mid{padding:2rem 1rem;border-radius:1rem;}
	.track-outer .track-mid-ul{flex-direction:column;gap:2rem;}
	.track-outer .track-mid-ul > li:first-of-type{text-align:center;}
	.track-outer .track-mid-ul > li:first-of-type p{font-size:2.2rem;}
	.track-outer .track-mid-ul > li:nth-of-type(2){width:15rem;}
	.track-outer .track-mid-ul > li:nth-of-type(2):after{right:21%;top:80%;width:8.2rem;height:4rem;transform:rotate(90deg);}
	.track-outer .track-mid-ul > li:last-of-type{margin-top:2rem;width:15rem;font-size:1.8rem;line-height:2.2rem;}
}

@media screen and (max-width:419px){
	.slide-control-box ul > li > a span{display:none;}
	.slide-control-box ul > li a.all-open-btn::before{left:auto;right:0;}
	.track-con-box .track-title-box span{font-size:1.8rem;}
	.track-course-box .track-course-title{font-size:1.6rem;}
	.track-course-box .ul-type01 > li > .track-course{font-size:1.4rem;line-height:2.5rem;}
	
}