/******************************************* 미국 아트유학 장학금 준비반 *******************************************/ .us-major > section > section + section, .us-major > section > section + article, .us-major > section > article + article, .us-major > section > article + section{margin-top: 140rem;} .us-major > section > section, .us-major > section > article{padding: 0;} /* 공통 */ .us-major.container .max-width { text-align: left; } .us-major.container h2 { color: var(--c-text01); } .us-major .articleTitle > .subTitle { padding-top: 8rem; font-size: var(--f-fontSize04); } /* 비주얼 배너 */ .us-major .area-pg-banner { padding: 24rem 0; background-color: #F5F5F7; } .us-major .area-pg-banner .innerBox > div { display: flex; gap: 12rem; align-items: center; } .us-major .area-pg-banner .innerBox > div + div { margin-top: 12rem; } .us-major .area-pg-banner .innerBox figure { display: block; width: 24rem; min-width: 24rem; height: 24rem; background-repeat: no-repeat; background-size: cover; } .us-major .area-pg-banner .innerBox figure.img01 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/iconEarth.svg'); } .us-major .area-pg-banner .innerBox figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/iconFace.svg'); } .us-major .area-pg-banner .innerBox span { display: block; font-size: var(--f-body1); } /* 소개 */ .us-major section > article.intro { padding: 0; } .us-major.container .intro h2 { line-height: 150%; } .intro .box { padding: 70rem 240rem 32rem 0; border-bottom: 1rem solid #000; position: relative; } .intro .box:after { position: absolute; right: 0; bottom: 0; width: 240rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/introCharacter-img.png'); background-repeat: no-repeat; background-size: cover; content: ""; aspect-ratio: 240/230; } .intro .box h2 strong { font-weight: 700; color: var(--c-point);} /* 1억+ 장학금, 바로 이 포트폴리오로 시작됐습니다. */ .us-major .portfolio{margin-top: 100rem;} .portfolio .list-portfolio { display: flex; gap: 24rem; flex-direction: column; } .portfolio .list-portfolio > li { display: flex; gap: 32rem; padding: 32rem; border: 1rem solid #E4E8F1; box-shadow: var(--s-shadow-neutral01); background: #FFF; border-radius: var(--r-radius01); isolation: isolate; } .portfolio .list-portfolio > li .imageWrap { flex-shrink: 0; width: 360rem; min-width: 0; } .portfolio .list-portfolio > li .imageWrap figure { width: 100%; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-img01.png"); background-repeat: no-repeat; background-size: cover; border-radius: var(--r-radius01); isolation: isolate; aspect-ratio: 360/190; } .portfolio .list-portfolio > li .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-img02-v2.png"); } .portfolio .list-portfolio > li .imageWrap figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-img03.png"); } .portfolio .list-portfolio > li .imageWrap figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-img04.png"); } .portfolio .list-portfolio > li .imageWrap figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-img05.png"); } .portfolio .list-portfolio > li .textWrap { flex: 1; min-width: 0; } .portfolio .list-portfolio > li .textWrap .top-group { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12rem; } .portfolio .list-portfolio > li .textWrap .top-group figure { display: inline-block; width: 100%; min-width: 140rem; height: 42rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-logo01.png"); background-repeat: no-repeat; background-size: contain; border-radius: var(--r-radius01); isolation: isolate; } .portfolio .list-portfolio > li .textWrap .top-group figure.logo02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-logo02-v2.png"); } .portfolio .list-portfolio > li .textWrap .top-group figure.logo03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-logo03.png"); } .portfolio .list-portfolio > li .textWrap .top-group figure.logo04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-logo04.png"); } .portfolio .list-portfolio > li .textWrap .top-group figure.logo05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/portfolioList-logo05.png"); } .portfolio .list-portfolio > li .textWrap .title-box .title { margin-bottom: 8rem; font-size: var(--f-fontSize03); font-weight: 700; line-height: 150%; color: var(--c-text01); letter-spacing: -0.325rem; } .portfolio .list-portfolio > li .textWrap .title-box .info { font-size: var(--f-detail); font-weight: 400; line-height: 150%; color: var(--c-text03); letter-spacing: -0.175rem; } .portfolio .list-portfolio > li .textWrap .title-box .info span + span { padding-left: 20rem; } .portfolio .list-portfolio > li .textWrap .title-box .info span:first-child { position: relative; } .portfolio .list-portfolio > li .textWrap .title-box .info span:first-child::before { display: inline-block; position: absolute; top: 50%; right: -11rem; width: 1rem; height: 10rem; background-color: #999; content: ''; transform: translateY(-50%); } .portfolio .list-portfolio > li .textWrap .bottom-group { padding: 16rem; background-color: #F5F5F7; border-radius: var(--r-radius01); isolation: isolate; } .portfolio .list-portfolio > li .textWrap .bottom-group .info { font-size: var(--f-body2); color: var(--c-text01); } .portfolio .list-portfolio > li .textWrap .bottom-group .info em { color: #006BC8; } .portfolio .list-portfolio > li .textWrap .bottom-group .name { margin-top: 8rem; font-size: var(--f-detail); font-weight: 400; line-height: 150%; color: var(--c-text03); letter-spacing: -0.175rem; } .portfolio .bottomText { display: flex; gap: 4rem; align-items: center; justify-content: center; margin-top: 64rem; margin-bottom: 16rem; font-size: var(--f-body1); } .portfolio .bottomText figure { display: block; width: 24rem; height: 24rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/boxArrowDown.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .portfolio .contact-btn { margin: 0 auto; height: 48rem; } .portfolio .contact-btn .arrow { margin-left: 2rem; width: 16rem; height: 16rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/buttonArrow.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } /* 장학금 전략에 최적화된 국내 유일 올인원 시스템 */ .us-major .system { background-color: #F8FAEC; padding: 140rem 0 70rem;} .system .subTitle strong { font-weight: 400; color: #006BC8; } .system .listSystem { display: grid; gap: 24rem; margin-top: 40rem; grid-template-columns: repeat(3, 1fr); } .system .listSystem > li { padding: 24rem; box-shadow: var(--s-shadow-neutral01); background-color: #fff; border-radius: var(--r-radius01); isolation: isolate; } .system .listSystem > li > em { display: block; width: 26rem; min-width: 26rem; height: 26rem; background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); font-size: var(--f-body2); font-weight: 600; line-height: 26rem; color: #fff; text-align: center; border-radius: var(--r-radius03); isolation: isolate; } .system .listSystem > li > span { display: block; font-size: var( --f-body1); font-weight: 600; color: var(--c-text01); } .system .listSystem .imageWrap figure { width: 100%; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/listSystem-img01.png"); background-repeat: no-repeat; background-size: cover; border-radius: var(--r-radius01); isolation: isolate; aspect-ratio: 352/180; } .system .listSystem figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/listSystem-img02.png"); } .system .listSystem figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/listSystem-img03.png"); } .system .listSystem figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/listSystem-img04.png"); } .system .listSystem figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/listSystem-img05.png"); } .system .listSystem figure.img06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/listSystem-img06.png"); } .system .listSystem .textWrap { padding-top: 24rem; } .system .listSystem .textWrap > strong { display: block; font-size: var(--f-fontSize05); font-weight: 700; color: var(--c-text01); } .system .listSystem .textWrap > span { display: block; margin-top: 4rem; font-size: var(--f-body2); color: var(--c-text02); letter-spacing: -0.175rem; } .system .bottomText { display: flex; gap: 4rem; align-items: center; justify-content: center; margin-top: 60rem; margin-bottom: 16rem; font-size: var(--f-body1); } .system .bottomText figure { display: block; width: 24rem; height: 24rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edm-art.com/art/p/v2/nonmajor-portfolio/boxArrowDown.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .system .contact-btn { margin: 0 auto; height: 48rem; } .system .contact-btn .arrow { margin-left: 2rem; width: 16rem; height: 16rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edm-art.com/art/p/v2/nonmajor-portfolio/buttonArrow.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } /* 이런 학생이라면 필수입니다. */ .consulting{padding: 140rem 0;} .consulting .coaching-step { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40rem; } .consulting .coaching-step li { display: flex; gap: 24rem; align-items: center; padding: 24rem; border: 1rem solid #E4E8F1; position: relative; width: calc(50% - 14rem); background-color: #F5F5F7; border-radius: var(--r-radius01); isolation: isolate; } .consulting .coaching-step li:not(:nth-last-of-type(-n+2)) { margin-bottom: 24rem; } .consulting .coaching-step li .icon { position: relative; width: 56rem; min-width: 56rem; height: 56rem; background-color: #fff; border-radius: 50%; isolation: isolate; } .consulting .coaching-step li .icon img { position: absolute; top: 50%; left: 50%; width: 32rem; height: 32rem; transform: translate(-50%, -50%); } .consulting .coaching-stepl li .textWrap b { font-size: 20rem; font-weight: 600; line-height: 150%; letter-spacing: -0.25rem; } .consulting .coaching-stepl li .textWrap { padding-left: 24rem; } .consulting .coaching-step li .textWrap b span { color: #006BC8; } .consulting .coaching-step li .textWrap .title { margin-bottom: 8rem; font-size: var(--f-fontSize05); font-weight: 400; color: var(--c-text01); letter-spacing: -0.2rem; } .consulting .coaching-step li .textWrap .content { font-size: var(--f-body2); color: #333; } /* 국제학교 학생들도 신뢰하는 프로그램 */ .us-major .program{padding-top: 0;} .program .articleTitle { margin-bottom: 40rem; } .program .listWrap .listTitle { font-size: var(--f-fontSize03); font-weight: 700; line-height: 150%; letter-spacing: -0.325rem; } .program .listWrap .listRoot { display: flex; gap: 24rem; } .program .listWrap .listRoot li { padding: 24rem; border: 1rem solid #E4E8F1; box-shadow: 0 4rem 10rem 0 #EBEFF4; width: calc(100% / 3); background: #FFF; border-radius: var(--r-radius01); isolation: isolate; } .program .listWrap .listRoot li .tag { display: inline-block; margin-bottom: 16rem; padding: 0 12rem; height: 32rem; background: linear-gradient(90deg, var(--Color-blue-500, #0086FA) 0%, var(--Color-cyan-blue, #01D29C) 100%); font-size: var(--f-body1); font-weight: 700; line-height: 32rem; color: #fff; letter-spacing: -0.225rem; border-radius: 32rem; isolation: isolate; } .program .listWrap .listRoot li .text { font-size: var(--f-body2); font-weight: 400; line-height: 150%; color: #333; letter-spacing: -0.2rem; } .program .listWrap + .listWrap { margin-top: 60rem; } /* 주요 국제학교 수강생 최신 현황 */ .us-major .situation { background-color: #EAFAFF; padding: 140rem 0;} .situation .subTitle em { color: #006BC8; } .situation .listType { display: flex; gap: 24rem; margin-top: 40rem; } .situation .listType > li { width: calc(50% - 12rem); } .situation .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; } .situation .listType .textBox { padding: 24rem; border: 1rem solid #E4E8F1; min-height: calc(100% - 60rem - 12rem); background-color: #fff; font-size: var(--f-body2); border-radius: var(--r-radius01); isolation: isolate; } .situation .listType .textBox strong { font-weight: 400; color: #006BC8; } .situation .bottomText { display: flex; gap: 4rem; align-items: center; justify-content: center; margin-top: 64rem; margin-bottom: 16rem; font-size: var(--f-body1); } .situation .bottomText figure { display: block; width: 24rem; height: 24rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/boxArrowDown.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .situation .contact-btn { margin: 0 auto; min-width: 200rem; height: 48rem; } .situation .contact-btn .arrow { margin-left: 2rem; width: 16rem; height: 16rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/buttonArrow.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } /* 학생 일정에 맞춘 유연한 수업 운영 */ .nation .articleTitle { padding: 0 12rem; } .plan-swiper .slideWrap { margin-top: 60rem; position: relative; } .plan-swiper .slideWrap .slide { padding-bottom: 1rem; overflow: hidden; } .plan-swiper .slideWrap .swiper-slide { overflow: hidden; height: auto !important; } .plan-swiper .slideWrap .navigation { display: flex; gap: 24rem; align-items: center; justify-content: center; margin-bottom: 24rem; } .plan-swiper .slideWrap .navigation .pagination { display: flex; gap: 16rem; } .plan-swiper .pagination .swiper-pagination-bullet { margin: 0; padding: 8rem 24rem; width: auto; height: auto; background: #F5F5F7; font-size: var(--f-body1); font-weight: 400; color: #333; cursor: pointer; border-radius: 25rem; isolation: isolate; opacity: 1; } .plan-swiper .pagination .swiper-pagination-bullet-active { border-color: var(--c-primary); background: var(--c-primary); font-weight: 600; color: #fff; } .plan-swiper .plan-table { overflow-x: auto; width: 100%; font-size: 16rem; } .plan-table table { width: 100%; table-layout: fixed; border-collapse: collapse; } .plan-table th, .plan-table td { padding: 12rem 16rem; width: 33.333%; text-align: center; } .plan-table th { border-bottom: 1rem solid #ddd; background: #f5f5f5; font-weight: bold; color: var(--c-text01); } .plan-table td { border-right: 1rem solid #ddd; border-bottom: 1rem solid #ddd; } .plan-table td:last-child { border-right: 0; } .plan-table .sm-text { display: block; font-size: 13rem; color: #888; } .plan-swiper .info-text { margin-top: 12rem; font-size: var(--f-detail); font-weight: 400; line-height: 150%; color: var(--c-text03); letter-spacing: -0.175rem; } /* 전문가들의 1:1 전공 포트폴리오 코칭 */ .coaching .articleTitle { margin-bottom: 40rem; } .coaching .instructor-profile { margin-bottom: 60rem; } .coaching .instructor-profile h3 { margin-bottom: 24rem; color: #000; } .coaching .instructor-list { display: flex; gap: 24rem; justify-content: space-between; } .coaching .instructor-list > li { flex: 1; border: 1rem solid #E4E8F1; box-shadow: 0 4rem 10rem 0 #EBEFF4; overflow: hidden; background: #FFF; border-radius: var(--r-radius01); isolation: isolate; } .coaching .instructor-image { overflow: hidden; width: 100%; height: auto; background: #fff; } .coaching .instructor-image img { width: 100%; object-fit: cover; } .coaching .instructor-info { padding: 24rem; } .coaching .instructor-name { margin-bottom: 4rem; font-size: var(--f-fontSize05); font-weight: 700; line-height: 150%; color: var(--c-text01); } .coaching .instructor-role { margin-bottom: 12rem; font-size: var(--f-detail); font-weight: 400; line-height: 150%; color: var(--c-text03); } .coaching .instructor-education { margin: 0; padding: 0; list-style: none; } .coaching .instructor-education li { font-size: var(--f-body2); line-height: 150%; color: #333; } .coaching .coaching-step { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40rem; } .coaching .coaching-step li { display: flex; gap: 24rem; align-items: center; padding: 24rem; border: 1rem solid #E4E8F1; position: relative; width: calc(50% - 14rem); background-color: #F5F5F7; border-radius: var(--r-radius01); isolation: isolate; } .coaching .coaching-step li:not(:nth-last-of-type(-n+2)) { margin-bottom: 24rem; } .coaching .coaching-step li .icon { position: relative; width: 56rem; min-width: 56rem; height: 56rem; background-color: #fff; border-radius: 50%; isolation: isolate; } .coaching .coaching-step li .icon img { position: absolute; top: 50%; left: 50%; width: 32rem; height: 32rem; transform: translate(-50%, -50%); } .coaching .coaching-stepl li .textWrap { padding-left: 24rem; } .coaching .coaching-stepl li .textWrap b { font-size: 20rem; font-weight: 600; line-height: 150%; letter-spacing: -0.25rem; } .coaching .coaching-step li .textWrap b span { color: #006BC8; } .coaching .coaching-step li .textWrap .title { margin-bottom: 8rem; font-size: var(--f-fontSize05); font-weight: 400; color: var(--c-text01); letter-spacing: -0.2rem; } .coaching .coaching-step li .textWrap .content { font-size: var(--f-body2); color: #333; } @media screen and (max-width: 991px) { .us-major > section > section + section, .us-major > section > section + article, .us-major > section > article + article, .us-major > section > article + section{margin-top: 60rem;} .us-major.container h2 { font-size: var(--f-fontSize02); } .us-major .articleTitle > .subTitle { padding-top: 4rem; font-size: var(--f-fontSize05); letter-spacing: -.2rem; } /* 비주얼 */ .us-major .area-pg-visual { padding: 60rem 0; height: 460rem; } .us-major .area-pg-visual .max-width { padding: 0 24rem; } .us-major .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/us-major/mainBanner-mo.png'); background-position: bottom center; } .us-major .area-pg-visual .titleWrap { position: static; } .us-major .area-pg-visual .titleWrap .title { margin-bottom: 8rem; font-size: 50rem; line-height: 42rem; } .us-major .area-pg-visual .titleWrap .sub { margin: 0; font-size: var(--f-body2); line-height: 22rem; } .us-major .area-pg-visual .titleWrap .contact-btn { display: none; } /* 비주얼 배너 */ .us-major .area-pg-banner { padding: 24rem 0; } .us-major .area-pg-banner .innerBox > div { gap: 12rem; } .us-major .area-pg-banner .innerBox > div + div { margin-top: 12rem; } .us-major .area-pg-banner .innerBox figure { width: 32rem; height: 32rem; } .us-major .area-pg-banner .innerBox span { font-size: 22rem; } /* 소개 */ .intro .box { padding: 0; padding-top: 50rem; padding-bottom: 24rem; } .intro .box h2 { font-size: var(--f-fontSize03); line-height: 150%; letter-spacing: .1rem; } .intro .box h2 strong { line-height: 150%; } .intro .box:after { width: 154rem; } /* 더 많은 기회가 열리는 해외 대학 */ .role .listRole { flex-direction: column; margin-top: 38rem; } .role .listRole li { gap: 186rem; width: 100%; height: auto; } .role .listRole figure { width: 50rem; min-width: 50rem; height: 50rem; } .role .listRole li div .text { margin-top: 12rem; } .role .bottomText { gap: 4rem; margin-top: 40rem; margin-bottom: 12rem; } .role .bottomText .txt-hide { display: none; } .role .bottomText figure { width: 38rem; height: 38rem; } .role .contact-btn { height: 60rem; font-size: var(--f-fontSize05); font-weight: 700; } .role .contact-btn .arrow { width: 24rem; height: 24rem; } /* 실제 후기로 보는 영국 조기유학 */ .review .box-video { margin-top: 38rem; } .review .pc-video { display: block; } .review .common-videoPlay .mo-video .videoWrap.youtube figure::after { display: block; width: 60rem; height: 60rem; } .review .mo-video .videoWrap.youtube .video { margin-bottom: 38rem; box-shadow: none; border-radius: var(--r-radius01); isolation: isolate; } .review .mo-video .videoWrap.youtube:last-child .video { margin-bottom: 0; } .review .bottomText { gap: 4rem; margin-top: 40rem; margin-bottom: 12rem; } .review .bottomText figure { width: 38rem; height: 38rem; } .review .contact-btn { min-width: 308rem; height: 60rem; font-size: var(--f-fontSize05); font-weight: 700; } .review .contact-btn .arrow { width: 24rem; height: 24rem; } .review .videoList li .textWrap p { font-size: 22rem; -webkit-line-clamp: 2; } .review .left p { font-size: 24rem; } .review .left p img { width: 18rem; } .review .videoList { padding: 0 18rem 18rem 18rem; } .review .videoList li .textWrap p img { padding-bottom: 2rem; } /* 1억+ 장학금, 바로 이 포트폴리오로 시작됐습니다. */ .us-major .portfolio{margin-top: 50rem;} .portfolio .list-portfolio > li { gap: 20rem; flex-direction: column; padding: 16rem; } .portfolio .list-portfolio > li .imageWrap { width: 100%; } .portfolio .list-portfolio > li .textWrap .top-group { gap: 12rem; justify-content: flex-end; flex-direction: row-reverse; margin-bottom: 16rem; } .portfolio .list-portfolio > li .textWrap .title-box .info { display: flex; gap: 4rem; flex-direction: column; } .portfolio .list-portfolio > li .textWrap .title-box .info span + span { padding-left: 0; } .portfolio .list-portfolio > li .textWrap .title-box .info span:first-child::before { display: none; } .portfolio .list-portfolio > li .textWrap .bottom-group { padding: 12rem 16rem; } .portfolio .list-portfolio > li .textWrap .bottom-group .name { margin-top: 12rem; } .portfolio .list-portfolio > li .textWrap .top-group figure { min-width: 100rem; } .portfolio .list-portfolio > li .textWrap .title-box .title { font-size: 18rem; margin-bottom: 4rem;} .portfolio .list-portfolio > li .textWrap .title-box .info { font-size: var(--f-detail); } .portfolio .list-portfolio > li .textWrap .bottom-group .info { font-size: var(--f-body2); } .portfolio .bottomText { gap: 4rem; margin-top: 40rem; margin-bottom: 12rem; } /* 장학금 전략에 최적화된 국내 유일 올인원 시스템 */ .us-major .system{padding: 60rem 0;} .system .listSystem { gap: 16rem; grid-template-columns: repeat(2, 1fr); margin-top: 0;} .system .listSystem > li { padding: 16rem; } .system .listSystem .textWrap { padding-top: 16rem; } .system .listSystem .textWrap > strong { font-size: 18rem; } .system .bottomText { gap: 4rem; margin-top: 40rem; margin-bottom: 12rem; } .system .bottomText .txt-hide { display: none; } /* 이런 학생이라면 필수입니다. */ .consulting .coaching-step { margin-top: 0; } .consulting .coaching-step li { gap: 18rem; align-items: flex-start; margin-bottom: 24rem; padding: 16rem; width: 100%; } .consulting .coaching-step li:nth-last-of-type(1) { margin-bottom: 0; } .consulting .coaching-step li:not(:nth-last-of-type(-n+2)) { margin-bottom: 15rem; } .consulting .coaching-step li .icon { width: 36rem; min-width: 36rem; height: 36rem; } .consulting .coaching-step li .icon img { width: 24rem; height: 24rem; } .consulting .coaching-step li .textWrap { width: calc(100% - 36rem); } .consulting .coaching-step li .textWrap .title { display: block; margin-bottom: 0; font-size: var(--f-fontSize05); } .consulting .coaching-step li .textWrap .content { font-size: var(--f-body2); } /* 국제학교 학생들도 신뢰하는 프로그램 */ .us-major .program{margin-top: 100rem;} .program .articleTitle { margin-bottom: 24rem; } .program .listWrap .listRoot { gap: 12.16rem; flex-direction: column; } .program .listWrap .listRoot li { padding: 16rem; width: 100%; } .program .listWrap .listRoot li .tag { display: inline-flex; align-items: center; margin-bottom: 10rem; padding: 0 12rem; height: auto; font-size: var(--f-body1); height: 28rem; line-height: 28rem; font-weight: 600;} .program .listWrap .listRoot li .text { font-size: var(--f-body2); } .program .listWrap + .listWrap { margin-top: 60rem; } /* 주요 국제학교 수강생 최신 현황 */ .us-major .situation{padding: 60rem 0;} .us-major .situation .articleTitle{margin-bottom: 40rem;} .situation .listType { gap: 16rem; flex-direction: column; margin-top: 20rem; } .situation .listType > li { width: 100%; } .situation .listType > li > em { padding: 0; font-size: 16rem; letter-spacing: -0.16rem; font-weight: 600; height: 40rem; line-height: 40rem; margin-bottom: 8rem;} .situation .listType .textBox { padding: 16rem; font-size: 14rem; letter-spacing: -0.14rem; font-weight: 400; word-break: break-word; } .situation .bottomText { gap: 4rem; margin-top: 40rem; margin-bottom: 12rem; } .situation .bottomText .txt-hide { display: none; } /* 전문가들의 1:1 전공 포트폴리오 코칭 */ .coaching .instructor-profile { margin-bottom: 0; } .coaching .instructor-profile h3 { margin-bottom: 16rem; } .coaching .instructor-list { gap: 16rem; flex-direction: column; } .coaching .instructor-list > li { width: 100%; } .coaching .instructor-info { padding: 16rem; } .coaching .instructor-name { margin-bottom: 4rem; font-size: var(--f-fontSize04); } .coaching .instructor-role { margin-bottom: 12rem; font-size: var(--f-detail); } .coaching .instructor-education li { font-size: var(--f-body2); } .coaching .coaching-step { margin-top: 24rem; } .coaching .coaching-step li { gap: 12rem; align-items: flex-start; margin-bottom: 16rem; padding: 24rem; padding: 16rem; width: 100%; } .coaching .coaching-step li:nth-last-of-type(1) { margin-bottom: 0; } .coaching .coaching-step li:not(:nth-last-of-type(-n+2)) { margin-bottom: 16rem; } .coaching .coaching-step li .icon { width: 40rem; height: 40rem; min-width: initial;} .coaching .coaching-step li .textWrap { width: calc(100% - 36rem); } .coaching .coaching-step li .textWrap .title { margin-bottom: 8rem; font-size: var(--f-fontSize05); } .coaching .coaching-step li .textWrap .content { font-size: var(--f-body2); } /* 학생 일정에 맞춘 유연한 수업 운영 */ .us-major .plan-swiper{margin-top: 100rem;} .plan-swiper .slideWrap { margin-top: 32rem; } .plan-swiper .slideWrap .navigation { margin-bottom: 24rem; position: initial; } .plan-swiper .slideWrap .navigation .pagination { gap: 8rem; } .plan-swiper .pagination .swiper-pagination-bullet { padding: 0 16rem; font-size: var(--f-detail); height: 34rem; line-height: 34rem;} .plan-table thead tr th, .plan-table tbody tr td { padding: 12rem 16rem; font-size: 16rem; letter-spacing: -0.16rem; font-weight: 400;} .plan-table thead tr th{font-weight: 700;} .plan-table tbody tr td + td{border-left: 1px solid #ddd;} .plan-swiper .info-text { margin-top: 18rem; } .us-major .common-questions{margin-top: 100rem;} } @media screen and (max-width: 575px) { .system .listSystem{grid-template-columns: repeat(1, 1fr);} }