/*******************************************
        뉴질랜드 조기유학 로드맵
*******************************************/
/* 공통 */
.nz-early-study { word-break: break-all; }
.nz-early-study section > article { padding: 3.5rem 0; }
.nz-early-study.container h2 { color: var(--c-text01); }
.nz-early-study .articleTitle > .subTitle { padding-top: .4rem; font-size: var(--f-fontSize04); }

/* 비주얼 */
.nz-early-study .area-pg-visual { position: relative; width: 100%; height: 17.4rem; padding: 4rem 0; }
.nz-early-study .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.nz-early-study .area-pg-visual .bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/mainBanner.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.nz-early-study .area-pg-visual .titleWrap { color: var(--c-text01); }
.nz-early-study .area-pg-visual .titleWrap .title { margin-bottom: .4rem; color: #fff; }
.nz-early-study .area-pg-visual .titleWrap .sub { margin-bottom: 1.6rem; font-size: var(--f-fontSize05); font-weight: 400; color: #fff; }
.nz-early-study .area-pg-visual .titleWrap .contact-btn { display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 2.4rem; border-radius: 8px; background-color: var(--c-text01); font-size: var(--f-body2); font-weight: 400; line-height: 150%; color: #fff; }
.nz-early-study .area-pg-visual .titleWrap .contact-btn:hover { background-color: var(--c-text02); }
.nz-early-study .area-pg-visual .titleWrap .contact-btn .arrow { width: 0.8rem; height: 0.8rem; margin-left: 0.1rem; 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; }

/* 비주얼 배너 */
.nz-early-study .area-pg-banner { padding: 1.2rem 0; background-color: #F5F5F7; }
.nz-early-study .area-pg-banner .innerBox > div { display: flex; align-items: center; gap: 12px; }
.nz-early-study .area-pg-banner .innerBox > div + div { margin-top: 12px; }
.nz-early-study .area-pg-banner .innerBox figure { display: block; min-width: 1.2rem; width: 1.2rem; height: 1.2rem; background-size: cover; background-repeat: no-repeat; }
.nz-early-study .area-pg-banner .innerBox figure.img01 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/iconEarth.svg'); }
.nz-early-study .area-pg-banner .innerBox figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/iconFace.svg'); }
.nz-early-study .area-pg-banner .innerBox span { display: block; font-size: var(--f-body1); }

#page-tabMenu .point { color: var( --c-point); }
#page-tabMenu .point.active { font-weight: 700; color: var( --c-point); }
#page-tabMenu .point figure { display: inline-block; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/tabMenu-gift-icon.svg'); width: 1.5rem; height: 1.5rem; margin-right: .1rem; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: top; }

/* 공지 배너 */
.nz-early-study .noticeBanner { padding: 5rem 0; }
.nz-early-study .noticeBox { display: flex; align-items: center; gap: 12px; padding: .8rem 2rem; border-radius: var(--r-radius01); background: #6638ED; }
.nz-early-study .noticeBox > figure { min-width: 2.4rem; width: 2.4rem; height: 2.4rem; border-radius: var(--r-radius03); background: #fff url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/iconRinging.gif'); background-size: 2rem; background-repeat: no-repeat; background-position: center;  }
.nz-early-study .noticeBox > strong { display: block; font-size: var(--f-fontSize05); color: #fff; }
.nz-early-study .noticeBox > em { display: block; min-width: 4rem; padding: 0 14px; margin-left: auto; border-radius: var(--r-radius03); background: #FF6D12; text-align: center; font-size: var(--f-body1); font-weight: 700; line-height: 1.5rem; color: #fff; }

/* 소개 */
.nz-early-study section > article.intro { padding: 0; }
.nz-early-study.container .intro h2 { line-height: 150%; }
.intro .box{ position: relative; padding: 2.7rem 0; padding-right: 12rem; border-bottom: 1px solid #000; }
.intro .box:after { position: absolute; right: 0; bottom: 0; width: 12rem; aspect-ratio: 240/230; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/introCharacter-img.png'); background-size: cover; background-repeat: no-repeat; content: ""; }
.intro .box h2 strong { font-weight: 700; color: var(--c-point); }

/* 지역 선정이 중요한 이유와 기준은?  */
.nz-early-study section > article.selectReason { padding-top: 5rem; }
.selectReason .contTitle { display: block; margin-top: 2rem; font-size: var(--f-fontSize03); color: var(--c-text01); }
.selectReason .subText { margin-top: 2rem; font-size: var(--f-body1); color: var(--c-text02); }
.selectReason .listReason { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin-top: 2rem; }
.selectReason .listReason > li { display: flex; gap: 1.2rem; position: relative; padding: 1.2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background: var(--c-background-neutral); }
.selectReason .listReason > li > div { width: calc(100% - 2.8rem - 1.2rem); }
.selectReason .listReason figure { width: 2.8rem; height: 2.8rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listReason-icon01.svg"); background-repeat: no-repeat; background-size: cover; }
.selectReason .listReason figure.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listReason-icon02.svg"); }
.selectReason .listReason figure.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listReason-icon03.svg"); }
.selectReason .listReason figure.icon04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listReason-icon04.svg"); }
.selectReason .listReason figure.icon05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listReason-icon05.svg"); }
.selectReason .listReason figure.icon06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listReason-icon06.svg"); }
.selectReason .listReason .title { display: block;font-size: var(--f-fontSize05);font-weight: 600;color: #000; }
.selectReason .listReason .text { margin-top: .4rem;font-size: var(--f-body2);font-weight: 400;color: #333; }

/* 뉴질랜드 조기유학 추천 지역 */
.recommend h3 { color: var(--c-text01); }
.recommend .wrapRegion { margin-top: 3rem; }
.recommend .wrapRegion.first { margin-top: 2rem; }
.recommend .listRegion { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; margin: 1.2rem 0 0; }
.recommend .listRegion li { border-radius: var(--r-radius01); border: 1px solid #E4E8F1; box-shadow: var(--s-shadow-blue01); }
.recommend .listRegion .imageWrap figure { display: block; width: 100%; height: 10rem; border-radius: var(--r-radius01) var(--r-radius01) 0 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listRegion-img01.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.recommend .listRegion .imageWrap figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listRegion-img02.png'); }
.recommend .listRegion .imageWrap figure.img03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listRegion-img03.png'); }
.recommend .listRegion .textWrap { padding: 1.2rem; }
.recommend .listRegion .textWrap > strong { display: block; font-size: var(--f-fontSize05); font-weight: 600; color: var(--c-text01); }
.recommend .listRegion .text { padding-top: 1.2rem; }
.recommend .listRegion .text > strong { display: block; margin-bottom: .4rem; font-size: var(--f-body1); font-weight: 500; color: var(--c-text01); }
.recommend .listRegion .text > p { font-size: var(--f-body2); letter-spacing: -.1px; color: var(--c-text02); word-break: break-word; }

/* 학년별 추천 학교 */
.schoolProgram .articleTitle { padding-bottom: 3rem; }
.schoolProgram .articleTitle > .subTitle { color: #006BC8; }
.schoolProgram .articleTitle > .subTitle .bar { color: var(--c-border-neutral-new); }
.schoolProgram .programCont + .programCont { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #E4E8F1; }
.schoolProgram .schoolTitle { display: block; font-size: var(--f-fontSize03); color: var(--c-text01); }
.schoolProgram .listSchool { margin-top: 1.2rem; font-size: var(--f-fontSize02); line-height: 130%; color: var(--c-text01); }
.schoolProgram .listSchool li { margin-bottom: 1.2rem; border-radius: var(--r-radius01); border: 1px solid #E4E8F1; box-shadow: var(--s-shadow-blue01); }
.schoolProgram .listSchool li:last-child { margin-bottom: 0; }
.schoolProgram .listSchool .thumb { display: flex; gap: 1.2rem; position: relative; padding: 1.2rem 2rem; padding-right: calc(2rem + 30px); cursor: pointer; }
.schoolProgram .listSchool .thumb:after {display: block; position: absolute; top: 50%; right: 2rem; width: 30px; height: 30px; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/iconArrowDown.svg") no-repeat center; background-size: cover; transform: translate(0, -50%); content: ""; }
.schoolProgram .listSchool .thumb .logoWrap { width: 12rem; padding: .6rem 1.6rem; }
.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% - 12rem - 1.2rem); }
.schoolProgram .listSchool .thumb .textWrap strong { display: block; font-size: var(--f-fontSize03); font-weight: 600; word-break: keep-all; color: #000; }
.schoolProgram .listSchool .thumb .textWrap .subText { display: block; margin-top: .1rem; font-size: var( --f-body2); color: #666; }
.schoolProgram .listSchool .thumb .textWrap .text { margin-top: .6rem; font-size: var( --f-body1); color: #333; }
.schoolProgram .schoolInfo { display: none; padding: .4rem 2rem 1.2rem; }
.schoolProgram .infoWrap { display: flex; gap: 1.2rem; }
.schoolProgram .infoWrap .imageWrap { width: 12rem; }
.schoolProgram .infoWrap .imageWrap > figure{ height: auto; border-radius: var(--r-radius01); background-repeat: no-repeat; background-position: center; background-size: cover; aspect-ratio: 241/300; }
.schoolProgram .infoWrap .contact-btn { background-color: var(--c-primary); color: #fff; font-size: var(--f-body2); border-radius: 8px; width: 100%; height: 2rem; margin-top: .6rem; font-weight: 400; display: flex; align-items: center; justify-content: center; }
.schoolProgram .infoWrap .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; }
.schoolProgram .infoWrap .textWrap { width: calc(100% - 12rem - 1.2rem); }
.schoolProgram .infoWrap .textBox { margin-bottom: .6rem; padding: 1rem 1.2rem; border-radius: var(--r-radius01); background-color: #F5F5F7; font-size: var(--f-body2); color: var(--c-text02); }
.schoolProgram .infoWrap .textBox strong { font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
.schoolProgram .infoWrap .textBox strong.hasMargin { margin-right: .6rem; }
.schoolProgram .infoWrap .textBox p { font-size: var(--f-body2); }
.schoolProgram .infoWrap .boxWrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem .5rem; margin-bottom: .6rem; }
.schoolProgram .infoWrap .boxWrap .textBox { margin: 0; }
.schoolProgram .infoWrap .boxWrap .textBox strong { margin-right: .6rem; }
.schoolProgram .infoWrap .indexWrap { margin-top: .6rem; font-size: var(--f-body2); }
.schoolProgram .infoWrap .indexWrap p { position: relative; padding-left: 16px; }
.schoolProgram .infoWrap .indexWrap p::before { content: '\00B7'; position: absolute; top: 0; left: 0; width: 16px; text-align: center; }
.schoolProgram .infoWrap .bottomText { font-size: var(--f-body2); color: #666; }
.schoolProgram .infoWrap .btnClose { min-width: 3.8rem; height: 2rem; margin-top: .6rem; margin-left: auto; margin-right: 0; }
.schoolProgram .listSchool li.open .thumb:after{ transform: rotate(180deg) translate(0, 50%); }
.schoolProgram .boxNotice { margin-top: 2rem; padding: 1.2rem; border-radius: var(--r-radius01); border: 1px solid #FC1D01; background-color: #fff; }
.schoolProgram .boxNotice > strong { display: block; font-size: var(--f-body1); font-weight: 600; line-height: 1.35rem; color: var(--c-point); }
.schoolProgram .boxNotice > strong > figure { display: inline-block; width: 1.2rem; height: 1.2rem; margin: .075rem 0; margin-right: .3rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/redCheck-icon.svg");background-repeat: no-repeat;background-size: cover; vertical-align: top; }
.schoolProgram .boxNotice > p { margin-top: .6rem; 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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/nz-early-study/christChurch-school-img04.png"); }

/* 뉴질랜드 조기유학 진행 절차 */
.procedure .listProcedure { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: 2rem; }
.procedure .listProcedure > li { display: flex; align-items: center; gap: .6rem; padding: 1.2rem 2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background-color: #F5F5F7; }
.procedure .listProcedure > li > em { display: block; min-width: 1.3rem; width: 1.3rem; height: 1.3rem; border-radius: var(--r-radius03); background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); font-size: var(--f-body2); font-weight: 600; line-height: 1.3rem; text-align: center; color: #fff; }
.procedure .listProcedure > li > span { display: block; font-size: var( --f-body1); font-weight: 600; color: var(--c-text01); }

/* 자주 묻는 관련 질문 */
.nz-early-study section > article.faq { padding-bottom: 7rem; }
.faq .listFaq { margin-top: 2rem; }
.faq .listFaq li { margin-bottom: .6rem; border-radius: var(--r-radius01); border: 1px solid #E4E8F1; background-color: #F5F5F7; }
.faq .listFaq li:last-child { margin-bottom: 0; }
.faq .listFaq li .box { display: flex; gap: .8rem; }
.faq .listFaq .text { width: calc(100% - 1.3rem - .8rem); }
.faq .listFaq .tag { display: block; min-width: 1.3rem; width: 1.3rem; height: 1.3rem; border-radius: var(--r-radius03); background-color: #000; text-align: center; font-size: var(--f-fontSize05); font-weight: 600; line-height: 1.3rem; color: #fff; }
.faq .listFaq .question { position: relative; align-items: center; padding: 1.2rem 2rem; padding-right: calc(2rem + 30px); cursor: pointer; }
.faq .listFaq .question:after {display: block; position: absolute; top: 50%; right: 2rem; width: 30px; height: 30px; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/iconArrowDown.svg") no-repeat center; background-size: cover; transform: translate(0, -50%); content: ""; }
.faq .listFaq .question .text { font-size: var(--f-fontSize05); font-weight: 600; color: #000; }
.faq .listFaq .question .text strong { font-weight: 600; }
.faq .listFaq .answerWrap { display: none; }
.faq .listFaq .answer { padding: .4rem 2rem 1.2rem; }
.faq .listFaq .answer .tag { background-color: #006BC8; }
.faq .listFaq .answer .text { font-size: var(--f-body1); color: #666; }
.faq .listFaq .answer .text > div { margin-top: .8rem; }
.faq .listFaq .answer .text p { margin-bottom: .2rem; }
.faq .listFaq .answer .text > div p:last-child { margin-bottom: 0; }
.faq .listFaq .answer .text p strong { color: #333; }
.faq .listFaq li.open .question:after { transform: rotate(180deg) translate(0, 50%); }

/* 지금 누릴 수 있는 혜택 */
#language-abroad-benefit-renewal .btnWrap { display: none; }

/* 배너 */
.nz-early-study > article.banner { padding: 7rem 0; }
.banner .boxWrap { text-align: center; }
.banner .boxWrap p { font-size: var(--f-fontSize04); color: var(--c-text02); }
.banner .boxWrap strong { display: block; padding: .4rem 0 2rem; font-size: var(--f-fontSize01); font-weight: 700; line-height: 130%; color: var(--c-text01); }
.banner .btn-filled-primary-large { display: flex; justify-content: center; align-items: center; width: 8.5rem; height: 2.8rem; margin: 0 auto; padding: 0 1.2rem; border-radius: 12px; background-color: var(--c-primary); font-size: var(--f-body1); font-weight: 500; line-height: 150%; color: #fff; }
.banner .btn-filled-primary-large:hover { background-color: #18A149;}
.banner .btn-filled-primary-large .arrow { width: 1.2rem; height: 1.2rem; margin-left: 0.2rem; 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; }

/* 관련 프로그램 */
.relatedProgram { padding: 3.5rem 0 7rem; background-color: #F5F5F7; }
.listProgram { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-top: 2rem; }
.listProgram a { display: block; }
.listProgram .thumb { overflow: hidden; display: block; position: relative; padding: 1.6rem; border-radius: 12px; aspect-ratio: 294/240; cursor: pointer; }
.listProgram .thumb:after {display: block; position: absolute; bottom: .6rem; right: .6rem; width: 2rem; height: 2rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/roundPlus-icon.svg") no-repeat center; background-size: cover; content: ""; }
.listProgram .thumb .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listProgram-thumb01.png"); background-repeat: no-repeat; background-position: center; background-size: cover;
    -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease; will-change: transform;}
.listProgram .thumb02 .bg { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/listProgram-thumb02.png"); }
.listProgram a:active .bg,.listProgram a:hover .bg { -webkit-transform:scale(1.025); transform: scale(1.025); }
.listProgram .thumb > strong { display: block; position: relative; z-index: 1; font-size: var(--f-fontSize03); line-height: 131%;  color: var(--c-text01); }
.listProgram .text { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box; margin-top: .6rem; font-size: var(--f-body2); color: #333; }

/* 하단 페이지 공통 영역(후기, FaQ, 관련 프로그램) 삭제 */
.area-programs-other { display: none !important; }

@media screen and (max-width: 1280px){
    .nz-early-study .maxWidth { padding: 0 16px; }
    #pointView .swiper-slide { height: auto; }
}

@media screen and (max-width: 768px){
    .nz-early-study section > article { padding: 50px 0; }
    .nz-early-study.container h2 { font-size: var(--f-fontSize02); }
    .nz-early-study .articleTitle > .subTitle { padding-top: 4px; font-size: var(--f-fontSize05); letter-spacing: -.2px; }

    /* 비주얼 */
    .nz-early-study .area-pg-visual { height: 23.08rem; padding: 3.08rem 0; }
    .nz-early-study .area-pg-visual .maxWidth { padding: 0 24px; }
    .nz-early-study .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nz-early-study/mainBanner-mo.png'); background-position: bottom center; }
    .nz-early-study .area-pg-visual .titleWrap { position: static; }
    .nz-early-study .area-pg-visual .titleWrap .title { margin-bottom: 8px; font-size: 2.46rem; line-height: 42px; }
    .nz-early-study .area-pg-visual .titleWrap .sub { margin: 0; font-size: var(--f-body2); line-height: 21px; }
    .nz-early-study .area-pg-visual .titleWrap .contact-btn { display: none; }

    /* 비주얼 배너 */
    .nz-early-study .area-pg-banner { padding: 16px 0; }
    .nz-early-study .area-pg-banner .innerBox > div { gap: 8px; }
    .nz-early-study .area-pg-banner .innerBox > div + div { margin-top: 8px; }
    .nz-early-study .area-pg-banner .innerBox figure { width: 20px; height: 20px; }
    .nz-early-study .area-pg-banner .innerBox span { font-size: 1.077rem; }

    /* 공지 배너 */
    .nz-early-study .noticeBanner { padding: 50px 0; }
    .nz-early-study .noticeBox { gap: 0; padding: 16px; }
    .nz-early-study .noticeBox > figure { min-width: 32px; width: 32px; height: 32px; background-size: 24px; }
    .nz-early-study .noticeBox > strong { padding-right: 2px; padding-left: 12px; font-size: 1.153rem; line-height: 19px; letter-spacing: -.2px; }
    .nz-early-study .noticeBox > em { min-width: 58px; padding: 0 12px; font-size: .92rem; line-height: 2rem; }
    .nz-early-study .noticeBox > em span { display: none; }

    /* 소개 */
    .intro .box { padding: 0; padding-right: calc(7.7rem + 12px); padding-bottom: 24px; }
    .intro .box h2 { font-size: var(--f-fontSize03); line-height: 150%; letter-spacing: .1px; }
    .intro .box h2 strong { line-height: 150%; }
    .intro .box:after { width: 7.7rem; }

    /* 지역 선정이 중요한 이유와 기준은?  */
    .nz-early-study section > article.selectReason { padding-top: 50px; }
    .selectReason .contTitle { margin-top: 40px; font-size: var(--f-fontSize04); }
    .selectReason .subText { margin-top: 24px; }
    .selectReason .listReason { margin-top: 24px; grid-template-columns: repeat(1,1fr);}
    .selectReason .listReason > li { gap: 12px; padding: 16px; }
    .selectReason .listReason figure { width: 3.08rem; height: 3.08rem; background-size: 4.2rem; border-radius: var(--r-radius03); }
    .selectReason .listReason > li > div { width: calc(100% - 3.08rem - 12px); }
    .selectReason .listReason .text { margin-top: 8px; }

    /* 뉴질랜드 조기유학 추천 지역 */
    .recommend .wrapRegion { margin-top: 40px; }
    .recommend .wrapRegion.first { margin-top: 24px; }
    .recommend h3 { font-size: var(--f-fontSize04); }
    .recommend .listRegion { display: block; margin-top: 16px; }
    .recommend .listRegion li + li { margin-top: 16px; }
    .recommend .listRegion .imageWrap figure { height: 12.3rem; }
    .recommend .listRegion .textWrap { padding: 16px; }
    .recommend .listRegion .text { padding-top: 16px; }
    .recommend .listRegion .text > strong { margin-bottom: 4px; font-weight: 600; }

    /* 학년별 추천 학교 */
    .schoolProgram .pc-bar { display: none; }
    .schoolProgram .articleTitle { padding-bottom: 30px; }
    .schoolProgram .schoolTitle { font-size: var(--f-fontSize04); }
    .schoolProgram .programCont + .programCont { margin-top: 40px; padding-top: 40px; }
    .schoolProgram .listSchool { margin-top: 16px; }
    .schoolProgram .listSchool li { margin-bottom: 16px; }
    .schoolProgram .listSchool .thumb { gap: 12px; padding: 16px; padding-right: 48px; }
    .schoolProgram .listSchool .thumb:after { width: 20px; height: 20px; right: 16px; }
    .schoolProgram .listSchool .thumb .logoWrap { width: 3.31rem; padding: 0; }
    .schoolProgram .listSchool .thumb figure { aspect-ratio: 43/38; }
    .schoolProgram .listSchool .thumb .textWrap { width: calc(100% - 3.31rem - 12px);  }
    .schoolProgram .listSchool .thumb .textWrap strong { font-size: var(--f-fontSize04); letter-spacing: -.2px; }
    .schoolProgram .listSchool .thumb .textWrap .subText { margin-top: 2px; font-size: var( --f-body2); }
    .schoolProgram .listSchool .thumb .textWrap .text { display: none; }
    .schoolProgram .schoolInfo { padding: 4px 16px 16px; }
    .schoolProgram .infoWrap { display: block; }
    .schoolProgram .infoWrap .mo-text { display: block; margin-bottom: 20px; font-size: var(--f-body2); }
    .schoolProgram .infoWrap .imageWrap { width: 100%; }
    .schoolProgram .infoWrap .imageWrap > figure { display: none; }
    .schoolProgram .infoWrap .contact-btn { height: 3.08rem; margin-top: 0; font-size: var(--f-fontSize05); }
    .schoolProgram .infoWrap .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }
    .schoolProgram .infoWrap .boxWrap { display: block; margin-bottom: 0; }
    .schoolProgram .infoWrap .boxWrap .textBox { margin-bottom: 8px; }
    .schoolProgram .infoWrap .boxWrap .textBox strong { margin-right: 12px; }
    .schoolProgram .infoWrap .textWrap { width: 100%; margin-top: 24px; }
    .schoolProgram .infoWrap .textBox { margin-bottom: 8px; padding: 16px; }
    .schoolProgram .infoWrap .textBox strong.hasMargin { margin-right: 12px; }
    .schoolProgram .infoWrap .indexWrap { margin-top: 12px; }
    .schoolProgram .infoWrap .btnClose { min-width: 4.39rem; height: 2.46rem; margin-top: 8px; border-radius: 4px; }
    .schoolProgram .boxNotice { margin-top: 24px; padding: 16px; }
    .schoolProgram .boxNotice > strong { line-height: 1.7rem; letter-spacing: -.3px; }
    .schoolProgram .boxNotice > strong > figure { width: 1.7rem; height: 1.7rem; margin: 0; margin-right: 6px; }
    .schoolProgram .boxNotice > p { margin-top: 12px; }
    /* 노스쇼어 학년별 추천 학교 */
    .northShore .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/nz-early-study/christChurch-school-logo04-mo.png"); }

    /* 뉴질랜드 조기유학 진행 절차 */
    .procedure .listProcedure { display: block; margin-top: 24px; }
    .procedure .listProcedure > li { gap: 12px; margin-bottom: 12px; padding: 16px; }
    .procedure .listProcedure > li:last-child { margin-bottom: 0; }
    .procedure .listProcedure > li > em { min-width: 1.85rem; width: 1.85rem; height: 1.85rem; font-size: var(--f-body1); font-weight: 700; line-height: 1.85rem; }
    .procedure .listProcedure > li > span { font-size: var(--f-fontSize05); }

    /* 자주 묻는 관련 질문 */
    .nz-early-study section > article.faq { padding-bottom: 60px; }
    .faq .listFaq { margin-top: 24px; }
    .faq .listFaq li { margin-bottom: 12px; }
    .faq .listFaq li .box { gap: 12px; }
    .faq .listFaq .text { width: calc(100% - 1.85rem - 12px); }
    .faq .listFaq .tag { min-width: 1.85rem; width: 1.85rem; height: 1.85rem; margin: 0; line-height: 1.85rem; }
    .faq .listFaq .question { align-items: normal; padding: 16px; padding-right: 48px; }
    .faq .listFaq .question:after { width: 20px; height: 20px; right: 16px; }
    .faq .listFaq .question .text strong { letter-spacing: -.3px;}
    .faq .listFaq .answer { padding: 8px 16px 16px; }
    .faq .listFaq .answer .text { word-break: break-word; }

    /* 배너 */
    .nz-early-study > article.banner { padding: 60px 0; }
    .banner .boxWrap p { font-size: var(--f-fontSize05); }
    .banner .boxWrap > strong { padding: 4px 0 24px; font-size: var(--f-fontSize02); }
    .banner .btn-filled-primary-large { width: 11.62rem; height: 3.7rem; border-radius: 8px; font-size: var(--f-fontSize05); font-weight: 500; }
    .banner .btn-filled-primary-large figure { width: 1.23rem; height: 1.23rem; }

    /* 관련 프로그램 */
    .relatedProgram { padding: 50px 0 60px; }
    .relatedProgram .titleWrap { padding: 0 16px; }
    .relatedProgram .slide { padding-left: 16px; }
    .relatedProgram .listProgram { grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 24px; }
    .listProgram .thumb { padding: 16px; aspect-ratio: 160/140; }
    .listProgram .thumb > strong { font-size: var(--f-fontSize05); line-height: 130%; }
    .listProgram .thumb:after { display: none; }
    .listProgram .text { margin-top: 12px; }
}