@charset "UTF-8";
/*******************************************************************************
    layout
********************************************************************************/
.sparta > article, 
.sparta > section{padding: 120rem 0;}
.arrowBox .col { position: relative; }
.arrowBox .col + .col::before { position: absolute; top: 50%; right: calc(100% + 10rem); width: 24rem; background: #C6CDDB; content: ''; transform: translateY(-50%); aspect-ratio: 4 / 6; clip-path: polygon(0 0, 0% 100%, 100% 50%); }
.section-title { padding: 44rem 0; position: relative; background: #E80720; font-size: 50rem; font-weight: 900; color: #fff; text-align: center; }
.section-title::before { position: absolute; top: calc(100% - 1px); left: 50%; z-index: 1; width: 36rem; background: #E80720; content: ''; transform: translate(-50%); aspect-ratio: 36 / 24; clip-path: polygon(0 0, 50% 100%, 100% 0%); }
.section-title > strong { position: relative; z-index: 1; font-weight: 900; }
.section-title > strong::before { position: absolute; bottom: 0; left: 50%; z-index: -1; width: 100%; height: 50%; background: #000; content: ''; transform: translate(-50%); }
.section-title > span { display: block; font-size: 32rem; color: #FFCB64; }
/*******************************************************************************
    sparta-section 공통
********************************************************************************/
.sparta-section-con { margin-bottom: 80rem; text-align: left; }
.sparta-section-con:last-child, .sparta-section-con.last { margin-bottom: 0; }
.sparta-section-con h3 { font-size: 32rem; font-weight: 900; color: #000; }
.sparta-section-con > ul { margin-top: 20rem; padding-left: 16rem; }
.sparta-section-con ul > li { position: relative; font-size: 20rem; }
.sparta-section-con ul > li::before { margin-right: 4rem; position: absolute; top: 0; right: 100%; content: '· '; }
.sparta-section-con > p > span,.sparta-section-con > ul > li > span { color: #E80720; }
.sparta-section-con > p { margin-top: 24rem; font-size: 20rem; }
.sparta-section-con > table { margin-top: 40rem; width: 100%; background: #fff; text-align: center; border-collapse: collapse; }
.sparta-section-con > table td, .sparta-section-con > table th { padding: 20rem; border: 1rem solid #C6CDDB; font-size: 20rem; }
.sparta-section-con > table th { background: #EBF1FC; }
.sparta-section-con > table td { font-weight: 400; }
.sparta-section-con > table td ul > li { display: inline-block; }
.sparta-section-grid { display: grid; margin-top: 40rem; grid-template-columns: repeat(3,1fr); grid-gap: 48rem; }
.sparta-section-grid .col { border: 1rem solid #C6CDDB; background: #fff; text-align: center; }
.sparta-section-grid .col .title-box { padding: 30rem 0; background: #F2F2F2; }
.sparta-section-grid .col .title-box > span { display: inline-block; margin-bottom: 16rem; padding: 0 12rem; height: 38rem; line-height: 38rem;background: #E80720; font-size: 20rem; font-weight: 700; color: #fff; border-radius: 60rem; isolation: isolate; }
.sparta-section-grid .col .title-box > h4 { font-size: 22rem; color: #000; }
.sparta-section-grid .col .textBox { padding: 16rem; text-align: left; }
.sparta-section-grid .col .textBox > p { font-size: 18rem; }
.sparta-section-grid .col .textBox > li { font-size: 20rem; }
/*******************************************************************************
    sparta-section2
********************************************************************************/
.sparta-section2 { background: #F4F2F2; }
.sparta-section4-imgBox, .sparta-section2-imgBox { margin-bottom: 80rem; width: 100%; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section2-img.png') no-repeat center center; background-size: cover; aspect-ratio: 1080 / 176; }
.schoolList .listTitle { margin-top: 80rem; padding: 32rem 0; border: 1rem solid #C6CDDB; border-bottom: none; background-color: #EBF1FC; font-size: 20rem; font-weight: bold; text-align: center; }
.schoolList .boxWrap { display: flex; border: 1rem solid #C6CDDB; font-size: 20rem; }
.schoolList .boxWrap .box { width: 50%; background-color: #fff; }
.schoolList .boxWrap .box .title { padding: 16rem 0; border-bottom: 1rem solid #C6CDDB; font-weight: bold; text-align: center; }
.schoolList .boxWrap .box + .box { border-left: 1rem solid #C6CDDB; }
.schoolList .boxWrap .box .title em { color: #E80720; }
.schoolList .boxWrap .box .info { padding: 24rem 20rem; line-height: 1.5; text-align: left; }
.schoolList .boxWrap .box .info p { padding-left: 0.5em; position: relative; }
.schoolList .boxWrap .box .info p::before { position: absolute; top: 12rem; left: 0; width: 3rem; height: 3rem; background-color: #000; content: ''; border-radius: 50%; isolation: isolate; }
/*******************************************************************************
    sparta-section3
********************************************************************************/
.sparta-section3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section3-bg.jpg') no-repeat right bottom; background-size: cover; }
.sparta-section3-imgBox { margin-top: 40rem; position: relative; width: 100%; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section3-img-250305.jpg') no-repeat center center; background-size: cover; cursor: pointer; aspect-ratio: 1080 / 584; }
.sparta-section3-imgBox::before { position: absolute; top: 0; right: 0; width: 70rem; height: 70rem; background: rgba(0,0,0,1 ) url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/camp-canada-schedule-icon01-220422.png') no-repeat center center; background-size: 32rem; content: ''; opacity: 1; }
.sparta-section3-imgBox > a { display: inline-block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); }
/*******************************************************************************
    sparta-section4
********************************************************************************/
.sparta-section4 { background: #F8FAFF; }
.section-title.title-4th { background: #0047EE; }
.section-title.title-4th::before { background: #0047EE; }
.sparta-section4-imgBox { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section4-img.png') no-repeat center center; background-size: cover; }
.sparta-section4 .sparta-section-con > p > span { color: #0047EE; }
.sparta-section4 .sparta-section-grid { grid-template-columns: repeat(4,1fr); }
.sparta-section4 .sparta-section-grid .col .title-box > span { background: #0047EE; }
/*******************************************************************************
    sparta-section5
********************************************************************************/
.sparta-section5 { background: #EFEFEF; }
.sparta-section5 h2 { display: inline-block; margin-bottom: 60rem; padding: 0 20rem; position: relative; font-size: 54rem; font-weight: 900; color: #000; }
.sparta-section5 h2::before, .sparta-section5 h2::after { position: absolute; top: 0; right: 100%; height: 100%; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-icon1.png') no-repeat center center; background-size: cover; content: ''; aspect-ratio: 108 / 177; }
.sparta-section5 h2::after { right: auto; left: 100%; transform: rotateY(180deg); }
.sparta-section5 h2 > span { display: inline-block; margin: 0 auto; width: 100%; max-width: 240rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-icon2.png') no-repeat center center; background-size: cover; aspect-ratio: 237 / 40; }
.sparta-section5 h2 strong { font-weight: 900; color: #E80720; }
.sparta-section5 h2 > small { display: block; font-size: 32rem; font-weight: 400; }
.sparta-section5 h2 > small > strong { font-weight: 700; }
.sparta-section5-con > li { display: grid; margin-bottom: 40rem; position: relative; background: #fff; grid-template-columns: repeat(12, 1fr); grid-gap: 24rem; }
.sparta-section5-con > li:last-child { margin-bottom: 0; }
.sparta-section5-con > li > span { display: inline-block; padding: 8rem 10rem 18rem; position: absolute; top: 0; right: 24rem; background: #E80720; font-size: 16rem; font-weight: 700; color: #fff; clip-path: polygon(100% 0%, 100% 44%, 100% 100%, 50% calc(100% - 10rem), 0 100%, 0 0); }
.sparta-section5-con > li .imgBox { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-img1.jpg') no-repeat center center; background-size: cover; grid-column: 5 span; }
.sparta-section5-con > li .imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-img2.jpg') no-repeat center center; background-size: cover; }
.sparta-section5-con > li .imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-img3.jpg') no-repeat center center; background-size: cover; }
.sparta-section5-con > li .imgBox.img4 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-img4.jpg') no-repeat center center; background-size: cover; }
.sparta-section5-con > li .imgBox.img5 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section5-img5.jpg') no-repeat center center; background-size: cover; }
.sparta-section5-con > li .textBox { padding: 24rem 24rem 24rem 0; text-align: left; grid-column: 7 span; }
.sparta-section5-con > li .textBox h3 { margin-bottom: 8rem; font-size: 20rem; }
.sparta-section5-con > li .textBox p { padding: 8rem 0; font-size: 16rem; color: #666666; }
.sparta-section5-con > li .textBox p + p { border-top: 1rem solid #C5C5C5; color: #000; }
.sparta-section5-con > li .textBox p strong { color: #FF1A34; }







@media (max-width: 991px) {
	.sparta > article, 
	.sparta > section{padding: 60rem 0;}
    .section-title { padding: 16rem 0; font-size: 22rem; }
    .section-title > span { font-size: 14rem; }
    .arrowBox .col + .col::before { top: auto; left: 50%; right: auto; top: -31rem; width: 16rem; transform: translateX(-50%) rotate(90deg); aspect-ratio: 16/24;}

	.sparta-section-con { margin-bottom: 40rem; }
    .sparta-section-con h3 { font-size: 18rem; }
    .sparta-section-con > ul { margin-top: 8rem; padding-left: 10rem;}
    .sparta-section-con > p { margin-top: 8rem; font-size: 14rem; }
    .sparta-section-con > table { margin-top: 16rem; }
    .sparta-section-con > table td, 
	.sparta-section-con > table th { padding: 10rem 4rem; font-size: 14rem; }
    .sparta-section-con > table th dd small { font-size: 14rem; }
    .sparta-section-con ul > li { font-size: 14rem; }
    .sparta-section-grid { grid-template-columns: repeat(1,1fr); margin-top: 26rem; row-gap: 26rem;}
    .sparta-section-grid .col .title-box { display: flex; align-items: center; justify-content: center; padding: 14rem; }
    .sparta-section-grid .col .title-box > span { margin-right: 13rem; margin-bottom: 0; padding: 0 12rem; font-size: 14rem; height: 26rem; line-height: 26rem; }
    .sparta-section-grid .col .title-box > h4 { font-size: 16rem; }
    .sparta-section-grid .col .textBox { padding: 14rem; }
    .sparta-section-grid .col .textBox > p, 
	.sparta-section-grid .col .textBox > li { font-size: 14rem; }

	.sparta-section4-imgBox, 
	.sparta-section2-imgBox { margin-bottom: 52rem; }
    .schoolList .listTitle { margin-top: 52rem; padding: 9rem 0; font-size: 14rem; }
    .schoolList .boxWrap { display: block; font-size: 14rem;}
    .schoolList .boxWrap .box { width: 100%; }
    .schoolList .boxWrap .box .title { padding: 10rem 0; font-size: 16rem; }
    .schoolList .boxWrap .box .info { padding: 16rem 13rem; }
    .schoolList .boxWrap .box + .box { border-top: 1rem solid #C6CDDB; border-left: none; }
    .schoolList .boxWrap .box .info p::before { top: 9rem; width: 2rem; height: 2rem; }

	.sparta-section3-imgBox { margin-top: 26rem; }
    .sparta-section3-imgBox::before { width: 40rem; height: 40rem; background-size: 24rem; }
    .sparta-section4 .sparta-section-grid { grid-template-columns: repeat(1,1fr); margin-top: 40rem;}

	.sparta-section5 h2 { width: 80%; font-size: 24rem; }
    .sparta-section5 h2::before, .sparta-section5 h2::after { top: auto; bottom: 0; width: 12%; height: auto; }
    .sparta-section5 h2 > span { max-width: 160rem; }
    .sparta-section5 h2 > small { font-size: 18rem; }
    .sparta-section5-con > li { gap: 12rem; margin-bottom: 26rem; }
    .sparta-section5-con > li > span { padding: 4rem 4rem 12rem; right: 16rem; font-size: 14rem; }
    .sparta-section5-con > li .textBox { padding: 16rem 16rem 16rem 4rem;}
    .sparta-section5-con > li .textBox h3 { margin-bottom: 8rem; font-size: 18rem; }
    .sparta-section5-con > li .textBox p { padding: 0 0 8rem; font-size: 16rem; }
    .sparta-section5-con > li .textBox p + p { padding-top: 8rem; font-size: 14rem; }
}

@media (max-width: 575px) {
	.sparta-section4-imgBox, 
	.sparta-section2-imgBox{background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section2-img-mo.png') no-repeat center center; background-size: cover; aspect-ratio: 328 / 99; }
	
	.sparta-section4-imgBox { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/sparta/sparta-section4-img-mo.png') no-repeat center center; background-size: cover; }

	.sparta-section5-con > li{grid-template-columns: repeat(1, 1fr); display: grid;}
	.sparta-section5-con > li .textBox{grid-column: 1 span; padding: 0 16rem 16rem;}
	.sparta-section5-con > li .imgBox{grid-column: 1 span; aspect-ratio: 328 / 218;}
	
}