@charset "utf-8";
@import url(font.css);
@import url(common.css);
@import url(animate.css);
@import url(swiper.min.css);
@import url(board-reset.css);
@import url(board_common.css);
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --play-font: "Playfair Display", "Pretendard";
    --navy-color: #1A2A7F;
    --navy-color2: #2137A3;
    --text-main: #111;
    --text-sub1: #505050;
    --text-sub2: #767676;
    --black: #151515;
    --gra1: linear-gradient(90deg, #FF963A 0%, #FF2B2B 100%);
}

#wrap {overflow-x: hidden; word-break: keep-all;}
.wrapper {max-width: 1552px; padding-left: 16px; padding-right: 16px; margin: 0 auto;}
.wrapper02 {max-width: 1232px; padding-left: 16px; padding-right: 16px; margin: 0 auto;}

header {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; letter-spacing: 0; background: #fff;}
header .head-notice {color: #fff; text-align: center; background: var(--navy-color);}
header .head-notice .wrapper {position: relative; display: flex; height: 48px; justify-content: center; align-items: center;}
header .head-notice .close {position: absolute; z-index: 1; right: 12px; top: 0; width: 48px; height: 48px; text-indent: -9999px; background: url(../images/ico/ico_notice_close.svg) no-repeat center;}

header .head-main {display: flex; height: 72px; justify-content: space-between; align-items: center;}
header .head-main h1 a {display: block; width: 70px; height: 46px; text-indent: -9999px; background: url(../images/ico/ico_logo.svg) no-repeat left center/100%;}
header .head-main nav {height: 100%; padding-left: 130px;}
header .head-main nav h2 {display: none; text-indent: -9999px;}
header .head-main nav > ul {display: flex; height: 100%;}
header .head-main nav > ul > li {position: relative;}
header .head-main nav > ul > li.contact {display: none;}
header .head-main nav > ul > li.contact a {padding: 12px 16px; font-family: var(--play-font); color: #fff; background: var(--gra1); justify-content: center; border-radius: 12px;}
header .head-main nav > ul > li > a {display: flex; height: 100%; padding: 0 32px; align-items: center; font-family: var(--play-font); font-weight: 600; color: var(--text-sub1); transition: all .3s ease;}
header .head-main nav > ul > li > a:hover {color: var(--text-main);}
header .head-main nav .depth2 {display: none; position: absolute; z-index: 1; left:50%; top: 72px; padding-top: 12px; transform: translateX(-50%)}
header .head-main nav .depth2 ul {width: 146px; text-align: center; background: #fff; padding: 6px 0; border-radius: 4px;}
header .head-main nav .depth2 ul li a {display: block; padding: 6px 16px; font-family: var(--play-font); font-weight: 600; color: var(--text-sub1); transition: all .3s ease;}
header .head-main nav .depth2 ul li a:hover {color: var(--text-main);}
header .head-main .util {display: flex; gap: 20px; align-items: center;}
header .head-main .util .lang {position: relative; font-family: var(--play-font);}
header .head-main .util .lang button {height: 40px; padding: 0 38px 0 18px; color: var(--text-main); font-family: var(--play-font); font-weight: 600; background: url(../images/ico/ico_select_arr.svg) no-repeat right 10px center;}
header .head-main .util .lang ul {display: none; position: absolute; z-index: 1; left:0; top: 68px; width: 90px; text-align: center; background: #fff; padding: 6px 0; border-radius: 4px;}
header .head-main .util .lang ul li a {display: block; width: 100%; padding: 6px 0; line-height: 1.1; color: var(--text-sub1); font-weight: 600; cursor: pointer; transition: all .3s ease;}
header .head-main .util .lang ul li + li {margin-top: 4px;}
header .head-main .util .lang ul li a:hover {color: var(--text-main);}
header .head-main .util .contact {display: block; padding: 12px 16px; font-family: var(--play-font); color: #fff; background: var(--gra1); border-radius: 12px;}

main {padding-top: 120px; color: #fff;}
#container {padding-top: 120px; padding-bottom: 120px;}

.no-noti main,
.no-noti #container {padding-top: 72px;}

section .title {color: #fff;}
section .title em {display: block; margin-bottom: 14px; font-size: 16px; font-weight: 400; opacity: 0.8; line-height: 1.4;}
section .title h3 {font-size: 38px; font-weight: 600; line-height: 1.6;}
section .title h3 strong {background: var(--gra1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
section .title h3 + p {margin-top: 24px; font-size: 18px; line-height: 1.8; color: #BFC1CD; font-weight: 500;}
section .title h3 + p strong {font-weight: 400; color: #fff;}
section .title h3 i {color: #ffdbc8;}
section .title.sm h3 {font-size: 32px;}
section .title.sm h3 + p {margin-top: 16px; font-size: 16px;}
section.light .title {color: #000;}
section.light .title em {color: var(--text-sub1)}

/* 공통 */
.btn-group {display: flex; justify-content: center; gap: 16px;}
.btn-group.tal {justify-content: flex-start;}
.btn-group [class^="btn-"] {height: 46px; padding: 12px 32px; line-height: 1.4; font-size: 16px; font-weight: 700; border-radius: 8px;}
.btn-black {color: #fff; background: #222;}
.btn-white {color: var(--black); background: #fff;}
.btn-red {color: #fff; background: #E53737;}
.btn-gra {color: #000; background: var(--gra1);}
.link-go {display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; padding: 16px 0; background: var(--gra1); border-radius: 8px; color: #000; font-weight: 700;}
.link-go.white {background: #fff;}
.link-go.big {font-size: 20px;}
.link-go.c-white {color: #fff;}
.link-go.black {color: #fff; background: var(--black);}
.link-go.gray {color: #fff; background: rgba(255, 255, 255, 0.2);}
.text-gra {background: var(--gra1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* 메인 - 비주얼 */
.main-visual {position: relative; display: flex; justify-content: center; align-items: center; height: 860px; background: #000; color: #fff; overflow: hidden;}
.main-visual:before {content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 18%, var(--black) 92.31%);}
.main-visual .inner {position: absolute; z-index: 3; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); white-space: nowrap;}
.main-visual .inner em {display: block; font-family: var(--play-font); font-size: 20px; font-weight: 500; line-height: 1.4;}
.main-visual .inner .tit {display: block; margin: 20px 0 42px; font-weight: 600; font-size: 52px; line-height: 1.6;}
.main-visual .inner .tit strong {font-weight: 700;}
.main-visual .inner .sub {font-size: 24px; line-height: 1.8; opacity: 0.8;}
.main-visual video {position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; min-height: 100%; object-fit: cover; opacity: 0.7;}

/* 메인 - 컨설팅 */
.consulting {padding: 94px 0 136px; text-align: center; background: var(--black);}
.consulting h3 {font-size: 42px;}
.consulting .jenny-info {max-width: 650px; height: 406px; margin: 24px auto 0; padding-top: 294px; font-weight: 600; background: url(../images/pic/pic_consulting_jenny.webp) no-repeat center/100%;}
.consulting .jenny-info em {display: block; line-height: 1.6;}
.consulting .jenny-info strong {display: block; font-size: 32px; margin-top: 2px; line-height: 1.5; font-weight: 600;}
.consulting .jenny-info strong.en {font-size: 22px;}
.consulting ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 56px;}
.consulting ul li {display: flex; align-items: center; justify-content: center; padding: 20px; border-radius: 4px; border: 1px solid rgba(80,82,94,0.5); font-size: 18px; font-weight: 500; line-height: 1.8; color: #ededed;}

/* 메인 - 입학실적 */
.result-roll {padding: 130px 0; text-align: center; color: var(--text-sub1); background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%), #F7F7FB;}
.result-roll .roll-wrap {overflow: hidden; width: 1520px; height: 560px; margin: 46px auto 0;}
.result-roll .roll-wrap .swiper-slide {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 284px; transform: translateX(-50px);}
.result-roll .roll-wrap .swiper-slide .inner {width: 100%;}
.result-roll .roll-wrap .swiper-slide .paper {display: none; margin-bottom: 24px; box-shadow: 30px 30px 60px 0 rgba(0,0,0,0.1);}
.result-roll .roll-wrap .swiper-slide .logo {height: 30px; overflow: hidden;}
.result-roll .roll-wrap .swiper-slide .logo img {position: relative; z-index: 1; left: 50%; max-width: initial; height: 30px; transform: translateX(-50%);}
.result-roll .roll-wrap .swiper-slide .tit {margin-top: 9px; font-size: 20px; line-height: 1.4; font-family: var(--play-font); color: var(--text-sub1)}
.result-roll .roll-wrap .swiper-slide.swiper-slide-active {width: 384px; padding: 0 16px;}
.result-roll .roll-wrap .swiper-slide.swiper-slide-active .paper {display: block;}
.result-roll .roll-wrap .swiper-slide.swiper-slide-active .tit br {display: none;}
.result-roll .roll-bar {width: 150px; height: 2px; margin: 30px auto 16px; background: #E5E5EC;}
.result-roll .roll-bar p {width: 0; height: 2px; background: #FF2B2B;}
.result-roll .roll-btn {margin-bottom: 46px;}
.result-roll .roll-btn button {width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: center; border: 1px solid #E5E5EC;}
.result-roll .roll-btn button.swiper-prev {background-image: url(../images/ico/ico_roll_prev.svg);}
.result-roll .roll-btn button.swiper-next {background-image: url(../images/ico/ico_roll_next.svg);}
.cursor {position: fixed; top: 0; left: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius: 50%; color: #fff; font-size: 26px; line-height: 1.4; pointer-events: none; transform: translate(-50%, -50%); transition: opacity 0.2s; opacity: 0; background-color: #142061; background-image: url(../images/ico/ico_drag_prev.svg), url(../images/ico/ico_drag_next.svg); background-repeat: no-repeat; background-position: left 16px center, right 16px center;} 

/* 메인 - top 50 */
.top-university {padding: 180px 0; text-align: center; background: var(--black);}
.top-university .univ-image {margin-top: 42px;}

/* 메인 - 실제후기 */
.student-story {padding: 172px 0 192px; text-align: center; background: #0B0B0B;}
.student-story .story-box {display: flex; flex-direction: column; gap: 24px; margin-top: 60px; margin-bottom: 60px;}
.student-story .story-box li {padding: 48px 60px; border-radius: 20px; background-position: right top; background-size: cover; background-repeat: no-repeat; transition: background .3s ease;}
.student-story .story-box li:hover {box-shadow: 0 4px 60px 0 rgba(237, 244, 254, 0.50) inset, 0 4px 120px 0 rgba(26, 110, 255, 0.60);
backdrop-filter: blur(10px);}
.student-story .story-box li strong {display: block; font-size: 24px; line-height: 1.6; font-family: var(--play-font); color: var(--text-main); font-weight: 400;}
.student-story .story-box li p {margin: 12px 0 24px; color: var(--text-sub2); line-height: 1.8;}
.student-story .story-box li .star {display: block; width: 100px; height: 20px; margin: 0 auto; text-indent: -9999px; background: url(../images/ico/ico_star.svg) no-repeat center;}
.student-story .story-box li.story01 {background-image: url(../images/bg/bg_story01.webp);}
.student-story .story-box li.story01:hover {background-image: url(../images/bg/bg_story01_ov.webp);}
.student-story .story-box li.story02 {background-image: url(../images/bg/bg_story02.webp);}
.student-story .story-box li.story02:hover {background-image: url(../images/bg/bg_story02_ov.webp);}
.student-story .story-box li.story03 {background-image: url(../images/bg/bg_story03.webp);}
.student-story .story-box li.story03:hover {background-image: url(../images/bg/bg_story03_ov.webp);}
.student-story .story-box li.story04 {background-image: url(../images/bg/bg_story04.webp);}
.student-story .story-box li.story04:hover {background-image: url(../images/bg/bg_story04_ov.webp);}
.student-story .story-box li.story05 {background-image: url(../images/bg/bg_story05.webp);}
.student-story .story-box li.story05:hover {background-image: url(../images/bg/bg_story05_ov.webp);}

/* 메인 - 아직도 미국 입시를 */
.univ-how {padding: 185px 0; background: url(../images/bg/bg_univhow.webp) no-repeat center/cover;}
.univ-how .how-con {margin: 42px 0; font-size: 18px; line-height: 1.8;}
.univ-how .how-con p + p {margin-top: 28px;}
.univ-how .how-con p.str {color: #FFC9B2; font-weight: 700;}

/* 메인 - 차별점 */
.jenny-diff {padding-top: 222px; background: var(--black);}
.jenny-diff .diff01 .title {position: relative; z-index: 1;}
.jenny-diff .diff01 .con {margin-top: -32px;}
.jenny-diff .diff01 .con .img {display: flex;}
.jenny-diff .diff01 .con .img p {position: relative; overflow: hidden;}
.jenny-diff .diff01 .con .img p img {transition: all .3s ease;}
.jenny-diff .diff01 .con .img p:before {content: ''; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background-size: 100%; background-position: center;}
.jenny-diff .diff01 .con .img p:hover img {transform: scale(1.1);}
.jenny-diff .diff01 .con .img p:after {content: ''; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%;}
.jenny-diff .diff01 .con .img p.img01:after {background: linear-gradient(180deg, var(--black) 5.32%, rgba(21, 21, 21, 0.00) 30.04%, rgba(21, 21, 21, 0.00) 55.44%, rgba(21, 21, 21, 0.80) 72.04%, var(--black) 95.98%);}
.jenny-diff .diff01 .con .img p.img02:after {background: linear-gradient(180deg, rgba(2, 2, 2, 0.32) 0%, rgba(21, 21, 21, 0.00) 29.82%, var(--black) 85.39%);}
.jenny-diff .diff01 .con .text {margin-top: 12px; font-size: 18px; font-weight: 500; line-height: 1.8;}
.jenny-diff .diff02 {padding-top: 185px; padding-bottom: 140px;}
.jenny-diff .diff02 .con {margin-top: 82px;}
.jenny-diff .diff02 .con ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px 30px;}
.jenny-diff .diff02 .con ul li {cursor: pointer;}
.jenny-diff .diff02 .con ul li .pic {position: relative; overflow: hidden;}
.jenny-diff .diff02 .con ul li .pic:before {content: ''; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 57%; background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, var(--black) 78.58%);}
.jenny-diff .diff02 .con ul li .pic img {opacity: 0.6; transition: all .3s ease;}
.jenny-diff .diff02 .con ul li .disc {position: relative; z-index: 2; margin-top: -136px; padding: 0 30px;}
.jenny-diff .diff02 .con ul li .disc strong {position: relative; display:inline-block; font-size: 64px; line-height: 1.4; font-weight: 400; background-image: linear-gradient(to right, #fff, #fff); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.jenny-diff .diff02 .con ul li .disc strong:after {position: absolute; z-index: 1; inset: 0; background-image: var(--gra1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; transition: opacity .4s ease;}
.jenny-diff .diff02 .con ul li.diff_con01 .disc strong:after {content: 'IECA';}
.jenny-diff .diff02 .con ul li.diff_con02 .disc strong:after {content: 'NACAC';}
.jenny-diff .diff02 .con ul li.diff_con03.en .disc strong:after {content: 'Strategy';}
.jenny-diff .diff02 .con ul li.diff_con04.en .disc strong:after {content: 'Resources';}
.jenny-diff .diff02 .con ul li .disc em {display: block; line-height: 1.4; margin-bottom: 18px;}
.jenny-diff .diff02 .con ul li .disc p {font-size: 14px; line-height: 1.5; font-weight: 300; word-break: keep-all; letter-spacing: -0px; opacity: 0; transition: all .3s ease;}

.jenny-diff .diff02 .con ul li:hover .pic img {opacity: 1; transform: scale(1.1);}
.jenny-diff .diff02 .con ul li:hover .disc strong::after {opacity: 1;}
.jenny-diff .diff02 .con ul li:hover .disc p {opacity: 0.8;}

.jenny-diff .diff03 {padding: 215px 0; background: var(--gra1);}
.jenny-diff .diff03 .diff03-con {display: flex; justify-content: space-between; align-items: center;}
.jenny-diff .diff03 .title.en h3 {font-size: 30px;}
.jenny-diff .diff03 .title h3 + p {color: #FFDBC8;}
.jenny-diff .diff03 .title h3 + p strong {color: #fff;}
.jenny-diff .diff03 .title .btn-group {margin-top: 56px;}
.jenny-diff .diff03 .video {width: 687px; height: 386px;}
.jenny-diff .diff03 .video video {width: 100%;}
.jenny-diff .diff03 .video video[poster] {width: 100%; height: 100%;}

.jenny-diff .diff04 {padding-top: 180px; text-align: center;}
.jenny-diff .diff04 .btn-group {margin-top: 60px;}
.jenny-diff .diff04 .youtube-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 70px;}
.jenny-diff .diff04 .youtube-list li {position: relative; height: 0; padding-bottom: 56.25%;}
.jenny-diff .diff04 .youtube-list li iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 메인 - 프로그램 */
.program {padding: 195px 0; text-align: center; background: var(--black);}
.program .title em {font-family: var(--play-font);}
.program .program-view {display: flex; gap: 0 20px; margin-top: 60px;}
.program .program-view li {position: relative; flex: 1; padding: 100px 50px 60px; border-radius: 16px; color: var(--text-main); background: #fff; transition: all .3s ease;}
.program .program-view li:before {content: ''; position: absolute; inset: 0; padding: 1px; border-radius: 16px; background: linear-gradient(45deg, rgba(223,223,223,0.2) 0, rgba(173,122,101,0.2) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;pointer-events: none;}
.program .program-view li em {display: block; font-size: 12px; line-height: 1.4; font-family: var(--play-font); color: var(--text-sub2);}
.program .program-view li h4 {margin: 4px 0 24px; font-family: var(--play-font); font-size: 28px; line-height: 1.4;}
.program .program-view li p {margin-bottom: 45px; font-size: 16px; line-height: 1.8; color: var(--text-sub2);}
.program .program-view li p b {font-weight: 400; color: var(--text-sub1);}
.program .program-view li .btn-group a {width: 100%;}

.program .program-view li:hover {color: #fff; border-radius: 16px; background: rgba(255, 255, 255, 0.10); box-shadow: 0 4px 30px 0 rgba(211, 128, 93, 0.10) inset, 0 4px 60px 0 rgba(255, 77, 0, 0.30);}
.program .program-view li:hover em,
.program .program-view li:hover p,
.program .program-view li:hover p b {color: #fff;}
.program .program-view li:hover .btn-group a {background: var(--gra1);}

/* 메인 - 멘토 */
.mentor {padding: 160px 0 185px; text-align: center; background: #000;}
.mentor .mentor-wrap {position: relative; --speed: 22s; --gap: 16px; overflow: hidden;}
.mentor .mentor-wrap .mentor-list {margin: 90px 0 65px; display: flex; gap: var(--gap); width: max-content; animation: ticker-scroll var(--speed) linear infinite;}
.mentor .mentor-wrap .mentor-list .mentor-track {display: inline-flex; flex-shrink: 0; gap: var(--gap); min-width: max-content;}
.mentor .mentor-wrap .mentor-list .mentor-track li {position: relative; width: 300px; flex-shrink: 0;}
.mentor .mentor-wrap .mentor-list .mentor-track li img.hover {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: auto; opacity: 0; transition: all .3s ease;}
.mentor .mentor-wrap .mentor-list:hover {animation-play-state: paused;}
.mentor .mentor-wrap .mentor-list .mentor-track li:hover img.hover {opacity: 1;}
.mentor .support {display: flex; gap: 16px; color: #fff;}
.mentor .support li {flex: 1; line-height: 1.8; padding: 30px 0;}
.mentor .support li em {display: block; font-size: 18px; font-weight: 600; opacity: 0.8;}
.mentor .support li strong {margin-top: 4px; display: block; font-size: 24px; font-weight: 700;}
.mentor .btn-group {margin-top: 80px;}


@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* 상담신청하기 배너 */
.apply-ban {padding: 150px 0; text-align: center; background: url(../images/bg/bg_apply.webp) no-repeat center/cover;}
.apply-ban .title h3 + p {font-size: 16px; color: #fff; opacity: 0.8;}
.apply-ban .btn-group {margin-top: 62px;}

/* footer */
footer .top {padding: 32px 0 24px; border-top: 1px solid #F1F1F5; border-bottom: 1px solid #F1F1F5;}
footer .top > div {display: flex; justify-content: space-between;}
footer .top .util {display: flex;}
footer .top .util li {position: relative;}
footer .top .util li a {padding: 0 24px; font-size: 14px; line-height: 1.5; color: #505050;}
footer .top .util li + li:before {content: ''; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #e5e5ec;}
footer .top .util li:first-child a {padding-left: 0; font-weight: 700; color: var(--text-main);}
footer .top .sns {display: flex; gap: 24px;}
footer .top .sns a {display: block; text-indent: -9999px; width: 20px; height: 20px;}
footer .top .sns a.insta {background: url(../images/ico/ico_insta.svg);}
footer .top .sns a.youtube {background: url(../images/ico/ico_youtube.svg);}
footer .top .sns a.kakao {background: url(../images/ico/ico_kakao.svg);}
footer .btm {display: flex; justify-content: space-between; color: #505050; padding-top: 48px; padding-bottom: 54px;}
footer .btm address .tit {font-size: 24px; font-weight: 600; line-height: 1.4; color: var(--navy-color2);}
footer .btm address ul {margin-top: 12px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.2; letter-spacing: 0;}
footer .btm address ul a {font-weight: 400; color: #505050;}
footer .btm .contact {text-align: right;}
footer .btm .contact .tel {display: block; margin-bottom: 6px; font-size: 24px; font-weight: 600; line-height: 1.4; color: var(--text-main);}
footer .btm .contact p {font-size: 14px; line-height: 1.5;}
footer .btm .contact .link {display: inline-block; margin-top: 12px; padding: 3px 8px; font-size: 12px; color: var(--text-main); line-height: 1.5; border: 1px solid #E5E5EC; letter-spacing: normal;}
footer .btm .contact .logo {margin-top: 58px; display: flex; gap: 12px;}
footer .noti {text-align: center; padding: 15px 0; background: var(--text-main); color: #fff;}
footer .noti .topbtn {display: none;}

.quickmenu {display: flex; flex-direction: column; align-items: center; position: fixed; z-index: 9998; right: 24px; top: 50%; transform: translateY(-50%);}
.quickmenu .link {padding: 2px 5px; border-radius: 20px; background: #363535;}
.quickmenu .link li a {display: block; width: 54px; padding: 55px 5px 20px; font-size: 12px; color: #fff; font-weight: 600; line-height: 1; word-break: keep-all; text-align: center; background-repeat: no-repeat; background-position: top 20px center; transition: all .3s ease;}
.quickmenu .link li + li {border-top: 1px solid #3D3D3D;}
.quickmenu .link li.blog a {background-image: url(../images/ico/ico_quick_blog.svg);}
.quickmenu .link li.blog:hover a {background-image: url(../images/ico/ico_quick_blog_ov.svg);}
.quickmenu .link li.kakao a {background-image: url(../images/ico/ico_quick_kakao.svg);}
.quickmenu .link li.kakao:hover a {background-image: url(../images/ico/ico_quick_kakao_ov.svg);}
.quickmenu .link li.youtube a {background-image: url(../images/ico/ico_quick_youtube.svg);}
.quickmenu .link li.youtube:hover a {background-image: url(../images/ico/ico_quick_youtube_ov.svg);}
.quickmenu .link li.tel a {padding-top: 20px; line-height: 1.2;}
.quickmenu .topbtn {display: flex; align-items: center; justify-content: center; margin-top: 16px; font-size: 12px; font-weight: 600; width: 48px; height: 48px; border: 0; border-radius: 50%; color: #fff; background: #505050;}

.dp_mb {display: none;}

/* 페이지 상단 */
.page-top {padding: 170px 0 170px; text-align: center; background: url(../images/bg/bg_page_top.webp) no-repeat center top/cover;}
.page-top .title h3 {font-family: var(--play-font); font-size: 20px; font-weight: 500;}
.page-top .title h4 {margin: 30px 0; font-size: 32px; font-weight: 600; line-height: 1.6;}	
.page-top .title p {font-size: 16px; line-height: 1.8; color: rgba(255,255,255,0.8);}
.page-top .title .lg {margin-top: 30px; font-size: 20px; opacity: 1; color: #fff;}
.page-top .btn-group {margin-top: 38px; margin-bottom: 10px;}
.page-top .btn-group a {font-size: 20px;}
.page-top .youtube-wrap {max-width: 972px; margin: 110px auto 80px;}
.page-top .youtube-wrap .youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin:0 auto;}
.page-top .youtube-wrap .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page-top.program {padding-top: 120px; color: #fff;}

.program-title {text-align: center;}
.program-title h3 {margin-bottom: 8px; font-size: 20px; font-family: var(--play-font); font-weight: 500; line-height: 1;}
.program-title .grade {display: inline-block; max-width: 976px; width: 100%; height: 480px; margin-left: 16px; text-indent: -9999px; background: url(../images/bg/bg_program01.webp) no-repeat center/100%;}
.program-title .grade.two {background-image: url(../images/bg/bg_program02.webp);}
.program-title h4 {margin-top: -180px; margin-bottom: 24px; font-size: 38px; font-weight: 700; line-height: 1.6;}
.program-title p {font-size: 22px; line-height: 1.8;}

.program-intro {margin-top: 170px;}
.program-intro em {display: block; font-size: 30px; font-weight: 500; line-height: 1; font-family: var(--play-font);}
.program-intro .tit {margin-top: 30px; font-size: 32px; font-weight: 600;}
.program-intro .sub {margin-top: 30px; font-size: 20px; line-height: 1.8; opacity: 0.8;}
.program-intro .btn-group {margin: 75px 0 0;}

/* 블로그 */
.blog-list {padding-top: 147px;}
.blog-list .board-wrap + .board-wrap {margin-top: 100px;}
.blog-list .board-wrap .title {padding-top: 88px; margin-bottom: 32px; text-align: center; background-repeat: no-repeat; background-position: center top;}
.blog-list .board-wrap .title strong {display: block; font-size: 32px; font-weight: 600; line-height: 1.6; color: var(--black);}
.blog-list .board-wrap .title p {margin-top: 8px; font-size: 16px; color: var(--text-sub1); opacity: 0.8; line-height: 1.8;}
.blog-list .board-wrap ul {display: flex; gap: 30px;}
.blog-list .board-wrap ul li {flex: 1;}
.blog-list .board-wrap ul li a {display: block; height: 380px; padding: 52px 30px; color: #fff; line-height: 1.6; background: url(../images/ico/ico_board_logo.svg) no-repeat right 20px bottom 20px;}
.blog-list .board-wrap ul li a em {display: block; margin-bottom: 4px; font-size: 14px;}
.blog-list .board-wrap ul li a strong {display: block; font-size: 32px; font-weight: 600;}
.blog-list .board-wrap.knowhow .title {background-image: url(../images/ico/ico_board_knowhow.svg);}
.blog-list .board-wrap.knowhow ul li {background-color: #172356;}
.blog-list .board-wrap.knowhow ul li a em {color: #acacac;}
.blog-list .board-wrap.school .title {background-image: url(../images/ico/ico_board_school.svg);}
.blog-list .board-wrap.school ul li {background-color: #556476;}
.blog-list .board-wrap.school ul li a em {color: #E1E5FB;}
.blog-list .board-wrap.insight .title {background-image: url(../images/ico/ico_board_insight.svg);}
.blog-list .board-wrap.insight ul li {background-color: #FF7830;}
.blog-list .board-wrap.insight ul li a em {color: #F6E1D5;}

/* Contact */
.contact-con {padding-top: 160px;}
.contact-con .wrapper02 {position: relative; display: flex; justify-content: space-between; align-items: flex-start;}
.contact-con .cont-info {width: 380px; padding-top: 20px; line-height: 1.8;}
.contact-con .cont-info .tit {display: block; font-size: 46px; font-weight: 600;}
.contact-con .cont-info .sub {margin-top: 20px; font-size: 16px; color: var(--text-sub1); opacity: 0.8;}

.contact-con .cont-info-inner {position: absolute; z-index: 1; left: 16px; top: 220px; width: 380px; line-height: 1.8;}
.contact-con .cont-info-inner .cont-list {margin-bottom: 38px;}
.contact-con .cont-info-inner .cont-list a {display: flex; gap: 16px; align-items: center; justify-content: center; padding: 16px; border-radius: 6px; font-size: 18px;}
.contact-con .cont-info-inner .cont-list a + a {margin-top: 12px; }	
.contact-con .cont-info-inner .cont-list a em {display: block; font-weight: 700;}
.contact-con .cont-info-inner .cont-list a.kakao {background: #FFEB57;}
.contact-con .cont-info-inner .cont-list a.mail {background: #F0F0F0;}
.contact-con .cont-info-inner .cont-list a.tel {background: #C2D5FF;}
.contact-con .cont-info-inner .place {color: var(--text-sub1);}
.contact-con .cont-info-inner .place em {display: block; font-size: 16px; font-weight: 700;}
.contact-con .cont-info-inner .place p {font-size: 20px; font-weight: 700;}
.contact-con .fillout {width: 680px; height: 1200px; padding: 24px; background: #F7F7FB;  overflow: auto;}

/* Admission program */
.jenny-feature {padding-bottom: 180px; color: #fff; background: #151515;}
.jenny-feature .feat-box {display: flex; gap: 60px; align-items: center;}
.jenny-feature .feat-box + .feat-box {margin-top: 32px;}
.jenny-feature .feat-box .pic {flex-shrink: 0; width: 585px; height: 400px;}
.jenny-feature .feat-box .con {flex-grow: 1; line-height: 1.6;}
.jenny-feature .feat-box .con em {display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700;}
.jenny-feature .feat-box .con .tit {display: block; font-size: 28px;}
.jenny-feature .feat-box .con ul {margin-top: 24px;}
.jenny-feature .feat-box .con ul li {padding-left: 28px; background: url(../images/ico/ico_chk_list.svg) no-repeat left center;}
.jenny-feature .feat-box .con ul li + li {margin-top: 6px;}

.sub-tit em {display: block; margin-bottom: 14px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #fff; opacity: 0.8;}
.sub-tit h4 {color: #fff; font-size: 38px; font-weight: 700; line-height: 1.6;}
.sub-tit.dark em {color: var(--text-sub2);}
.sub-tit.dark h4 {color: var(--black);}

.pg-student {position: relative; padding: 180px 0 200px; text-align: center; background: url(../images/bg/bg_program_std.webp) no-repeat left top/cover;}
.pg-student:after {content: 'Admission program'; position: absolute; z-index: 1; right: 0; bottom: 0; font-family: var(--play-font); font-size: 123px; font-weight: 500; line-height: 1.4; color: #272626;}
.pg-student.ch:after {content: 'Coaching program';}
.pg-student ol {margin-top: 32px; text-align: center; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
.pg-student ol li {padding: 60px 16px; background: rgba(255,255,255,0.1); border-radius: 20px; color: #fff; line-height: 1.6;} 
.pg-student ol li em {display: block; margin-bottom: 16px; font-size: 20px; font-weight: 600; line-height: 1.8; color: #666;}
.pg-student ol li p {font-size: 20px; color: #dbdbdb;}
.pg-student ol li strong {display: block; font-size: 24px; font-weight: 600; color: #fff;}

.cst-step {padding: 180px 0; background: #F7F7FB;}
.cst-step .wrapper02 {display: flex; gap: 24px; justify-content: space-between;}
.cst-step ol {position: relative; width: 816px; counter-reset: step; padding-left: 26px;}
.cst-step ol:before {content: ''; position: absolute; z-index: 0; left: 5px; top: 0; width: 1px; height: 100%; background: #E5E5EC;}
.cst-step ol li {position: relative; display: flex; align-items: center; padding: 30px 40px; border-radius: 12px; background: #fff; counter-increment: step;}
.cst-step ol li:before {content: ''; position: absolute; z-index: 1; left: -26px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #111;}
.cst-step ol li:first-of-type:after {content: ''; position: absolute; z-index: 1; left: -26px; top: 0; width: 10px; height: calc(50% - 5px); background: #F7F7FB;}
.cst-step ol li:last-of-type:after {content: ''; position: absolute; z-index: 1; left: -26px; bottom: 0; width: 10px; height: calc(50% - 5px); background: #F7F7FB;}
.cst-step ol li + li {margin-top: 16px;}
.cst-step ol li .tit {flex-shrink: 0; position: relative; width: 260px; padding-top: 49px; font-size: 26px; font-weight: 700; color: var(--text-sub1); line-height: 1.6;}
.cst-step ol li .tit:before {content: 'STEP ' counter(step, decimal-leading-zero); position: absolute; z-index: 1; left: 0; top: 0; padding: 8px 16px; border-radius: 6px; background: #010101; font-size: 14px; font-weight: 600; line-height: 1.4; color: #fff;}
.cst-step ol li .sub {flex-grow: 1; line-height: 1.8; color: var(--text-sub2);}

.cst-step.en ol li .tit {font-size: 22px;}

.program-what {padding: 180px 0; text-align: center; background: #000;}
.program-what .what-list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 0; margin-top: 48px;}
.program-what .what-list li {width: calc(50% - 5px); padding: 60px 30px; border-radius: 20px; background: #fff; transition: all .3s ease;}
.program-what .what-list li strong {display: block; padding-top: 88px; font-size: 24px; line-height: 1.6; color: var(--text-sub1); background-repeat: no-repeat; background-position: center top; transition: all .3s ease;}
.program-what .what-list li p {margin-top: 8px; line-height: 1.8; color: var(--text-sub2); transition: all .3s ease;}
.program-what .what-list li.big {width: 100%;}
.program-what .what-list li:hover {background: linear-gradient(295deg, #231F20 55.39%, #8CA9FF 95.19%);}
.program-what .what-list li:hover strong {color: #fff;}
.program-what .what-list li:hover p {color: #fff;}

.program-what .what-list li:nth-of-type(1) strong {background-image: url(../images/ico/ico_what01.svg);}
.program-what .what-list li:nth-of-type(2) strong {background-image: url(../images/ico/ico_what02.svg);}
.program-what .what-list li:nth-of-type(3) strong {background-image: url(../images/ico/ico_what03.svg);}
.program-what .what-list li:nth-of-type(4) strong {background-image: url(../images/ico/ico_what04.svg);}
.program-what .what-list li:nth-of-type(5) strong {background-image: url(../images/ico/ico_what05.svg);}
.program-what .what-list li:nth-of-type(6) strong {background-image: url(../images/ico/ico_what06.svg);}
.program-what .what-list li:nth-of-type(7) strong {background-image: url(../images/ico/ico_what07.svg);}

.program-what .what-list li:nth-of-type(1):hover strong {background-image: url(../images/ico/ico_what01_ov.svg);}
.program-what .what-list li:nth-of-type(2):hover strong {background-image: url(../images/ico/ico_what02_ov.svg);}
.program-what .what-list li:nth-of-type(3):hover strong {background-image: url(../images/ico/ico_what03_ov.svg);}
.program-what .what-list li:nth-of-type(4):hover strong {background-image: url(../images/ico/ico_what04_ov.svg);}
.program-what .what-list li:nth-of-type(5):hover strong {background-image: url(../images/ico/ico_what05_ov.svg);}
.program-what .what-list li:nth-of-type(6):hover strong {background-image: url(../images/ico/ico_what06_ov.svg);}
.program-what .what-list li:nth-of-type(7):hover strong {background-image: url(../images/ico/ico_what07_ov.svg);}

.program-what .what-list.coaching li:nth-of-type(1) strong {background-image: url(../images/ico/ico_what_c01.svg);}
.program-what .what-list.coaching li:nth-of-type(2) strong {background-image: url(../images/ico/ico_what_c02.svg);}
.program-what .what-list.coaching li:nth-of-type(3) strong {background-image: url(../images/ico/ico_what_c03.svg);}
.program-what .what-list.coaching li:nth-of-type(4) strong {background-image: url(../images/ico/ico_what_c04.svg);}
.program-what .what-list.coaching li:nth-of-type(5) strong {background-image: url(../images/ico/ico_what_c05.svg);}
.program-what .what-list.coaching li:nth-of-type(6) strong {background-image: url(../images/ico/ico_what_c06.svg);}
.program-what .what-list.coaching li:nth-of-type(7) strong {background-image: url(../images/ico/ico_what_c07.svg);}

.program-what .what-list.coaching li:nth-of-type(1):hover strong {background-image: url(../images/ico/ico_what_c01_ov.svg);}
.program-what .what-list.coaching li:nth-of-type(2):hover strong {background-image: url(../images/ico/ico_what_c02_ov.svg);}
.program-what .what-list.coaching li:nth-of-type(3):hover strong {background-image: url(../images/ico/ico_what_c03_ov.svg);}
.program-what .what-list.coaching li:nth-of-type(4):hover strong {background-image: url(../images/ico/ico_what_c04_ov.svg);}
.program-what .what-list.coaching li:nth-of-type(5):hover strong {background-image: url(../images/ico/ico_what_c05_ov.svg);}
.program-what .what-list.coaching li:nth-of-type(6):hover strong {background-image: url(../images/ico/ico_what_c06_ov.svg);}
.program-what .what-list.coaching li:nth-of-type(7):hover strong {background-image: url(../images/ico/ico_what_c07_ov.svg);}


/* faq */
.program-faq {padding: 180px 0; text-align: center;}
.program-faq .faq-list {margin-top: 40px; margin-bottom: 80px;}
.program-faq .faq-list li + li {margin-top: 20px;}
.program-faq .faq-list li .question {position: relative; padding: 26px 80px 26px 30px; font-size: 26px; font-weight: 700; line-height: 1.6; color: var(--text-sub1); text-align: left; background: #F7F7FB; cursor: pointer;}
.program-faq .faq-list li .question:after {content: ''; position: absolute; z-index: 1; right: 30px; top: 50%; width: 40px; height: 40px; transform: translateY(-50%); background: url(../images/ico/ico_faq_arr.svg);}
.program-faq .faq-list li.on .question:after {transform: translateY(-50%) rotate(180deg);}
.program-faq .faq-list li .answer {display: none; padding: 30px; border-bottom: 1px solid #E5E5EC; line-height: 1.8; color: var(--text-sub2); text-align: left;}

.contact-go {padding: 125px 0; margin-bottom: -120px; color: #fff; background: #000 url(../images/bg/bg_contact_go.webp) no-repeat right center/cover;}
.contact-go .sub-tit h4 {font-size: 36px;}
.contact-go .con {margin: 30px 0 62px; font-size: 16px; opacity: 0.8; line-height: 1.8;}

/* about */
.jenny-special {padding: 180px 0; text-align: center; background: #F7F7FB;}
.jenny-special .title {color: var(--text-main);}
.jenny-special .title strong {display: block; margin-bottom: 6px; font-size: 32px; font-weight: 700;}
.jenny-special .title h4 {font-size: 46px; line-height: 1.6; font-weight: 700;}
.jenny-special .title p {margin-top: 40px; font-size: 20px; line-height: 1.8;}
.jenny-special .special-list {margin-top: 54px;}
.jenny-special .special-list li {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 400px; border-radius: 20px; background-repeat: no-repeat; background-position: right top; background-size: cover; color: #fff;}
.jenny-special .special-list li + li {margin-top: 16px;}
.jenny-special .special-list li:nth-of-type(1) {background-image: url(../images/bg/bg_special01.webp);}
.jenny-special .special-list li:nth-of-type(2) {background-image: url(../images/bg/bg_special02.webp);}
.jenny-special .special-list li:nth-of-type(3) {background-image: url(../images/bg/bg_special03.webp);}
.jenny-special .special-list li .tit {margin-bottom: 24px; font-size: 32px; font-weight: 700;}
.jenny-special .special-list li .con p {line-height: 1.8;}
.jenny-special .special-list li .con .logo {width: 394px; margin: 38px auto 0;}

.jenny-member {padding: 180px 0 200px;}
.jenny-member .mem-box + .mem-box {margin-top: 100px;}
.jenny-member .mem-box .profile {display: flex; align-items: center; gap: 60px;}
.jenny-member .mem-box .profile .pic {width: 374px; flex-shrink: 0;}
.jenny-member .mem-box .profile .info {flex-grow: 1;}
.jenny-member .mem-box .profile .info .tag {display: flex; gap: 8px;}	
.jenny-member .mem-box .profile .info .tag span {display: inline-block; padding: 6px 12px; font-size: 16px; font-weight: 500; line-height: 1.6; border-radius: 6px;}
.jenny-member .mem-box .profile .info .tag span.ceo {color: #7685BE; background: #F0F4FF;}
.jenny-member .mem-box .profile .info .tag span.field-edu {color: #A87E54; background: #FFF6D9;}
.jenny-member .mem-box .profile .info .tag span.field-essay {color: #AF4473; background: #FDEFF5;}
.jenny-member .mem-box .profile .info .tag span.field-men {color: #447CAF; background: #EFF3FD;}
.jenny-member .mem-box .profile .info .tag span.field-board {color: #44AF54; background: #F0FDEF;}
.jenny-member .mem-box .profile .info .name {display: block; margin: 8px 0 30px; font-size: 32px; font-weight: 700; color: var(--text-sub1);}
.jenny-member .mem-box .profile .info .pg {margin-top: 30px;}
.jenny-member .mem-box .profile .info .pg strong {display: inline-block; margin-bottom: 6px; padding: 6px 12px; line-height: 1.8; font-weight: 700; color: var(--text-sub1); border-radius: 6px; background: #f1f1f5;}
.jenny-member .mem-box .profile .info .pg div {display: flex; flex-wrap: wrap; gap: 6px;}
.jenny-member .mem-box .profile .info .pg div p {padding: 6px 12px; border-radius: 6px; border: 1px solid #F1F1F5; font-size: 14px; line-height: 1.6; color: var(--text-sub2);}
.jenny-member .mem-box .profile .info ul li {line-height: 1.8; color: var(--text-sub2);}
.jenny-member .mem-box .profile .info ul li + li {margin-top: 4px;}
.jenny-member .mem-box .comment {margin-top: 22px; padding: 46px 40px; line-height: 1.8; color: var(--text-sub2); border-radius: 16px; border: 1px solid #E5E5EC;}
.jenny-member .mem-box .comment p + p {margin-top: 28px;}
.jenny-member .mem-box .comment .inner {margin-top: 16px; padding: 20px 24px; background: #F7F7FB; border-radius: 8px; color: var(--text-sub2);}
.jenny-member .mem-box .comment .inner a {color: var(--text-sub2); text-decoration: underline;}
.jenny-member .mem-box .lntro-img {margin: 22px 0; display: flex; gap: 15px;}
.jenny-member .mem-box .lntro-img p {flex: 1;}

.last-ban {margin-bottom: -120px;}


/* Result / Review */
.univ-list {margin: 80px auto 64px;}

.univ-list .m-logo {position: relative; --speed: 22s; --gap: 16px; overflow: hidden; margin: 0 -16px;}
.univ-list .m-logo .m-logo-list {display: flex; gap: var(--gap); width: max-content; animation: ticker-scroll var(--speed) linear infinite;}
.univ-list .m-logo .m-logo-list .m-logo-track {display: inline-flex; flex-shrink: 0; gap: var(--gap); width: 1742px;}

.univ-list .univ-all-list {margin-top: 36px;}
.univ-list .univ-all-list button {position: relative; width: 100%; padding: 20px 30px; font-size: 26px; font-weight: 700; line-height: 1.4; color: #fff; text-align: left; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(255, 255, 255, 0.20) 100%), #262626;}
.univ-list .univ-all-list button:after {content: ''; position: absolute; z-index: 1; right: 20px; top: 50%; width: 40px; height: 40px; background: url(../images/ico/ico_all_arr.svg); margin-top: -20px;}
.univ-list .univ-all-list button.on:after {transform: rotate(180deg);}
.univ-list .univ-all-list .con {display: none;}
.univ-list .univ-all-list .con > div {height: 500px; padding: 30px 60px; background: #1F1F1F; color: #fff; font-size: 20px; overflow-y: auto; line-height: 2;}
.univ-list .univ-all-list .con > div::-webkit-scrollbar {width: 8px; background: #1F1F1F; border-radius: 100px;}
.univ-list .univ-all-list .con > div::-webkit-scrollbar-thumb {background: #EAEDFD; border-radius: 100px;}
.univ-list .univ-all-list .con > div::-webkit-scrollbar-track {background: #5D5D5D; border-radius: 100px;}
.univ-list .univ-all-list .con strong {display: block; font-weight: 600; margin-bottom: 20px; line-height: 1.4;}

.review-tit h4 {font-size: 32px; color: #fff; line-height: 1.6; font-weight: 600;}
.review-tit p {margin-top: 16px; font-size: 18px; line-height: 1.8; color: #fff; opacity: 0.8;}
.review-tit.dark h4 {color: var(--text-main);}
.review-tit.dark p {color: var(--text-main);}

.real-letter {position: relative; padding: 180px 0; background: #010101;}
.real-letter .letter-slide {position: relative; margin-top: 42px; color: #fff;}
.real-letter .letter-slide .swiper-slide strong {display: block; margin-top: 26px; font-size: 24px; font-weight: 700; line-height: 1.6;}
.real-letter .letter-slide [class^="swiper-button-"] {position: absolute; z-index: 1; right: 0; top: -80px; width: 60px; height: 60px; text-indent: -9999px;}
.real-letter .letter-slide [class^="swiper-button-"].swiper-button-prev {left: initial; right: 80px; background-image: url(../images/ico/ico_letter_slide_prev.svg);}
.real-letter .letter-slide [class^="swiper-button-"].swiper-button-next {background-image: url(../images/ico/ico_letter_slide_next.svg);}
.real-letter:before {content: ''; position: absolute; z-index: 99; right: 50%; top: 0; width: 50%; height: 100%; margin-right: 600px; background: #010101;}

.percent {padding: 180px 0; background: #F7F7FB;}
.percent .review-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 50px;}
.percent .review-list li {position: relative;}
.percent .review-list li > div {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 458px; text-align: center; border-radius: 20px; overflow: hidden;}
.percent .review-list li .front {gap: 26px; padding: 30px; border: 1px solid #E5E5EC; background: #fff; font-weight: 500; line-height: 1.8; color: var(--text-sub1);}
.percent .review-list li .back {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; opacity: 0; transition: all .3s ease;}
.percent .review-list li:hover .back {opacity: 1;}

.review-star-list {padding: 180px 0;}
.review-star-list ul {display: flex; flex-direction: column; gap: 24px;}
.review-star-list ul li {padding: 48px 60px; border-radius: 20px; border: 1px solid #EBEBEB; transition: all .3s ease; background-color: #fff; background-repeat: no-repeat; background-position: right bottom; background-size: cover; overflow: hidden;}
.review-star-list ul li strong {display: block; margin-bottom: 12px; font-size: 24px; line-height: 1.6; color: var(--text-main); font-weight: 400; font-family: var(--play-font), "pretendard";}
.review-star-list ul li .con {line-height: 1.8; color: var(--text-sub1);}
.review-star-list ul li .star {display: block; width: 100px; height: 20px; margin-top: 24px; text-indent: -9999px; background: url(../images/ico/ico_star.svg) no-repeat center;}
.review-star-list ul li:hover {box-shadow: 0 4px 60px 0 rgba(121, 20, 20, 0.25);}
.review-star-list ul li.harvard {background-image: url(../images/bg/bg_review_star01.webp);}
.review-star-list ul li.cornell {background-image: url(../images/bg/bg_review_star02.webp);}
.review-star-list ul li.washington {background-image: url(../images/bg/bg_review_star03.webp);}
.review-star-list ul li.boston {background-image: url(../images/bg/bg_review_star04.webp);}
.review-star-list ul li.louis {background-image: url(../images/bg/bg_review_star05.webp);}
.review-star-list ul li.harvard:hover {background-image: url(../images/bg/bg_review_star01_ov.webp);}
.review-star-list ul li.cornell:hover {background-image: url(../images/bg/bg_review_star02_ov.webp);}
.review-star-list ul li.washington:hover {background-image: url(../images/bg/bg_review_star03_ov.webp);}
.review-star-list ul li.boston:hover {background-image: url(../images/bg/bg_review_star04_ov.webp);}
.review-star-list ul li.louis:hover {background-image: url(../images/bg/bg_review_star05_ov.webp);}
.review-star-list .more-btn {display: block; width: 300px; padding: 16px; text-align: center; margin: 68px auto 0; font-weight: 700; font-size: 20px; background: #F7F7FB; border: 1px solid #cdcdcd; border-radius: 8px;}
.review-star-list .more-btn span {display: inline-block; padding-right: 36px; background: url(../images/ico/ico_more_arr.svg) no-repeat right center;}

.youtube-intro {padding: 130px 16px; background: #202020;}
.youtube-intro .youtube-wrap {width: 998px; margin: 0 auto 30px;}
.youtube-intro .youtube-wrap .youtube {position: relative; height: 0; padding-top: 56.25%;}
.youtube-intro .youtube-wrap .youtube iframe {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}


/* modal */
.modal-wrap {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
.modal-wrap .modal-box {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width: calc(100% - 16px); max-width:380px; border-radius:30px; background-color:#fff;}
.modal-wrap .modal-box .img {border-radius: 24px; overflow: hidden;}
.modal-wrap .modal-box .pop-close {position:absolute; z-index:1; top:100%; left:50%; transform:translate(-50%, -50%); width:50px; height:50px; text-indent:-9999px; border-radius:50%; background:url(../images/ico/ico_modal_pop_close.svg) no-repeat; background-size:contain;}


/************************************* 반응형 **********************************/
@media all and (max-width: 1519px){
	.result-roll .roll-wrap {width: 100%;}
}

@media all and (max-width: 1279px){
    header .head-main nav {padding-left: 0;}
	.contact-con .fillout {width: 500px; height: 1240px;}
	
	.program-title .grade {margin-left: 0;}
	
	.jenny-feature .feat-box .pic {width: 50%; height: auto;}
	.pg-student:after {font-size: 80px;}
	
	.univ-list {padding: 0;}
	
	.youtube-intro .youtube-wrap {width: 100%;}
	.youtube-intro .btn-group {padding: 0;}
}

@media all and (max-width: 950px){
    header .head-notice {font-size: 14px;}
    header .head-notice .wrapper {height: 48px;}
    header .head-main {position: relative; height: 50px; padding-right: 58px;}
    header .head-main h1 a {width: 48px; height: 50px;}
    header .head-main nav h2 {position: absolute; z-index: 1; right: 0; top:0; display: block; width: 48px; height: 50px; background: url(../images/ico/ico_m_menu.svg) no-repeat left center;}
    header .head-main nav li {border-bottom: 1px solid #F1F1F5}
    header .head-main nav > ul {display: none; position: absolute; z-index: 1; left: 0; top: 50px; width: 100%; height: calc(100vh - 98px); flex-direction: column; background: #fff;}
    header .head-main nav > ul.mb-show {display: block;}
    header .head-main nav > ul > li:first-child a {color: var(--navy-color2); background: #EAEDFD;}
    header .head-main nav > ul > li > a {height: auto; padding: 14px 16px;}
    header .head-main nav > ul > li.deep > a {background: url(../images/ico/ico_deep.svg) no-repeat right 16px center;}
    header .head-main nav > ul > li.contact {display: block; position: absolute; z-index: 1; left: 0; bottom: 16px; width: 100%; padding: 0 16px;}
    header .head-main nav .depth2 {position: static; transform: none; padding-top: 0; border-top: 1px solid #F1F1F5;}
    header .head-main nav .depth2 ul {padding: 0; width: 100%; text-align: left;}
    header .head-main nav .depth2 ul li a {padding: 14px 16px; color: var(--text-sub2);}

    header .head-main .util .contact {display: none;}
    header .head-main .util .lang button {height: 28px; padding: 0 30px 0 10px; font-size: 14px; border-radius: 4px; background-color: #F7F7FB;}
    header .head-main .util .lang ul {top: 32px; width: 70px;}
    header .head-main .util .lang ul li a {font-size: 14px; color: var(--text-main);}
    
    main {padding-top: 98px;}
	#container {padding-top: 98px;}
	
	.no-noti main,
	.no-noti #container {padding-top: 50px;}

    .main-visual .inner .tit {font-size: 40px;}
	
	section .title h3 {font-size: 30px;}
	
	.consulting ul {grid-template-columns: repeat(2, 1fr)}
	.jenny-diff .diff02 .con ul li .disc strong {font-size: 50px;}
	
	.contact-con .wrapper02 {flex-direction: column;}
	.contact-con .cont-info-inner {position: static; margin-top: 48px; width: 100%;}
	.contact-con .fillout {margin-top: 36px; width: 100%; height: 940px;}
	
	.cst-step .wrapper02 {flex-direction: column;}
	.cst-step ol {width: 100%;}
}

@media all and (max-width: 768px){
    .dp_pc {display: none;}
    .dp_mb {display: block;}

    header .head-notice {font-size: 11px; text-align: left;}
    header .head-notice .wrapper {justify-content: flex-start;}
    header .head-notice .close {right: 0;}

    .main-visual {height: 650px;}
	.main-visual .inner {width: 100%;}
	.main-visual .inner em {font-size: 16px;}
    .main-visual .inner .tit {margin: 20px; font-size: 28px; white-space: wrap;}
    .main-visual .inner .sub {padding: 0 16px; font-size: 16px; white-space: wrap;}

    .quickmenu {right: initial; top: initial; left: 0; bottom: 0; width: 100%; transform: none;}
    .quickmenu .topbtn {display: none;}
    .quickmenu .link {display: flex; width: 100%; border-radius: 0; padding: 0;}
    .quickmenu .link li {flex: 1; text-align: center;}
    .quickmenu .link li + li {border-top: 0;}
    .quickmenu .link li a {width: 100%; padding: 50px 0 16px; background-position: top 16px center;}
    .quickmenu .link li.tel a {padding: 50px 0 16px; background-image: url(../images/ico/ico_quick_call.svg);}

    footer {padding-bottom: 80px;}
	footer .top {display: none;}
	footer .btm {padding-top: 40px; padding-bottom: 40px; flex-direction: column; align-items: flex-start;}
	footer .btm address .tit {font-size: 20px;}
	footer .btm address ul {gap: 4px;}
	footer .btm .contact {text-align: left; margin-top: 30px;}
	footer .btm .contact .tel {font-size: 16px;}
	footer .btm .contact .link {margin-top: 16px;}
	footer .btm .contact .logo {margin-top: 16px;}
	footer .btm .contact .logo img {height: 28px;}
	footer .noti {display: flex; justify-content: space-between; align-items: center; padding: 16px; text-align: left; font-size: 14px;}
	footer .noti .topbtn {display: flex; flex-shrink: 0; justify-content: center; align-items: center; background: #505050; width: 48px; height: 48px; color: #fff; font-size: 12px; border-radius: 50%;}
	
	section .title em {margin-bottom: 8px;}
	section .title h3 {font-size: 24px; line-height: 1.4;}
	section .title h3 + p {margin-top: 20px; font-size: 16px;}
	section .title.sm h3 {font-size: 24px;}
	
	#container {padding-bottom: 56px;}
	.last-ban {margin-bottom: -56px;}
	
	.consulting {padding: 52px 0 92px;}
	.consulting .jenny-info {width: 100%; height: 280px; padding-top: 214px; background: url(../images/pic/pic_consulting_jenny_m.webp) no-repeat center top/346px;}
	.consulting .jenny-info em {font-size: 14px;}
	.consulting .jenny-info strong {font-size: 24px; margin-top: 6px;}
	.consulting .jenny-info.en {height: 340px;}
	.consulting .jenny-info.en strong.en {padding: 0 16px;}
	.consulting ul {margin-top: 24px; margin-bottom: 24px;}
	.consulting ul li {display: flex; height: 78px; justify-content: center; align-items: center; padding: 8px; font-size: 13px;}
	
	.btn-group {padding: 0 16px;}
	.btn-group [class^="btn-"] {width: 100%; text-align: center;}
	.link-go {max-width: calc(100% - 32px); padding: 12px 8px;}
	.link-go.big {font-size: 16px;}
	
	.wrapper .btn-group,
	.wrapper02 .btn-group {padding: 0;}
	
	.result-roll {padding: 80px 0;}
	.result-roll .title {padding: 0 16px;}
	.result-roll .roll-wrap {height: 470px; margin-top: 0;}
	.result-roll .roll-wrap .swiper-slide {width: 150px;}
	.result-roll .roll-wrap .swiper-slide.swiper-slide-active {width: 250px; padding: 0;}
	.result-roll .roll-wrap .swiper-slide .tit {font-size: 16px;}
	.result-roll .roll-bar {margin: 0 auto 16px;}
	.cursor {width: 120px; height: 120px; font-size: 16px; background-size: 16px;}
	.result-roll .roll-btn {margin-bottom: 32px;}
	.result-roll .roll-btn button {width: 40px; height: 40px; background-size: 16px;}
	
	.top-university {padding: 80px 0;}	
	.top-university .univ-image-m .img {display: none;}
	.top-university .univ-image-m .img.on {display: block;}
	.top-university .more {width: 100%; margin-top: 30px; color: #fff; height: 46px; border-radius: 8px; border: 1px solid #373737;}
	.top-university .more span {padding-right: 30px; font-weight: 600; background: url(../images/ico/ico_more_arrow.svg) no-repeat right center;}
	
	.student-story {padding: 80px 0;}
	.student-story .title {padding: 0 16px;}
	.student-story .story-box {margin-top: 36px; margin-bottom: 40px;}
	.student-story .story-box li {padding: 48px 16px; text-align: left;}
	.student-story .story-box li:hover {box-shadow: none;}
	.student-story .story-box li .star {margin: 0;}
	.student-story .story-box li.story01 {background: url(../images/bg/bg_story01_m.webp) no-repeat bottom/cover !important;}
	.student-story .story-box li.story02 {background: url(../images/bg/bg_story02_m.webp) no-repeat bottom/cover !important;}
	.student-story .story-box li.story03 {background: url(../images/bg/bg_story03_m.webp) no-repeat bottom/cover !important;}
	.student-story .story-box li.story04 {background: url(../images/bg/bg_story04_m.webp) no-repeat bottom/cover !important;}
	.student-story .story-box li.story05 {background: url(../images/bg/bg_story05_m.webp) no-repeat bottom/cover !important;}
	
	.univ-how {padding: 76px 0 180px; background-image: url(../images/bg/bg_univhow_m.webp); background-position: center bottom;}
	.univ-how .how-con {margin: 24px 0 34px; font-size: 14px;}
	.univ-how .how-con p + p {margin-top: 20px;}
	
	.jenny-diff {padding-top: 82px;}
	.jenny-diff .diff01 .con {margin-top: 0;}
	.jenny-diff .diff01 .con .img {flex-direction: column;}
	.jenny-diff .diff01 .con .img p.img01:after {background: linear-gradient(180deg, #151515 5.32%, rgba(21, 21, 21, 0.00) 30.04%, rgba(21, 21, 21, 0.00) 55.44%, rgba(21, 21, 21, 0.00) 72.04%, rgba(21, 21, 21, 0.00) 95.98%);}
	.jenny-diff .diff01 .con .img p.img02:after {background: linear-gradient(181deg, rgba(21, 21, 21, 0.00) 8.78%, rgba(21, 21, 21, 0.00) 22.15%, rgba(21, 21, 21, 0.00) 66.04%, #151515 86.62%);}
	.jenny-diff .diff01 .con .text {margin-top: 0; font-size: 14px;}
		
	.jenny-diff .title h3 + p {font-size: 14px; word-break: keep-all;}
	
	.jenny-diff .diff02 {padding-top: 120px;}
	.jenny-diff .diff02 .con {margin-top: 32px;}
	.jenny-diff .diff02 .con ul {display: flex; flex-direction: column; gap: 60px;}
	.jenny-diff .diff02 .con ul li .pic img {opacity: 1;}
	.jenny-diff .diff02 .con ul li .pic:before {display: none;}
	.jenny-diff .diff02 .con ul li .disc {padding: 0 16px; margin-top: -30px;}
	.jenny-diff .diff02 .con ul li .disc p {opacity: 0.8; line-height: 1.8;}
	.jenny-diff .diff02 .con ul li .disc em {margin-bottom: 16px; font-weight: 400;}
	.jenny-diff .diff02 .con ul li .disc strong {font-size: 32px; font-weight: 500;}
	.jenny-diff .diff02 .con ul li .disc strong:after {display: none;}
	
	.jenny-diff .diff03 {position: relative; padding: 80px 0 156px;}
	.jenny-diff .diff03 .diff03-con {flex-direction: column; align-items: flex-start;}
	.jenny-diff .diff03 .video {width: 100%; height: auto; margin-top: 30px;}
	
	.jenny-diff .diff03 .title .btn-group {margin-top: 0; position: absolute; z-index: 1; left: 16px; bottom: 80px; width: calc(100% - 32px);}
	
	.jenny-diff .diff04 {padding-top: 80px;}
	.jenny-diff .diff04 .btn-group {margin-top: 30px;}
	.jenny-diff .diff04 .btn-group [class^="btn-"] {width: auto;}
	.jenny-diff .diff04 .youtube-list {margin-top: 34px; display: flex; flex-direction: column; gap: 18px;}
	
	.jenny-diff .diff01 .title,
	.jenny-diff .diff02 .title, 
	.jenny-diff .diff03 .title {padding: 0;}
	
	.program {padding: 80px 0;}
	.program .title h3 + p {margin-top: 8px; font-size: 14px; color: #fff;}
	.program .program-view {margin-top: 36px; flex-direction: column; gap: 20px}
	.program .program-view li {padding: 60px 24px 40px;}
	.program .program-view li p {font-size: 14px; margin-bottom: 24px;}
	
	.mentor {padding: 80px 0; text-align: left;}	
	.mentor .title {padding: 0 16px;}
	.mentor .mentor-wrap {--gap: 8px;}
	.mentor .mentor-wrap .mentor-list {margin: 36px 0;}
	.mentor .mentor-wrap .mentor-list .mentor-track li {width: 160px;}
	.mentor .support {flex-direction: column; gap: 20px;}
	.mentor .support li {padding: 0;}
	.mentor .support li em {font-size: 14px;}
	.mentor .support li strong {margin-top: 0; font-size: 20px;}
	.mentor .btn-group {margin-top: 36px; padding: 0;}
	
	.apply-ban {padding: 80px 0;}
	.apply-ban .title {padding: 0 16px;}
	.apply-ban .title h3 + p {font-size: 14px; color: #fff;}
	.apply-ban .btn-group {padding: 0; margin-top: 40px;}
	
	.page-top {padding: 80px 16px; text-align: left; background-image: url(../images/bg/bg_page_top_m.webp);}
	.page-top .btn-group {flex-direction: column; gap: 12px; padding: 0; margin-top: 20px; margin-bottom: 0;}	
	.page-top .btn-group .link-go {max-width: 100%; padding: 16px 8px; font-size: 16px;}
	.page-top .title h3 {font-size: 16px; opacity: 0.8;}
	.page-top .title h4 {margin: 8px 0 20px; font-size: 24px; line-height: 1.6;}
	.page-top .title .lg {margin-top: 20px; font-size: 18px;}
	
	.page-top .youtube-wrap {margin: 10px auto 24px;}
	
	.contact-con {padding-top: 70px; padding-bottom: 14px;}
	.contact-con .cont-info .tit {font-size: 28px;}
	.contact-con .cont-info .sub {margin-top: 8px; font-size: 14px;}
	.contact-con .fillout {height: 1300px;}
	.contact-con .cont-info-inner .place p {font-size: 16px;}
	
	.blog-list {padding-top: 80px;}
	.blog-list .board-wrap + .board-wrap {margin-top: 80px;}
	.blog-list .board-wrap .title {padding-top: 58px; background-size: 50px;}
	.blog-list .board-wrap .title strong {font-size: 24px;}
	.blog-list .board-wrap .title p {font-size: 14px; word-break: keep-all;}
	.blog-list .board-wrap ul {flex-direction: column; gap: 8px;}
	.blog-list .board-wrap ul li a {height: 200px; padding: 32px 16px; background-size: 70px;}
	.blog-list .board-wrap ul li a strong {font-size: 24px;}
	
	.page-top.program {padding-top: 70px; padding-bottom: 0;}
	.program-title .grade {width: 100%; max-width: 343px; height: 219px; margin-top: -24px; background: url(../images/bg/bg_program01.webp) no-repeat center top/100%;}
	.program-title h3 {font-size: 14px;}
	.program-title h4 {margin-top: -99px; margin-bottom: 14px; font-size: 24px; font-weight: 600;}
	.program-title p {font-size: 14px;}
	
	.program-intro {margin-top: 80px; padding-bottom: 42px; text-align: left;}
	.program-intro.m-tal {text-align: left;}
	.program-intro em {font-size: 14px;}
	.program-intro .tit {margin-top: 8px; font-size: 24px; line-height: 1.6;}
	.program-intro .sub {margin-top: 20px; font-size: 16px;}
	.program-intro .btn-group {margin-top: 40px !important;}
	
	.jenny-feature {padding-bottom: 80px;}
	.jenny-feature .feat-box {flex-direction: column; gap: 24px;}
	.jenny-feature .feat-box + .feat-box {margin-top: 40px;}
	.jenny-feature .feat-box .pic {width: 100%;}
	.jenny-feature .feat-box .con {width: 100%;}
	.jenny-feature .feat-box .con em {margin-bottom: 6px;}
	.jenny-feature .feat-box .con .tit {font-size: 24px;}
	.jenny-feature .feat-box .con ul {margin-top: 20px;}
	.jenny-feature .feat-box .con ul li {padding-left: 24px; font-size: 14px; background-size: 20px;}
	
	.sub-tit h4 {font-size: 24px; font-weight: 600;}
	
	.pg-student {padding: 80px 0 196px; background-image: url(../images/bg/bg_program_std_m.webp);}
	.pg-student:after {left: 16px; bottom: 40px; font-size: 60px; font-weight: 500; text-align: left; line-height: 1;}
	.pg-student ol {margin-top: 36px; grid-template-columns: repeat(1, 1fr); gap: 16px;}
	.pg-student ol li {position: relative; text-align: left; padding: 32px 30px 32px 64px; border-radius: 14px;}
	.pg-student ol li em {position: absolute; z-index: 1; left: 30px; top: 32px; font-size: 16px; font-weight: 600;}
	.pg-student ol li p {font-size: 16px;}
	.pg-student ol li strong {font-size: 20px; word-break: keep-all;}
	
	.cst-step {padding: 80px 0;}
	.cst-step .wrapper02 {gap: 30px;}
	.cst-step ol {padding-left: 16px;}
	.cst-step ol:before {left: 3.5px;}
	.cst-step ol li {flex-direction: column; align-items: flex-start; padding: 24px 20px; text-align: left;}
	.cst-step ol li:before {left: -16px; width: 8px; height: 8px; margin-top: -4px;}
	.cst-step ol li:first-of-type:after {left: -16px;}
	.cst-step ol li:last-of-type:after {left: -16px;}
	.cst-step ol li .tit {width: 100%; padding-top: 33px; font-size: 20px;}
	.cst-step ol li .tit:before {font-size: 12px; padding: 4px 8px;}
	.cst-step.en ol li .tit {font-size: 20px;}
	.cst-step ol li .sub {margin-top: 10px; font-size: 14px;}
	
	.program-what {padding: 80px 0;}
	.program-what .sub-tit {padding: 0 16px;}
	.program-what .what-list {margin-top: 36px;}
	.program-what .what-list li {width: 100%; padding: 40px 20px; text-align: left;}
	.program-what .what-list li strong {padding-top: 68px; font-size: 20px; background-size: 60px; background-position: left 0;}
	.program-what .what-list li p {font-size: 14px;}
	
	.program-faq {padding: 80px 0;}
	.program-faq .faq-list {margin-top: 36px; margin-bottom: 36px;}
	.program-faq .faq-list li + li {margin-top: 16px;}	
	.program-faq .faq-list li .question {padding: 20px 64px 20px 16px; font-size: 18px; word-break: keep-all;}
	.program-faq .faq-list li .answer {padding: 24px 16px; font-size: 14px;}
	.program-faq .btn-group {padding: 0;}
	
	.contact-go {padding: 80px 0; margin-bottom: -56px; background:#000  url(../images/bg/bg_contact_go_m.webp) no-repeat center top/100%}
	.contact-go .sub-tit em {opacity: 1;}
	.contact-go .sub-tit h4 {font-size: 24px; line-height: 1.4;}
	.contact-go .con {margin: 24px 0 40px; font-size: 14px;}
	.contact-go .link-go {width: 100%; max-width: 100%;}
	
	.jenny-special {padding: 80px 0;}
	.jenny-special .title {padding: 0 16px;}
	.jenny-special .title strong {margin-bottom: 4px; font-size: 16px;}
	.jenny-special .title h4 {font-size: 24px;}
	.jenny-special .title p {margin-top: 16px; font-size: 16px; color: var(--text-sub1);}
	.jenny-special .special-list {margin-top: 30px;}
	.jenny-special .special-list li {padding: 28px 16px; justify-content: flex-end; align-items: flex-start; text-align: left;}
	.jenny-special .special-list li .tit {margin-bottom: 16px; text-align: left; font-size: 24px;}
	.jenny-special .special-list li .con {text-align: left; font-size: 14px;}
	.jenny-special .special-list li .con .logo {width: 258px; margin: 16px 0 0 0;}
	.jenny-special .special-list li:nth-of-type(1) {background-image: url(../images/bg/bg_special01_m.webp);}
	.jenny-special .special-list li:nth-of-type(2) {background-image: url(../images/bg/bg_special02_m.webp);}
	.jenny-special .special-list li:nth-of-type(3) {background-image: url(../images/bg/bg_special03_m.webp);}
	
	.jenny-member {padding: 80px 0;}
	.jenny-member .mem-box + .mem-box {margin-top: 40px;}
	.jenny-member .mem-box .profile {flex-direction: column; gap: 24px; align-items: stretch;}
	.jenny-member .mem-box .profile .pic,
	.jenny-member .mem-box .profile .pic img {width: 100%;}
	.jenny-member .mem-box .profile .info .tag {flex-direction: column; gap: 8px; align-items: flex-start;}
	.jenny-member .mem-box .profile .info .tag span {font-size: 14px;}
	.jenny-member .mem-box .profile .info .tag span.ceo {order: 2;}
	.jenny-member .mem-box .profile .info .name {font-size: 24px; margin: 8px 0 24px;}
	.jenny-member .mem-box .profile .info ul li {font-size: 14px;}
	.jenny-member .mem-box .profile .info ul li + li {margin-top: 8px;}
	.jenny-member .mem-box .comment {margin-top: 20px; padding: 24px 16px; font-size: 14px;}
	.jenny-member .mem-box .comment .inner {margin-top: 8px; padding: 20px 16px; font-size: 14px;}
	.jenny-member .mem-box .profile .info .pg strong {font-size: 14px;}
	
	.jenny-member .mem-box .lntro-img {overflow-x: auto; gap: 8px; margin-right: -16px; padding-right: 16px;}
	.jenny-member .mem-box .lntro-img p {flex: auto; flex-shrink: 0; width: 200px;}
	
	.univ-list {margin-top: 40px; margin-bottom: 58px;}
	.univ-list .univ-all-list {margin-top: 25px;}
	.univ-list .univ-all-list button {padding: 20px 12px; font-size: 16px;}
	.univ-list .univ-all-list button:after {right: 12px; width: 30px; height: 30px; margin-top: -15px; background-size: 100%}
	.univ-list .univ-all-list .con > div {height: 300px; padding: 20px 16px; text-align: center; font-size: 14px;}
	
	.real-letter {padding: 80px 0;}
	.review-tit h4 {font-size: 24px;}
	.review-tit p {margin-top: 8px; font-size: 16px;}
	.real-letter .letter-slide [class^="swiper-button-"] {display: none;}
	.real-letter .letter-slide .swiper-slide strong {font-size: 16px; margin-top: 12px;}
	.real-letter:before {right: initial; left: 0; margin-right: 0; width: 16px;}
	
	.percent {padding: 80px 0;}
	.percent .review-tit {padding: 0 16px;}
	.percent .review-list {display: flex; overflow-x:auto; margin-top: 30px;}
	.percent .review-list li {width: 310px; flex-shrink: 0; gap: 8px;}
	.percent .review-list li > div {height: auto;}
	.percent .review-list li > div.front {display: none;}
	.percent .review-list li > div.back {position: static; opacity: 1;}
	
	.review-star-list {padding: 80px 0 100px;}
	.review-star-list ul li {padding: 48px 16px;}
	.review-star-list ul li.harvard {background-image: url(../images/bg/bg_review_star01_m.webp) !important;}
	.review-star-list ul li.cornell {background-image: url(../images/bg/bg_review_star02_m.webp) !important;}
	.review-star-list ul li.washington {background-image: url(../images/bg/bg_review_star03_m.webp) !important;}
	.review-star-list ul li.boston {background-image: url(../images/bg/bg_review_star04_m.webp) !important;}
	.review-star-list ul li.louis {background-image: url(../images/bg/bg_review_star05_m.webp) !important;}
	
	.review-star-list .more-btn {width: 100%; margin-top: 40px; font-size: 16px;}
	
	.youtube-intro {padding: 80px 16px;}
	
}