/*******************************************
    미국 아트유학 장학금 준비반
*******************************************/

/* 공통 */
.us-major { word-break: break-all; }
.us-major section > article { padding: 3.5rem 0; }
.us-major.container h2 { color: var(--c-text01); }
.us-major .articleTitle > .subTitle { padding-top: .4rem; font-size: var(--f-fontSize04); }

/* 비주얼 */
.us-major .area-pg-visual { position: relative; width: 100%; height: 17.4rem; padding: 4rem 0; }
.us-major .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.us-major .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-major/mainBanner.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.us-major .area-pg-visual .titleWrap { color: var(--c-text01); }
.us-major .area-pg-visual .titleWrap .title { margin-bottom: .4rem; color: #000; }
.us-major .area-pg-visual .titleWrap .sub { margin-bottom: 1.6rem; font-size: var(--f-fontSize05); font-weight: 400; color: #666; }
.us-major .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-major .area-pg-visual .titleWrap .contact-btn:hover { background-color: var(--c-text02); }
.us-major .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-major .area-pg-banner { padding: 1.2rem 0; background-color: #F5F5F7; }
.us-major .area-pg-banner .innerBox > div { display: flex; align-items: center; gap: 12px; }
.us-major .area-pg-banner .innerBox > div + div { margin-top: 12px; }
.us-major .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-major .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-major .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-major .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; }

/* 핵심 보기 슬라이드 */
#pointView .bottomText{display: flex;justify-content: center;align-items: center;gap: .2rem;margin-top: 3.16rem;margin-bottom: .8rem;font-size: var(--f-body1);}
#pointView .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/uk-early-study-program/boxArrowDown.svg');background-repeat: no-repeat;background-size: cover;background-position: center;}
#pointView .btnWrap{display: none;}
#pointView .contact-btn {min-width: 10rem;height: 2.4rem;margin: 0 auto;}
#pointView .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;}
#pointView .swiper-slide .flag { display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; }
#pointView .swiper-slide .flag-us { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/flag-us.png'); }
#pointView .swiper-slide .flag-ca { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/flag-ca.png'); }
#pointView .swiper-slide .flag-gb { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/flag-gb.png'); }
#pointView .slideWrap::after{display: none;}
#pointView .navigation{display: none;}

/* 소개 */
.us-major section > article.intro { padding: 0; }
.us-major.container .intro h2 { line-height: 150%; }
.intro .box{ position: relative; padding: 3.5rem 12rem 1.6rem 0; 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-major/introCharacter-img.png'); background-size: cover; background-repeat: no-repeat; content: ""; }
.intro .box h2 strong { font-weight: 700; color: var(--c-point); }

/* 1억+ 장학금, 바로 이 포트폴리오로 시작됐습니다. */
.us-major section > article.portfolio{padding: 5rem 0 7rem 0;}
.portfolio .list-portfolio{display: flex; flex-direction: column; gap: 1.2rem;}
.portfolio .list-portfolio > li{display: flex; gap: 1.6rem; padding: 1.6rem; border-radius: var(--r-radius01);border: 1px solid #E4E8F1;background: #FFF;box-shadow: var(--s-shadow-neutral01);}
.portfolio .list-portfolio > li .imageWrap{min-width: 0; flex-shrink: 0; width: 18rem;}
.portfolio .list-portfolio > 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-major/portfolioList-img01.png");background-repeat: no-repeat;background-size: cover;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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/us-major/portfolioList-img05.png");}
.portfolio .list-portfolio > li .textWrap{flex: 1; min-width: 0;}
.portfolio .list-portfolio > li .textWrap .top-group{margin-bottom: .6rem; display: flex; justify-content: space-between; align-items: center;}
.portfolio .list-portfolio > li .textWrap .top-group figure{display: inline-block; min-width: 7rem; width: 100%; height: 2.1rem;border-radius: var(--r-radius01);background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/portfolioList-logo01.png");background-repeat: no-repeat;background-size: contain;}
.portfolio .list-portfolio > li .textWrap .top-group figure.logo02{background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/us-major/portfolioList-logo05.png");}
.portfolio .list-portfolio > li .textWrap .title-box .title{color: var(--c-text01);font-size: var(--f-fontSize03); font-weight: 700;line-height: 150%; letter-spacing: -0.01625rem;margin-bottom: .4rem;}
.portfolio .list-portfolio > li .textWrap .title-box .info{color: var(--c-text03);font-size: var(--f-detail);font-weight: 400;line-height: 150%; letter-spacing: -0.00875rem;}
.portfolio .list-portfolio > li .textWrap .title-box .info span + span{padding-left: 1rem;}
.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{content: ''; position: absolute; right: -11px; top: 50%; transform: translateY(-50%); display: inline-block; width: 1px; height: 10px; background-color: #999;}
.portfolio .list-portfolio > li .textWrap .bottom-group{background-color: #F5F5F7;padding: .8rem;border-radius: var(--r-radius01);}
.portfolio .list-portfolio > li .textWrap .bottom-group .info{color: var(--c-text01); font-size: var(--f-body2);}
.portfolio .list-portfolio > li .textWrap .bottom-group .info em{color: #006BC8;}
.portfolio .list-portfolio > li .textWrap .bottom-group .name{color: var(--c-text03); font-size: var(--f-detail); font-weight: 400;line-height: 150%; letter-spacing: -0.00875rem; margin-top: .4rem;}
.portfolio .bottomText{display: flex;justify-content: center;align-items: center;gap: .2rem;margin-top: 3.16rem;margin-bottom: .8rem;font-size: var(--f-body1);}
.portfolio .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/uk-early-study-program/boxArrowDown.svg');background-repeat: no-repeat;background-size: cover;background-position: center;}
.portfolio .contact-btn {min-width: 7.7rem;height: 2.4rem;margin: 0 auto;}
.portfolio .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-major section > article.system {padding: 7rem 0 3.5rem;background-color: #F8FAEC;}
.system .subTitle strong {font-weight: 400; color: #006BC8;}
.system .listSystem {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.2rem;margin-top: 2rem;}
.system .listSystem > li {padding: 1.2rem;border-radius: var(--r-radius01);background-color: #fff;box-shadow: var(--s-shadow-neutral01);}
.system .listSystem > 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;}
.system .listSystem > li > span {display: block;font-size: var( --f-body1);font-weight: 600;color: var(--c-text01);}
.system .listSystem .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-major/listSystem-img01.png");background-repeat: no-repeat;background-size: cover;aspect-ratio: 352/180;}
.system .listSystem figure.img02 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listSystem-img02.png");}
.system .listSystem figure.img03 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listSystem-img03.png");}
.system .listSystem figure.img04 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listSystem-img04.png");}
.system .listSystem figure.img05 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listSystem-img05.png");}
.system .listSystem figure.img06 {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listSystem-img06.png");}
.system .listSystem .textWrap {padding-top: 1.2rem;}
.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: .2rem;font-size: var(--f-body2);color: var(--c-text02);letter-spacing: -0.00875rem;}
.system .bottomText {display: flex;justify-content: center;align-items: center;gap: .2rem;margin-top: 3rem;margin-bottom: .8rem;font-size: var(--f-body1);}
.system .bottomText figure {display: block;width: 1.2rem;height: 1.2rem;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-size: cover;background-position: center;}
.system .contact-btn {min-width: 7.5rem;height: 2.4rem;margin: 0 auto;}
.system .contact-btn .arrow {width: .8rem;height: .8rem;margin-left: .1rem;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-size: contain;background-position: center;}

/* 이런 학생이라면 필수입니다. */
.us-major section > article.consulting {padding: 7rem 0 3.5rem 0;}
.consulting .coaching-step {display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 2rem;}
.consulting .coaching-step li { width: calc(50% - .7rem);background-color: #F5F5F7;border-radius: var(--r-radius01);gap: 1.2rem; padding: 1.2rem;position: relative;border: 1px solid #E4E8F1;display: flex;align-items: center;}
.consulting .coaching-step li:not(:nth-last-of-type(-n+2)) {margin-bottom: 1.2rem;}
.consulting .coaching-step li .icon {position: relative; background-color: #fff;border-radius: 50%;min-width: 2.8rem; width: 2.8rem;height: 2.8rem;}
.consulting .coaching-step li .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.consulting .coaching-stepl li .textWrap b {font-size: 1rem; font-weight: 600; line-height: 150%;letter-spacing: -0.0125rem;}
.consulting .coaching-stepl li .textWrap {padding-left: 1.2rem;}
.consulting .coaching-step li .textWrap b span{color: #006BC8;}
.consulting .coaching-step li .textWrap .title {font-size: var(--f-fontSize05);font-weight: 400;color: var(--c-text01);letter-spacing: -0.01rem; margin-bottom: .4rem;}
.consulting .coaching-step li .textWrap .content{font-size: var(--f-body2); color: #333;}

/* 국제학교 학생들도 신뢰하는 프로그램 */
.us-major section > article.program {padding: 3.5rem 0 7rem 0;}
.program .articleTitle{margin-bottom: 2rem;}
.program .listWrap .listTitle{font-size: var(--f-fontSize03); font-weight: 700;line-height: 150%;letter-spacing: -0.01625rem;}
.program .listWrap .listRoot{display: flex; gap: 1.2rem;}
.program .listWrap .listRoot li{width: calc(100% / 3); background: #FFF; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); padding: 1.2rem; box-shadow: 0 4px 10px 0 #EBEFF4;}
.program .listWrap .listRoot li .tag{display: inline-block;height: 1.55rem; margin-bottom: .8rem; background: linear-gradient(90deg, var(--Color-blue-500, #0086FA) 0%, var(--Color-cyan-blue, #01D29C) 100%);padding: 0 0.6rem; border-radius: 1.55rem;color: #fff; font-size: var(--f-body1); font-weight: 700;line-height: 1.55rem;letter-spacing: -0.01125rem;}
.program .listWrap .listRoot li .text{color: #333;font-size: var(--f-body2); font-weight: 400;line-height: 150%;letter-spacing: -0.01rem;}
.program .listWrap + .listWrap{margin-top: 3rem;}


/* 주요 국제학교 수강생 최신 현황 */
.us-major section > article.situation {padding: 7rem 0;}
.situation{background-color: #EAFAFF;}
.situation .subTitle em{color: #006BC8;}
.situation .listType { display: flex; gap: 1.2rem; margin-top: 2rem; }
.situation .listType > li { width: calc(50% - .6rem); }
.situation .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; }
.situation .listType .textBox { min-height: calc(100% - 2.95rem - .6rem); padding: 1.2rem; background-color: #fff; border-radius: var(--r-radius01); font-size: var(--f-body2); border: 1px solid #E4E8F1;}
.situation .listType .textBox strong { font-weight: 400; color: #006BC8; }
.situation .bottomText{display: flex;justify-content: center;align-items: center;gap: .2rem;margin-top: 3.16rem;margin-bottom: .8rem;font-size: var(--f-body1);}
.situation .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/uk-early-study-program/boxArrowDown.svg');background-repeat: no-repeat;background-size: cover;background-position: center;}
.situation .contact-btn {min-width: 10rem;height: 2.4rem;margin: 0 auto;}
.situation .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;}


/* 학생 일정에 맞춘 유연한 수업 운영 */
.nation .maxWidth{max-width: 1268px;}
.nation .articleTitle{padding: 0 .6rem;}
.us-major section > article.plan-swiper { padding: 3.5rem 0; }
.plan-swiper .slideWrap { position: relative; margin-top: 3rem;}
.plan-swiper .slideWrap .slide{overflow: hidden; padding-bottom: 1px;}
.plan-swiper .slideWrap .swiper-slide{overflow: hidden; height: auto !important;}
.plan-swiper .slideWrap .navigation {display: flex; align-items: center; justify-content: center; gap: 1.2rem; margin-bottom: 1.2rem; }
.plan-swiper .slideWrap .navigation .pagination { display: flex; gap: 0.8rem; }
.plan-swiper .pagination .swiper-pagination-bullet { width: auto; height: auto; padding: 0.4rem 1.2rem; border-radius: 25px; background: #F5F5F7; font-size: var(--f-body1); font-weight: 400; color: #333; cursor: pointer; margin: 0; opacity: 1; }
.plan-swiper .pagination .swiper-pagination-bullet-active { background: var(--c-primary); border-color: var(--c-primary); font-weight: 700; color: #fff; }
.plan-swiper .plan-table {width: 100%;overflow-x: auto;font-size: 16px;}
.plan-table table {width: 100%;border-collapse: collapse;table-layout: fixed;}
.plan-table th, .plan-table td {padding: .6rem .8rem;text-align: center;width: 33.333%;}
.plan-table th {color: var(--c-text01); background: #f5f5f5;font-weight: bold; border-bottom: 1px solid #ddd;}
.plan-table td{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.plan-table td:last-child{border-right: 0;}
.plan-table .sm-text {display: block;font-size: 13px;color: #888;}
.plan-swiper .info-text{color: var(--c-text03); font-size: var(--f-detail); font-weight: 400; line-height: 150%; letter-spacing: -0.00875rem; margin-top: .6rem;}

/* 전문가들의 1:1 전공 포트폴리오 코칭 */
.us-major section > article.coaching {padding: 7rem 0 3.5rem 0;}
.coaching .articleTitle{margin-bottom: 2rem;}
.coaching .instructor-profile {margin-bottom: 3rem;}
.coaching .instructor-profile h3{margin-bottom: 1.2rem; color: #000;}
.coaching .instructor-list {display: flex; gap: 1.2rem; justify-content: space-between;}
.coaching .instructor-list > li {flex: 1; background: #FFF; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); overflow: hidden; box-shadow: 0 4px 10px 0 #EBEFF4;}
.coaching .instructor-image {width: 100%; height: auto; overflow: hidden; background: #fff;}
.coaching .instructor-image img {width: 100%; object-fit: cover;}
.coaching .instructor-info {padding: 1.2rem;}
.coaching .instructor-name {font-size: var(--f-fontSize05); font-weight: 700; color: var(--c-text01); margin-bottom: .2rem; line-height: 150%;}
.coaching .instructor-role {font-size: var(--f-detail); font-weight: 400; color: var(--c-text03); margin-bottom: .6rem; line-height: 150%;}
.coaching .instructor-education {list-style: none; padding: 0; margin: 0;}
.coaching .instructor-education li {font-size: var(--f-body2); color: #333; line-height: 150%;}
.coaching .coaching-step {display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 2rem;}
.coaching .coaching-step li { width: calc(50% - .7rem);background-color: #F5F5F7;border-radius: var(--r-radius01);gap: 1.2rem; padding: 1.2rem;position: relative;border: 1px solid #E4E8F1;display: flex;align-items: center;}
.coaching .coaching-step li:not(:nth-last-of-type(-n+2)) {margin-bottom: 1.2rem;}
.coaching .coaching-step li .icon {position: relative; background-color: #fff;border-radius: 50%;min-width: 2.8rem; width: 2.8rem;height: 2.8rem;}
.coaching .coaching-step li .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.coaching .coaching-stepl li .textWrap {padding-left: 1.2rem;}
.coaching .coaching-stepl li .textWrap b {font-size: 1rem; font-weight: 600; line-height: 150%;letter-spacing: -0.0125rem;}
.coaching .coaching-step li .textWrap b span{color: #006BC8;}
.coaching .coaching-step li .textWrap .title {font-size: var(--f-fontSize05);font-weight: 400;color: var(--c-text01);letter-spacing: -0.01rem; margin-bottom: .4rem;}
.coaching .coaching-step li .textWrap .content{font-size: var(--f-body2); color: #333;}

/* 자주 묻는 관련 질문 */
.us-major 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/value-language-study/iconArrowDown.svg") no-repeat center; background-size: cover; transform: translate(0, -50%); content: ""; }
.faq .listFaq .question .text { font-size: var(--f-fontSize05); font-weight: 600; color: #000; }
.faq .listFaq .question .text strong { font-weight: 600; }
.faq .listFaq .answerWrap { display: none; }
.faq .listFaq .answer { padding: .4rem 2rem 1.2rem; }
.faq .listFaq .answer .tag { background-color: #006BC8; }
.faq .listFaq .answer .text { font-size: var(--f-body1); 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%); }

/* 배너 */
.us-major section > 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-major/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-major/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-major/listProgram-thumb02.png"); }
.listProgram .thumb03 .bg { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listProgram-thumb03.png"); }
.listProgram .thumb04 .bg { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/us-major/listProgram-thumb04.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: #fff; }
.listProgram .thumb03 > strong,
.listProgram .thumb04 > strong{color: var(--c-text0);}
.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-major .maxWidth { padding: 0 16px; }
    #pointView .swiper-slide { height: auto; }
}

@media screen and (max-width: 950px){
    #pointView .swiper-slide p{font-size: var(--f-fontSize05);}
}

@media screen and (max-width: 768px){
    /* 핵심 보기 슬라이드 */
    #pointView .btnWrap{display: block;}
    #pointView .bottomText{margin-top: 3.85rem; font-size: var(--f-body1);}
    #pointView .bottomText figure{width: 1.85rem;height: 1.85rem;}
    #pointView.renewal .swiper-slide .badge > em{font-size: 1.08rem;}
    #pointView .swiper-slide .flag{width: 1rem; height: 1rem;}
    #pointView .contact-btn{min-width: 16.923rem;height: 3.08rem;padding: 0 24px;font-size: var(--f-fontSize05);font-weight: 700;}
    #pointView .contact-btn .arrow{width: 1.23rem;height: 1.23rem;margin-left: 0.31rem;}
    #pointView .navigation .fraction{display: flex; height: 1.77rem; line-height: 151%; align-items: center; justify-content: center; z-index: 8;}
    #pointView .navigation{display: block; position: absolute; bottom: 0;}
    #pointView .slideWrap::after{display: block;}
    
    
    .us-major section > article { padding: 3.85rem 0; }
    .us-major.container h2 { font-size: var(--f-fontSize02); }
    .us-major .articleTitle > .subTitle { padding-top: 4px; font-size: var(--f-fontSize05); letter-spacing: -.2px; }
    

    /* 비주얼 */
    .us-major .area-pg-visual { height: 23.08rem; padding: 3.08rem 0; }
    .us-major .area-pg-visual .maxWidth { padding: 0 24px; }
    .us-major .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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: 8px; font-size: 2.46rem; line-height: 42px; }
    .us-major .area-pg-visual .titleWrap .sub { margin: 0; font-size: var(--f-body2); line-height: 21px; }
    .us-major .area-pg-visual .titleWrap .contact-btn { display: none; }

    /* 비주얼 배너 */
    .us-major .area-pg-banner { padding: 1.23rem 0; }
    .us-major .area-pg-banner .innerBox > div { gap: 0.62rem; }
    .us-major .area-pg-banner .innerBox > div + div { margin-top: 0.62rem; }
    .us-major .area-pg-banner .innerBox figure { width: 1.54rem; height: 1.54rem; }
    .us-major .area-pg-banner .innerBox span { font-size: 1.077rem; }


    /* 소개 */
    .intro .box { padding: 0; padding-top: 3.85rem;  padding-bottom: 1.85rem; }
    .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-major section > article.role{padding: 3.846rem 0;}
    .role .listRole{flex-direction: column;margin-top: 1.848rem;}
    .role .listRole li{width: 100%; height: auto; gap: 0.923rem;}
    .role .listRole figure{min-width: 2.46rem; width: 2.46rem; height: 2.46rem;}
    .role .listRole li div .text{margin-top: 0.62rem;}
    .role .bottomText { gap: 4px; margin-top: 40px; margin-bottom: 12px; }
    .role .bottomText .txt-hide{display: none;}
    .role .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .role .contact-btn {height: 3.08rem; font-size: var(--f-fontSize05); font-weight: 700; }
    .role .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }
    

    /* 실제 후기로 보는 영국 조기유학 */
    .us-major section > article.review { padding: 3.85rem 0; }
    .review .box-video { margin-top: 1.85rem; }
    .review .pc-video{display: block;}
    .review .common-videoPlay .mo-video .videoWrap.youtube figure::after { display: block; width: 3.08rem; height: 3.08rem; }
    .review .mo-video .videoWrap.youtube .video { margin-bottom: 1.85rem; border-radius: var(--r-radius01); box-shadow: none; }
    .review .mo-video .videoWrap.youtube:last-child .video { margin-bottom: 0; }
    .review .bottomText { gap: 4px; margin-top: 40px; margin-bottom: 12px; }
    .review .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .review .contact-btn { min-width: 15.38rem; height: 3.08rem; font-size: var(--f-fontSize05); font-weight: 700; }
    .review .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }
    .review .videoList li .textWrap p{-webkit-line-clamp: 2; font-size: 1.08rem;}
    .review .left p{font-size: 1.23rem;}
    .review .left p img{width: 18px;}
    .review .videoList{padding: 0 0.92rem 0.92rem 0.92rem;}
    .review .videoList li .textWrap p img{padding-bottom: 2px;}

    /* 1억+ 장학금, 바로 이 포트폴리오로 시작됐습니다. */
    .us-major section > article.portfolio{padding:3.85rem 0 4.62rem 0;}
    .portfolio .list-portfolio > li{flex-direction: column; padding: 1.23rem;}
    .portfolio .list-portfolio > li .imageWrap{width: 100%;}
    .portfolio .list-portfolio > li .textWrap .top-group{gap:0.62rem; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 1.23rem;}
    .portfolio .list-portfolio > li .textWrap .title-box .info{display: flex; gap: 0.31rem; 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: 0.92rem 1.23rem;}
    .portfolio .list-portfolio > li .textWrap .bottom-group .name{margin-top: 0.92rem;}
    .portfolio .list-portfolio > li .textWrap .top-group figure{min-width: 6.31rem; }
    .portfolio .list-portfolio > li .textWrap .title-box .title{font-size: 1.384rem;}
    .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: 4px; margin-top: 40px; margin-bottom: 12px; }
    .portfolio .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .portfolio .contact-btn {height: 3.08rem; font-size: var(--f-fontSize05); font-weight: 700; }
    .portfolio .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }

    /* 장학금 전략에 최적화된 국내 유일 올인원 시스템 */
    .us-major section > article.system{padding: 4.62rem 0;}
    .system .listSystem{grid-template-columns: 1fr; gap: 1.23rem;}
    .system .listSystem .textWrap > strong{font-size: 1.384rem;}
    .system .bottomText { gap: 0.31rem; margin-top: 3.08rem; margin-bottom: 0.92rem; }
    .system .bottomText .txt-hide{display: none;}
    .system .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .system .contact-btn {height: 3.08rem; font-size: var(--f-fontSize05); font-weight: 700; }
    .system .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }

    /* 이런 학생이라면 필수입니다. */
    .us-major section > article.consulting{padding: 4.62rem 0 3.85rem 0;}
    .consulting .coaching-step {margin-top: 1.85rem;}
    .consulting .coaching-step li {width: 100%;padding: 1.23rem;gap: 0.92rem; align-items: flex-start;margin-bottom: 1.23rem;}
    .consulting .coaching-step li:nth-last-of-type(1) {margin-bottom: 0;}
    .consulting .coaching-step li .icon {width: 3.08rem; height: 3.08rem; min-width: 3.08rem;}
    .consulting .coaching-step li .textWrap {width: calc(100% - 3rem);}
    .consulting .coaching-step li .textWrap .title {font-size: var(--f-fontSize05); margin-bottom: 0.62rem;display: block;}
    .consulting .coaching-step li .textWrap .content{font-size: var(--f-body2);}

    /* 국제학교 학생들도 신뢰하는 프로그램 */
    .us-major section > article.program{padding: 3.85rem 0;}
    .program .articleTitle{margin-bottom: 1.85rem;}
    .program .listWrap .listRoot{flex-direction: column; gap: 0.62rem;}
    .program .listWrap .listRoot li{width: 100%;}
    .program .listWrap .listRoot li .tag{display: inline-flex; align-items: center;height: 2.08rem; line-height: 2.08rem; font-size: var(--f-body1); padding: 0 0.92rem;}
    .program .listWrap .listRoot li .text{font-size: var(--f-body2);}
    .program .listWrap + .listWrap{margin-top: 3.08rem;}

    /* 주요 국제학교 수강생 최신 현황 */
    .us-major section > article.situation {padding: 3.85rem 0;}
    .situation .listType{flex-direction: column;margin-top: 3.08rem;gap: 1.23rem;}
    .situation .listType > li{width: 100%;}
    .situation .listType > li > em{font-size: 1.23rem;padding: 0.62rem;}
    .situation .listType .textBox{padding: 1.23rem;font-size: 1.08rem;word-break: break-word;}
    .situation .bottomText { gap: 4px; margin-top: 40px; margin-bottom: 12px; }
    .situation .bottomText .txt-hide{display: none;}
    .situation .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .situation .contact-btn {height: 3.08rem; font-size: var(--f-fontSize05); font-weight: 700; }
    .situation .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }

    /* 전문가들의 1:1 전공 포트폴리오 코칭 */
    .us-major section > article.coaching {padding: 3.85rem 0;}
    .coaching .articleTitle{margin-bottom: 1.85rem;}
    .coaching .instructor-profile { margin-bottom: 1.85rem;}
    .coaching .instructor-profile h3{margin-bottom: 1.23rem;}
    .coaching .instructor-list {flex-direction: column; gap: 1.23rem;}
    .coaching .instructor-list > li {width: 100%;}
    .coaching .instructor-info {padding: 1.23rem;}
    .coaching .instructor-name {font-size: var(--f-fontSize04); margin-bottom: 0.31rem;}
    .coaching .instructor-role {font-size: var(--f-detail); margin-bottom: 0.92rem;}
    .coaching .instructor-education li {font-size: var(--f-body2);}
    
    .coaching .coaching-step {margin-top: 1.85rem;}
    .coaching .coaching-step li {width: 100%;padding: 1.23rem;gap: 0.92rem; align-items: flex-start;margin-bottom: 1.23rem;}
    .coaching .coaching-step li:nth-last-of-type(1) {margin-bottom: 0;}
    .coaching .coaching-step li .icon {width: 3.08rem; height: 3.08rem; min-width: 3.08rem;}
    .coaching .coaching-step li .textWrap {width: calc(100% - 3rem);}
    .coaching .coaching-step li .textWrap .title {font-size: var(--f-fontSize05); margin-bottom: 0.62rem;display: block;}
    .coaching .coaching-step li .textWrap .content{font-size: var(--f-body2);}

    /* 학생 일정에 맞춘 유연한 수업 운영 */
    .us-major section > article.plan-swiper{padding: 3.85rem 0;}
    .plan-swiper .slideWrap{margin-top: 2.46rem;}
    .plan-swiper .slideWrap .navigation{position: initial; margin-bottom: 1.85rem;}
    .plan-swiper .pagination .swiper-pagination-bullet{font-size: var(--f-detail); padding: 0.54rem 1.23rem;}
    .plan-table th, .plan-table td{padding: 0.92rem 1.23rem;}
    .plan-swiper .info-text{margin-top: 0.92rem;}

    /* 자주 묻는 관련 질문 */
    .us-major 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-major section > article.banner { padding: 4rem 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; }
}