@charset "UTF-8";

.area-pg-visual{display: none !important;}

.art-sparta{color: var(--edm-color-text-1);}
#programs-detail .art-sparta .contents{padding-bottom: 0;}
#programs-detail .art-sparta .contents > section + section{margin-top: 0;}
#programs-detail .art-sparta .band--gap{margin-top: 140rem;}
.art-sparta .titleWrap em{color: #E80720;}

/* 히어로 */
.art-sparta .hero{position: relative; overflow: hidden; color: #fff; text-align: center;}
.art-sparta .hero-body{position: relative; z-index: 1; background-color: #000;}
.art-sparta .hero-body .hero-bg{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; touch-action: none; pointer-events: none; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/hero-bg.webp') no-repeat center top; background-size: cover; z-index: 0;}
.art-sparta .hero-body .hero-bg::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; touch-action: none; pointer-events: none; fill: linear-gradient(180deg, #820D1A 0%, #490609 33.9%, #100000 100%); background-blend-mode: multiply; mix-blend-mode: multiply; z-index: 0;}
.art-sparta .hero-head{padding: 141rem 16rem 0; position: relative; z-index: 1;}
.art-sparta .hero-pill{display: inline-block; background: #000; color: #fff; font: var(--edm-f-h1); letter-spacing: var(--edm-f-h1-ls); padding: 14rem 40rem; border-radius: var(--edm-radiusFull); isolation: isolate; font-weight: 600;}
.art-sparta .hero-tit{margin-top: 32rem;}
.art-sparta .hero-tit *{max-width: 1070rem; width: 100%; margin: 0 auto;}
.art-sparta .hero-lead{font: var(--edm-f-h1); letter-spacing: var(--edm-f-h1-ls); color: #fff; font-weight: 600;}
.art-sparta .hero-action{padding: 32rem 16rem 60rem; position: relative; z-index: 1;}
.art-sparta .hero-action .hero-steps{margin-top: 56rem;}
.art-sparta .hero-steps{display: flex; align-items: center; justify-content: center;}
.art-sparta .hero-step{width: 376rem; border: 1px solid var(--edm-color-border-neutral); border-radius: var(--edm-radius3); isolation: isolate; overflow: hidden; text-align: center;}
.art-sparta .hero-step .step-top{display: flex; align-items: center; justify-content: center; gap: 8rem; padding: 14rem; background: var(--edm-bg-neutral);}
.art-sparta .hero-step .step-desc{padding: 14rem 24rem; background: #fff; color: var(--edm-color-text-1); font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); white-space: nowrap;}
.art-sparta .hero-step .step-desc .mo-br{display: none;}
.art-sparta .step-no{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); color: #fff; padding: 3rem 16rem; border-radius: var(--edm-radiusFull); isolation: isolate; font-weight: 600;}
.art-sparta .step-no.n1{background: #0047ee;}
.art-sparta .step-no.n2{background: #e80720;}
.art-sparta .hero-step--pre .step-label{font: 700 22rem/1.3 Pretendard; letter-spacing: -0.44rem; color: #0047ee;}
.art-sparta .hero-step--sparta .step-label{font: 700 22rem/1.3 Pretendard; letter-spacing: -0.44rem; color: #e80720;}
.art-sparta .step-arrow{flex: none; width: 20rem; height: 28rem; margin: 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/step-arrow.webp'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.art-sparta .hero-note{margin-top: 56rem; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: #ffcb64; font-weight: 600;}
.art-sparta .hero-rank{position: relative; z-index: 1; background: #000; padding: 70rem 0;}
.art-sparta .hero-rank .max-width{display: flex; align-items: center; justify-content: center; gap: 40rem;}
.art-sparta .hero-rank img{flex: none; width: 138rem; height: auto;}
.art-sparta .rank-txt{text-align: left;}
.art-sparta .rank-tit{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls); font-weight: 600; color: #fff;}
.art-sparta .rank-sub{margin-top: 4rem; font: 600 26rem/1.5 Pretendard; letter-spacing: -0.26rem; color: #fff;}
.art-sparta .rank-sub em{font-style: normal; color: #f8102a;}

/* 컬러 밴드 */
.art-sparta .band{padding: 56rem 0; text-align: center; color: #fff;}
.art-sparta .band--blue{background: #0047ee;}
.art-sparta .band--red{background: #e80720;}
.art-sparta .band-sub{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); color: #ffcb64; margin-bottom: 8rem;}
.art-sparta .band-sub.white{color: #FED2CC;}
.art-sparta .band-tit{font: var(--edm-f-h1); letter-spacing: var(--edm-f-h1-ls); font-weight: 600;}
.art-sparta .band-foot{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 400; margin-top: 8rem;}
.art-sparta .band-tit mark{padding: 2rem 0; }
.art-sparta .band--blue .band-tit mark{background: #112037; color: #fff;}
.art-sparta .band--red .band-tit mark{background: linear-gradient(90deg, #fff 0%, #ffb1b1 100%); color: #e80720; font-weight: 700;}
.art-sparta .band--text .band-line{font: 600 28rem/130% Pretendard; letter-spacing: -0.56rem;}
.art-sparta .band--text .band-line + .band-line{margin-top: 4rem;}
.art-sparta .band--blue .band-line mark{padding: 2rem 0; background: #112037; color: #fff;}
.art-sparta .band.band-2{padding: 70rem 0;}

/* 진행 시기 타임라인 */
.art-sparta .timeline{position: relative; padding: 140rem 0 70rem; background-color: #F8FAFF;}
.art-sparta .timeline-arrow{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 36rem; height: 22rem;}
.art-sparta .timeline--blue .timeline-arrow{border-top-color: #0047ee;}
.art-sparta .timeline--red .timeline-arrow{border-top-color: #e80720;}
.art-sparta .timeline.timeline--red{background: linear-gradient(189deg, #FFF7FC 16.38%, #FFF 70%);}
.art-sparta .timeline-grid{display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border: 1px solid var(--edm-color-border-neutral); border-radius: var(--edm-radius3); isolation: isolate; overflow: hidden; box-shadow: var(--edm-sd-blue-1);}
.art-sparta .t-col + .t-col{border-left: 1px solid var(--edm-color-border-neutral);}
.art-sparta .t-head{display: flex; align-items: center; justify-content: center; min-height: 55rem; padding: 10rem 14rem; text-align: center; border-bottom: 1px solid var(--edm-color-border-neutral); font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);}
.art-sparta .timeline-grid .t-head .mo-br{display: none;}
.art-sparta .t-body{display: flex; align-items: center; justify-content: center; gap: 12rem; min-height: 75rem; padding: 14rem; text-align: center; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);}
.art-sparta .t-pre .t-head{color: #0047ee;}
.art-sparta .t-pre .t-body{background: #112037; color: #fff; font-weight: 600;}
.art-sparta .t-sparta .t-head{color: #e80720;}
.art-sparta .t-sparta .t-body{background: #e80720; color: #fff; font-weight: 600;}
.art-sparta .t-plain .t-body{background: var(--edm-bg-neutral); color: var(--edm-color-text-2);}

/* Pre 스파르타 STEP */
.art-sparta .pre-step{padding: 70rem 0; background-color: #F8FAFF;}
.art-sparta .pre-step .titleWrap{margin-bottom: 24rem;}
.art-sparta .pre-step .article-title mark{padding: 0 6rem; background: #e9efff; color: var(--edm-color-text-1);}
.art-sparta .step-flow{display: flex; align-items: stretch; gap: 24rem;}
.art-sparta .step-flow li{position: relative; flex: 1; display: flex; align-items: center; justify-content: center; gap: 10rem; padding: 28rem 16rem; background: #fff; border: 1px solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-blue-1); font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
.art-sparta .step-flow li svg{position: absolute; left: -45rem; top: calc(50% + 10rem); transform: translateY(-50%); width: 62rem; height: 76rem;}
.art-sparta .step-badge{flex: none; display: inline-block; background: #0047ee; color: #fff; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; padding: 4rem 12rem; border-radius: var(--edm-radiusFull); isolation: isolate;}

/* 방학 전 선행학습 비교 */
.art-sparta .why-pre{padding: 70rem 0 140rem; background-color: #F8FAFF;}
.art-sparta .why-pre .titleWrap{text-align: left;}
.art-sparta .why-pre .article-subTitle em{font-style: normal; color: #0047EE;}
.art-sparta .why-pre .compare + .compare{margin-top: 40rem;}
.art-sparta .why-pre .compare-tit{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); margin-bottom: 24rem;}
.art-sparta .why-pre .compare-box{padding: 24rem; background: #fff; border: 1px solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-blue-1);}
.art-sparta .why-pre .emoji-flow{display: flex; align-items: center; gap: 36rem;}
.art-sparta .why-pre .emoji-flow li{position: relative; flex: 1; display: flex; align-items: center; justify-content: center; gap: 8rem; padding: 24rem 16rem; background: var(--edm-bg-neutral); border-radius: var(--edm-radius3); isolation: isolate; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
.art-sparta .why-pre .emoji-flow li .emoji{width: 72rem; }
.art-sparta .why-pre .emoji-flow li svg{position: absolute; left: -57rem; top: calc(50% + 7rem); transform: translateY(-50%); width: 62rem; height: 76rem;}
.art-sparta .why-pre .compare--on .emoji-flow li{background: #F7F9FF; border: 1px solid #0047EE;}
.art-sparta .why-pre .emoji{font-size: 40rem; line-height: 1;}
.art-sparta .why-pre .compare-note{margin-top: 24rem; text-align: center; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); }
.art-sparta .why-pre .compare-note em{font-style: normal; font-weight: 700; color: #0047EE;}

/* 여름방학이 중요한 이유 / 추천 / 국제학교 */
.art-sparta .reason{padding: 70rem 0 140rem;}
.art-sparta .reason .reason-block + .reason-block{margin-top: 140rem;}
#programs-detail .art-sparta .reason .reason-block .titleWrap{margin-bottom: 24rem;}
.art-sparta .reason .reason-block{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 400; color: var(--edm-color-text-2);}
.art-sparta .reason .reason-block .dot{position: relative; padding-left: 12rem;}
.art-sparta .reason .reason-block .dot::before{content: '·'; position: absolute; left: 0;}
.art-sparta .reason .reason-block em{color: #E80720;}
.art-sparta .reason .school-list .school-list-tit{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); background: linear-gradient(91.32deg, #e90724 0%, #fe097c 33%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.art-sparta .reason .program-panels .max-width{padding: 0; margin: 0;}
#programs-detail .art-sparta .reason .program-panels .titleWrap{margin-bottom: 40rem;}
.art-sparta .reason .program-panels .listType{margin-top: 24rem;}
.art-sparta .reason .program-panels .listType > li > em{background: linear-gradient(90deg, #E80720 0%, #FF0980 100%); color: #fff;}
.art-sparta .reason .program-panels .listType .textBox{border: 1px solid var(--edm-color-border-neutral); box-shadow: none;}

/* 1:1 맞춤 스파르타반 진행 단계 */
.art-sparta .sparta-step{padding: 140rem 0 70rem; background: linear-gradient(180deg, #FFF7FC 6.83%, #FFF 100%); position: relative;}
.art-sparta .sparta-step .titleWrap{text-align: left;}

.art-sparta .sparta-step .card-flow{display: flex; align-items: stretch; gap: 24rem; }
.art-sparta .sparta-step .card-flow > li{position: relative; display: flex; flex-direction: column;}
.art-sparta .sparta-step .card-flow.col-3 > li{flex: 1;}

.art-sparta .sparta-step .step-card-head{display: flex; flex-direction: column; align-items: center; gap: 8rem; padding: 16rem; background: #ffeeec; border: 1px solid var(--edm-brand-red); border-radius: var(--edm-radius3); isolation: isolate;}
.art-sparta .sparta-step .step-card{position: relative;}
.art-sparta .sparta-step .step-card svg{position: absolute; left: -44rem; top: 80rem; width: 62rem; height: 76rem;}
.art-sparta .sparta-step .step-card .step-badge{display: inline-block; margin: 0; background: linear-gradient(180deg, #e80720 0%, #ff0980 100%); color: #fff; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; padding: 4rem 12rem; border-radius: var(--edm-radiusFull); isolation: isolate;}
.art-sparta .sparta-step .step-card-tit{text-align: center; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 700; margin: 0; color: var(--edm-color-text-1);}
.art-sparta .sparta-step .step-card-body{flex: 1; margin-top: 12rem; padding: 16rem; border: 1px solid var(--edm-color-border-neutral); border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-neutral-1); position: relative; z-index: 1;}
.art-sparta .sparta-step .step-card-list{margin: 0; padding-left: 24rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-1); list-style: disc;}
.art-sparta .sparta-step .step-card-txt .dot{position: relative; padding-left: 12rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-1);}
.art-sparta .sparta-step .step-card-txt .dot::before{content: '·'; position: absolute; left: 0;}

/* 커리큘럼 예시 / 수강 안내 */
.art-sparta .curriculum{padding: 70rem 0 140rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/curriculum-bg.webp'); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.art-sparta .curriculum .curri-block + .curri-block{margin-top: 60rem;}
.art-sparta .curriculum .curri-block .article-title{margin-bottom: 24rem;}
.art-sparta .curriculum .curri-table-wrap{overflow-x: auto; padding: 60rem; background-color: #fff; border-radius: var(--edm-radius3); isolation: isolate; border: 1px solid var(--edm-color-border-neutral); box-shadow: var(--edm-sd-neutral-1);}
.art-sparta .curriculum .curri-table{width: 100%; min-width: 760rem; table-layout: fixed; border-collapse: collapse; overflow: hidden;}
.art-sparta .curriculum .curri-table th, .art-sparta .curri-table td{padding: 12rem 16rem; text-align: center; vertical-align: middle; border-bottom: 1px solid var(--edm-color-border-neutral);}
.art-sparta .curriculum .curri-table thead .slot{display: block; font-weight: 600;}
.art-sparta .curriculum .curri-table thead .time{display: block; color: var(--edm-color-text-2); font-weight: 400;}
.art-sparta .curriculum .curri-table .corner, .art-sparta .curri-table .day{width: 108rem; }
.art-sparta .curriculum .curri-table thead th{background: var(--edm-bg-neutral); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 700;}
.art-sparta .curriculum .curri-table .day{background-color: #fff; font-weight: 400;}
.art-sparta .curriculum .curri-table .corner{background: var(--edm-bg-neutral); }
.art-sparta .curriculum .curri-table td b{display: block; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls);}
.art-sparta .curriculum .curri-table td span{display: block; }
.art-sparta .curriculum .h-240{height: 240rem;}
.art-sparta .curriculum .h-160{height: 160rem;}
.art-sparta .curriculum .c-mint{background: #E8FCF3; }
.art-sparta .curriculum .c-yellow{background: #FFFDE2;}
.art-sparta .curriculum .c-gray{background: #F2F2F2;}
.art-sparta .curriculum .c-cream{background: #FFF1DB; }
.art-sparta .curriculum .c-pink{background: #FFEFF1; }
.art-sparta .curriculum .c-blue{background: #EBF1FC;}
.art-sparta .curriculum .guide-table{border: 1px solid var(--edm-color-border-neutral); border-radius: var(--edm-radius3); isolation: isolate; overflow: hidden; background-color: #fff; padding: 60rem; box-shadow: var(--edm-sd-neutral-1);}
.art-sparta .curriculum .guide-table > *{border-bottom: 1px solid var(--edm-color-border-neutral);}
.art-sparta .curriculum .guide-table .g-head{padding: 12rem 16rem; text-align: center; background: #FFEEEC; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600;}
.art-sparta .curriculum .guide-table .g-row{padding: 10.5rem 16rem; text-align: center; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 700;}
.art-sparta .curriculum .guide-table .g-times{display: grid; grid-template-columns: 1.3fr 1fr;}
.art-sparta .curriculum .guide-table .g-col{padding: 20rem 24rem; text-align: center;}
.art-sparta .curriculum .guide-table .g-col + .g-col{border-left: 1px solid var(--edm-color-border-neutral);}
.art-sparta .curriculum .guide-table .g-col .g-day{text-align: center; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 700; color: var(--edm-color-text-1); }
.art-sparta .curriculum .guide-table .g-col p{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); }

/* 합격 결과 */
.art-sparta .reviews{padding: 140rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/reviews-bg.webp'); background-repeat: no-repeat; background-position: top center; background-size: cover; color: #fff;}
.art-sparta .reviews .titleWrap{text-align: center; margin-bottom: 40rem;}
.art-sparta .reviews .titleWrap .article-title{display: flex; justify-content: center; align-items: center; gap: 15rem;}
.art-sparta .reviews .titleWrap .article-title img{height: 52rem;}
.art-sparta .reviews .titleWrap .article-title em{background: linear-gradient(90deg, #FFF -80%, #FFBABA 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.art-sparta .reviews .article-title{color: #fff;}
.art-sparta .reviews .article-subTitle{color: #fff; font-weight: 400;}
.art-sparta .reviews .article-subTitle em{background: linear-gradient(90deg, #FFF -150%, #FF001C 240%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.art-sparta .reviews .review-card{position: relative; display: flex; align-items: flex-start; gap: 24rem; padding: 32rem; background: #fff; color: var(--edm-color-text-1); border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-neutral-1);}
.art-sparta .reviews .review-card + .review-card{margin-top: 24rem;}
.art-sparta .reviews .review-img{flex: none; width: 360rem; aspect-ratio: 360 / 247; border-radius: var(--edm-radius3); isolation: isolate; overflow: hidden; background: var(--edm-bg-neutral);}
.art-sparta .reviews .review-img img{width: 100%; height: 100%; object-fit: cover;}
.art-sparta .reviews .review-txt{flex: 1;}
.art-sparta .reviews .review-tit{font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); font-weight: 600; max-width: 620rem; word-break: normal;}
.art-sparta .reviews .review-name{margin: 8rem 0 12rem; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 400; color: var(--edm-color-text-3);}
.art-sparta .reviews .review-body{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); padding: 16rem; background-color: var(--edm-bg-neutral); border-radius: var(--edm-radius3); isolation: isolate;}
.art-sparta .reviews .review-body em{color: #F8102A;}
.art-sparta .reviews .ribbon{position: absolute; top: 0; right: 32rem; padding-top: 10rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/reviews-ribbon.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; color: #FFE760; text-align: center; font: 700 17rem/20rem Pretendard; letter-spacing: -0.51rem; font-weight: 600; width: 70rem; height: 84rem;}














@media (max-width: 991px) {
	.art-sparta .timeline-arrow{width: 24rem; height: 16rem; top: -1rem;}
	

	/* 히어로 */
	.art-sparta .hero{min-height: initial;}
	.art-sparta .hero-body .hero-bg{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/hero-bg-mo.webp');}
	.art-sparta .hero-head{padding: 48rem 16rem 0;}
	.art-sparta .hero-pill{display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 36rem; padding: 6.5rem 20rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);}
	.art-sparta .hero-tit{margin-top: 15rem;}
	.art-sparta .hero-tit *{max-width: 321rem;}
	.art-sparta .hero-action{padding: 59rem 16rem 16rem;}
	.art-sparta .hero-lead{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
	.art-sparta .hero-action .hero-steps{margin-top: 16rem;}
	.art-sparta .hero-steps{width: 100%;}
	.art-sparta .hero-step{width: auto; flex: 1;}
	.art-sparta .hero-step .step-top{flex-direction: column; gap: 2rem;}
	.art-sparta .hero-step .step-desc{padding: 14rem 12rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); white-space: normal;}
	.art-sparta .hero-step .step-desc .mo-br{display: block;}
	.art-sparta .step-no{height: 24rem; padding: 0 12rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 500; line-height: 24rem;}
	.art-sparta .hero-step--pre .step-label, .art-sparta .hero-step--sparta .step-label{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);}
	.art-sparta .hero-note{margin-top: 16rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); color: #ffcb64;}
	.art-sparta .hero-rank{padding: 16rem 0;}
	.art-sparta .hero-rank .max-width{gap: 16rem; justify-content: center;}
	.art-sparta .hero-rank img{width: 42rem;}
	.art-sparta .rank-tit{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls);}
	.art-sparta .rank-sub{margin-top: 0; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 400;}
	.art-sparta .rank-sub em{font-weight: 700;}

	/* 밴드 */
	.art-sparta .band{padding: 24rem 0;}
	#programs-detail .art-sparta .band--gap{margin-top: 0;}
	.art-sparta .band-tit{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls); font-weight: 600;}
	.art-sparta .band--blue .max-width{display: flex; flex-direction: column; align-items: center; gap: 4rem;}
	.art-sparta .band-sub{margin-bottom: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); }
	.art-sparta .band--blue .band-tit{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls); line-height: 1.3; font-weight: 600;}
	.art-sparta .band--blue .band-tit mark{padding: 0;}
	.art-sparta .band-foot{margin-top: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); color: #fff; font-weight: 600;}
	.art-sparta .band.required mark{display: block; width: 118rem; margin: 3rem auto 0;}
	.art-sparta .band--text .band-line{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600;}
	.art-sparta .band--text .band-line + .band-line{margin-top: 0;}
	.art-sparta .band.band-2{padding: 40rem 0;}
	.art-sparta .band.band-2 mark{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls); font-weight: 600; margin-top: 4rem; display: block;}
	.art-sparta .band.reservation .band-tit{margin-top: 8rem;}
	

	/* 타임라인 */
	.art-sparta .wrap-full{background: linear-gradient(180deg, #FFF7FC 0%, #FFF 40.82%);}
	.art-sparta .timeline.timeline--red{background: transparent;}
	.art-sparta .timeline{padding: 40rem 0 50rem;}
	.art-sparta .timeline-grid{grid-template-columns: auto auto auto 1fr; width: 100%; border-radius: var(--edm-radius2); isolation: isolate;}
	.art-sparta .timeline-grid .t-col{display: flex; flex-direction: column; width: auto; min-width: 0; height: 103rem;}
	.art-sparta .timeline-grid .t-head{min-height: 0; flex: 1; padding: 8rem 10rem; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); font-weight: 700; white-space: nowrap;}
	.art-sparta .timeline-grid .t-head .mo-br{display: block;}
	.art-sparta .timeline-grid .t-head:has(.mo-br){white-space: normal;}
	.art-sparta .timeline-grid .t-body{min-height: 0; flex: 1; padding: 8rem 10rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); white-space: nowrap;}
	.art-sparta .timeline-grid .t-sparta .t-body{gap: 12rem;}
	.art-sparta .timeline-grid .t-plain .t-body{color: var(--edm-color-text-1);}
	.art-sparta .t-sparta .t-body, .art-sparta .t-pre .t-body{font-weight: 600;}

	/* 이유 / 국제학교 */
	.art-sparta .reason{padding: 50rem 0 60rem;}
	.art-sparta .reason .reason-block{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;}
	.art-sparta .reason .reason-block + .reason-block{margin-top: 100rem;}
	#programs-detail .art-sparta .reason .reason-block .titleWrap{margin-bottom: 4rem;}
	.art-sparta .reason .school-list .school-list-tit{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls);}
	#programs-detail .art-sparta .reason .reason-block.block-2 .titleWrap{margin-bottom: 24rem;}
	.art-sparta .reason .program-panels .listType > li > em{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; padding: 8rem;}

	/* Pre 스파르타 STEP */
	.art-sparta .pre-step{padding: 50rem 0;}
	#programs-detail .art-sparta .pre-step .titleWrap{margin-bottom: 16rem;}
	.art-sparta .step-flow{flex-direction: column; gap: 0;}
	.art-sparta .step-flow li{flex: none; width: 100%; height: 56rem; margin-bottom: 16rem; padding: 14rem 16rem 14rem 56rem; justify-content: flex-start; gap: 8rem; border-radius: var(--edm-radius2); isolation: isolate;}
	.art-sparta .step-flow li:last-child{margin-bottom: 0;}
	.art-sparta .step-flow li svg{position: absolute; left: 160rem; bottom: auto; top: -35rem; transform: translateX(-50%) rotate(90deg); width: 42rem; height: auto;}
	.art-sparta .step-flow .step-badge{width: 70rem; height: 24rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-weight: 500;}

	.art-sparta .why-pre{padding: 50rem 0 60rem;}
	.art-sparta .why-pre .compare + .compare{margin-top: 24rem;}
	.art-sparta .why-pre .compare-tit{font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); margin-bottom: 16rem;}
	.art-sparta .why-pre .compare-box{padding: 24rem 16rem;}
	.art-sparta .why-pre .emoji-flow{flex-direction: column; gap: 16rem;}
	.art-sparta .why-pre .emoji-flow li{flex-direction: column; gap: 8rem; padding: 14rem; width: 100%; border-radius: var(--edm-radius2);}
	.art-sparta .why-pre .emoji-flow li svg{transform: translateX(-50%) rotate(90deg); left: calc(50% - 5rem); width: 42rem; height: auto; top: -35rem;}

	/* 진행 단계 */
	.art-sparta .sparta-step{padding: 40rem 0 34rem;}
	.art-sparta .sparta-step .card-flow{margin-top: 0;}
	.art-sparta .card-flow{flex-direction: column; gap: 28rem; margin-top: 24rem;}
	.art-sparta .sparta-step .step-card .step-badge{padding: 1.5rem 8.5rem; font-weight: 500;}
	.art-sparta .sparta-step .step-card svg{transform: translateX(-50%) rotate(90deg); left: calc(50% - 5rem); width: 42rem; height: auto; top: -42rem;}
	.art-sparta .curriculum .curri-table .corner, .art-sparta .curri-table .day{width: 48rem;}

	/* 커리큘럼 / 수강 안내 */
	.art-sparta .curriculum{padding: 50rem 0 60rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/curriculum-bg-mo.webp');}
	.art-sparta .curriculum .curri-table-wrap, .art-sparta .curriculum .guide-table{padding: 0; border: none; box-shadow: none; border-radius: 0; scrollbar-width: none; -ms-overflow-style: none;}
	.art-sparta .curriculum .curri-table-wrap::-webkit-scrollbar{display: none;}
	.art-sparta .curriculum .curri-table{min-width: 648rem;}
	.art-sparta .curriculum .curri-table thead .slot{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls);}
	.art-sparta .curriculum .curri-table th, .art-sparta .curri-table td{padding: 8rem 12rem; color: var(--edm-color-text-2);}
	.art-sparta .curriculum .h-240{height: 180rem;}
	.art-sparta .curriculum .h-160{height: 120rem;}
	.art-sparta .curriculum .guide-table .g-head, .art-sparta .curriculum .guide-table .g-row{font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 600; padding: 8rem 12rem;}
	.art-sparta .curriculum .guide-table .g-times{grid-template-columns: 1fr 1fr;}
	.art-sparta .curriculum .guide-table .g-col{padding: 8rem 12rem; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls);}
	.art-sparta .curriculum .guide-table .g-col p{font: inherit; letter-spacing: inherit; font-weight: 400;}
	.art-sparta .curriculum .guide-table .g-col .g-day{font: inherit; letter-spacing: inherit; font-weight: 600;}

	/* 합격 결과 */
	.art-sparta .reviews{padding: 60rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/art-sparta/reviews-bg-mo.webp');}
	.art-sparta .reviews .titleWrap{margin-bottom: 24rem;}
	.art-sparta .reviews .titleWrap .article-title{gap: 10rem;}
	.art-sparta .reviews .titleWrap .article-title img{height: 22rem;}
	.art-sparta .reviews .review-list{display: flex; flex-direction: column; gap: 16rem;}
	.art-sparta .reviews .review-card{flex-direction: column; align-items: stretch; gap: 16rem; padding: 16rem;}
	.art-sparta .reviews .review-card + .review-card{margin-top: 0;}
	.art-sparta .reviews .review-img{width: 100%; height: auto; padding-top: 53%; aspect-ratio: auto; border-radius: var(--edm-radius2); position: relative;}
	.art-sparta .reviews .review-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
	.art-sparta .reviews .review-tit{max-width: none; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); margin: 0 0 4rem;}
	.art-sparta .reviews .review-name{margin: 0 0 16rem;}
	.art-sparta .reviews .review-body{padding: 12rem 16rem;}
	.art-sparta .reviews .ribbon{right: 16rem; width: 54rem; height: 65rem; padding-top: 8rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 700; line-height: 17rem; z-index: 1;}
}