/*******************************************
    Art & Design 아이비리그 준비반
*******************************************/
/* 공통요소 */
.ivy-league .common-bg{background-color: #161B31; padding-bottom: 0;}
.ivy-league .common-bg:nth-last-of-type(1){padding-bottom: 4rem;}
.ivy-league .roundArea {border-radius: var(--r-radius02); overflow: hidden; background-color: #fff;}
.ivy-league .roundArea .titleWrap { text-align: center; padding: 2rem 0; background: linear-gradient(90deg, #B5823D 0%, #E1C36C 50%, #B5823D 100%); }
.ivy-league .roundArea .titleWrap .title{color: #fff; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.30);}
.ivy-league .roundArea .content{padding: 3rem;}
.ivy-league .roundArea .content .box + .box{padding-top: 3rem; margin-top: 3rem; border-top: 1px solid var(--c-border-blue);}
.ivy-league .roundArea .content .box .title{width: 12.9rem; letter-spacing: -0.2px; color: var(--c-text01);}
.ivy-league .roundArea .content .box .title b{display: block; font-size: var(--f-fontSize03); letter-spacing: -0.26px;}
.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% - 12.9rem); font-size: var(--f-body1); letter-spacing: -0.18px; word-break: break-all;}
.ivy-league .roundArea .content .box .info em{color: #006BC8;}
.ivy-league .roundArea .content .box .info .list{border: 1px solid #C5C5C5; border-radius: var(--r-radius01); margin-top: 1.6rem;}
.ivy-league .roundArea .content .box .info .list > li{width: 50%; display: flex; align-items: center; font-size: var(--f-body2); padding: 0.4rem 0.8rem; }
.ivy-league .roundArea .content .box .info .list > li figure{width: 3rem; aspect-ratio: 60/64; background-repeat: no-repeat; background-size: contain; background-position: center; }
.ivy-league .roundArea .content .box .info .list > li p{width: calc(100% - 3rem); padding-left: 0.4rem;}
.ivy-league .roundArea .content .box .info .list > li:not(:nth-last-of-type(1), :nth-last-of-type(2)){border-bottom: 1px solid #C5C5C5;}
.ivy-league .roundArea .content .box .info .list > li:nth-child(2n-1){border-right: 1px solid #C5C5C5;}
.ivy-league .roundArea .content .box .info .tipWrap{background-color: var(--c-background-neutral); border-radius: var(--r-radius01); padding: 1.2rem 1.2rem 1.2rem 3.3rem; position: relative; margin-top: 1.6rem;}
.ivy-league .roundArea .content .box .info .tipWrap > span{background-color: var(--c-point); color: #fff; text-align: center; line-height: 1.6rem; height: 1.6rem; width: 1.6rem; font-weight: 700; display: inline-block; border-radius: 50%; font-size: var(--f-body2); position: absolute; left: 1.2rem; top: 1.2rem;}
.ivy-league .roundArea .content .box .info .tipWrap p > span{text-decoration: underline;}
.ivy-league .roundArea .content .box .info .tipWrap .dotList{margin-top: 0.6rem;}
.ivy-league .roundArea .content .box .info .tipWrap .dotList > li{position: relative; padding-left: 0.6rem; margin-right: 1.2rem;}
.ivy-league .roundArea .content .box .info .tipWrap .dotList > li::before{content: ''; position: absolute; left: 0; top: 0.65rem; width: 3px; height: 3px; border-radius: 50%; background-color: var(--c-text02);}
.ivy-league .roundArea .content .box .info .point{color: var(--c-point); font-size: var(--f-fontSize05); margin: 0 0 0.6rem;}
.ivy-league .roundArea .content .box .info .point.type2{color: var(--c-text02); margin-top: 1.6rem;}
.ivy-league .roundArea .content .box .sub-bottom{font-size: var(--f-detail); text-align: right; margin-top: 0.6rem; color: var(--c-text03);}
.ivy-league .roundArea .content .bottom-text{text-align: center; font-size: var(--f-fontSize03); color: var(--c-point); padding-top: 3rem; margin-top: 3rem; border-top: 1px solid var(--c-border-blue); letter-spacing: -0.26px;}


/* 비주얼 */
.ivy-league .area-pg-visual { position: relative; width: 100%; padding: 5rem 0; }
.ivy-league .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.ivy-league .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/mainBanner.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.ivy-league .area-pg-visual .titleWrap { position: static; z-index: 1; color: #fff;}
.ivy-league .area-pg-visual .titleWrap > span { display: inline-block; font-size: var(--f-body1); color: #fff; background-color: var(--c-point); border-radius: 8px; padding: 2px 9px; font-weight: 600; }
.ivy-league .area-pg-visual .titleWrap > span + span { margin-left: 0.4rem; }
.ivy-league .area-pg-visual .titleWrap .title { margin-top: 0.8rem; color: #FADD8F; }
.ivy-league .area-pg-visual .titleWrap .title span{font-size: 2.1rem; }
.ivy-league .area-pg-visual .titleWrap .title span em{background: linear-gradient(180deg, #FFEE36 15%, #F83 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ivy-league .area-pg-visual .titleWrap .sub { font-size: var(--f-fontSize05); margin-top: 0.4rem; }
.ivy-league .area-pg-visual .titleWrap .sub em{color: var(--c-point);}
.ivy-league .area-pg-visual .logoList {background-color: #1B2131; border-radius: var(--r-radius02); padding: 1.2rem; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ivy-league .area-pg-visual .logoList figure{aspect-ratio: 348/120; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/visual_logoList.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 17.4rem;}
.ivy-league .area-pg-visual .contactWrap { position: absolute; z-index: 1; right: 0; background-color: #fff; border-radius: 24px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.12); width: 400px; padding: 24px 16px; top: 50%; transform: translateY(-50%); }
.ivy-league .area-pg-visual .contactWrap .box { position: relative; padding-left: 3.3rem; font-size: var(--f-body2); line-height: 150%;}
.ivy-league .area-pg-visual .contactWrap .box + .box { margin-top: 0.6rem; }
.ivy-league .area-pg-visual .contactWrap strong { width: 3.3rem; padding-left: 0.8rem; position: absolute; left: 0; display: block; }
.ivy-league .area-pg-visual .contactWrap .contact-btn { margin-top: 0.8rem; display: block; border-radius: 999999px; background-color: var(--c-text01); color: #fff; font-size: var(--f-body1); height: 40px; line-height: 150%; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.ivy-league .area-pg-visual .contactWrap .contact-btn:hover { background-color: #18A149; }
.ivy-league .area-pg-visual .contactWrap .contact-btn .arrow { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 0.8rem; height: 0.8rem; margin-left: 0.2rem; }


/* 아이비리그란? (IVY League) */
.ivy-league .mean .txt{color: #fff; text-align: center; font-size: var(--f-fontSize03); font-weight: 700;}
.ivy-league .mean .txt em{color: var(--c-point);}
.ivy-league .mean .txt + .txt{margin-top: 0.4rem;}
.ivy-league .mean .txt2{font-size: var(--f-fontSize02); line-height: 130%; letter-spacing: -0.64px; margin-bottom: 3rem;}


/* 국제학생을 위한 아이비리그 합격 전략 */
.ivy-league .strategy .content .box .info .point{margin-top: 1.6rem;}
.ivy-league .strategy .roundArea .content .box .info .majorSelect{justify-content: space-between; padding-top: 0.6rem; margin-bottom: 1.6rem;}
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select{width: calc(50% - 2rem);}
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select figure{width: 3.5rem; aspect-ratio: 70/64; height: auto; margin: 0 auto;}
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text{border: 1px solid #C5C5C5; text-align: center; border-radius: var(--r-radius01); padding: 0.6rem 0; font-size: var(--f-fontSize05); color: var(--c-text01);}
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text{margin-top: 1.6rem; position: relative;}
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text::before{content: ''; position: absolute; top: -1.6rem; left: 50%; transform: translateX(-50%); width: 1.6rem; height: 1.6rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/majorSelect_down.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.ivy-league .strategy .roundArea .content .box .info .majorSelect .select:nth-child(2) .text{background-color: #006BC8; color: #fff; border-color: #006BC8; font-weight: 600;}
.ivy-league .strategy .roundArea .content .box.prepare .info figure{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/mean_prepare.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: auto; aspect-ratio: 870/370; border-radius: var(--r-radius01);}
.ivy-league .strategy .roundArea .content .box .table-title{font-size: var(--f-fontSize05); margin-bottom: 0.6rem;}
.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: 2.4rem;}
.ivy-league .strategy .roundArea .content .box table caption{text-align: right; font-size: var(--f-detail); caption-side: bottom; color: var(--c-text03); margin-top: 0.6rem;}
.ivy-league .strategy .roundArea .content .box table thead,
.ivy-league .strategy .roundArea .content .box table tfoot{color: var(--c-text01); background-color: var(--c-border-neutral);}
.ivy-league .strategy .roundArea .content .box table tbody *{border-bottom: 1px solid #C5C5C5; border-top: 1px solid #C5C5C5;}
.ivy-league .strategy .roundArea .content .box table tbody td:nth-child(2){border: 1px 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: 0.6rem;}
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school{width: calc(100%/3 - 0.8rem); border: 1px solid #C5C5C5; border-radius: var(--r-radius01); overflow: hidden; margin-right: 1.2rem; position: relative;}
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school p{position: absolute; bottom: 0; left: 0; width: 100%; background-color: #161B31; color: #fff; text-align: center; font-size: var(--f-fontSize05); font-weight: 600; height: 1.9rem; line-height: 1.9rem;}
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school:nth-child(3n){margin-right: 0;}
.ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school figure{width: 100%; aspect-ratio: 274/362; height: auto; }
.ivy-league .preparatoryTeam .roundArea .content .box .passReview + .passReview{margin-top: 1.2rem;}
.ivy-league .preparatoryTeam .roundArea .content .box .passReview .imgWrap{width: 46%; border-radius: var(--r-radius01); overflow: hidden; aspect-ratio: 400/280;}
.ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap{width: 54%; padding-left: 1.2rem;}
.ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap .name{margin: 0.2rem 0 0.6rem;}








@media screen and (max-width: 1280px){
    .ivy-league .maxWidth { padding: 0 16px; }

    .ivy-league #pointView .swiper-slide { height: auto; }
    .ivy-league .area-pg-visual .contactWrap{right: 16px;}
}

@media screen and (max-width: 1260px){
    .ivy-league .area-pg-visual .logoList{position: static; width: auto; transform: none; padding: 12px; margin-top: 3.076rem;}
}

/*
1rem = 13px
*/
@media screen and (max-width: 768px){
    .ivy-league > article,
    .ivy-league section > article { padding: 50px 0; }
    .ivy-league .articleTitle .title { line-height: 32.5px; }
    .ivy-league .articleTitle .sub { margin-bottom: 3px; }

    .ivy-league h2{line-height: 130%;}

    /* 공통요소 */
    .ivy-league .roundArea .content{padding: 30px 16px;}
    .ivy-league .roundArea .content .box + .box{margin-top: 2.307rem; padding-top: 2.307rem;}
    .ivy-league .roundArea .content .box .title{width: 100%; display: flex; align-items: center; margin-bottom: 1.23rem;}
    .ivy-league .roundArea .content .box .title span{padding-left: 12px; 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: 1.846rem;}
    .ivy-league .roundArea .content .box .info .list > li{width: 100%; padding: 4px 16px; word-break: keep-all;}
    .ivy-league .roundArea .content .box .info .list > li figure{aspect-ratio: 48/51; width: 3.692rem; }
    .ivy-league .roundArea .content .box .info .list > li p{padding-left: 8px; width: calc(100% - 3.692rem);}
    .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: 1px solid #C5C5C5;}
    .ivy-league .roundArea .content .box .info .tipWrap{margin-top: 1.846rem; padding: 16px 16px 16px 4.461rem; letter-spacing: -0.15px; line-height: 150%;}
    .ivy-league .roundArea .content .box .info .tipWrap > span{font-size: var(--f-fontSize05); width: 2.461rem; height: 2.461rem; line-height: 2.1; top: 16px; left: 16px; font-weight: 500;}
    .ivy-league .roundArea .content .box .info .tipWrap .dotList{margin-top: 0.923rem;}
    .ivy-league .roundArea .content .box .info .point{margin-bottom: 0.615rem;}

    .ivy-league .area-pg-visual { height: auto; padding: 2.461rem 0 1.23rem; }
    .ivy-league .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/mainBanner_mo.png'); background-position: bottom center; }
    .ivy-league .area-pg-visual .mo-bgImage{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/mainBanner_mo_2.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 27.692rem; height: 23.923rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.5rem;}

    .ivy-league .area-pg-visual .titleWrap { position: static; }
    .ivy-league .area-pg-visual .titleWrap > span { line-height: 22.5px; padding: 2px 4px; font-weight: 500; }
    .ivy-league .area-pg-visual .titleWrap > span + span { margin-left: 8px; }
    .ivy-league .area-pg-visual .titleWrap .title { line-height: 36.4px; margin-top: 12px; font-size: var(--f-display);}
    .ivy-league .area-pg-visual .titleWrap .title span{font-size: inherit;}
    .ivy-league .area-pg-visual .titleWrap .sub { line-height: 24px; margin-top: 8px; }
    .ivy-league .area-pg-visual .logoList{width: 100%;}
    .ivy-league .area-pg-visual .logoList figure{width: 100%; aspect-ratio: 722/266; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/visual_logoList_mo.png');}
    .ivy-league .area-pg-visual .contactWrap { position: static; transform: none; width: 100%; padding: 16px 24px; margin-top: 0.923rem; border-radius: var(--r-radius01);}
    .ivy-league .area-pg-visual .contactWrap strong { width: 4.46rem; padding-left: 0; }
    .ivy-league .area-pg-visual .contactWrap .box { padding-left: 4.46rem; }
    .ivy-league .area-pg-visual .contactWrap .box + .box { margin-top: 12px; }
    .ivy-league .area-pg-visual .contactWrap .contact-btn { display: none; }



    /* 아이비리그란? (IVY League) */
    .ivy-league .mean .txt + .txt{margin-top: 8px;}
    .ivy-league .mean .txt2{margin-bottom: 2.307rem;}


    .ivy-league .strategy .roundArea .content .box .info .majorSelect{margin-bottom: 1.846rem;}
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select{width: calc(50% - 4px);}
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select figure{width: 70px;}
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text{padding: 12px 16px; display: flex; justify-content: center; align-items: center;}
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text{margin-top: 24px; height: 7.384rem;}
    .ivy-league .strategy .roundArea .content .box .info .majorSelect .select .text + .text::before{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/majorSelect_down_mo.svg'); width: 24px; top: -23px;}
    .ivy-league .strategy .content .box .info .point{margin-top: 1.846rem; margin-bottom: 0.615rem;}
    .ivy-league .strategy .roundArea .content .box .table-title{margin-bottom: 0.923rem;}
    .ivy-league .strategy .roundArea .content .box table th, td{height: 3.461rem;}
    .ivy-league .strategy .roundArea .content .box table caption{margin-top: 0.923rem;}

    .ivy-league .preparatoryTeam .roundArea .content .box .info .point.type2{margin-bottom: 0.923rem; margin-top: 1.846rem;}
    .ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school{width: 100%; aspect-ratio: 296/362; margin-right: 0;}
    .ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school + .school{margin-top: 1.846rem;}
    .ivy-league .preparatoryTeam .roundArea .content .box .portfolio-guide .school p{height: 2.461rem; line-height: 2.461rem;}
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview .imgWrap{width: 100%; aspect-ratio: 296/207; width: 100%;}
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap{width: 100%; padding-left: 0; margin-top: 1.23rem;}
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview .textWrap .name{margin: 4px 0 8px;}
    .ivy-league .preparatoryTeam .roundArea .content .box .passReview + .passReview{margin-top: 1.846rem;}
    .ivy-league .roundArea .content .bottom-text{margin-top: 2.307rem; padding-top: 2.307rem;}

    .ivy-league .strategy .roundArea .content .box.prepare .info figure{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/ivy-league/mean_prepare_mo.png'); aspect-ratio: 296/370; width: 100%;}


}

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