/*******************************************
    미국 조기유학 관리형 vs 비관리형
*******************************************/
/* 공통 */
.us-early-study-mg-vs-gen { word-break: break-all; }
.us-early-study-mg-vs-gen section > article { padding: 3.5rem 0; }
.us-early-study-mg-vs-gen.container h2 { color: var(--c-text01); }
.us-early-study-mg-vs-gen .articleTitle > .subTitle { padding-top: .4rem; font-size: var(--f-fontSize04); }

/* 비주얼 */
.us-early-study-mg-vs-gen .area-pg-visual { position: relative; width: 100%; height: 17.4rem; padding: 4rem 0; }
.us-early-study-mg-vs-gen .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.us-early-study-mg-vs-gen .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/us-early-study-mg-vs-gen/mainBanner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.us-early-study-mg-vs-gen .area-pg-visual .titleWrap { color: var(--c-text01); }
.us-early-study-mg-vs-gen .area-pg-visual .titleWrap .title { margin-bottom: .4rem; color: var(--c-text01); }
.us-early-study-mg-vs-gen .area-pg-visual .titleWrap .sub { margin-bottom: 1.6rem; font-size: var(--f-fontSize05); font-weight: 400; color: var(--c-text03); }
.us-early-study-mg-vs-gen .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; }
.us-early-study-mg-vs-gen .area-pg-visual .titleWrap .contact-btn:hover { background-color: var(--c-text02); }
.us-early-study-mg-vs-gen .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; }

/* 비주얼 배너 */
.us-early-study-mg-vs-gen .area-pg-banner { padding: 1.2rem 0; background-color: #F5F5F7; }
.us-early-study-mg-vs-gen .area-pg-banner .innerBox > div { display: flex; align-items: center; gap: 12px; }
.us-early-study-mg-vs-gen .area-pg-banner .innerBox > div + div { margin-top: 12px; }
.us-early-study-mg-vs-gen .area-pg-banner .innerBox figure { display: block; min-width: 1.2rem; width: 1.2rem; height: 1.2rem; background-size: cover; background-repeat: no-repeat; }
.us-early-study-mg-vs-gen .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'); }
.us-early-study-mg-vs-gen .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'); }
.us-early-study-mg-vs-gen .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; }

/* 공지 배너 */
.us-early-study-mg-vs-gen .noticeBanner { padding: 5rem 0; }
.us-early-study-mg-vs-gen .noticeBox { display: flex; align-items: center; gap: 12px; padding: .8rem 2rem; border-radius: var(--r-radius01); background: #6638ED; }
.us-early-study-mg-vs-gen .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;  }
.us-early-study-mg-vs-gen .noticeBox > strong { display: block; font-size: var(--f-fontSize05); color: #fff; }
.us-early-study-mg-vs-gen .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; }

/* 소개 */
.us-early-study-mg-vs-gen section > article.intro { padding: 0; }
.us-early-study-mg-vs-gen.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/us-early-study-mg-vs-gen/introCharacter-img.png'); background-size: cover; background-repeat: no-repeat; content: ""; }
.intro .box h2 strong { font-weight: 700; color: var(--c-point); }

/* 미국 조기유학에서 재단의 역할은?  */
.us-early-study-mg-vs-gen section > article.role { padding-top: 5rem; }
.role .contTitle { display: block; margin-top: 2rem; font-size: var(--f-fontSize03); color: var(--c-text01); }
.role .subText { margin-top: 2rem; font-size: var(--f-body1); color: var(--c-text02); }
.role .listRole { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin-top: 2rem; }
.role .listRole > 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); }
.role .listRole > li > div { width: calc(100% - 2.8rem - 1.2rem); }
.role .listRole figure { width: 2.8rem; height: 2.8rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listRole-icon01.svg"); background-repeat: no-repeat; background-size: cover; }
.role .listRole figure.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listRole-icon02.svg"); }
.role .listRole figure.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listRole-icon03.svg"); }
.role .listRole figure.icon04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listRole-icon04.svg"); }
.role .listRole .title { display: block;font-size: var(--f-fontSize05);font-weight: 600;color: #000; }
.role .listRole .text { margin-top: .4rem;font-size: var(--f-body2);font-weight: 400;color: #333; }

/* 실제 후기로 보는 미국 조기유학 */
.review .listReview { margin-top: 2rem; }
.review .listReview li { display: flex; gap: 1.2rem; padding: 1.6rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background-color: #fff; box-shadow: var(--s-shadow-blue01); }
.review .listReview li  + li { margin-top: 1.2rem; }
.review .listReview li .imageWrap { width: 18rem; max-height: 8.4rem; }
.review .listReview li .imageWrap figure { width: 100%; border-radius: var(--r-radius01); background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listReview-img01.jpg"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 360/168; }
.review .listReview li .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listReview-img02.jpg"); }
.review .listReview li .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listReview-img03.jpg"); }
.review .listReview li .textWrap { width: calc(100% - 18rem - 1.2rem); }
.review .listReview li .title > em { display: block; width: 5.25rem; height: 1rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/scoreStarFull.svg"); background-repeat: no-repeat; background-size: cover; }
.review .listReview li .title > strong { display: block; margin: .8rem 0 .4rem; font-size: var(--f-fontSize03); font-weight: 600; color: var(--c-text01); }
.review .listReview li .textWrap > p { font-size: var(--f-body2); letter-spacing: -.2px; color: var(--c-text02); }
.review .listReview li .textWrap > span { display: block; margin-top: .8rem; font-size: var(--f-detail); color: var(--c-text03); }
.review .listReview li .textWrap .bar { padding: 0 .4rem; color: #dadada; }
.review .bottomText { display: flex; justify-content: center; align-items: center; gap: .2rem; margin-top: 3rem; margin-bottom: .8rem; font-size: var(--f-body1); }
.review .bottomText figure { display: block; width: 1.2rem; height: 1.2rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/boxArrowDown.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.review .contact-btn { min-width: 10rem; height: 2.4rem; margin: 0 auto; }
.review .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; }

/* 관리 방식에 따른 조기유학 유형 비교 */
.type .listType { display: flex; gap: 1.2rem; margin-top: 2rem; }
.type .listType > li { width: calc(50% - .6rem); padding: 1.2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background: var(--c-background-neutral); }
.type .listType > li > em { display: block; margin-bottom: .6rem; padding: .8rem; border-radius: var(--r-radius01); background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); font-size: var(--f-body1); font-weight: 700; text-align: center; color: #fff; }
.type .listType .textBox + .textBox { margin-top: .6rem; }
.type .listType .textBox { padding: 1.2rem; background-color: #fff; border-radius: var(--r-radius01); box-shadow: var(--s-shadow-blue01); }
.type .listType .textBox strong { display: block; margin-bottom: .2rem; font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
.type .listType .textBox p { letter-spacing: -.2px; font-size: var(--f-body2); }

/* 관리형/일반형 프로그램의 특징 */
.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 .programTitle { margin-bottom: 3rem; }
.schoolProgram .programTitle > div { display: flex; gap: .4rem; align-items: center; }
.schoolProgram .programTitle > div > figure { width: 1.6rem; min-height: 1.6rem; height: 1.6rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/iconCheckBroken.svg") no-repeat center; background-size: cover; }
.schoolProgram .programTitle > div > strong { display: block; font-size: var(--f-fontSize02); font-weight: 600; line-height: 130%; color: var(--c-text01); }
.schoolProgram .programTitle > p { padding-top: .8rem; font-size: var(--f-body1); color: var(--c-text02); }
.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/us-early-study-mg-vs-gen/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%); }
/* 관리형 프로그램 */
.mgProgram .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo01.png"); }
.mgProgram .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo02.png"); }
.mgProgram .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo03.png"); }
.mgProgram .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo04.png"); }
.mgProgram .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo05.png"); }
.mgProgram .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-img01.png"); }
.mgProgram .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-img02.png"); }
.mgProgram .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-img03.png"); }
.mgProgram .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-img04.png"); }
.mgProgram .infoWrap .imageWrap figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-img05.png"); }
/* 일반형 프로그램 */
.genProgram .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo01.png"); }
.genProgram .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo02.png"); }
.genProgram .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo03.png"); }
.genProgram .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo04.png"); }
.genProgram .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-img01.png"); }
.genProgram .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-img02.png"); }
.genProgram .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-img03.png"); }
.genProgram .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-img04.png"); }
.genProgram .boxNotice { margin-top: 2rem; padding: 1.2rem; border-radius: var(--r-radius01); border: 1px solid #FC1D01; background-color: #fff; }
.genProgram .boxNotice > strong { display: block; font-size: var(--f-body1); font-weight: 600; line-height: 1.35rem; color: var(--c-point); }
.genProgram .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/us-early-study-mg-vs-gen/redCheck-icon.svg");background-repeat: no-repeat;background-size: cover; vertical-align: top; }
.genProgram .boxNotice > p { margin-top: .6rem; font-size: var(--f-body2); color: var(--c-text02); }

/* 미국 조기유학 진행 절차 */
.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); }

/* 자주 묻는 관련 질문 */
.us-early-study-mg-vs-gen 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/us-early-study-mg-vs-gen/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); letter-spacing: -.2px; 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; }

/* 배너 */
.us-early-study-mg-vs-gen > 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; }
.relatedProgram .pc-display { display: block; }
.relatedProgram .mo-display { display: none; }
.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/us-early-study-mg-vs-gen/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/us-early-study-mg-vs-gen/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/us-early-study-mg-vs-gen/listProgram-thumb02.png"); }
.listProgram .thumb03 .bg { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/listProgram-thumb03.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){
    .us-early-study-mg-vs-gen .maxWidth { padding: 0 16px; }
    #pointView .swiper-slide { height: auto; }
}

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

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

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

    /* 공지 배너 */
    .us-early-study-mg-vs-gen .noticeBanner { padding: 50px 0; }
    .us-early-study-mg-vs-gen .noticeBox { gap: 0; padding: 16px; }
    .us-early-study-mg-vs-gen .noticeBox > figure { min-width: 32px; width: 32px; height: 32px; background-size: 24px; }
    .us-early-study-mg-vs-gen .noticeBox > strong { padding-right: 2px; padding-left: 12px; font-size: 1.153rem; line-height: 19px; letter-spacing: -.2px; }
    .us-early-study-mg-vs-gen .noticeBox > em { min-width: 58px; padding: 0 12px; font-size: .92rem; line-height: 2rem; }
    .us-early-study-mg-vs-gen .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; }

    /* 미국 조기유학에서 재단의 역할은?  */
    .us-early-study-mg-vs-gen section > article.role { padding-top: 50px; }
    .role .contTitle { margin-top: 40px; font-size: var(--f-fontSize04); }
    .role .subText { margin-top: 24px; }
    .role .listRole { margin-top: 24px; grid-template-columns: repeat(1,1fr);}
    .role .listRole > li { gap: 12px; padding: 16px; }
    .role .listRole figure { width: 3.08rem; height: 3.08rem; background-size: 4.2rem; border-radius: var(--r-radius03); }
    .role .listRole > li > div { width: calc(100% - 3.08rem - 12px); }
    .role .listRole .text { margin-top: 8px; }

    /* 실제 후기로 보는 미국 조기유학 */
    .review .box-video { max-width: none; margin-top: 24px; }
    .review .common-videoPlay .videoWrap.youtube figure::after { display: block; width: 3.08rem; height: 3.08rem; }
    .review .videoWrap.youtube .video { border-radius: var(--r-radius01); box-shadow: none; }
    .review .box-video p { margin-top: 12px; font-size: var( --f-fontSize05); font-weight: 500; }
    .review .listReview { margin-top: 24px; }
    .review .listReview li { display: block; padding: 16px; }
    .review .listReview li .imageWrap { width: 100%; max-height: none; }
    .review .listReview li .imageWrap figure { aspect-ratio: 296/120; border-radius: 8px; }
    .review .listReview li .textWrap { width: 100%; margin-top: 16px; }
    .review .listReview li .title { display: flex; flex-direction: column-reverse; margin-bottom: 12px; }
    .review .listReview li .title > strong { margin: 0 0 4px; font-size: var(--f-fontSize05); font-weight: 700; }
    .review .listReview li .title > em { width: 6.54rem; max-width: 105px; height: auto; aspect-ratio: 85/16; }
    .review .listReview li .textWrap > span { margin-top: 8px; letter-spacing: -.2px; }
    .review .listReview li .textWrap .bar { padding: 0 4px; font-size: var(--f-body2); }
    .review .bottomText { gap: 4px; margin-top: 40px; margin-bottom: 12px; letter-spacing: -.3px; }
    .review .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .review .contact-btn { min-width: 15.31rem; height: 3.08rem; padding: 0 24px; font-size: var(--f-fontSize05); font-weight: 700; }
    .review .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }

    /* 관리 방식에 따른 조기유학 유형 비교 */
    .mo-type { margin-top: 24px; padding: 16px; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background: var(--c-background-neutral); }
    .mo-type .listType { margin-top: 0; gap: 4px; }
    .mo-type .listType > li { width: calc(50% - 2px); padding: 0; border: none; border-radius: 0; background: none; }
    .mo-type .listType > li > em { margin-bottom: 0; padding: 8px; background: #E2E2E5; font-size: var(--f-body1); color: #999; }
    .mo-type .listType > li.active > em { background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); color: #fff; }
    .mo-type .tabCont { display: none; }
    .mo-type .tabCont.show { display: block; }
    .mo-type .textBox { margin-top: 8px; padding: 16px; border-radius: var(--r-radius01); background-color: #fff; box-shadow: var(--s-shadow-blue01); }
    .mo-type .textBox strong { display: block; margin-bottom: 4px; font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
    .mo-type .textBox p { font-size: var(--f-body2); }

    /* 관리형/일반형 프로그램의 특징 */
    .schoolProgram .pc-bar { display: none; }
    .schoolProgram .articleTitle { padding-bottom: 30px; }
    .schoolProgram .programTitle { margin-bottom: 24px; }
    .schoolProgram .programTitle > div { gap: 4px; }
    .schoolProgram .programTitle > div > figure { width: 1.85rem; min-width: 1.85rem; height: 1.85rem; }
    .schoolProgram .programTitle > div > strong { font-size: var(--f-fontSize03); line-height: 150%; }
    .schoolProgram .programTitle > p { padding-top: 4px; }
    .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); }
    .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; }
    /* 영국 데이스쿨 추천 학교 */
    .mgProgram .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo01-mo.png"); }
    .mgProgram .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo02-mo.png"); }
    .mgProgram .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo03-mo.png"); }
    .mgProgram .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo04-mo.png"); }
    .mgProgram .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/mg-school-logo05-mo.png"); }
    /* 영국 보딩스쿨 추천 학교 */
    .genProgram .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo01-mo.png"); }
    .genProgram .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo02-mo.png"); }
    .genProgram .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo03-mo.png"); }
    .genProgram .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-early-study-mg-vs-gen/gen-school-logo04-mo.png"); }
    .genProgram .boxNotice { margin-top: 24px; padding: 16px; }
    .genProgram .boxNotice > strong { line-height: 1.7rem; letter-spacing: -.3px; }
    .genProgram .boxNotice > strong > figure { width: 1.7rem; height: 1.7rem; margin: 0; margin-right: 6px; }
    .genProgram .boxNotice > p { margin-top: 12px; }

    /* 미국 조기유학 진행 절차 */
    .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); }

    /* 자주 묻는 관련 질문 */
    .us-early-study-mg-vs-gen 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: 40px; }
    .faq .listFaq .question:after { width: 20px; height: 20px; right: 16px; }
    .faq .listFaq .answer { padding: 8px 16px 16px; }

    /* 배너 */
    .us-early-study-mg-vs-gen > 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 .pc-display { display: none; }
    .relatedProgram .mo-display { display: block; }
    .relatedProgram .titleWrap { padding: 0 16px; }
    .relatedProgram .slide { width: calc(100% + 16px); }
    .relatedProgram .swiper-container { overflow: hidden; }
    .relatedProgram .listProgram { display: flex; gap: 0; 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; }
}