/******************************************* 미국 관리형 유학의 모든 것 *******************************************/ /* 공통 */ .us-managed-study-guide { word-break: break-all; } .us-managed-study-guide .max-width { text-align: left; } .us-managed-study-guide h2 { color: var(--c-text01); } .us-managed-study-guide .articleTitle > .subTitle { padding-top: 8rem; font-size: var(--f-fontSize04); } /* 관리형 유학은 누구에게 필요할까? */ .us-managed-study-guide .target .imgTextCard .textWrap .tit{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; margin-bottom: 12rem; color: var(--edm-color-text-1);} /* 생활 방식별 관리형 유학 유형 */ .schoolProgram .articleTitle { padding-bottom: 60rem; } .schoolProgram .programCont + .programCont { margin-top: 60rem; padding-top: 60rem; border-top: 1rem solid #E4E8F1; } .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-managed-study-guide/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 > .tagWrap { padding-top: 16rem; font-size: var(--f-body1); color: #006BC8; } .schoolProgram .programTitle > .tagWrap .bar { display: inline; color: var(--c-border-neutral-new); } .schoolProgram .schoolCont { margin-top: 60rem; } .schoolProgram .schoolTitle > strong { display: block; font-size: var(--f-fontSize03); color: var(--c-text01); } .schoolProgram .schoolTitle > p { margin-top: 16rem; font-size: var(--f-body1); color: var(--c-text02); } .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 li.open .thumb:after { transform: rotate(180deg) translate(0, 50%); } .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-managed-study-guide/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 .boxNotice { margin-top: 40rem; padding: 24rem; border: 1rem solid #FC1D01; background-color: #fff; border-radius: var(--r-radius01); isolation: isolate; } .schoolProgram .boxNotice > strong { display: block; font-size: var(--f-body1); font-weight: 600; line-height: 27rem; color: var(--c-point); } .schoolProgram .boxNotice > strong > figure { display: inline-block; margin: 1.5rem 0; margin-right: 6rem; width: 24rem; height: 24rem; vertical-align: top; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/redCheck-icon.svg"); background-repeat: no-repeat; background-size: cover; } .schoolProgram .boxNotice > p { margin-top: 12rem; font-size: var(--f-body2); color: var(--c-text02); } /* 홈스테이 관리형 */ .homestay .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo01.png"); } .homestay .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo02.png"); } .homestay .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo03.png"); } .homestay .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo04.png"); } .homestay .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo05.png"); } .homestay .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-img01.png"); } .homestay .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-img02.png"); } .homestay .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-img03.png"); } .homestay .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-img04.png"); } .homestay .infoWrap .imageWrap figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-img05.png"); } /* 기숙사 관리형 */ .dorm .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo01.png"); } .dorm .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo02.png"); } .dorm .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo03.png"); } .dorm .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo04.png"); } .dorm .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-img01.png"); } .dorm .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-img02.png"); } .dorm .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-img03.png"); } .dorm .infoWrap .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-img04.png"); } /* 국제 사립학교 */ .international .listSchool .thumb figure.logo01, .international .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-logo01.png"); } .international .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-logo02.png"); } .international .infoWrap .imageWrap figure.img01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-img01.png"); } .international .infoWrap .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-img02.png"); } .international .infoWrap .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-img03.png"); } /* 관리형 프로그램 학생의 하루 일과 예시 */ .schedule .tblSchedule { margin-top: 40rem; width: 100%; font-size: var(--f-body2); color: var(--c-text02); text-align: center; border-collapse: collapse; } .schedule .tblSchedule thead tr { background-color: var(--c-background-neutral); font-weight: 600; color: var(--c-text01); } .schedule .tblSchedule thead tr th { background-color: transparent; } .schedule .tblSchedule thead tr th:first-child { width: 25%; } .schedule .tblSchedule thead tr th:nth-child(2) { width: 37.5%; } .schedule .tblSchedule thead tr th:last-child { width: 37.5%; } .schedule .tblSchedule tr { border-bottom: 1rem solid var(--c-border-neutral-new); } .schedule .tblSchedule tbody tr td { border-right: 1rem solid var(--c-border-neutral-new); } .schedule .tblSchedule tbody tr td:first-child { background-color: var(--c-background-neutral); } .schedule .tblSchedule tbody tr td:nth-child(3) { border-right: 0 none; } .schedule .tblSchedule th, .schedule .tblSchedule td { padding: 12rem 16rem; } /* 지금 누릴 수 있는 혜택 */ #edm-perks-horizontal .btnWrap { display: none; } @media screen and (max-width: 991px) { .us-managed-study-guide .contents{padding-bottom: 0;} .us-managed-study-guide h2 { font-size: var(--f-fontSize02); } .us-managed-study-guide .articleTitle > .subTitle { padding-top: 4px; font-size: var(--f-fontSize05); letter-spacing: -.2px; } .us-managed-study-guide .contents .why-choose{margin-top: 50rem;} /* 생활 방식별 관리형 유학 유형 */ .schoolProgram .programTitle > .tagWrap .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; min-width: 24rem; height: 24rem; min-height: 24rem; } .schoolProgram .programTitle > div > strong { font-size: var(--f-fontSize03); line-height: 150%; } .schoolProgram .programTitle > .tagWrap { padding-top: 4px; } .schoolProgram .schoolCont { margin-top: 40px; } .schoolProgram .programTitle + .schoolCont { margin-top: 24px; } .schoolProgram .schoolTitle > strong { font-size: var(--f-fontSize04); } .schoolProgram .schoolTitle > p { margin-top: 4px; } .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; } .schoolProgram .boxNotice { margin-top: 24px; padding: 16px; } .schoolProgram .boxNotice > strong { line-height: 22rem; letter-spacing: -.3px; } .schoolProgram .boxNotice > strong > figure { margin: 0; margin-right: 6px; width: 22rem; height: 22rem; } .schoolProgram .boxNotice > p { margin-top: 12px; } /* 홈스테이 관리형 */ .homestay .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo01-mo.png"); } .homestay .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo02-mo.png"); } .homestay .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo03-mo.png"); } .homestay .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo04-mo.png"); } .homestay .listSchool .thumb figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/homestay-school-logo05-mo.png"); } /* 기숙사 관리형 */ .dorm .listSchool .thumb figure.logo01 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo01-mo.png"); } .dorm .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo02-mo.png"); } .dorm .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo03-mo.png"); } .dorm .listSchool .thumb figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/dorm-school-logo04-mo.png"); } /* 국제 사립학교 */ .international .listSchool li:first-child .thumb { padding-right: 42px; } .international .listSchool .thumb figure.logo01, .international .listSchool .thumb figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-logo01-mo.png"); } .international .listSchool .thumb figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-managed-study-guide/international-school-logo02-mo.png"); } /* 관리형 프로그램 학생의 하루 일과 예시 */ .schedule .tblSchedule { margin-top: 24px; } .schedule .tblSchedule th, .schedule .tblSchedule td { padding: 12px 16px; letter-spacing: -.2px; } .schedule .tblSchedule thead tr th:first-child { width: 27%; } .schedule .tblSchedule thead tr th:nth-child(2) { width: 36.5%; } .schedule .tblSchedule thead tr th:last-child { width: 36.5%; } /* 자주 묻는 관련 질문 */ .us-managed-study-guide .common-questions{padding: 50rem 0;} } @media screen and (max-width: 575px) { .target .listTarget{display: block;} .target .listTarget > li + li { margin-top: 16px; } }