/******************************************* 뉴질랜드 조기유학 로드맵 *******************************************/ /* 공통 */ .nz-early-study * {line-height: 150%;} .nz-early-study .max-width {text-align: left;} .nz-early-study h2 { color: var(--c-text01); } .nz-early-study .articleTitle > .subTitle { padding-top: .4rem; font-size: var(--f-fontSize04); } /* 비주얼 */ #wrap .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/mainBanner.png'); } #wrap .area-pg-visual .titleWrap { color: #fff; } #wrap .area-pg-visual .titleWrap .title { color: #fff; } /* 소개 */ .nz-early-study .program-intro .box::after{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/introCharacter-img.png');} /* 뉴질랜드 조기유학 추천 지역 */ .recommend h3 { color: var(--c-text01); } .recommend .wrapRegion { margin-top: 60rem; } .recommend .wrapRegion.first { margin-top: 40rem; } .recommend .imgTextCard { margin: 24rem 0 0; } .recommend .imgTextCard .textWrap > strong { display: block; font-size: var(--f-fontSize05); font-weight: 600; color: var(--c-text01); } .recommend .imgTextCard .text { padding-top: 24rem; } .recommend .imgTextCard .text > strong { display: block; margin-bottom: 8rem; font-size: var(--f-body1); font-weight: 500; color: var(--c-text01); } /* 학년별 추천 학교 */ .schoolProgram .articleTitle { padding-bottom: 60rem; } .schoolProgram .articleTitle > .subTitle { color: #006BC8; } .schoolProgram .articleTitle > .subTitle .bar { color: var(--c-border-neutral-new); } .schoolProgram .programCont + .programCont { margin-top: 60rem; padding-top: 60rem; border-top: 1rem solid #E4E8F1; } .schoolProgram .schoolTitle { display: block; font-size: var(--f-fontSize03); color: var(--c-text01); } .schoolProgram .listSchool { margin-top: 24rem; font-size: var(--f-fontSize02); line-height: 130%; color: var(--c-text01); } .schoolProgram .listSchool li { margin-bottom: 24rem; border: 1rem solid #E4E8F1; box-shadow: var(--s-shadow-blue01); border-radius: var(--r-radius01); isolation: isolate; } .schoolProgram .listSchool li:last-child { margin-bottom: 0; } .schoolProgram .listSchool .thumb { display: flex; gap: 24rem; padding: 24rem 40rem; padding-right: calc(40rem + 30rem); position: relative; cursor: pointer; } .schoolProgram .listSchool .thumb:after {display: block; position: absolute; top: 50%; right: 40rem; width: 30rem; height: 30rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/iconArrowDown.svg") no-repeat center; background-size: cover; content: ""; transform: translate(0, -50%); } .schoolProgram .listSchool .thumb .logoWrap { padding: 12rem 32rem; width: 240rem; } .schoolProgram .listSchool .thumb figure { height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; aspect-ratio: 177/76; } .schoolProgram .listSchool .thumb .textWrap { width: calc(100% - 240rem - 24rem); } .schoolProgram .listSchool .thumb .textWrap strong { display: block; font-size: var(--f-fontSize03); font-weight: 600; color: #000; word-break: keep-all; } .schoolProgram .listSchool .thumb .textWrap .subText { display: block; margin-top: 2rem; font-size: var( --f-body2); color: #666; } .schoolProgram .listSchool .thumb .textWrap .text { margin-top: 12rem; font-size: var( --f-body1); color: #333; } .schoolProgram .schoolInfo { display: none; padding: 8rem 40rem 24rem; } .schoolProgram .infoWrap { display: flex; gap: 24rem; } .schoolProgram .infoWrap .imageWrap { width: 240rem; } .schoolProgram .infoWrap .imageWrap > figure{ height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: var(--r-radius01); isolation: isolate; aspect-ratio: 241/300; } .schoolProgram .infoWrap .contact-btn { display: flex; align-items: center; justify-content: center; margin-top: 12rem; width: 100%; height: 40rem; background-color: var(--c-primary); font-size: var(--f-body2); font-weight: 400; color: #fff; border-radius: 8rem; isolation: isolate; } .schoolProgram .infoWrap .contact-btn svg { margin-left: 4rem; width: 16rem; height: 16rem; } .schoolProgram .infoWrap .textWrap { width: calc(100% - 240rem - 24rem); } .schoolProgram .infoWrap .textBox { margin-bottom: 12rem; padding: 20rem 24rem; background-color: #F5F5F7; font-size: var(--f-body2); color: var(--c-text02); border-radius: var(--r-radius01); isolation: isolate; } .schoolProgram .infoWrap .textBox strong { font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); } .schoolProgram .infoWrap .textBox strong.hasMargin { margin-right: 12rem; } .schoolProgram .infoWrap .textBox p { font-size: var(--f-body2); } .schoolProgram .infoWrap .boxWrap { display: grid; gap: 12rem 10rem; margin-bottom: 12rem; grid-template-columns: repeat(2, 1fr); } .schoolProgram .infoWrap .boxWrap .textBox { margin: 0; } .schoolProgram .infoWrap .boxWrap .textBox strong { margin-right: 12rem; } .schoolProgram .infoWrap .indexWrap { margin-top: 12rem; font-size: var(--f-body2); } .schoolProgram .infoWrap .indexWrap p { padding-left: 16rem; position: relative; } .schoolProgram .infoWrap .indexWrap p::before { position: absolute; top: 0; left: 0; width: 16rem; text-align: center; content: '\00B7'; } .schoolProgram .infoWrap .bottomText { font-size: var(--f-body2); color: #666; } .schoolProgram .infoWrap .btnClose { margin-top: 12rem; margin-right: 0; margin-left: auto; min-width: 76rem; height: 40rem; } .schoolProgram .listSchool li.open .thumb:after{ transform: rotate(180deg) translate(0, 50%); } .schoolProgram .boxNotice { margin-top: 40rem; padding: 24rem; border: 1rem solid #FC1D01; background-color: #fff; border-radius: var(--r-radius01); isolation: isolate; } .schoolProgram .boxNotice > strong { display: block; font-size: var(--f-body1); font-weight: 600; line-height: 27rem; color: var(--c-point); } .schoolProgram .boxNotice > strong > figure { display: inline-block; margin: 1.5rem 0; margin-right: 6rem; width: 24rem; height: 24rem; vertical-align: top; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/redCheck-icon.svg");background-repeat: no-repeat;background-size: cover; } .schoolProgram .boxNotice > p { margin-top: 12rem; font-size: var(--f-body2); color: var(--c-text02); } /* 노스쇼어 학년별 추천 학교 */ .northShore .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo01.png"); } .northShore .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo02.png"); } .northShore .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo03.png"); } .northShore .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo04.png"); } .northShore .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo05.png"); } .northShore .listSchool .thumb figure.logo06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo06.png"); } .northShore .listSchool .thumb figure.logo07 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo07.png"); } .northShore .listSchool .thumb figure.logo08 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo08.png"); } .northShore .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img01.png"); } .northShore .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img02.png"); } .northShore .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img03.png"); } .northShore .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img04.png"); } .northShore .infoWrap .imageWrap figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img05.png"); } .northShore .infoWrap .imageWrap figure.img06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img06.png"); } .northShore .infoWrap .imageWrap figure.img07 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img07.png"); } .northShore .infoWrap .imageWrap figure.img08 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-img08.png"); } /* 오클랜드 학년별 추천 학교 */ .oakland .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo01.png"); } .oakland .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo02.png"); } .oakland .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo03.png"); } .oakland .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo04.png"); } .oakland .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo05.png"); } .oakland .listSchool .thumb figure.logo06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo06.png"); } .oakland .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-img01.png"); } .oakland .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-img02.png"); } .oakland .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-img03.png"); } .oakland .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-img04.png"); } .oakland .infoWrap .imageWrap figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-img05.png"); } .oakland .infoWrap .imageWrap figure.img06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-img06.png"); } /* 크라이스트처치 추천 학교 */ .christChurch .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo01.png"); } .christChurch .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo02.png"); } .christChurch .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo03.png"); } .christChurch .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo04.png"); } .christChurch .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-img01.png"); } .christChurch .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-img02.png"); } .christChurch .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-img03.png"); } .christChurch .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-img04.png"); } /* 지금 누릴 수 있는 혜택 */ #edm-perks-horizontal .btnWrap { display: none; } /* 하단 페이지 공통 영역(후기, FaQ, 관련 프로그램) 삭제 */ .area-programs-other { display: none !important; } @media screen and (max-width: 991px){ .nz-early-study h2 { font-size: var(--f-fontSize02); } .nz-early-study .articleTitle > .subTitle { padding-top: 4rem; font-size: var(--f-fontSize05); letter-spacing: -.2rem; } /* 비주얼 */ #wrap .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/mainBanner-mo.png'); } /* 뉴질랜드 조기유학 추천 지역 */ .recommend .wrapRegion { margin-top: 40rem; } .recommend .wrapRegion.first { margin-top: 24rem; } .recommend h3 { font-size: var(--f-fontSize04); } .recommend .listRegion { display: block; margin-top: 16rem; } .recommend .listRegion li + li { margin-top: 16rem; } .recommend .listRegion .imageWrap figure { height: 160rem; } .recommend .listRegion .textWrap { padding: 16rem; } .recommend .listRegion .text { padding-top: 16rem; } .recommend .listRegion .text > strong { margin-bottom: 4rem; font-weight: 600; } /* 학년별 추천 학교 */ .schoolProgram .pc-bar { display: none; } .schoolProgram .articleTitle { padding-bottom: 30rem; } .schoolProgram .schoolTitle { font-size: var(--f-fontSize04); } .schoolProgram .programCont + .programCont { margin-top: 40rem; padding-top: 40rem; } .schoolProgram .listSchool { margin-top: 16rem; } .schoolProgram .listSchool li { margin-bottom: 16rem; } .schoolProgram .listSchool .thumb { gap: 12rem; padding: 16rem; padding-right: 48rem; } .schoolProgram .listSchool .thumb:after { right: 16rem; width: 20rem; height: 20rem; } .schoolProgram .listSchool .thumb .logoWrap { padding: 0; width: 42rem; } .schoolProgram .listSchool .thumb figure { aspect-ratio: 43/38; } .schoolProgram .listSchool .thumb .textWrap { width: calc(100% - 42rem - 12rem); } .schoolProgram .listSchool .thumb .textWrap strong { font-size: var(--f-fontSize04); letter-spacing: -.2rem; } .schoolProgram .listSchool .thumb .textWrap .subText { margin-top: 2rem; font-size: var( --f-body2); } .schoolProgram .listSchool .thumb .textWrap .text { display: none; } .schoolProgram .schoolInfo { padding: 4rem 16rem 16rem; } .schoolProgram .infoWrap { display: block; } .schoolProgram .infoWrap .mo-text { display: block; margin-bottom: 20rem; font-size: var(--f-body2); } .schoolProgram .infoWrap .imageWrap { width: 100%; } .schoolProgram .infoWrap .imageWrap > figure { display: none; } .schoolProgram .infoWrap .contact-btn { margin-top: 0; height: 40rem; font-size: var(--f-fontSize05); } .schoolProgram .infoWrap .contact-btn svg { width: 16rem; height: 16rem; } .schoolProgram .infoWrap .boxWrap { display: block; margin-bottom: 0; } .schoolProgram .infoWrap .boxWrap .textBox { margin-bottom: 8rem; } .schoolProgram .infoWrap .boxWrap .textBox strong { margin-right: 12rem; } .schoolProgram .infoWrap .textWrap { margin-top: 24rem; width: 100%; } .schoolProgram .infoWrap .textBox { margin-bottom: 8rem; padding: 16rem; } .schoolProgram .infoWrap .textBox strong.hasMargin { margin-right: 12rem; } .schoolProgram .infoWrap .indexWrap { margin-top: 12rem; } .schoolProgram .infoWrap .btnClose { margin-top: 8rem; min-width: 56rem; height: 32rem; border-radius: 4rem; isolation: isolate; } .schoolProgram .boxNotice { margin-top: 24rem; padding: 16rem; } .schoolProgram .boxNotice > strong { line-height: 22rem; letter-spacing: -.3rem; } .schoolProgram .boxNotice > strong > figure { margin: 0; margin-right: 6rem; width: 22rem; height: 22rem; } .schoolProgram .boxNotice > p { margin-top: 12rem; } /* 노스쇼어 학년별 추천 학교 */ .northShore .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo01-mo.png"); } .northShore .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo02-mo.png"); } .northShore .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo03-mo.png"); } .northShore .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo04-mo.png"); } .northShore .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo05-mo.png"); } .northShore .listSchool .thumb figure.logo06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo06-mo.png"); } .northShore .listSchool .thumb figure.logo07 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo07-mo.png"); } .northShore .listSchool .thumb figure.logo08 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/northShore-school-logo08-mo.png"); } /* 오클랜드 학년별 추천 학교 */ .oakland .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo01-mo.png"); } .oakland .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo02-mo.png"); } .oakland .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo03-mo.png"); } .oakland .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo04-mo.png"); } .oakland .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo05-mo.png"); } .oakland .listSchool .thumb figure.logo06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/oakland-school-logo06-mo.png"); } /* 크라이스트처치 추천 학교 */ .christChurch .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo01-mo.png"); } .christChurch .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo02-mo.png"); } .christChurch .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo03-mo.png"); } .christChurch .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nz-early-study/christChurch-school-logo04-mo.png"); } }