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

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

/* 비주얼 배너 */
.animation-study-abroad .area-pg-banner { padding: 1.2rem 0; background-color: #F5F5F7; }
.animation-study-abroad .area-pg-banner .innerBox > div { display: flex; align-items: center; gap: 12px; }
.animation-study-abroad .area-pg-banner .innerBox > div + div { margin-top: 12px; }
.animation-study-abroad .area-pg-banner .innerBox figure { display: block; min-width: 1.2rem; width: 1.2rem; height: 1.2rem; background-size: cover; background-repeat: no-repeat; }
.animation-study-abroad .area-pg-banner .innerBox figure.img01 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/iconEarth.svg'); }
.animation-study-abroad .area-pg-banner .innerBox figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/iconFace.svg'); }
.animation-study-abroad .area-pg-banner .innerBox span { display: block; font-size: var(--f-body1); }

#pointView .slideWrap.no-swiping:after { display: none; }
#pointView .slideWrap.no-swiping .navigation { display: none; }
#pointView .swiper-slide .flag { display: inline-block; width: 24px; height: 24px; 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'); }

#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/animation-study-abroad/tabMenu-icon.svg'); width: 1.5rem; height: 1.5rem; margin-right: .1rem; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: top; }

/* 소개 */
.animation-study-abroad section > article.intro { padding: 9.5rem 0 4.5rem; }
.animation-study-abroad section > article.intro  h2 {line-height: 150%;}
.intro .box{ position: relative; padding: 1.2rem 0; padding-right: 12rem; border-bottom: 1px solid #000; }
.intro .box:after { position: absolute; right: 0; bottom: 0; width: 12rem; aspect-ratio: 240/230; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/introCharacter-img.png'); background-size: cover; background-repeat: no-repeat; content: ""; }
.intro .box h2 strong { font-weight: 700; color: var(--c-point); }

/* 전 세계가 주목하는 애니메이션 산업 */
.animation-study-abroad section > article.focus { padding-top: 5rem; }
.focus .listFocus { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: 2rem; }
.focus .listFocus > li { display: flex; gap: .6rem; position: relative; padding: 1.2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); box-shadow: var(--s-shadow-blue01); }
.focus .listFocus > li > div { width: calc(100% - 2.8rem - .6rem); }
.focus .listFocus figure { width: 2.8rem; height: 2.8rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listFocus-icon01.svg"); background-repeat: no-repeat; background-size: cover; }
.focus .listFocus figure.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listFocus-icon02.svg"); }
.focus .listFocus figure.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listFocus-icon03.svg"); }
.focus .listFocus figure.icon04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listFocus-icon04.svg"); }
.focus .listFocus figure.icon05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listFocus-icon05.svg"); }
.focus .listFocus figure.icon06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listFocus-icon06.svg"); }
.focus .listFocus .title { display: block;font-size: var(--f-fontSize05);font-weight: 600;color: var(--c-text01); }
.focus .listFocus .text { margin-top: .2rem;font-size: var(--f-body2);font-weight: 400;color: var(--c-text03); }

/* 왜 미국·캐나다가 유명할까? */
.reason .listReason { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin-top: 2rem; }
.reason .listReason > li { display: flex; gap: 1.2rem; position: relative; padding: 1.2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background: var(--c-background-neutral); }
.reason .listReason > li > div { width: calc(100% - 2.8rem - 1.2rem); }
.reason .listReason figure { width: 2.8rem; height: 2.8rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listReason-icon01.svg"); background-repeat: no-repeat; background-size: cover; }
.reason .listReason figure.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listReason-icon02.svg"); }
.reason .listReason figure.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listReason-icon03.svg"); }
.reason .listReason figure.icon04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listReason-icon04.svg"); }
.reason .listReason .title { display: block;font-size: var(--f-fontSize05);font-weight: 600;color: var(--c-text01); }
.reason .listReason .text { margin-top: .4rem;font-size: var(--f-body2);font-weight: 400;color: var(--c-text02); }
.reason .boxNotice { margin-top: 2rem; padding: 1.2rem; border-radius: var(--r-radius01); border: 1px solid #FC1D01; background-color: #fff; }
.reason .boxNotice > strong { display: block; font-size: var(--f-body1); font-weight: 600; line-height: 1.35rem; color: var(--c-point); }
.reason .boxNotice > strong > figure { display: inline-block; width: 1.2rem; height: 1.2rem; margin: .075rem 0; margin-right: .3rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/redCheck-icon.svg");background-repeat: no-repeat;background-size: cover; vertical-align: top; }
.reason .boxNotice > p { margin-top: .6rem; font-size: var(--f-body2); color: var(--c-text02); }

/* 미국 애니메이션 유학, 어디가 좋을까? */
.school .listSchool { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.8rem 1.2rem; margin-top: 2rem; }
.school .listSchool > li { border: 1px solid #E4E8F1; border-radius: var(--r-radius01); box-shadow: var(--s-shadow-blue01); }
.school .listSchool .imageWrap figure { width: 100%; border-radius: var(--r-radius01) var(--r-radius01) 0 0; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listSchool-img01.jpg"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 612/200; }
.school .listSchool figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listSchool-img02.jpg"); }
.school .listSchool figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listSchool-img03.jpg"); }
.school .listSchool figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listSchool-img04.jpg"); }
.school .listSchool .textWrap { padding: 1.2rem; }
.school .listSchool .title > strong { display: block; font-size: var(--f-fontSize05); font-weight: 600; color: var(--c-text01); word-break: keep-all; }
.school .listSchool .title > span { display: block; margin: .4rem 0 1.2rem; font-size: var(--f-body2); color: var(--c-text02); }
.school .listSchool .textWrap > strong { display: block; margin-bottom: .4rem; font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
.school .listSchool .textWrap > p { font-size: var(--f-body2); color: var(--c-text02); }

/* 애니메이션 전공이 유명한 캐나다 대학 */
.animation-study-abroad section > article.famousSchool { padding-bottom: 7rem; }
.famousSchool .boxSchool { display: flex; gap: 1.2rem; margin-top: 2rem; padding: 2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); box-shadow: var(--s-shadow-blue01); }
.famousSchool .boxSchool .imageWrap { width: 23.3rem; max-height: 10.85rem; }
.famousSchool .boxSchool .imageWrap figure { border-radius: var(--r-radius01); background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/bestSchool.jpg"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 466/217; }
.famousSchool .boxSchool .textWrap { width: calc(100% - 23.3rem - 1.2rem); }
.famousSchool .boxSchool .title > strong { display: block; font-size: var(--f-fontSize05); font-weight: 600; color: var(--c-text01); }
.famousSchool .boxSchool .title > span { display: block; margin: .4rem 0 1.2rem; font-size: var(--f-body2); color: var(--c-text02); }
.famousSchool .boxSchool .textWrap > strong { display: block; margin-bottom: .4rem; font-size: var(--f-body1); font-weight: 600; color: var(--c-text01); }
.famousSchool .boxSchool .textWrap > p { font-size: var(--f-body2); color: var(--c-text02); }

/* edm포트폴리오 준비 과정 소개 */
.animation-study-abroad section > article.procedure { padding: 7rem 0; background: linear-gradient(180deg, #EAFFE3 0%, #D3FBFF 100%); }
.procedure .listProcedure { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: 2rem; }
.procedure .listProcedure > li { padding: 1.2rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background-color: #fff; }
.procedure .listProcedure > li > em { display: block; min-width: 1.3rem; width: 1.3rem; height: 1.3rem; border-radius: var(--r-radius03); background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); font-size: var(--f-body2); font-weight: 600; line-height: 1.3rem; text-align: center; color: #fff; }
.procedure .listProcedure > li > span { display: block; font-size: var( --f-body1); font-weight: 600; color: var(--c-text01); }
.procedure .listProcedure .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/animation-study-abroad/listProcedure-img01.jpg"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 352/180; }
.procedure .listProcedure figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img02.jpg"); }
.procedure .listProcedure figure.img03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img03.jpg"); }
.procedure .listProcedure figure.img04 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img04.jpg"); }
.procedure .listProcedure figure.img05 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img05.jpg"); }
.procedure .listProcedure figure.img06 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img06.jpg"); }
.procedure .listProcedure figure.img07 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img07.jpg"); }
.procedure .listProcedure figure.img08 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img08.jpg"); }
.procedure .listProcedure figure.img09 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listProcedure-img09.jpg"); }
.procedure .listProcedure .textWrap { padding-top: 1.2rem; }
.procedure .listProcedure .textWrap > strong { display: block; font-size: var(--f-fontSize04); font-weight: 700; color: var(--c-text01); }
.procedure .listProcedure .textWrap > span { display: block; margin-top: .2rem; font-size: var(--f-body2); color: var(--c-text02); }
.procedure .bottomText { display: flex; justify-content: center; align-items: center; gap: .2rem; margin-top: 3rem; margin-bottom: .8rem; font-size: var(--f-body1); }
.procedure .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/animation-study-abroad/boxArrowDown.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.procedure .contact-btn { min-width: 11.25rem; height: 2.4rem; margin: 0 auto; }
.procedure .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; }

/* 실제 후기로 보는 애니메이션 유학 */
.animation-study-abroad section > article.review { padding-top: 7rem; }
.review .box-video { max-width: 824px; margin: 2rem auto 0; }
.review .common-videoPlay .videoWrap.youtube{ padding-bottom: 0; }
.review .videoWrap.youtube .video{ overflow: hidden; width: 100%; aspect-ratio: 824 / 462; position: relative; box-shadow: var(--s-shadow-neutral01); border-radius: var(--r-radius02); }
.review .common-videoPlay .videoWrap.youtube figure::after { display: block; top: 50%; left: 50%; right: auto; transform: translate(-50%,-50%); width: 4rem; height: 4rem; background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-early-study-program/btn_play.svg) no-repeat; background-size: cover; }
.review .common-videoPlay .videoWrap.youtube iframe { border: none; }
.review .box-video p{ font-size: var( --f-fontSize04); font-weight: 600; line-height: 150%; margin-top: 16px; color: var(--c-text01); }
.review .listReview { margin-top: 3rem; }
.review .listReview li { display: flex; gap: 1.2rem; padding: 1.6rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); background-color: #fff; box-shadow: var(--s-shadow-blue01); }
.review .listReview li  + li { margin-top: 1.2rem; }
.review .listReview li .imageWrap { width: 18rem; max-height: 8.4rem; }
.review .listReview li .imageWrap figure { width: 100%; border-radius: var(--r-radius01); background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listReview-img01.jpg"); background-repeat: no-repeat; background-size: cover; aspect-ratio: 360/168; }
.review .listReview li .imageWrap figure.img02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/listReview-img02.jpg"); }
.review .listReview li .textWrap { width: calc(100% - 18rem - 1.2rem); }
.review .listReview li .title > em { display: block; width: 5.25rem; height: 1rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/scoreStarFull.svg"); background-repeat: no-repeat; background-size: cover; }
.review .listReview li .title > strong { display: block; margin: .8rem 0 .4rem; font-size: var(--f-fontSize03); font-weight: 600; color: var(--c-text01); }
.review .listReview li .textWrap > p { font-size: var(--f-body2); color: var(--c-text02); }
.review .listReview li .textWrap > span { display: block; margin-top: .8rem; font-size: var(--f-detail); color: var(--c-text03); }
.review .listReview li .textWrap .bar { padding: 0 .4rem; color: #dadada; }
/* 자주 묻는 관련 질문 */
.animation-study-abroad 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/animation-study-abroad/iconArrowDown.svg") no-repeat center; background-size: cover; transform: translate(0, -50%); content: ""; }
.faq .listFaq .question .text { font-size: var(--f-fontSize05); 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); 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%); }


/* 하단 페이지 공통 영역(후기, FaQ, 관련 프로그램) 삭제 */
.area-programs-other { display: none !important; }

@media screen and (max-width: 1280px){
    .animation-study-abroad .maxWidth { padding: 0 16px; }
    #pointView .swiper-slide { height: auto; }
}


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

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

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

    #pointView .swiper-slide .flag { width: 13px; height: 13px; }

    /* 소개 */
    .animation-study-abroad section > article.intro { padding: 50px 0; }
    .intro .box { padding: 0; padding-right: calc(7.7rem + 12px); padding-bottom: 24px; }
    .intro .box h2 { font-size: var(--f-fontSize03); font-weight: 700; line-height: 150%; }
    .intro .box:after { width: 7.7rem; }

    /* 전 세계가 주목하는 애니메이션 산업 */
    .animation-study-abroad section > article.focus { padding-top: 0; }
    .focus .listFocus { grid-template-columns: repeat(1,1fr); gap: 16px; margin-top: 24px; }
    .focus .listFocus > li { gap: 12px; padding: 16px; }
    .focus .listFocus > li > div { width: calc(100% - 3.08rem - 12px); }
    .focus .listFocus figure { width: 3.08rem; height: 3.08rem; }
    .focus .listFocus .text { margin-top: 8px; }

    /* 왜 미국·캐나다가 유명할까? */
    .reason .listReason { margin-top: 24px; grid-template-columns: repeat(1,1fr); gap: 16px; }
    .reason .listReason > li { gap: 12px; padding: 16px; }
    .reason .listReason figure { width: 3.08rem; height: 3.08rem; background-size: 4.2rem; border-radius: var(--r-radius03); }
    .reason .listReason > li > div { width: calc(100% - 3.08rem - 12px); }
    .reason .listReason .text { margin-top: 8px; }
    .reason .boxNotice { margin-top: 16px; padding: 16px; }
    .reason .boxNotice > strong { line-height: 1.7rem; letter-spacing: -.3px; }
    .reason .boxNotice > strong > figure { width: 1.7rem; height: 1.7rem; margin: 0; margin-right: 6px; }
    .reason .boxNotice > p { margin-top: 12px; }

    /* 미국 애니메이션 유학, 어디가 좋을까? */
    .school .listSchool { grid-template-columns: repeat(1, 1fr); gap: 16px; margin-top: 24px; }
    .school .listSchool .imageWrap figure { aspect-ratio: 328/160; }
    .school .listSchool .textWrap { padding: 16px; }
    .school .listSchool .title > span { margin: 8px 0 16px; }
    .school .listSchool .textWrap > strong { margin-bottom: 8px; font-size: var(--f-body2); }
    .school .listSchool .textWrap > p { letter-spacing: -.1px; }

    /* 애니메이션 전공이 유명한 캐나다 대학 */
    .animation-study-abroad section > article.famousSchool { padding-bottom: 60px; }
    .famousSchool .boxSchool { display: block; margin-top: 24px; padding: 24px 16px; }
    .famousSchool .boxSchool .imageWrap { width: 100%; max-height: none;  }
    .famousSchool .boxSchool .imageWrap figure { aspect-ratio: 296/160; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/animation-study-abroad/bestSchool-mo.jpg"); }
    .famousSchool .boxSchool .textWrap { width: 100%; margin-top: 24px; }
    .famousSchool .boxSchool .title > span { margin: 8px 0 16px; }
    .famousSchool .boxSchool .textWrap > strong { margin-bottom: 8px; font-size: var(--f-body2); }

    /* edm포트폴리오 준비 과정 소개 */
    .animation-study-abroad section > article.procedure { padding: 60px 0; }
    .procedure .listProcedure { margin-top: 24px; grid-template-columns: repeat(1, 1fr); }
    .procedure .listProcedure > li { padding: 16px; }
    .procedure .listProcedure .imageWrap figure { aspect-ratio: 296/180; }
    .procedure .listProcedure .textWrap { padding-top: 16px; }
    .procedure .listProcedure .textWrap > strong { font-weight: 600; }
    .procedure .listProcedure .textWrap > span { margin-top: 4px; }
    .procedure .bottomText { gap: 4px; margin-top: 40px; margin-bottom: 12px; letter-spacing: -.3px; }
    .procedure .bottomText figure { width: 1.85rem; height: 1.85rem; }
    .procedure .contact-btn { min-width: 17.31rem; height: 3.08rem; padding: 0 24px; font-size: var(--f-fontSize05); font-weight: 700; }
    .procedure .contact-btn .arrow { width: 1.23rem; height: 1.23rem; }

    /* 실제 후기로 보는 애니메이션 유학 */
    .animation-study-abroad section > article.review { padding-top: 60px; }
    .review .box-video { max-width: none; margin-top: 24px; }
    .review .common-videoPlay .videoWrap.youtube figure::after { display: block; width: 3.08rem; height: 3.08rem; }
    .review .videoWrap.youtube .video { border-radius: var(--r-radius01); box-shadow: none; }
    .review .box-video p { margin-top: 12px; font-size: var( --f-fontSize05); font-weight: 500; }
    .review .listReview { margin-top: 32px; }
    .review .listReview li { display: block; padding: 16px; }
    .review .listReview li .imageWrap { width: 100%; max-height: none; }
    .review .listReview li .imageWrap figure { aspect-ratio: 296/120; border-radius: 8px; }
    .review .listReview li .textWrap { width: 100%; margin-top: 16px; }
    .review .listReview li .title { display: flex; flex-direction: column-reverse; margin-bottom: 12px; }
    .review .listReview li .title > strong { margin: 0 0 4px; font-size: var(--f-fontSize05); font-weight: 700; }
    .review .listReview li .title > em { width: 6.54rem; max-width: 105px; height: auto; aspect-ratio: 85/16; }
    .review .listReview li .textWrap > span { margin-top: 8px; letter-spacing: -.2px; }
    .review .listReview li .textWrap .bar { padding: 0 4px; font-size: var(--f-body2); }

    /* 자주 묻는 관련 질문 */
    .animation-study-abroad section > article.faq { padding-bottom: 50px; }
    .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; }
}