@charset "euc-kr";

/* ==================================================
   입시전문 담임 (campus_common/exam_advisor)
   PC 1200+ / TA 768~1199 / MO ~767
================================================== */

/* COMMON */
.adv-wrap {width:100%;overflow:clip;color:#333;word-break:keep-all;letter-spacing:-0.02em}
.adv-wrap * {box-sizing:border-box}
:where(.adv-wrap) :where(h2, h3, h4, p, ul, ol, li, dl, dt, dd, table, th, td) {margin:0;padding:0}
:where(.adv-wrap) :where(ul, ol) {list-style:none}
:where(.adv-wrap) :where(button) {margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
:where(.adv-wrap) :where(img) {display:block;max-width:none}
:where(.adv-wrap) :where(svg) {display:block;overflow:visible}
.adv-wrap .blind {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}

.adv-sec {display:flex;flex-direction:column;align-items:center;gap:32px;padding:60px 0}
.adv-sec.bg-gray {background:#f8f8f8}
.adv-inner {width:100%;max-width:1000px;margin:0 auto}
.adv-inner.w-wide {max-width:1200px}

.sec-title {display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.sec-title .title-group {display:flex;flex-direction:column;align-items:center;gap:8px}
.sec-title .title-sub {font-size:24px;line-height:32px;font-weight:400;color:#555;letter-spacing:-0.48px}
.sec-title .title-main {font-size:32px;line-height:42px;font-weight:700;color:#333;letter-spacing:-0.64px}
.sec-title .title-desc {display:flex;flex-direction:column;align-items:center;gap:4px;font-size:18px;line-height:26px;font-weight:400;color:#555;letter-spacing:-0.36px}
.sec-title .title-desc p strong {color: #000;font-weight: 600;}
.sec-title .title-desc em {font-style:normal;font-weight:600;color:#333}

.num-title {display:flex;align-items:center;justify-content:center;gap:8px}
.num-title .num-badge {display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:4px;background:#4d59e6;font-size:16px;line-height:24px;font-weight:600;color:#fff;letter-spacing:-0.16px}
.num-title .num-badge.size-24 {flex-basis:24px;width:24px;height:24px}
.num-title .num-badge.size-27 {flex-basis:27px;width:27px;height:27px}
.num-title .num-text {font-size:20px;line-height:28px;font-weight:600;color:#333;letter-spacing:-0.4px}

.btn-arrow {display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px}
.btn-arrow.is-prev svg {transform:scaleX(-1)}

/* swiper: Swiper 12 CSS는 .swiper에만 기본값을 주므로 swiper-container 기본값을 페이지에서 지정 */
.adv-wrap .swiper-container {position:relative;overflow:hidden;z-index:1}
.dot-list.swiper-pagination {display:flex;position:static;align-items:center;justify-content:center;gap:6px;width:auto;line-height:0}
.dot-list .swiper-pagination-bullet {display:block;width:8px;height:8px;margin:0!important;border-radius:5px;background:#dbdee5;opacity:1}
.dot-list .swiper-pagination-bullet-active {width:28px;border-radius:100px;background:#333}

/* TOP */
.adv-top {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0;background:linear-gradient(180deg, #dbe4ff 0%, #eff3fe 42.857%, #fff 78.095%);text-align:center}
.adv-top .top-badge {padding:8px 40px;border:1px solid #3c3dc9;border-radius:999px}
.adv-top .top-badge span {display:block;font-size:20px;line-height:28px;font-weight:700;letter-spacing:-0.4px;color:#3c3dc9;background:linear-gradient(90deg, #3c3dc9, #322c9f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.adv-top .top-title {font-size:84px;line-height:96px;font-weight:800;letter-spacing:-1.68px;color:#3c3dc9;background:linear-gradient(90deg, #3c3dc9, #322c9f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.adv-top .top-desc {font-size:20px;line-height:28px;font-weight:400;color:#555;letter-spacing:-0.4px}

/* fix menu (campus_common/studyhall 방식)
---------------------------------------------------- */
.headerWrap{position:relative;z-index:30;transition:opacity .25s ease;}
.headerWrap.is-fixed{position:relative;z-index:30;}
.headerWrap.hide-header{opacity:0;transform:translateY(-100%);pointer-events:none;}
.headerWrap .gnbWarp,.headerWrap .gnb,.headerWrap .gnb > li{position:relative;}
.headerWrap .menu-sub,.headerWrap .gnb > li.active .menu-sub{position:absolute;top:100%;z-index:40;}
.fix-wrap{position:relative;height:58px;}
.fix-wrap .fix-menu{position:absolute;top:0;left:0;width:100%;height:58px;background:#f5f5f5;box-sizing:border-box;}
.fix-wrap .fix-menu.fix.fix-top{top:0!important;}
.fix-wrap .fix-menu.fix{position:fixed;top:0;z-index:101;transition:all .5s ease;}
.fix-wrap .fix-menu div{display:flex;align-items:center;position:relative;width:1028px;max-width:1200px;height:inherit;margin:0 auto;}
.fix-wrap .fix-menu div a{display:flex;flex:1;align-items:center;justify-content:center;height:100%;padding:16px 0;background:#f5f5f5;text-align:center;text-decoration:none;box-sizing:border-box;}
.fix-wrap .fix-menu div a + a{border-left:1px solid #dbdbdb;}
.fix-wrap .fix-menu div a strong{display:block;color:rgba(153, 153, 153, 0.7);text-align:center;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;}
.fix-wrap .fix-menu div a.on{background:#3c3dc9;}
.fix-wrap .fix-menu div a.on strong{color:#fff;font-weight:700;}
.fix-menu.fix{top:0;}
.fix-menu.fix.scroll-down{top:0;z-index:21!important;transition:none;}
.fix-menu.fix.scroll-up{top:60px;z-index:21!important;transition:none;}

/* #01 담임 소개 */
.adv-teacher .title-desc p + p {font-weight:600;color:#333}
.teacher-slider {display:flex;align-items:center;gap:32px;width:1000px;margin:0 auto}
.teacher-slider .teacher-swiper {flex:1 0 0;min-width:0}
.teacher-slider .slider-nav {display:contents}
.teacher-slider .nav-prev {order:-1}
.teacher-slider .teacher-pagination {display:none}
.teacher-slider .nav-next {order:1}

.adv-card {display:flex;flex-direction:column;gap:24px;min-height:494px;padding:40px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;overflow:hidden}
.adv-card .card-profile {display:flex;flex:1 0 auto;gap:40px}
.adv-card .card-photo {position:relative;flex:0 0 240px;min-height:240px;border-radius:8px;background:linear-gradient(150.86deg, #f0f4f9 12.539%, #f9eaff 95.161%);overflow:hidden}
.adv-card .card-photo img {position:absolute;top:50%;left:50%;width:381px;height:381px;margin:-177px 0 0 -190px}
.adv-card .card-info {display:flex;flex:1 0 0;flex-direction:column;gap:20px;min-width:0}
.adv-card .card-text {display:flex;flex-direction:column;gap:16px}
.adv-card .card-head {display:flex;flex-direction:column;gap:4px}
.adv-card .card-catch {font-size:18px;line-height:26px;font-weight:400;color:#3c3dc9;letter-spacing:-0.36px}
.adv-card .card-name {display:block;font-size:28px;line-height:38px;font-weight:700;color:#333;letter-spacing:-0.56px}
.adv-card .card-intro {font-size:18px;line-height:26px;font-weight:600;color:#333;letter-spacing:-0.36px}
.adv-card .card-career {padding:0 16px;border-left:2px solid #555;font-size:14px;line-height:20px;font-weight:400;color:#555;letter-spacing:-0.14px}
.adv-card .card-comment {display:flex;gap:12px}
.adv-card .card-comment li {position:relative;display:flex;flex:1 0 0;align-items:center;justify-content:center;padding:20px 48px;border-radius:12px;background:linear-gradient(185.88deg, #f3f8ff 38.404%, #f9eaff 215.43%);font-size:15px;line-height:22px;font-weight:400;color:#555;letter-spacing:-0.15px;text-align:center}
.adv-card .card-comment li::before, .adv-card .card-comment li::after {content:"";position:absolute;background-repeat:no-repeat;background-size:100% 100%}
.adv-card .card-comment li::before {top:16px;left:16px;width:19px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M15.5186 7.73034C16.5807 7.89014 17.4265 8.36954 18.0559 9.16854C18.6853 9.92759 19 10.8464 19 11.9251C19 13.0037 18.5673 13.9625 17.7019 14.8015C16.8758 15.6005 15.9317 16 14.8696 16C13.2961 16 12.0963 15.3808 11.2702 14.1423C10.4441 12.9039 10.0311 11.5655 10.0311 10.1273C10.0311 9.16854 10.1884 8.14981 10.5031 7.07116C10.8571 5.95256 11.3685 4.95381 12.0373 4.07491C12.6667 3.23596 13.4534 2.43695 14.3975 1.6779C15.3416 0.918852 16.207 0.359551 16.9938 0L18.5279 1.61798C17.7019 2.05743 16.9151 2.6367 16.1677 3.35581C15.4203 4.07491 14.9286 4.67416 14.6925 5.15356C14.5352 5.47316 14.4172 5.77279 14.3385 6.05243C14.2992 6.29213 14.2795 6.51186 14.2795 6.71161C14.2795 6.87141 14.3582 7.07116 14.5155 7.31086C14.7122 7.55056 15.0466 7.69039 15.5186 7.73034ZM5.48758 7.73034C6.54969 7.89014 7.39544 8.36954 8.02484 9.16854C8.65424 9.92759 8.96894 10.8464 8.96894 11.9251C8.96894 13.0037 8.53623 13.9625 7.67081 14.8015C6.84472 15.6005 5.90062 16 4.83851 16C3.26501 16 2.06522 15.3808 1.23913 14.1423C0.413044 12.9039 0 11.5655 0 10.1273C0 9.16854 0.15735 8.14981 0.47205 7.07116C0.826087 5.95256 1.33747 4.95381 2.00621 4.07491C2.63561 3.23596 3.42236 2.43695 4.36646 1.6779C5.31056 0.918852 6.17598 0.359551 6.96273 0L8.49689 1.61798C7.67081 2.05743 6.88406 2.6367 6.13665 3.35581C5.38923 4.07491 4.89752 4.67416 4.66149 5.15356C4.50414 5.47316 4.38613 5.77279 4.30745 6.05243C4.26812 6.29213 4.24845 6.51186 4.24845 6.71161C4.24845 6.87141 4.32712 7.07116 4.48447 7.31086C4.68116 7.55056 5.01553 7.69039 5.48758 7.73034Z' fill='%233C3DC9'/%3E%3C/svg%3E")}
.adv-card .card-comment li::after {right:16px;bottom:16px;width:19px;height:15px;background-image:url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M3.48137 7.75281C2.37992 7.64045 1.51449 7.22846 0.885093 6.51685C0.295031 5.76779 0 4.86891 0 3.82023C0 2.80899 0.413044 1.92884 1.23913 1.17977C2.10455 0.393258 3.06832 0 4.13043 0C5.6646 0 6.84472 0.580525 7.67081 1.74157C8.53623 2.90262 8.96894 4.1573 8.96894 5.50562C8.96894 6.44195 8.79192 7.43446 8.43789 8.48315C8.08385 9.49438 7.59213 10.3933 6.96273 11.1798C6.294 12.0037 5.48758 12.7715 4.54348 13.4831C3.59938 14.1948 2.75362 14.7004 2.00621 15L0.47205 13.4831C1.29814 13.1086 2.06522 12.5843 2.77329 11.9101C3.5207 11.1985 4.03209 10.618 4.30745 10.1685C4.42547 9.90637 4.52381 9.66292 4.60248 9.4382C4.68116 9.17603 4.7205 8.93258 4.7205 8.70786C4.7205 8.5955 4.62215 8.42697 4.42547 8.20225C4.22878 7.97753 3.91408 7.82771 3.48137 7.75281ZM13.5124 7.75281C12.411 7.64045 11.5455 7.22846 10.9161 6.51685C10.3261 5.76779 10.0311 4.86891 10.0311 3.82023C10.0311 2.80899 10.4441 1.92884 11.2702 1.17977C12.1356 0.393258 13.0994 0 14.1615 0C15.6957 0 16.8758 0.580525 17.7019 1.74157C18.5673 2.90262 19 4.1573 19 5.50562C19 6.44195 18.823 7.43446 18.4689 8.48315C18.1149 9.49438 17.6232 10.3933 16.9938 11.1798C16.3251 12.0037 15.5186 12.7715 14.5745 13.4831C13.6304 14.1948 12.7847 14.7004 12.0373 15L10.5031 13.4831C11.3292 13.1086 12.0963 12.5843 12.8043 11.9101C13.5518 11.1985 14.0631 10.618 14.3385 10.1685C14.4565 9.90637 14.5549 9.66292 14.6335 9.4382C14.7122 9.17603 14.7516 8.93258 14.7516 8.70786C14.7516 8.5955 14.6532 8.42697 14.4565 8.20225C14.2598 7.97753 13.9451 7.82771 13.5124 7.75281Z' fill='%233C3DC9'/%3E%3C/svg%3E")}

/* #02 교육 과정 */
.adv-edu {background:#f8f8f8}
.edu-flow {display:flex;align-items:center;justify-content:center;gap:16px}
.edu-flow .edu-item {display:flex;flex:0 0 180px;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:180px;padding:24px 0;border-radius:12px;background:#fff}
.edu-flow .edu-item svg {width:74px;height:74px}
.edu-flow .edu-item p {display:flex;align-items:center;min-height:48px;font-size:16px;line-height:24px;font-weight:600;color:#333;letter-spacing:-0.16px;text-align:center}
.edu-flow .edu-arrow {flex:0 0 16px;width:16px;height:16px}
.edu-flow .edu-arrow .ico-mo {display:none}

/* #03 시스템 */
.system-list {display:flex;align-items:stretch;gap:24px}
.system-list > li {display:flex;flex:1 0 0;flex-direction:column;align-items:center;gap:20px;padding:32px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.system-list h4 {font-size:20px;line-height:28px;font-weight:600;color:#333;letter-spacing:-0.4px}
.dot-txt {display:flex;flex-direction:column;gap:8px;width:100%;font-size:16px;line-height:24px;font-weight:400;color:#555;letter-spacing:-0.16px}
.dot-txt li {position:relative;padding-left:7.8px}
.dot-txt li::before {content:"\00B7";position:absolute;top:0;left:0}

/* #04 학습 계획 */
.plan-box {display:flex;align-items:stretch;gap:24px}
.plan-box > li {display:flex;flex:1 0 0;flex-direction:column;align-items:center;gap:20px;padding:32px;border-radius:16px;background:#fff}
.flow-v {display:flex;flex:1 0 auto;flex-direction:column;align-items:center;gap:4px;width:100%}
.flow-v.is-fill {gap:16px}
.flow-v.is-fill .flow-step {flex:1 0 0}
.flow-v .flow-step {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:16px 20px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:center}
.flow-step strong {font-size:16px;line-height:24px;font-weight:600;color:#333;letter-spacing:-0.16px}
.flow-step span {font-size:14px;line-height:20px;font-weight:400;color:#555;letter-spacing:-0.14px}
.flow-v .flow-arrow {flex:0 0 16px;width:16px;height:16px}

/* #05 성적 관리 */
.grade-wrap {display:flex;flex-direction:column;gap:32px}
.grade-block {display:flex;flex-direction:column;align-items:center;gap:20px}
.flow-h {display:flex;align-items:center;gap:12px;width:100%}
.flow-h .flow-step {display:flex;flex:1 0 0;flex-direction:column;align-items:center;justify-content:center;gap:4px;align-self:stretch;padding:20px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:center}
.flow-h .flow-icon {display:flex;align-items:center;justify-content:center;width:40px;padding-bottom:8px}
.flow-h .flow-txt {display:flex;flex-direction:column;align-items:center;gap:4px}
.flow-h .flow-step.is-point {border:0;background:#eff3fe}
.flow-h .is-point .flow-icon {width:64px;height:64px;padding:0;border-radius:999px;background:#fff}
.flow-h .is-point .flow-txt strong {display:flex;align-items:center;min-height:64px;color:#3c3dc9}
.flow-h .flow-arrow {flex:0 0 16px;width:16px;height:16px}
.flow-h .flow-arrow .ico-mo {display:none}

/* 연간 플랜 표: 공통 /rwd/css/table.css (.tbl-01, .bg-gray, .txt-left) 사용, 여기는 레이아웃만 */
.plan-table {border-collapse:collapse;table-layout:fixed}
.plan-table td.txt-left {padding-left:12px;padding-right:12px}
/* 내용 칸 글자만 시안 값 (공통 .tbl-01 tbody td 16px 위에 덮어씀, 사용자 결정) */
.plan-table tbody td {font-size:14px;line-height:20px;color:#555;letter-spacing:-0.14px}
.plan-table thead tr th, .plan-table tbody tr th {font-weight:400;line-height:24px;color:#333;letter-spacing:-0.16px}
.plan-table thead tr th {padding:16px 12px}
.plan-table td li {position:relative;padding-left:6.8px}
.plan-table td li::before {content:"\00B7";position:absolute;top:0;left:0}
/* 공통 .tbl-01은 thead 아래 선과 tbody 첫 행 위 선이 겹쳐 2px로 보임 → 첫 행 위 선 제거 */
.plan-table tbody tr:first-child th, .plan-table tbody tr:first-child td {border-top:0}
.plan-table.type-row {display:none}

/* #06 입시 전략 */
.strategy-wrap {display:flex;flex-direction:column;gap:32px}
.strategy-block {display:flex;flex-direction:column;align-items:center;gap:24px}
.strategy-pill {padding:8px 20px;border:1px solid #322c9f;border-radius:999px;font-size:20px;line-height:28px;font-weight:600;color:#322c9f;letter-spacing:-0.4px}
.consult-row {display:flex;align-items:stretch;gap:24px;width:100%}
.consult-box {display:flex;flex:1 0 0;flex-direction:column;align-items:center;gap:20px;min-width:0;padding:32px;border-radius:12px;background:#fff}
.feature-list {display:flex;flex:1 0 auto;flex-direction:column;gap:24px;width:100%}
.feature-list li {display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:8px;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}
.feature-list strong {display:block;width:100%;padding:8px 0;background:#f5f5f5;font-size:16px;line-height:24px;font-weight:600;color:#333;letter-spacing:-0.16px;text-align:center}
.feature-list p {width:100%;font-size:15px;line-height:22px;font-weight:400;color:#555;letter-spacing:-0.15px;text-align:center}
.process-list {width:100%}
.process-list li {display:flex;align-items:flex-start;padding:16px 0;border-top:1px solid #e5e5e5}
.process-list li:first-child {padding-top:0;border-top:0}
.process-list li:last-child {padding-bottom:0}
.process-list .step-pill {flex:0 0 66px}
.process-list .step-pill span {display:inline-block;padding:4px 8px;border-radius:999px;background:#eff3fe;font-size:13px;line-height:18px;font-weight:700;color:#4d59e6;white-space:nowrap}
.process-list .step-txt {display:flex;flex:1 0 0;flex-direction:column;gap:4px;min-width:0;padding:0 16px}
.process-list .step-txt strong {font-size:16px;line-height:24px;font-weight:600;color:#333;letter-spacing:-0.16px}
.process-list .step-txt span {font-size:14px;line-height:20px;font-weight:400;color:#555;letter-spacing:-0.14px}

.report-box {display:flex;align-items:center;gap:48px;width:100%;padding:32px;border-radius:12px;background:#fff}
.report-slider {display:flex;flex-direction:column;align-items:center;gap:16px}
.report-slider .slide-view {display:flex;align-items:center;gap:16px}
.report-slider .slide-list {position:relative;width:408px;height:248px;border-radius:12px;background:radial-gradient(92.65% 125.3% at 51.66% 53.23%, #fff 0%, #eff3fe 100%);overflow:hidden;touch-action:pan-y}
.report-slider .swiper-slide {display:flex;align-items:center;justify-content:center;height:100%}
.report-slider .report-img {display:block;width:141px;height:199.36px;border-radius:5px;box-shadow:0 0 12px rgba(0, 0, 0, 0.1);overflow:hidden}
.report-slider .report-img img {width:100%;height:100%}
.report-txt {display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.report-txt .num-title {justify-content:flex-start}
.report-txt .report-desc {display:flex;flex-direction:column;gap:4px;font-size:18px;line-height:26px;font-weight:400;color:#333;letter-spacing:-0.36px}
.report-txt .report-desc em {font-style:normal;font-weight:600;color:#3c3dc9}
.report-txt .report-note {font-size:14px;line-height:20px;font-weight:400;color:#555;letter-spacing:-0.14px}

/* #07 학습 콘텐츠 */
.content-list {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}
.content-list > li {display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;border:1px solid #e5e5e5;border-radius:16px;background:#fff}
.content-list > li:nth-child(n+3) {gap:48px}
.content-thumb {display:flex;align-items:center;justify-content:center;width:100%;height:248px;border-radius:12px;background:radial-gradient(92.65% 125.3% at 51.66% 53.23%, #fff 0%, #eff3fe 100%);overflow:hidden}
.content-thumb img {box-shadow:0 0 12px rgba(0, 0, 0, 0.1)}
.content-thumb .img-planner {width:205px;height:204px}
.content-thumb .img-review {width:157px;height:209px}
.content-thumb .img-math {width:237px;height:178px}
.content-thumb .img-report {width:145px;height:205px}
.content-body {display:flex;flex-direction:column;gap:20px;width:100%}
.content-head {display:flex;flex-direction:column;gap:4px;text-align:center}
.content-head p {font-size:16px;line-height:24px;font-weight:400;color:#555;letter-spacing:-0.16px}
.content-head h4 {font-size:24px;line-height:32px;font-weight:700;color:#333;letter-spacing:-0.48px}
.content-info {display:flex;flex-direction:column;gap:16px}
.content-info.is-tight {gap:8px}
.content-info dl {display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #e5e5e5}
.content-info.is-tight dl {padding-top:8px}
.content-info dt {font-size:16px;line-height:24px;font-weight:600;color:#333;letter-spacing:-0.16px}
.content-info dd {font-size:14px;line-height:20px;font-weight:400;color:#555;letter-spacing:-0.14px}
.content-info dd ul li {position:relative;padding-left:6.8px}
.content-info dd ul li::before {content:"\00B7";position:absolute;top:0;left:0}

/* #08 하단 배너 */
.adv-closing {padding:60px 0;background:#3c3dc9;font-size:28px;line-height:38px;font-weight:400;color:#fff;letter-spacing:-0.56px;text-align:center}
.adv-closing strong {display:block;font-weight:700}

/* ==================================================
   TA (768 ~ 1199)
================================================== */
@media (max-width:1199px) {
	.adv-sec {padding:60px 24px}
	.adv-top {padding:80px 24px}
	.fix-wrap .fix-menu div {width:100%;}

	.teacher-slider {gap:16px;width:100%}
	.adv-card {gap:24px;min-height:532px;padding:32px;border-radius:16px}
	.adv-card .card-profile {gap:32px}
	.adv-card .card-photo {flex-basis:188px;border-radius:16px;background:linear-gradient(144.39deg, #f0f4f9 12.539%, #f9eaff 95.161%)}
	.adv-card .card-photo img {top:12px;width:360px;height:360px;margin:0 0 0 -180px}
	.adv-card .card-info {gap:24px}
	.adv-card .card-comment {flex-direction:column}
	.adv-card .card-comment li {flex:0 0 auto;background:linear-gradient(183.29deg, #f3f8ff 38.404%, #f9eaff 215.43%)}

	.edu-flow {gap:12px}
	.edu-flow .edu-item {flex-basis:144px;width:144px}

	.plan-box > li {min-height:618px}
	.flow-v.is-fill {justify-content:space-between}
	.flow-v.is-fill .flow-step {flex:0 0 auto}

	.flow-h {gap:8px}
	.flow-h .flow-step {align-self:center;padding:20px 12px}
	.flow-h .flow-step.is-point {align-self:stretch}

	.plan-table.type-col {display:none}
	.plan-table.type-row {display:table}
	.plan-table.type-row .col-month {width:100px}

	.feature-list p {padding:0 24px}

	.report-box {gap:24px}
	.report-slider {flex:0 0 360px;width:360px}
	.report-slider .slide-view {width:100%}
	.report-slider .nav-prev, .report-slider .nav-next {display:none}
	.report-slider .slide-list {flex:1 0 0;width:auto}
	.report-slider .report-img {border-radius:6px}

	.content-list > li:nth-child(1), .content-list > li:nth-child(2) {min-height:701px}
	.content-list > li:nth-child(3), .content-list > li:nth-child(4) {min-height:786px}
	.content-thumb .img-planner {width:182px;height:181px}
	.content-thumb .img-review {width:133px;height:177px}
	.content-thumb .img-math {width:213px;height:160px}
	.content-thumb .img-report {width:121px;height:171px}

	.adv-closing {padding:60px 24px}
}

/* ==================================================
   MO (~ 767)
================================================== */
@media (max-width:767px) {

	.adv-sec {gap:20px;padding:40px 16px}
	.sec-title {gap:12px}
	.sec-title .title-group {gap:4px}
	.sec-title .title-sub {font-size:18px;line-height:24px;letter-spacing:-0.36px}
	.sec-title .title-main {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.sec-title .title-desc {font-size:16px;line-height:24px;letter-spacing:-0.32px}

	.num-title .num-badge {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.num-title .num-text {font-size:17px;line-height:24px;letter-spacing:-0.34px}

	.dot-list .swiper-pagination-bullet {width:6px;height:6px}
	.dot-list .swiper-pagination-bullet-active {width:16px}

	/* TOP */
	.adv-top {padding:60px 16px}
	.adv-top .top-badge {padding:8px 24px}
	.adv-top .top-badge span {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.adv-top .top-title {font-size:56px;line-height:64px;letter-spacing:-1.12px}
	.adv-top .top-desc {font-size:17px;line-height:24px;letter-spacing:-0.34px}

	/* MO - FIX MENU */
	.fix-wrap {height:48px;}
	.fix-wrap .fix-menu {height:48px;}
	.fix-wrap .fix-menu div a {padding:12px 16px;}
	.fix-wrap .fix-menu div a strong {font-size:16px;line-height:24px;letter-spacing:-0.32px;}
	.fix-menu.fix.scroll-down {top:55px;}

	/* #01 */
	.teacher-slider {flex-direction:column;gap:16px}
	.teacher-slider .teacher-swiper {flex:0 0 auto;width:100%}
	.teacher-slider .slider-nav {display:flex;align-items:center;justify-content:center;gap:24px}
	.teacher-slider .teacher-pagination {display:block;position:static;width:auto;font-size:13px;line-height:18px;font-weight:400;color:#000;letter-spacing:0}
	.adv-card {gap:20px;min-height:0;padding:24px 20px}
	.adv-card .card-profile {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:20px;row-gap:16px;align-items:center}
	.adv-card .card-info, .adv-card .card-text {display:contents}
	.adv-card .card-photo {grid-column:1;grid-row:1;height:125px;min-height:0;margin-bottom:4px;border-radius:8px;background:linear-gradient(157.53deg, #f0f4f9 12.539%, #f9eaff 95.161%)}
	.adv-card .card-photo img {top:50%;width:272px;height:272px;margin:-82.5px 0 0 -135.5px}
	.adv-card .card-head {grid-column:2;grid-row:1;margin-bottom:4px}
	.adv-card .card-catch {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.adv-card .card-name {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.adv-card .card-intro {grid-column:1 / span 2;font-size:16px;line-height:24px;letter-spacing:-0.32px;text-align:center}
	.adv-card .card-career {grid-column:1 / span 2;padding:0 0 0 16px}
	.adv-card .card-comment li {padding:16px 32px;background:linear-gradient(186.99deg, #f3f8ff 38.404%, #f9eaff 215.43%);font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.adv-card .card-comment li::before {width:14px;height:12px}
	.adv-card .card-comment li::after {width:14px;height:12px}

	/* #02 */
	.edu-flow {flex-wrap:wrap;align-items:stretch;gap:12px 8px;width:100%}
	.edu-flow .edu-arrow {align-self:center}
	.edu-flow .edu-item {flex:0 0 calc((100% - 40px) / 2);width:auto;min-height:132px;padding:16px 12px;justify-content:flex-start}
	.edu-flow .edu-item:nth-of-type(n+3) {min-height:112px}
	.edu-flow .edu-item svg {width:48px;height:48px}
	.edu-flow .edu-item p {flex:1 0 auto;min-height:0;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.edu-flow .edu-arrow {flex-basis:24px;width:24px;height:24px}
	.edu-flow .edu-arrow .ico-pc {display:none}
	.edu-flow .edu-arrow .ico-mo {display:flex;align-items:center;justify-content:center;width:24px;height:24px}
	.edu-flow .edu-arrow.is-break {display:none}

	/* #03 */
	.system-list {flex-direction:column;gap:20px}
	.system-list > li {flex:0 0 auto;gap:16px;padding:24px 20px}
	.system-list h4 {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.dot-txt {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.dot-txt li {padding-left:6.8px}

	/* #04 */
	.plan-box {flex-direction:column;gap:32px}
	.plan-box > li {flex:0 0 auto;gap:12px;min-height:0;padding:24px 20px}
	.flow-v.is-fill .flow-step {flex:0 0 auto}
	.flow-v, .flow-v.is-fill {gap:8px}
	.flow-step strong {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	/* #05 */
	.grade-wrap {gap:20px}
	.grade-block {gap:12px}
	.flow-h {flex-direction:column;gap:8px}
	.flow-h .flow-step {flex:0 0 auto;flex-direction:row;gap:16px;width:100%;padding:16px;text-align:left}
	.flow-h .flow-icon {flex:0 0 64px;width:64px;height:64px}
	.flow-h .flow-txt {flex:1 0 0;align-items:flex-start;min-width:0}
	.flow-h .flow-txt strong, .flow-h .flow-txt span {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.flow-h .flow-step.is-point {justify-content:center}
	.flow-h .flow-arrow .ico-pc {display:none}
	.flow-h .flow-arrow .ico-mo {display:block}

	.plan-table.type-row .col-month {width:64px}
	.plan-table td.txt-left {padding-left:4px;padding-right:4px}
	.plan-table thead tr th, .plan-table tbody tr th {line-height:20px;letter-spacing:-0.14px}
	.plan-table thead tr th {padding:8px 4px}
	.plan-table tbody td {font-size:13px;line-height:18px;letter-spacing:0}
	.plan-table td li {padding-left:6.6px}

	/* #06 */
	.strategy-block {gap:20px}
	.strategy-pill {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.consult-row {flex-direction:column;gap:16px}
	.consult-box {flex:0 0 auto;gap:12px;padding:20px;border-radius:16px}
	.feature-list {flex:0 0 auto}
	.consult-box.is-process {gap:20px}
	.strategy-block:last-child .consult-box.is-process {gap:12px}
	.feature-list {gap:12px}
	.feature-list li {padding-bottom:12px;border-radius:12px}
	.feature-list strong {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.feature-list p {padding:0 16px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.process-list .step-txt strong {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	.report-box {flex-direction:column-reverse;gap:20px;padding:20px;border-radius:16px}
	.report-slider {flex:0 0 auto;width:100%}
	.report-slider .slide-list {height:162px}
	.report-slider .report-img {width:93px;height:130px;border-radius:5px}
	.report-txt {align-items:center;width:100%;text-align:center}
	.report-txt .num-title {justify-content:center}
	.report-txt .report-desc {align-items:center;font-size:16px;line-height:24px;letter-spacing:-0.32px}

	/* #07 */
	.content-list {grid-template-columns:minmax(0, 1fr);gap:20px}
	.content-list > li, .content-list > li:nth-child(n+3) {gap:20px;min-height:0;padding:20px}
	.content-list > li:nth-child(1), .content-list > li:nth-child(2), .content-list > li:nth-child(3), .content-list > li:nth-child(4) {min-height:0}
	.content-thumb {height:162px}
	.content-thumb .img-planner {width:131px;height:130px}
	.content-thumb .img-review {width:98px;height:130px}
	.content-thumb .img-math {width:173px;height:130px}
	.content-thumb .img-report {width:92px;height:130px}
	.content-head p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.content-head h4 {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.content-info dt {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	/* #08 */
	.adv-closing {padding:40px 16px;font-size:20px;line-height:28px;letter-spacing:-0.4px}
}
