@charset "euc-kr";

body {margin:0;word-break:keep-all;}
.visual-page, .visual-page * {box-sizing:border-box}
.visual-page :where(h1, h2, p, dl, dt, dd) {margin:0}
.teaser-inner {width:min(1200px, calc(100% - 64px));margin-inline:auto}

/* 상단 비주얼 */
.teaser-hero {display:flex;align-items:center;min-height:864px;padding-block:80px;background:#05034a url("https://russeldata.megastudy.net/campus/images/russel_hs/2027/gisuk_open/visual_bg.png") no-repeat center top / auto 1000px;color:#fff}
.hero-badge {display:flex;align-items:center;justify-content:center;width:249px;max-width:100%;height:48px;margin-bottom:40px;padding:8px 20px;border-radius:999px;color:#06034d;background:linear-gradient(166.4729307515deg,#73f1ff 24.894%,#01d9f1 50.301%,#00bace 74.466%);font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px;white-space:nowrap}
.hero-desc {font-weight:700;font-size:32px;line-height:45.12px;letter-spacing:-0.64px}
.hero-desc strong {color:#73f0fe;font-weight:inherit}
.hero-title {display:flex;gap:16px;width:min(100%, 1004px);margin-top:16px;filter:drop-shadow(0 4px 10px rgb(0 0 0 / 45%))}
.title-part {display:flex;align-items:center;flex:1 1 0;min-width:0;aspect-ratio:494 / 100}
.title-part img {display:block;width:100%;height:auto}

/* 모집 정보 */
.hero-info {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;width:min(100%, 612px);margin-top:64px}
.info-card {min-width:0;padding:20px 24px;border-radius:12px;background:rgb(255 255 255 / 10%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 1px 1px 0 rgb(255 255 255 / 30%), inset -1px -1px 0 rgb(255 255 255 / 12%)}
.info-card dt {margin-bottom:8px;font-weight:600;letter-spacing:-0.01em;font-size:14px;line-height:20px}
.info-card dd {font-weight:700;word-break:keep-all;overflow-wrap:anywhere;font-size:18px;line-height:28px;letter-spacing:-0.4px}

/* 하단 안내 */
.teaser-guide {position:relative;isolation:isolate;overflow:clip;padding-block:60px;border-top:1px solid rgb(255 255 255 / 10%);background:#08072c;color:#fff}
.teaser-guide::before {content:"";position:absolute;z-index:-1;top:-270px;left:calc(50% - 617px);width:1075px;height:431px;border-radius:50%;background:#fff;filter:blur(188px);mix-blend-mode:overlay;pointer-events:none}
.teaser-guide .teaser-inner {display:flex;align-items:center;justify-content:space-between;gap:40px}
.guide-content {flex:1;min-width:0}
.guide-title {font-weight:700;word-break:keep-all;font-size:32px;line-height:42px;letter-spacing:-0.64px}
.guide-desc {margin-top:32px;word-break:keep-all;font-size:18px;line-height:26px;letter-spacing:-0.36px}
.guide-action {flex:0 0 404px}
.guide-button {text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:61px;padding:16px 20px;border:0;border-radius:8px;color:#06044d;background:linear-gradient(135deg, #73f1ff, #01d9f1);font:inherit;font-weight:600;cursor:pointer;font-size:18px;line-height:26px;letter-spacing:-0.36px}
.guide-button:disabled {cursor:default}
.guide-button:focus-visible {outline:3px solid #fff;outline-offset:4px}
.guide-note {margin:16px 0 0 auto;text-align:right;word-break:keep-all;letter-spacing:-0.01em;font-size:14px;line-height:20px}

/* 재학생 전용관 콘텐츠: PC */

/* 콘텐츠 공통: 레이아웃, 제목, 안내 문구 및 섹션 여백 */
.all-wrap > :where(.study-reason, .teacher-intro, .class-system, .study-management, .daily-schedule, .meal-guide, .academy-results, .mozip-list, .sms-alarm) {box-sizing:border-box;color:#333;word-break:keep-all;overflow-wrap:break-word}
.all-wrap > :where(.study-reason, .teacher-intro, .class-system, .study-management, .daily-schedule, .meal-guide, .academy-results, .mozip-list, .sms-alarm) * {box-sizing:border-box}
.gisuk-inner :where(h2,h3,p,ul,figure) {margin:0}
.gisuk-inner :where(ul) {padding:0;list-style:none}
.gisuk-inner em {font-style:normal}
.gisuk-inner {display:grid;gap:32px;width:min(1200px,calc(100% - 64px));margin-inline:auto}
.gisuk-heading {display:grid;gap:16px;text-align:center}
.gisuk-heading h2 {color:inherit;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px}
.gisuk-heading p {color:#555;font-size:18px;line-height:26px;letter-spacing:-0.36px}
.gisuk-note {color:#777;font-size:13px;line-height:18px;text-align:center;letter-spacing:0}
.study-reason,.teacher-intro,.class-system,.study-management,.daily-schedule,.academy-results {padding:60px 0}
.study-reason,.academy-results {background:#f1f3f8}

/* 기숙학원 선택 이유: 카드 공통 및 순공 시간 비교 */
.reason-list {display:grid;gap:16px}
.reason-card {display:grid;gap:32px;padding:48px;border-radius:16px;background:#fff}
.reason-card h3 {position:relative;margin:0;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;display:flex;align-items:center;gap:8px}
.reason-card h3 span {margin-right:0;color:#00bace;flex:none}
.reason-grid {display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center}
.chart-title {margin-bottom:24px!important;color:#333;font-size:16px;font-weight:600;line-height:24px;text-align:center;letter-spacing:-0.16px}
.study-bar-row {display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center;margin-top:24px}
.study-bar-row > span {color:#555;font-size:15px;line-height:22px;text-align:right;letter-spacing:-0.15px}
.study-bar-track {display:flex;gap:12px;align-items:center}
.study-bar {display:block;flex-shrink:0;height:48px;border-radius:4px;background:#98a2b3}
.school-bar {width:28.6%}
.winter-bar {width:78.6%;background:linear-gradient(90deg,#73f1ff,#01d9f1)}
.study-bar-track strong {flex-shrink:0;font-size:18px;font-weight:600;line-height:26px;white-space:nowrap;letter-spacing:-0.36px}
.study-bar-row:last-child strong {color:#00bace}
.reason-highlight {display:grid;align-content:center;gap:12px;min-height:250px;padding:40px;border-radius:12px;background:#f1f3f8}
.reason-highlight > p {color:#555;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.highlight-copy {display:grid;gap:4px}
.highlight-copy > strong {font-size:32px;font-weight:700;line-height:38px;letter-spacing:-0.64px}
.highlight-copy > b {color:#00bace;font-size:32px;line-height:56px}
.highlight-copy em {color:#00bace;font-size:48px;font-weight:700;line-height:56px;letter-spacing:-0.96px}
.highlight-copy .highlight-conclusion {letter-spacing:0;display:block;margin-top:4px;line-height:38px}
.reason-list > .reason-card:first-child .highlight-copy > strong {letter-spacing:0}
.reason-list > .reason-card:first-child .highlight-copy > b {letter-spacing:0}
.reason-list > .reason-card:first-child .highlight-copy em {letter-spacing:0}

/* 기숙학원 선택 이유: 학습 방해 시간 비교 */
.reason-list > .reason-card:nth-child(2) .reason-highlight {min-height:341px}
.reason-list > .reason-card:nth-child(2) .highlight-copy > strong {line-height:56px}
.reason-list > .reason-card:nth-child(2) .highlight-copy > strong > br {display:none}
.distraction-chart {display:grid;gap:24px}
.distraction-chart .chart-title {margin-bottom:0!important}
.distraction-plot {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:96px;width:calc(100% - 116px);margin-inline:auto;position:relative;padding-inline:40px}
.distraction-plot::before {content:"";position:absolute;top:214px;right:0;left:0;height:1px;background:#dbdee5}
.distraction-group {min-width:0}
.distraction-bars {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;height:214px;border-bottom:0}
.distraction-column {display:grid;justify-items:center;gap:8px;min-width:0}
.distraction-column strong {font-size:18px;line-height:26px;white-space:nowrap;font-weight:600;letter-spacing:-0.36px}
.distraction-column:nth-child(2) strong {color:#00bace}
.distraction-bar {display:block;width:100%;border-radius:4px 4px 0 0;background:#98a2b3}
.phone-bar {height:180px}
.commute-bar {height:60px}
.zero-bar {height:4px;background:linear-gradient(90deg,#73f1ff,#01d9f1)}
.distraction-group > p {padding-top:13px;color:#555;font-size:15px;line-height:22px;text-align:center;white-space:nowrap;letter-spacing:-0.15px}
.chart-legend {display:flex;gap:20px;justify-content:center;color:#555;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.chart-legend span {display:flex;gap:8px;align-items:center}
.chart-legend span::before {content:"";width:12px;height:12px;border-radius:2px;background:#98a2b3}
.chart-legend span:last-child::before {background:#01d9f1}

/* 기숙학원 선택 이유: 학습 습관 및 성적 향상 */
.reason-result {position:relative;isolation:isolate;overflow:hidden;background:#06034f;color:#fff}
.reason-photo {position:absolute;z-index:-2;top:-48px;left:-304px;width:1559px;height:597px;object-fit:cover;opacity:0.15}
.reason-glow {position:absolute;z-index:-1;top:-402px;left:-261px;width:1451px;height:807px;mix-blend-mode:overlay;pointer-events:none}
.reason-result-grid {display:grid;grid-template-columns:minmax(0,1fr) 427px;gap:48px;align-items:center}
.result-message {display:grid;gap:24px;text-align:center}
.result-message > strong {font-size:28px;line-height:38px;letter-spacing:-0.56px}
.result-message em {color:#40e6f9}
.result-message p {font-size:18px;line-height:26px;letter-spacing:-0.36px}
.result-stat {display:grid;gap:12px;padding:40px;border-radius:16px;background:rgb(255 255 255 / 10%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 1px 1px 0 rgb(255 255 255 / 30%),inset -1px -1px 0 rgb(255 255 255 / 12%)}
.result-stat > p {font-size:16px;line-height:24px;letter-spacing:-0.16px}
.result-stat > div {display:flex;gap:12px;align-items:baseline}
.result-stat strong {background:linear-gradient(90deg,#73f1ff,#01d9f1);background-clip:text;color:transparent;font-size:72px;font-weight:800;line-height:84px;letter-spacing:-1.44px}
.result-stat b {font-size:32px;line-height:42px;letter-spacing:-0.64px;white-space:nowrap}
.result-stat small {font-size:13px;line-height:18px;letter-spacing:0}

/* 출강 강사진 소개 */
.teacher-content {display:grid;gap:32px;justify-items:center}
.teacher-message {color:#12197f;font-size:28px;line-height:38px;letter-spacing:-0.56px;text-align:center}
.teacher-preview {position:relative;isolation:isolate;display:grid;place-items:center;width:min(800px,100%);height:376px;overflow:hidden;border-radius:16px;background:#08072c}
.teacher-silhouette {position:absolute;z-index:-2;top:56px;left:50%;width:624px;height:567px;transform:translateX(-50%)}
.teacher-glow-one {position:absolute;z-index:-1;top:-378px;left:calc(50% - 725px);width:1451px;height:881px;mix-blend-mode:overlay;pointer-events:none}
.teacher-glow-two {position:absolute;z-index:-1;top:-289px;left:calc(50% - 406px);width:813px;height:527px;mix-blend-mode:overlay;pointer-events:none}
.teacher-preview > p {position:relative;background:linear-gradient(90deg,#73f1ff,#01d9f1);background-clip:text;color:transparent;font-size:28px;font-weight:700;line-height:38px;letter-spacing:16.24px;text-align:center;text-shadow:0 0 12px rgb(0 0 0 / 55%)}
.teacher-preview > p span {color:#fff}

/* 재학생 전용관 수업 시스템 */
.class-system {background:#eff3fe}
.class-system-content {overflow:hidden;border-radius:16px;background:#fff}
.class-system-grid {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}
.class-system-grid article {display:grid;align-content:center;gap:4px;min-height:240px;padding:40px 32px;text-align:center}
.class-system-grid article > p {font-size:20px;line-height:28px;letter-spacing:-0.4px}
.class-system-grid h3 {font-size:24px;line-height:32px;letter-spacing:-0.48px}
.class-system-grid article .class-description {margin-top:12px;color:#555;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.class-plus {color:#00bace;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px}
.class-system-result {padding:24px 40px;background:#12197f;color:#fff;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;text-align:center}

/* 학습 및 생활 관리 시스템 */
.all-wrap > .study-management {background:#06034f;color:#fff}
.study-management .gisuk-heading p {color:rgb(255 255 255 / 85%)}
.management-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.management-grid article {display:grid;justify-items:center;align-content:start;gap:8px;padding:40px 32px;border-radius:16px;background:#12197f;text-align:center}
.management-icon {display:grid;place-items:center;width:80px;height:80px;margin-bottom:16px;border-radius:50%;background:linear-gradient(90deg,#73f1ff,#01d9f1,#00bace)}
.management-icon img {display:block;width:44px;height:44px}
.management-grid h3 {font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px}
.management-grid article > p {font-size:16px;line-height:24px;letter-spacing:-0.16px}

/* 윈터스쿨 주간 일과표 및 표 공통 스타일 */
.schedule-scroll {overflow-x:auto}
.schedule-table,.recruit-table {width:100%;border-collapse:collapse;table-layout:fixed;text-align:center}
.schedule-table caption,.recruit-table caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.schedule-table col.schedule-period {width:13.3333%}
.schedule-time {width:16.6667%}
.schedule-table th,.schedule-table td {height:49px;padding:12px 16px;border:1px solid #e5e5e5;font-weight:400}
.schedule-table th {letter-spacing:-0.16px}
.schedule-table thead th {height:50px;background:#f5f5f5;font-size:16px;line-height:24px}
.schedule-table tbody th {background:#f5f5f5;font-size:16px;line-height:24px}
.schedule-table td {color:#555;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.schedule-table tr > :first-child {border-left:0}
.schedule-table tr > :last-child {border-right:0}
.daily-schedule .gisuk-inner {gap:32px}
.daily-schedule .gisuk-note {margin-top:-16px;font-size:14px;line-height:20px;letter-spacing:-0.14px}

/* 급식 및 식당 안내 */
.meal-guide {padding:0 0 60px}
.meal-intro {display:grid;gap:40px;justify-items:center}
.meal-intro > p {color:#555;font-size:20px;line-height:28px;letter-spacing:-0.4px;text-align:center}
.meal-intro strong {color:#12197f;font-weight:600}
.meal-chips {display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.meal-chips li {padding:12px 24px;border-radius:999px;background:#f3f7ff;color:#1c3ed9;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px}

/* 급식 및 식당 안내: 사진 슬라이더 */
.meal-gallery {display:grid;gap:24px}
.meal-swiper {width:100%;min-width:0;overflow:hidden;border-radius:16px}
.meal-swiper .swiper-slide {height:auto}
.meal-slider {display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:24px;align-items:center}
.meal-slider > button {display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #e5e5e5;border-radius:50%;background:#fff;cursor:pointer}
.meal-slider > button img {display:block;width:16px;height:16px}
.meal-placeholder {height:400px;overflow:hidden;border-radius:16px;background:#f1f3f8}
.meal-placeholder img {display:block;width:100%;height:100%;object-fit:cover}
.meal-dots {display:flex;justify-content:center;gap:6px}
.meal-dots button {width:8px;height:8px;padding:0;border:0;border-radius:100px;background:#dbdee5;cursor:pointer}
.meal-dots button.is-active {width:28px;background:#333}
.meal-slider button:focus-visible,.meal-dots button:focus-visible {outline:2px solid #1c3ed9;outline-offset:4px}

/* 러셀 기숙학원 성과 및 운영 노하우 */
.results-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.results-grid article {display:grid;gap:24px;padding:48px 32px;border-radius:16px;background:#fff;text-align:center}
.results-grid p {color:#555;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.results-grid strong {color:#12197f;font-size:72px;font-weight:800;line-height:84px;letter-spacing:-1.44px}
.results-grid small {margin-left:4px;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px}
.academy-results .gisuk-note {margin-top:-16px}

/* 모집 대상 및 지원 기준 */
.mozip-list > .gisuk-inner {padding:60px 0}
.mozip-list .gisuk-heading {gap:12px}
.mozip-list .gisuk-heading p {font-size:20px;line-height:28px;letter-spacing:-0.4px}
.recruit-table {width:min(900px,100%);margin-inline:auto;border-collapse:separate;border-spacing:0}
.recruit-table col:first-child {width:20%}
.recruit-table th,.recruit-table td {height:57px;padding:16px;border:0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-weight:400;vertical-align:middle}
.recruit-table th {background:#f5f5f5;color:#333;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.recruit-table thead th {height:50px;padding:12px 16px;border-top:1px solid #e5e5e5}
.recruit-table td {background:#fff;color:#555;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.recruit-table tr > :last-child {border-right:0}

/* 모집요강 공개 예정 안내 */
.recruit-coming {position:relative;isolation:isolate;overflow:hidden;padding:60px 0;border-top:1px solid rgb(255 255 255 / 10%);background:#08072c;color:#fff;text-align:center}
.recruit-coming .gisuk-inner {gap:4px}
.coming-glow {position:absolute;z-index:-1;top:-488px;left:calc(50% - 725px);width:1451px;height:807px;mix-blend-mode:overlay;pointer-events:none}
.recruit-coming p {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
.recruit-coming strong {background:linear-gradient(90deg,#73f1ff,#01d9f1,#00bace);background-clip:text;color:transparent;font-size:56px;font-weight:800;line-height:72px;letter-spacing:9.52px}

/* 문자 알리미 신청 혜택 및 신청 버튼 */
.all-wrap > .sms-alarm {display:grid;justify-items:center;gap:32px;padding:60px 0;background:#06034f;color:#fff}
.sms-benefit {display:grid;gap:16px;justify-items:center;width:min(600px,100%);margin-inline:auto;text-align:center}
.sms-coupon {position:relative;width:412px;height:250px;max-width:100%}
.sms-coupon > img {position:absolute;top:-13px;left:-38.5px;width:487px;height:272px}
.sms-coupon > span {position:absolute;top:58.26px;left:83.97px;width:190.45px;color:#73f1ff;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:5.64px;transform:rotate(-3deg) skewX(-10deg) scaleY(0.98);text-shadow:0 1px 2px rgb(0 0 0 / 25%);font-family:'Gisuk Gmarket Sans',sans-serif}
.sms-coupon > strong {position:absolute;top:93.28px;left:86.46px;width:172.04px;font-size:32px;line-height:38.4px;transform:rotate(-3deg) skewX(-10deg) scaleY(0.98);text-shadow:0 1px 2px rgb(0 0 0 / 25%);font-family:'Gisuk Gmarket Sans',sans-serif;letter-spacing:0}
.sms-benefit-label {display:flex;gap:24px;align-items:center;padding:12px 32px;border:1px solid rgb(255 255 255 / 30%);border-radius:12px;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.sms-benefit-label strong {color:#73f1ff;font-weight:600}
.sms-note {font-size:16px;line-height:24px;letter-spacing:-0.16px}
.sms-alarm > a {display:grid;place-items:center;width:min(404px,calc(100% - 40px));min-height:61px;padding:16px 20px;border-radius:8px;background:linear-gradient(135deg,#73f1ff,#01d9f1);color:#06044d;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;text-decoration:none;text-align:center}
.sms-alarm > a:focus-visible {outline:3px solid #fff;outline-offset:4px}

/* 문의 안내 */
.contact-guide {padding:60px 0;border-top:1px solid rgb(255 255 255 / 10%);background:#f5f5f5;color:#333;text-align:center;word-break:keep-all}
.contact-guide .gisuk-inner {gap:12px;justify-items:center}
.contact-guide h2 {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
.contact-phone,.contact-phone .contact-number {display:flex;gap:4px;align-items:center;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-0.4px}
.contact-phone .contact-number {white-space:nowrap}
.contact-phone img {display:block;flex:none;width:20px;height:20px}

@media (min-width:1200px) {
	.academy-results .results-grid article {display:flex;flex-direction:column;align-items:center;gap:8px}
	.academy-results .results-grid p {font-weight:400}
	.academy-results .results-grid strong {position:relative;display:inline-flex;align-items:baseline;font-size:48px;line-height:56px;letter-spacing:-0.96px}
	.academy-results .results-grid .results-mark {position:absolute;left:calc(100% - 0.5px);top:19px;font-size:18px;font-weight:700;line-height:18px;letter-spacing:-0.36px}
}

/* 태블릿 이하 (1199px 이하) */
@media (max-width: 1199px) {
	.gisuk-inner,.teaser-guide .teaser-inner {width:calc(100% - 48px)}

	/* 상단 비주얼 */
	.teaser-hero .teaser-inner {width:calc(100% - 96px)}
	.teaser-hero {background-position:calc(50% - 42px) top;background-size:auto 700px}
	.hero-title {flex-direction:column;gap:0}
	.title-part {flex:none;width:494px;max-width:100%}

	/* 모집 정보 */
	.hero-info {width:100%}

	/* 하단 안내 */
	.teaser-guide .teaser-inner {flex-direction:column;gap:32px;text-align:center}
	.guide-desc {margin-top:24px}
	.guide-action {flex:auto;width:100%}
	.guide-button {max-width:404px;margin-inline:auto}
	.guide-note {max-width:100%;margin-inline:auto;text-align:center}

	/* 기숙학원 선택 이유: 카드 공통 및 순공 시간 비교 */
	.reason-card {padding:40px 32px 32px}
	.reason-card:not(.reason-result) h3 {justify-content:center}
	.reason-grid,.reason-result-grid {grid-template-columns:323px minmax(0,1fr);gap:24px}
	.chart-title {margin-bottom:20px!important}
	.study-bar-row {grid-template-columns:120px minmax(0,1fr);margin-top:20px}
	.school-bar {width:35px}
	.winter-bar {width:124px}
	.reason-highlight {min-height:0;padding:24px}
	.highlight-copy > strong {font-size:28px;line-height:32px}
	.highlight-copy > b {font-size:28px}
	.reason-list > .reason-card:nth-child(2) .reason-highlight {min-height:0}
	.distraction-chart {gap:20px}
	.distraction-plot {gap:24px;width:100%;padding-inline:16px}
	.distraction-plot::before {top:166px}
	.distraction-bars {height:166px}
	.phone-bar {height:132px}
	.commute-bar {height:52px}
	.distraction-group > p {padding-top:12px}
	.reason-photo {top:13.017px;left:calc(50% - 575.365px);width:1038.768px;height:397.983px}
	.result-stat {padding:20px}
	.result-stat > div {gap:8px}

	/* 재학생 전용관 수업 시스템 */
	.class-system-grid {gap:0}
	.class-system-grid article {min-height:0;padding:24px 32px}

	/* 학습 및 생활 관리 시스템 */
	.management-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
	.management-grid article {padding:32px}

	/* 윈터스쿨 주간 일과표 및 표 공통 스타일 */
	.schedule-table col.schedule-period {width:88px}
	.schedule-time {width:120px}

	/* 러셀 기숙학원 성과 및 운영 노하우 */
	.results-grid article {gap:8px;padding:32px 16px}
	.results-grid p {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.results-grid strong {position:relative;display:inline-flex;align-items:baseline;justify-self:center;font-size:48px;line-height:56px;letter-spacing:-0.96px}
	.results-grid .results-mark {position:absolute;top:18px;left:100%;margin-left:0;font-size:18px;line-height:18px;letter-spacing:-0.36px}
	.recruit-table col:first-child {width:160px}
	.recruit-table tbody tr:not(:last-child) > * {height:73px}
}

/* 모바일 이하 (767px 이하) */
@media (max-width: 767px) {
	.gisuk-inner,.teaser-guide .teaser-inner {width:calc(100% - 32px)}
	.gisuk-inner,.daily-schedule .gisuk-inner {gap:20px}

	/* 상단 비주얼 */
	.teaser-hero .teaser-inner {width:calc(100% - 44px)}
	.teaser-hero {min-height:568px;padding-block:72px 46px;align-items:flex-start;background-position:center top;background-size:auto 295.455px}
	.hero-badge {display:inline-block;width:auto;height:34px;margin-bottom:16px;padding:4px 12px;font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.hero-desc {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.title-part {width:259px;aspect-ratio:259 / 52}

	/* 모집 정보 */
	.hero-info {gap:8px;margin-top:32px}
	.info-card {padding:16px}
	.info-card dt{font-size: 13px; font-weight: 400}
	.info-card dd {font-size:14px;line-height:24px;letter-spacing:-0.54px}

	/* 하단 안내 */
	.teaser-guide {padding-block:40px}
	.teaser-guide .teaser-inner {gap:20px}
	.guide-title,.gisuk-heading h2 {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.guide-desc {margin-top:20px;font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.guide-button {max-width:328px;min-height:54px;border-radius:6px;font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.gisuk-heading p {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.study-reason,.teacher-intro,.class-system,.study-management,.daily-schedule,.academy-results {padding:40px 0}

	/* 기숙학원 선택 이유: 카드 공통 및 순공 시간 비교 */
	.reason-card {gap:24px;padding:32px 20px 24px}
	.reason-card h3 {display:block;font-size:20px;line-height:28px;letter-spacing:-0.4px;text-align:center}
	.reason-card h3 span {margin-right:8px}
	.reason-grid,.reason-result-grid {grid-template-columns:minmax(0,1fr)}
	.chart-title {margin-bottom:16px!important;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.study-bar-row {grid-template-columns:104px minmax(0,1fr);gap:8px;margin-top:16px}
	.study-bar-row > span {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.study-bar-track {gap:8px}
	.study-bar {height:32px}
	.school-bar {width:43px}
	.winter-bar {width:117px}
	.study-bar-track strong {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.reason-highlight {gap:8px;text-align:center}
	.reason-highlight > p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.highlight-copy {gap:0}
	.highlight-copy > strong {font-size:20px;line-height:28px}
	.highlight-copy > b {font-size:24px;line-height:38px}
	.highlight-copy em {font-size:28px;line-height:38px;letter-spacing:-0.56px}
	.highlight-copy .highlight-conclusion {margin-top:0;line-height:28px}
	.reason-list > .reason-card:first-child .highlight-copy > strong {letter-spacing:-0.4px}
	.reason-list > .reason-card:first-child .highlight-copy > b {letter-spacing:-0.48px}
	.reason-list > .reason-card:first-child .highlight-copy em {letter-spacing:-0.56px}
	.reason-list > .reason-card:nth-child(2) .highlight-copy > strong {line-height:38px}
	.distraction-chart {gap:16px}
	.distraction-plot {padding-inline:8px}
	.distraction-plot::before {top:134px}
	.distraction-bars {gap:12px;height:134px}
	.distraction-column strong {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.phone-bar {height:102px}
	.commute-bar {height:50px}
	.distraction-group > p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.chart-legend {display:grid;gap:8px;justify-items:start}
	.reason-photo {top:80px;left:calc(50% - 444px);width:1112px;height:426px}
	.reason-glow {top:-264.8px;left:calc(50% - 435.3px);width:870.6px;height:523.6px}
	.result-message {gap:16px}
	.result-message > strong {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.result-message p {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.result-stat {gap:8px;padding:24px;text-align:center}
	.result-stat > p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.result-stat > div {gap:12px;justify-content:center}
	.result-stat strong {font-size:48px;line-height:56px;letter-spacing:-0.96px}
	.result-stat b {font-size:24px;line-height:32px;letter-spacing:-0.48px}

	/* 출강 강사진 소개 */
	.teacher-content {gap:24px}
	.teacher-message {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.teacher-preview {height:auto;aspect-ratio:328 / 154.16}
	.teacher-silhouette {top:14.8936%;width:78%;height:auto}
	.teacher-preview > p {font-size:20px;line-height:28px;letter-spacing:2px;text-shadow:0 0 8px rgb(0 0 0 / 75%)}

	/* 재학생 전용관 수업 시스템 */
	.class-system-grid {grid-template-columns:minmax(0,1fr);padding:24px 0 16px}
	.class-system-grid article {gap:2px;padding:8px 16px}
	.class-system-grid article > p {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.class-system-grid h3 {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.class-system-grid article .class-description {margin-top:6px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.class-plus {position:relative;z-index:0;display:grid;place-items:center;height:39px;padding-top:0;font-size:0;line-height:0;letter-spacing:0}
	.class-plus::before {position:absolute;z-index:-1;top:50%;right:0;left:0;height:1px;background:#ededed;content:"";transform:translateY(-50%)}
	.class-plus::after {position:absolute;top:50%;left:50%;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center / 100% 3px no-repeat,linear-gradient(currentColor,currentColor) center / 3px 100% no-repeat;content:"";transform:translate(-50%,-50%)}
	.class-system-result {padding:16px;font-size:20px;line-height:28px;letter-spacing:-0.4px}

	/* 학습 및 생활 관리 시스템 */
	.management-grid {gap:16px}
	.management-grid article {gap:2px;padding:24px 12px}
	.management-icon {width:56px;height:56px;margin-bottom:10px}
	.management-icon img {width:32px;height:32px}
	.management-grid h3 {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.management-grid article > p {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	/* 윈터스쿨 주간 일과표 및 표 공통 스타일 */
	.schedule-scroll {min-width:0}
	.schedule-table {min-width:704px;border-collapse:separate;border-spacing:0}
	.schedule-table col.schedule-period {width:80px}
	.schedule-time {width:104px}
	.schedule-table th,.schedule-table td {padding-inline:8px;border-top:0;border-left:0}
	.schedule-table tr > :last-child {border-right:1px solid #e5e5e5}
	.schedule-table thead th {border-top:1px solid #e5e5e5;font-size:14px;line-height:20px}
	.schedule-table tbody th {font-size:14px;line-height:20px}
	.schedule-table th.schedule-period {position:sticky;z-index:2;left:0;background:#f5f5f5}
	.schedule-table tbody tr:nth-child(-n+3) td {height:45px}
	.daily-schedule .gisuk-note,.academy-results .gisuk-note {margin-top:-4px}

	/* 급식 및 식당 안내 */
	.meal-guide {padding:0px 0 40px 0}
	.meal-intro {gap:24px}
	.meal-intro > p {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.meal-chips {gap:8px;width:100%}
	.meal-chips li {flex:1;display:grid;place-items:center;padding:8px;font-size:14px;line-height:20px;letter-spacing:-0.14px;text-align:center}

	/* 급식 및 식당 안내: 사진 슬라이더 */
	.meal-gallery {gap:16px}
	.meal-slider {grid-template-columns:minmax(0,1fr)}
	.meal-slider > button {display:none}
	.meal-placeholder {height:200px}
	.meal-dots button {width:6px;height:6px}
	.meal-dots button.is-active {width:16px}

	/* 러셀 기숙학원 성과 및 운영 노하우 */
	.results-grid {grid-template-columns:minmax(0,1fr);gap:16px}
	.results-grid article {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;text-align:left}
	.results-grid p {flex:1;min-width:0;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.results-grid strong {flex:none;font-size:28px;line-height:32px;letter-spacing:-0.56px}
	.results-grid small {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.results-grid .results-mark {top:5.34px;font-size:16px;line-height:16px;letter-spacing:-0.32px}

	/* 모집 대상 및 지원 기준 */
	.mozip-list > .gisuk-inner {padding:40px 0}
	.mozip-list .gisuk-heading p {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.recruit-table col:first-child {width:72px}
	.recruit-table th,.recruit-table td {height:53px;padding-inline:8px}
	.recruit-table th {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.recruit-table thead th {height:46px;padding-inline:8px}
	.recruit-table tbody tr:not(:last-child) > * {height:93px}

	/* 모집요강 공개 예정 안내 */
	.recruit-coming {padding:40px 0}
	.recruit-coming p {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.recruit-coming strong {font-size:24px;font-weight:700;line-height:32px;letter-spacing:6.48px}

	/* 문자 알리미 신청 혜택 및 신청 버튼 */
	.all-wrap > .sms-alarm {gap:20px;padding:40px 0;scroll-margin-top: 60px;}
	.sms-coupon {width:264.857px;height:160.714px}
	.sms-coupon > img {top:-8.357px;left:-24.75px;width:313.071px;height:174.857px}
	.sms-coupon > span {top:37.45px;left:53.975px;width:122.43px;font-size:7.714px;letter-spacing:3.6257px}
	.sms-coupon > strong {top:59.97px;left:55.582px;width:110.596px;font-size:20.571px;line-height:24.6852px}
	.sms-benefit-label {gap:16px;padding:12px 16px;font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.sms-note {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.sms-alarm > a {width:calc(100% - 32px);max-width:328px;min-height:54px;border-radius:6px;font-size:16px;line-height:24px;letter-spacing:-0.32px}

	/* 문의 안내 */
	.contact-guide {padding:40px 0}
	.contact-guide h2 {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.contact-phone,.contact-phone .contact-number {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.contact-phone img {width:18px;height:18px}
}
