/*******************************************
    미국 조기유학 관리형 vs 비관리형
*******************************************/
/* 공통 */
.us-early-study-mg-vs-gen .max-width { text-align: left; }
.us-early-study-mg-vs-gen h2 { color: var(--c-text01); }
.us-early-study-mg-vs-gen .articleTitle > .subTitle { padding-top: 8rem; font-size: var(--f-fontSize04); }

/* 비주얼 */
/* 상단 배경화면은 프로그램 관리자에서 등록 (PC, 모바일 둘다) */
/* #wrap .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-early-study-mg-vs-gen/mainBanner.jpg') } */
#wrap .area-pg-visual .titleWrap .sub { color: var(--c-text03); }

/* 소개 */
.program-intro .box:after { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-early-study-mg-vs-gen/introCharacter-img.png');}

.us-early-study-mg-vs-gen .why-choose .inner ul{margin-top: 40rem;}

/* 관리 방식에 따른 조기유학 유형 비교 */
.type .listType { display: flex; gap: 24rem; margin-top: 40rem; }
.type .listType > li { padding: 24rem; border: 1rem solid #E4E8F1; width: calc(50% - 12rem); background: var(--c-background-neutral); border-radius: var(--r-radius01); isolation: isolate; }
.type .listType > li > em { display: block; margin-bottom: 12rem; padding: 16rem; background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); font-size: var(--f-body1); font-weight: 700; color: #fff; text-align: center; border-radius: var(--r-radius01); isolation: isolate; }
.type .listType .textBox + .textBox { margin-top: 12rem; }
.type .listType .textBox { padding: 24rem; box-shadow: var(--s-shadow-blue01); background-color: #fff; border-radius: var(--r-radius01); isolation: isolate; }
.type .listType .textBox strong { display: block; margin-bottom: 4rem; font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
.type .listType .textBox p { font-size: var(--f-body2); letter-spacing: -.2px; }
/* 관리형/일반형 프로그램의 특징 */
.schoolProgram .articleTitle { padding-bottom: 60rem; }
.schoolProgram .articleTitle > .subTitle { color: #006BC8; }
.schoolProgram .articleTitle > .subTitle .bar { display: inline; color: var(--c-border-neutral-new); }
.schoolProgram .programCont + .programCont { margin-top: 60rem; padding-top: 60rem; border-top: 1rem solid #E4E8F1; }
.schoolProgram .programTitle { margin-bottom: 60rem; }
.schoolProgram .programTitle > div { display: flex; gap: 8rem; align-items: center; }
.schoolProgram .programTitle > div > figure { width: 32rem; height: 32rem; min-height: 32rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/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: 16rem; 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: 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 + 30px); position: relative; cursor: pointer; }
.schoolProgram .listSchool .thumb:after { display: block; position: absolute; top: 50%; right: 40rem; width: 30px; height: 30px; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-early-study-mg-vs-gen/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: 8px; 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: 16px; position: relative; }
.schoolProgram .infoWrap .indexWrap p::before { position: absolute; top: 0; left: 0; width: 16px; 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%); }
/* 관리형 프로그램 */
.mgProgram .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/us-early-study-mg-vs-gen/gen-school-img04.png"); }

.us-early-study-mg-vs-gen .common-questions{padding: 70rem 0 140rem;}

/* 자주 묻는 관련 질문 */
.common-questions { padding-bottom: 140rem; }
/* 지금 누릴 수 있는 혜택 */
#edm-perks-horizontal .btnWrap { display: none; }
/* 하단 페이지 공통 영역(후기, FaQ, 관련 프로그램) 삭제 */
.area-programs-other { display: none !important; }














@media screen and (max-width: 991px) {
	.us-early-study-mg-vs-gen 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 .why-choose .inner ul{margin-top: 24rem;}
	

	/* 관리 방식에 따른 조기유학 유형 비교 */
	.mo-type { margin-top: 24px; padding: 16px; border: 1rem solid #E4E8F1; background: var(--c-background-neutral); border-radius: var(--r-radius01); isolation: isolate; }
	.mo-type .listType { gap: 4px; margin-top: 0; }
	.mo-type .listType > li { padding: 0; border: none; width: calc(50% - 2px); background: none; border-radius: 0; isolation: isolate; }
	.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; box-shadow: var(--s-shadow-blue01); background-color: #fff; border-radius: var(--r-radius01); isolation: isolate; }
	.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 .articleTitle > .subTitle .pc-bar { display: none; }
	.schoolProgram .articleTitle { padding-bottom: 30px; }
	.schoolProgram .programTitle { margin-bottom: 24px; }
	.schoolProgram .programTitle > div { gap: 4px; }
	.schoolProgram .programTitle > div > figure { width: 24rem; height: 24rem; min-height: initial;}
	.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 { right: 16px; width: 20px; height: 20px; }
	.schoolProgram .listSchool .thumb .logoWrap { padding: 0; width: 43rem; }
	.schoolProgram .listSchool .thumb figure { aspect-ratio: 43/38; }
	.schoolProgram .listSchool .thumb .textWrap { width: calc(100% - 43rem - 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 { 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: 8px; }
	.schoolProgram .infoWrap .boxWrap .textBox strong { margin-right: 12px; }
	.schoolProgram .infoWrap .textWrap { margin-top: 24px; width: 100%; }
	.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 { margin-top: 8px; min-width: 58rem; height: 32rem; border-radius: 4px; isolation: isolate; padding: 0 15rem;}
	/* 영국 데이스쿨 추천 학교 */
	.mgProgram .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/us-early-study-mg-vs-gen/gen-school-logo04-mo.png"); }
	.genProgram .boxNotice { margin-top: 24px; padding: 16px; }
	.genProgram .boxNotice > strong { line-height: 22rem; letter-spacing: -.3px; }
	.genProgram .boxNotice > strong > figure { margin: 0; margin-right: 6px; width: 22rem; height: 22rem; }
	.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 { width: 24rem; min-width: 24rem; height: 24rem; font-size: var(--f-body1); font-weight: 700; line-height: 24rem; }
	.procedure .listProcedure > li > span { font-size: var(--f-fontSize05); }
	/* 자주 묻는 관련 질문 */
	.us-early-study-mg-vs-gen .common-questions{padding: 50rem 0;}
}