/*******************************************
    Art & Design 아이비리그 준비반
*******************************************/
.ivy-league .maxWidth { text-align: left; }
.ivy-league * { word-break: keep-all; }
.program table thead th { background-color: transparent; }

/* 공통요소 */
.ivy-league .common-bg { padding-bottom: 0; background-color: #161B31; }
.ivy-league .common-bg:nth-last-of-type(1) { padding-bottom: 80rem; }
.ivy-league .roundArea { overflow: hidden; background-color: #fff; border-radius: var(--r-radius02); isolation: isolate; }
.ivy-league .roundArea .titleWrap { padding: 40rem 0; background: linear-gradient(90deg, #B5823D 0%, #E1C36C 50%, #B5823D 100%); text-align: center; }
.ivy-league .roundArea .titleWrap .title { color: #fff; text-shadow: 0rem 1rem 4rem rgba(0, 0, 0, 0.3); }
.ivy-league .roundArea .content { padding: 60rem; }
.ivy-league .roundArea .content .box + .box { margin-top: 60rem; padding-top: 60rem; border-top: 1rem solid var(--c-border-blue); }
.ivy-league .roundArea .content .box .title { width: 258rem; color: var(--c-text01); text-align: left; letter-spacing: -0.2rem; }
.ivy-league .roundArea .content .box .title b { display: block; font-size: var(--f-fontSize03); letter-spacing: -0.3rem; }
.ivy-league .roundArea .content .box .title span { display: block; font-weight: 300; color: var(--c-text03); }
.ivy-league .roundArea .content .box .info { width: calc(100% - 258rem); font-size: var(--f-body1); text-align: left; letter-spacing: -0.2rem; word-break: break-all; }
.ivy-league .roundArea .content .box .info em { color: #006BC8; }
.ivy-league .roundArea .content .box .info .list { margin-top: 32rem; border: 1rem solid #C5C5C5; border-radius: var(--r-radius01); isolation: isolate; }
.ivy-league .roundArea .content .box .info .list > li { display: flex; align-items: center; padding: 8rem 16rem; width: 50%; font-size: var(--f-body2); }
.ivy-league .roundArea .content .box .info .list > li figure { width: 60rem; background-repeat: no-repeat; background-position: center; background-size: contain; aspect-ratio: 60/64; }
.ivy-league .roundArea .content .box .info .list > li p { padding-left: 8rem; width: calc(100% - 60rem); }
.ivy-league .roundArea .content .box .info .list > li:not(:nth-last-of-type(1),:nth-last-of-type(2)) { border-bottom: 1rem solid #C5C5C5; }
.ivy-league .roundArea .content .box .info .list > li:nth-child(2n-1) { border-right: 1rem solid #C5C5C5; }
.ivy-league .roundArea .content .box .info .tipWrap { margin-top: 32rem; padding: 24rem 24rem 24rem 66rem; position: relative; background-color: var(--c-background-neutral); border-radius: var(--r-radius01); isolation: isolate; }
.ivy-league .roundArea .content .box .info .tipWrap > span { display: inline-block; position: absolute; top: 24rem; left: 24rem; width: 32rem; height: 32rem; background-color: var(--c-point); font-size: var(--f-body2); font-weight: 700; line-height: 32rem; color: #fff; text-align: center; border-radius: 50%; isolation: isolate; }
.ivy-league .roundArea .content .box .info .tipWrap p > span { text-decoration: underline; }
.ivy-league .roundArea .content .box .info .tipWrap .dotList { margin-top: 12rem; }
.ivy-league .roundArea .content .box .info .tipWrap .dotList > li { margin-right: 24rem; padding-left: 12rem; position: relative; }
.ivy-league .roundArea .content .box .info .tipWrap .dotList > li::before { position: absolute; top: 13rem; left: 0; width: 3rem; height: 3rem; background-color: var(--c-text02); content: ''; border-radius: 50%; isolation: isolate; }
.ivy-league .roundArea .content .box .info .point { margin: 0 0 12rem; font-size: var(--f-fontSize05); color: var(--c-point); }
.ivy-league .roundArea .content .box .info .point.type2 { margin-top: 32rem; color: var(--c-text02); }
.ivy-league .roundArea .content .box .sub-bottom { margin-top: 12rem; font-size: var(--f-detail); color: var(--c-text03); text-align: right; }
.ivy-league .roundArea .content .bottom-text { margin-top: 60rem; padding-top: 60rem; border-top: 1rem solid var(--c-border-blue); font-size: var(--f-fontSize03); color: var(--c-point); text-align: center; letter-spacing: -0.3rem; }
/* 아이비리그란? (IVY League) */
.ivy-league .mean .txt { font-size: var(--f-fontSize03); font-weight: 700; color: #fff; text-align: center; }
.ivy-league .mean .txt em { color: var(--c-point); }
.ivy-league .mean .txt + .txt { margin-top: 8rem; }
.ivy-league .mean .txt2 { margin-bottom: 60rem; font-size: var(--f-fontSize02); line-height: 130%; letter-spacing: -0.6rem; }
/* 국제학생을 위한 아이비리그 합격 전략 */
.ivy-league .strategy .content .box .info .point { margin-top: 32rem; }
.ivy-league .strategy .roundArea .content .box .info .majorSelect { justify-content: space-between; margin-bottom: 32rem; padding-top: 12rem; }
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select { width: calc(50% - 40rem); }
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select figure { margin: 0 auto; width: 70rem; height: auto; aspect-ratio: 70/64; }
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text { padding: 12rem 0; border: 1rem solid #C5C5C5; font-size: var(--f-fontSize05); color: var(--c-text01); text-align: center; border-radius: var(--r-radius01); isolation: isolate; }
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text { margin-top: 32rem; position: relative; }
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text::before { position: absolute; top: -32rem; left: 50%; width: 32rem; height: 32rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/ivy-league/majorSelect_down.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; content: ''; transform: translateX(-50%); }
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select:nth-child(2) .text { border-color: #006BC8; background-color: #006BC8; font-weight: 600; color: #fff; }
.ivy-league .strategy .roundArea .content .box.prepare .info .img{width: 100%; height: auto; aspect-ratio: 421/179; border-radius: var(--r-radius01); isolation: isolate; overflow: hidden;}
.ivy-league .strategy .roundArea .content .box.prepare .info .img *{width: 100%; height: 100%; object-fit: cover;}
.ivy-league .strategy .roundArea .content .box .table-title { margin-bottom: 12rem; font-size: var(--f-fontSize05); }
.ivy-league .strategy .roundArea .content .box table { width: 100%; font-size: var(--f-body2); text-align: center; border-collapse: collapse; }
.ivy-league .strategy .roundArea .content .box table th, td { height: 48rem; }
.ivy-league .strategy .roundArea .content .box table caption { margin-top: 12rem; font-size: var(--f-detail); color: var(--c-text03); text-align: right; caption-side: bottom; }
.ivy-league .strategy .roundArea .content .box table thead, .ivy-league .strategy .roundArea .content .box table tfoot { background-color: var(--c-border-neutral); color: var(--c-text01); }
.ivy-league .strategy .roundArea .content .box table tbody * { border-top: 1rem solid #C5C5C5; border-bottom: 1rem solid #C5C5C5; }
.ivy-league .strategy .roundArea .content .box table tbody td:nth-child(2) { border: 1rem solid #C5C5C5; }
.ivy-league .strategy .roundArea .content .box table td:nth-child(2), .ivy-league .strategy .roundArea .content .box table th:nth-child(2) { color: var(--c-point); }
.ivy-league .strategy .roundArea .content .box table th:nth-child(2) { background-color: var(--c-background-yellow); }
/* edm아트유학 포트폴리오 아이비리그 준비반 */
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide { margin-top: 12rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24rem;}
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school { border: 1rem solid #C5C5C5; overflow: hidden; position: relative; border-radius: var(--r-radius01); isolation: isolate; }
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school p { position: absolute; bottom: 0; left: 0; width: 100%; height: 38rem; background-color: #161B31; font-size: var(--f-fontSize05); font-weight: 600; line-height: 38rem; color: #fff; text-align: center; }
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school figure { width: 100%; height: auto; aspect-ratio: 274/362; }
.ivy-league .preparatoryTeam .roundArea .content .box .passReview + .passReview { margin-top: 24rem; }
.ivy-league .preparatoryTeam .roundArea .content .box .passReview .imgWrap { overflow: hidden; width: 46%; border-radius: var(--r-radius01); isolation: isolate; aspect-ratio: 400/280; }
.ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap { padding-left: 24rem; width: 54%; }
.ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap .name { margin: 4rem 0 12rem; }
@media screen and (max-width:1280px) {
    .ivy-league .maxWidth { padding: 0 16rem; }
    .ivy-league .area-pg-visual .contactWrap { right: 16rem; }
}
@media screen and (max-width:1260px) {
    .ivy-league .area-pg-visual .logoList { margin-top: 62rem; padding: 12rem; position: static; width: auto; transform: none; }
}
/*
20rem = 13rem
*/
@media screen and (max-width: 991px) {
    .ivy-league > article, .ivy-league section > article { padding: 50rem 0; }
    .ivy-league .articleTitle .title { line-height: 33rem; }
    .ivy-league .articleTitle .sub { margin-bottom: 3rem; }
    .ivy-league .common-bg:nth-last-of-type(1) { padding-bottom: 40rem; }
    .ivy-league h2 { line-height: 130%; }
	
    /* 공통요소 */
    .ivy-league .roundArea .titleWrap { padding: 24rem 0; }
    .ivy-league .roundArea .content { padding: 30rem 16rem; }
    .ivy-league .roundArea .content .box + .box { margin-top: 30rem; padding-top: 30rem; }
    .ivy-league .roundArea .content .box .title { display: flex; align-items: center; margin-bottom: 16rem; width: 100%; }
    .ivy-league .roundArea .content .box .title span { padding-left: 12rem; font-size: var(--f-fontSize05); font-weight: 400; }
    .ivy-league .roundArea .content .box .info { width: 100%; }
    .ivy-league .roundArea .content .box .info .list { margin-top: 24rem; }
    .ivy-league .roundArea .content .box .info .list > li { padding: 4rem 16rem; width: 100%; word-break: keep-all; }
    .ivy-league .roundArea .content .box .info .list > li figure { width: 48rem; aspect-ratio: 48/51; }
    .ivy-league .roundArea .content .box .info .list > li p { padding-left: 8rem; width: calc(100% - 48rem); }
    .ivy-league .roundArea .content .box .info .list > li:nth-child(2n-1) { border-right: none; }
    .ivy-league .roundArea .content .box .info .list > li:nth-last-of-type(2) { border-bottom: 1rem solid #C5C5C5; }
    .ivy-league .roundArea .content .box .info .tipWrap { margin-top: 24rem; padding: 16rem 16rem 16rem 58rem; line-height: 150%; letter-spacing: -0.1rem; }
    .ivy-league .roundArea .content .box .info .tipWrap > span { top: 16rem; left: 16rem; width: 32rem; height: 32rem; font-size: var(--f-fontSize05); font-weight: 500; line-height: 2.1; }
    .ivy-league .roundArea .content .box .info .tipWrap .dotList { margin-top: 12rem; }
    .ivy-league .roundArea .content .box .info .point { margin-bottom: 8rem; }
    .ivy-league .area-pg-visual { padding: 32rem 0 16rem; height: auto; }
    .ivy-league .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/ivy-league/mainBanner_mo.png'); background-position: bottom center; }
    .ivy-league .area-pg-visual .mo-bgImage { position: absolute; bottom: -7rem; left: 50%; width: 360rem; height: 311rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/ivy-league/mainBanner_mo_2.png'); background-repeat: no-repeat; background-position: center; background-size: cover; transform: translateX(-50%); }
    .ivy-league .area-pg-visual .titleWrap { position: static; }
    .ivy-league .area-pg-visual .titleWrap > span { padding: 2rem 4rem; font-weight: 500; line-height: 23rem; }
    .ivy-league .area-pg-visual .titleWrap > span + span { margin-left: 8rem; }
    .ivy-league .area-pg-visual .titleWrap .title { margin-top: 12rem; font-size: var(--f-display); line-height: 36rem; }
    .ivy-league .area-pg-visual .titleWrap .title span { font-size: inherit; }
    .ivy-league .area-pg-visual .titleWrap .sub { margin-top: 8rem; line-height: 24rem; }
    .ivy-league .area-pg-visual .logoList { width: 100%; }
    .ivy-league .area-pg-visual .logoList figure { width: 100%; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/ivy-league/visual_logoList_mo.png'); aspect-ratio: 722/266; }
    .ivy-league .area-pg-visual .contactWrap { margin-top: 12rem; padding: 16rem 24rem; position: static; width: 100%; transform: none; border-radius: var(--r-radius01); isolation: isolate; }
    .ivy-league .area-pg-visual .contactWrap strong { padding-left: 0; width: 58rem; }
    .ivy-league .area-pg-visual .contactWrap .box { padding-left: 58rem; }
    .ivy-league .area-pg-visual .contactWrap .box + .box { margin-top: 12rem; }
    .ivy-league .area-pg-visual .contactWrap .contact-btn { display: none; }
    /* 아이비리그란? (IVY League) */
    .ivy-league .mean .txt + .txt { margin-top: 8rem; }
    .ivy-league .mean .txt2 { margin-bottom: 30rem; }
    .ivy-league .strategy .roundArea .content .box .info .majorSelect { margin-bottom: 24rem; }
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select { width: calc(50% - 4rem); }
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select figure { width: 70rem; }
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text { display: flex; align-items: center; justify-content: center; padding: 12rem 16rem; }
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text { margin-top: 24rem; height: 96rem; }
    .ivy-league .strategy .content .box .info .point { margin-top: 24rem; margin-bottom: 8rem; }
    .ivy-league .strategy .roundArea .content .box .table-title { margin-bottom: 12rem; }
    .ivy-league .strategy .roundArea .content .box table th, td { height: 45rem; }
    .ivy-league .strategy .roundArea .content .box table caption { margin-top: 12rem; }
    .ivy-league .preparatoryTeam .roundArea .content .box .info .point.type2 { margin-top: 24rem; margin-bottom: 12rem; }
    .ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school { width: 100%; aspect-ratio: 296/362; }
    .ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school p { height: 32rem; line-height: 32rem; }
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview .imgWrap { width: 100%; width: 100%; aspect-ratio: 296/207; }
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap { margin-top: 16rem; padding-left: 0; width: 100%; }
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap .name { margin: 4rem 0 8rem; }
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview + .passReview { margin-top: 24rem; }
    .ivy-league .roundArea .content .bottom-text { margin-top: 30rem; padding-top: 30rem; }
}
@media screen and (max-width: 575px) {
	.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide{grid-template-columns: repeat(1, 1fr); gap: 24rem;}
}

@media screen and (max-width:500px) {
    .ivy-league .area-pg-visual .mo-bgImage { bottom: 0; }
}