@charset "euc-kr";

/* 공통 */
.teaser-wrap {word-break:keep-all;overflow-wrap:break-word}
.teaser-wrap, .teaser-wrap * {box-sizing:border-box}
.teaser-wrap :where(h2,h3,h4,p,ul,ol) {margin:0}
.teaser-wrap :where(ul,ol) {padding:0;list-style:none}
.teaser-wrap em {font-style:normal}
.teaser-wrap .blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 상단 비주얼: PC 시안 기준 고정 높이 1080 */
/* 모션 이동 거리·라인 흐려짐 정도는 해상도별로 변수만 바꿈 (키프레임은 공통) */
.teaser-visual {position:relative;height:1080px;overflow:hidden;background:#07070b;--tv-russel-x0:-420px;--tv-russel-x1:-16px;--tv-route-dim:.2;--tv-intro-y0:24px;--tv-intro-y1:-48px;--tv-sub-y:30px;--tv-title-y:40px;--tv-desc-y:30px;--tv-cta-y:30px}
.visual-stage {position:absolute;top:0;left:50%;width:1920px;height:1080px;margin-left:-960px}
.teaser-visual:not(.is-play) :is(.visual-stage, .visual-intro, .visual-main) {visibility:hidden}
.visual-stage svg {display:block}

/* 배경: 글로우·도시 */
.visual-bg {position:absolute;inset:0;z-index:0}
.visual-glow {position:absolute}
.visual-glow img, .route-item img {display:block}
.visual-glow.glow-03 {left:460px;top:180px;z-index:1}
.visual-glow.glow-02 {left:860px;top:10px;z-index:2;transform-origin:590px 490px}
.visual-glow.glow-01 {left:-40px;top:360px;z-index:3}
/* .visual-city {position:absolute;left:85px;top:178px;z-index:4;width:1546px;height:853px;opacity:.35;filter:blur(4px);transform-origin:902px 479.5px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1334' height='861' viewBox='0 0 1334 861'%3E%3Cfilter id='f' x='0' y='0' width='1334' height='861' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='54'/%3E%3C/filter%3E%3Cellipse cx='667' cy='430.5' rx='559' ry='322.5' fill='%23D9D9D9' filter='url(%23f)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1334' height='861' viewBox='0 0 1334 861'%3E%3Cfilter id='f' x='0' y='0' width='1334' height='861' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='54'/%3E%3C/filter%3E%3Cellipse cx='667' cy='430.5' rx='559' ry='322.5' fill='%23D9D9D9' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:235px 49px;mask-position:235px 49px;-webkit-mask-size:1334px 861px;mask-size:1334px 861px} */
.visual-city {position:absolute;left:85px;top:178px;z-index:4;width:1546px;height:853px;opacity:.35;transform-origin:902px 479.5px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1334' height='861' viewBox='0 0 1334 861'%3E%3Cfilter id='f' x='0' y='0' width='1334' height='861' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='54'/%3E%3C/filter%3E%3Cellipse cx='667' cy='430.5' rx='559' ry='322.5' fill='%23D9D9D9' filter='url(%23f)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1334' height='861' viewBox='0 0 1334 861'%3E%3Cfilter id='f' x='0' y='0' width='1334' height='861' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='54'/%3E%3C/filter%3E%3Cellipse cx='667' cy='430.5' rx='559' ry='322.5' fill='%23D9D9D9' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:235px 49px;mask-position:235px 49px;-webkit-mask-size:1334px 861px;mask-size:1334px 861px}
.visual-city img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* RUSSEL 배경 글자(하단): PNG */
.visual-russel {position:absolute;display:block}
.visual-russel.russel-bottom {left:-147px;top:853px}

/* 대치 → 노원 라인 */
.visual-route {position:absolute;left:491px;top:430px;width:900px;height:475.25px}
.route-item {position:absolute}
.stop-glow-daechi {left:-28px;top:366px}
.stop-glow-gangnam {left:42px;top:284px}
.route-nowon {position:absolute;left:813px;top:1px;width:96px;height:96px}
.nowon-glow {left:-25px;top:-25px}
.nowon-dot {left:28px;top:28px}
.nowon-dot {border-radius:50%;background:#07070b}
.nowon-dot svg {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.4346%22%20height%3D%2218.3828%22%20viewBox%3D%220%200%2014.4346%2018.3828%22%3E%3Cpath%20d%3D%22M0%200H7.18555C8.57357%200%209.75846%200.245443%2010.7402%200.736328C11.7305%201.21875%2012.4837%201.91276%2013%202.81836C13.5163%203.72396%2013.7744%204.7819%2013.7744%205.99219C13.7744%207.19401%2013.512%208.23926%2012.9873%209.12793C12.471%2010.0081%2011.7093%2010.6852%2010.7021%2011.1592C9.69499%2011.6247%208.49316%2011.8574%207.09668%2011.8574H2.23438V8.74707H6.5C7.26172%208.74707%207.88802%208.64551%208.37891%208.44238C8.86979%208.23079%209.23796%207.92188%209.4834%207.51562C9.72884%207.10938%209.85156%206.60156%209.85156%205.99219C9.85156%205.36589%209.72884%204.84115%209.4834%204.41797C9.23796%203.99479%208.86556%203.67741%208.36621%203.46582C7.86686%203.24577%207.24056%203.13574%206.4873%203.13574H3.80859V18.3828H0V0ZM14.4346%2018.3828H10.1943L5.73828%2010.0293H9.86426L14.4346%2018.3828Z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(#000, #000);mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.4346%22%20height%3D%2218.3828%22%20viewBox%3D%220%200%2014.4346%2018.3828%22%3E%3Cpath%20d%3D%22M0%200H7.18555C8.57357%200%209.75846%200.245443%2010.7402%200.736328C11.7305%201.21875%2012.4837%201.91276%2013%202.81836C13.5163%203.72396%2013.7744%204.7819%2013.7744%205.99219C13.7744%207.19401%2013.512%208.23926%2012.9873%209.12793C12.471%2010.0081%2011.7093%2010.6852%2010.7021%2011.1592C9.69499%2011.6247%208.49316%2011.8574%207.09668%2011.8574H2.23438V8.74707H6.5C7.26172%208.74707%207.88802%208.64551%208.37891%208.44238C8.86979%208.23079%209.23796%207.92188%209.4834%207.51562C9.72884%207.10938%209.85156%206.60156%209.85156%205.99219C9.85156%205.36589%209.72884%204.84115%209.4834%204.41797C9.23796%203.99479%208.86556%203.67741%208.36621%203.46582C7.86686%203.24577%207.24056%203.13574%206.4873%203.13574H3.80859V18.3828H0V0ZM14.4346%2018.3828H10.1943L5.73828%2010.0293H9.86426L14.4346%2018.3828Z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(#000, #000);-webkit-mask-position:14.06px 10.617px, 0 0;mask-position:14.06px 10.617px, 0 0;-webkit-mask-size:14.4346px 18.3828px, 100% 100%;mask-size:14.4346px 18.3828px, 100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}
.nowon-ring-01 {left:-6px;top:-6px}
.nowon-ring-02 {left:-13px;top:-12px}
.nowon-wave {left:-7px;top:-7px}
.line-wide-daechi {left:-5.96px;top:290.89px}
.line-wide-gangnam {left:95.71px;top:289.37px}
.line-wide-main {left:177.21px;top:-7.97px}
.line-glow-daechi {left:21.32px;top:328.01px}
.line-glow-gangnam {left:108.42px;top:327.5px}
.line-glow-main {left:207.61px;top:31.01px}
.comet-glow-main {left:195px;top:23px}
.line-color {left:32px;top:45.52px}
.line-white {left:32px;top:44.77px}
.comet-core-main {left:213.5px;top:41.5px}
.comet-core-daechi {left:25px;top:337px}
.comet-core-gangnam {left:118px;top:337px}
.dot-daechi {left:25px;top:415px}
.dot-gangnam {left:113px;top:353px}
.route-label {position:absolute;margin:0;transform:translateX(-50%);white-space:nowrap;color:#fff;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.label-daechi {left:34.91px;top:445.25px}
.label-gangnam {left:121.5px;top:313px}
.label-nowon {left:50px;top:84px;color:#fff;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px}
/* 노원 강조 깜빡임 (흐려진 라인 위) */
.visual-blink {position:absolute;left:1304px;top:431px;width:96px;height:96px}

/* 좌우 가장자리 그라데이션 */
.visual-edge {position:absolute;top:0;width:400px;height:1080px;pointer-events:none}
.visual-edge.edge-left {left:0;background:linear-gradient(to left, rgb(7 7 11 / 0%), #07070b)}
/* .visual-edge.edge-right {left:1520px;background:linear-gradient(to right, rgb(7 7 11 / 0%), #07070b)} */
.visual-edge.edge-right {left:1520px;}

/* 장면 1: 인트로 문구 */
.visual-intro {position:absolute;left:50%;top:212px;width:1200px;margin:0 0 0 -600px;color:#fff;text-align:center;font-weight:800;font-size:84px;line-height:96px;letter-spacing:-1.68px}

/* 장면 2: 메인 */
.visual-main {position:absolute;left:50%;top:200px;width:1200px;margin-left:-600px;text-align:center}
.visual-main .top-badge {display:inline-block;background:linear-gradient(135.54deg, #41e3b6 -13.53%, #3d6eff 164.73%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-size:28px;line-height:38px;letter-spacing:-0.56px}
.visual-main .top-title {margin-top:24px;color:#fff;font-weight:800;font-size:84px;line-height:96px;letter-spacing:-1.68px}
.visual-main .txt-point {background:linear-gradient(90deg, #41e3b6 -13.16%, #3d6eff 172.02%);-webkit-background-clip:text;background-clip:text;color:transparent}
.visual-main .top-desc {width:720px;margin:40px auto 0;color:#e5e5e5;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.visual-main .top-btns {display:flex;justify-content:center;gap:12px;margin-top:40px;visibility:hidden}
.visual-main .top-btn {display:inline-flex;align-items:center;justify-content:center;height:46px;padding:12px 24px;border-radius:6px;color:#fff;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px;text-decoration:none}
.visual-main .btn-apply {width:175px;background:linear-gradient(110.52deg, #41e3b6 -39.731%, #3d6eff 103.79%)}
.visual-main .btn-change {border:1px solid rgb(255 255 255 / 40%);background:rgb(0 0 0 / 20%)}

/* 장면 전환 모션: Figma 모션 프레임(82:1106) 키프레임 그대로, 전체 18.8s 1회 재생 후 마지막 장면 유지
   주요 시점: 0.2s 대치 → 0.4s 강남 → 0.6s 지선 라인·빛 → 1.2s 본선 라인·빛 → 2.25s 노원 → 2.9s 인트로 문구 퇴장
   → 3.0s 라인 흐려짐 → 3.4s 메인 문구 → 3.9s 노원 깜빡임 시작 → 4.7s 버튼 클릭 가능 → 5.0s 하단 RUSSEL → 18.3s 깜빡임 끝(밝은 상태 유지) */
.visual-route .path-branch, .visual-route .path-main {stroke-dashoffset:0}
.teaser-visual.is-play .glow-01, .teaser-visual.is-play .glow-03 {animation:tvGlowOpacity 18.8s linear both}
.teaser-visual.is-play .glow-02 {animation:tvGlowOpacity 18.8s linear both, tvGlow02Scale 18.8s linear both}
.teaser-visual.is-play .visual-city {animation:tvCityScale 18.8s linear both}
.teaser-visual.is-play .russel-bottom {animation:tvRusselOpacity 18.8s linear both, tvRusselBottomX 18.8s linear both}
.teaser-visual.is-play .visual-route {animation:tvRouteDim 18.8s linear both}
.teaser-visual.is-play .stop-glow-daechi, .teaser-visual.is-play .dot-daechi, .teaser-visual.is-play .label-daechi {animation:tvStopDaechiOpacity 18.8s linear both, tvStopDaechiScale 18.8s linear both}
.teaser-visual.is-play .stop-glow-gangnam, .teaser-visual.is-play .dot-gangnam, .teaser-visual.is-play .label-gangnam {animation:tvStopGangnamOpacity 18.8s linear both, tvStopGangnamScale 18.8s linear both}
.teaser-visual.is-play .route-nowon {animation:tvNowonOpacity 18.8s linear both, tvNowonScale 18.8s linear both}
.teaser-visual.is-play .route-nowon .wave-01 {animation:tvWave01Opacity 18.8s linear both, tvWave01Scale 18.8s linear both}
.teaser-visual.is-play .route-nowon .wave-02 {animation:tvWave02Opacity 18.8s linear both, tvWave02Scale 18.8s linear both}
.teaser-visual.is-play .visual-route .path-branch {animation:tvTrimBranch 18.8s linear both}
.teaser-visual.is-play .visual-route .path-main {animation:tvTrimMain 18.8s linear both}
.teaser-visual.is-play .comet-glow-main, .teaser-visual.is-play .comet-core-main {animation:tvCometMainOpacity 18.8s linear both}
.teaser-visual.is-play .path-comet-main {animation:tvCometMainTrim 18.8s linear both}
.teaser-visual.is-play .comet-core-daechi, .teaser-visual.is-play .comet-core-gangnam {animation:tvCometBranchOpacity 18.8s linear both}
.teaser-visual.is-play .path-comet-branch {animation:tvCometBranchTrim 18.8s linear both}
.teaser-visual.is-play .route-nowon .label-nowon {animation:tvNowonLabelOpacity 18.8s linear both}
.teaser-visual.is-play .visual-blink {animation:tvBlinkOpacity 18.8s linear both}
.teaser-visual.is-play .visual-blink .blink-wave {animation:tvBlinkWaveOpacity 18.8s linear both, tvBlinkWaveScale 18.8s linear both}
.teaser-visual.is-play .visual-intro {animation:tvIntroOpacity 18.8s linear both, tvIntroY 18.8s linear both, tvIntroScale 18.8s linear both}
.teaser-visual.is-play .visual-main .top-badge {animation:tvSubOpacity 18.8s linear both, tvSubY 18.8s linear both}
.teaser-visual.is-play .visual-main .top-title {animation:tvTitleOpacity 18.8s linear both, tvTitleY 18.8s linear both, tvTitleScale 18.8s linear both}
.teaser-visual.is-play .visual-main .top-desc {animation:tvDescOpacity 18.8s linear both, tvDescY 18.8s linear both}
.teaser-visual.is-play .visual-main .top-btns {animation:tvCtaOpacity 18.8s linear both, tvCtaY 18.8s linear both, tvCtaScale 18.8s linear both, tvCtaShow 18.8s linear both}

@keyframes tvGlowOpacity {
	0% {animation-timing-function:ease-in;opacity:0.45}
	12.766% {animation-timing-function:ease-out;opacity:0.6}
	15.426% {opacity:1}
	100% {opacity:1}
}
@keyframes tvGlow02Scale {
	0% {scale:1.35 1.35}
	12.234% {animation-timing-function:ease-out;scale:1.35 1.35}
	19.149% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvCityScale {
	0% {animation-timing-function:ease-out;scale:1.08 1.08}
	19.149% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvRusselOpacity {
	0% {opacity:0}
	26.418% {animation-timing-function:ease-out;opacity:0}
	29.803% {opacity:1}
	100% {opacity:1}
}
@keyframes tvRusselBottomX {
	0% {translate:var(--tv-russel-x0) 0px}
	26.418% {animation-timing-function:cubic-bezier(0.25, 1, 0.5, 1.15);translate:var(--tv-russel-x0) 0px}
	42.923% {translate:var(--tv-russel-x1) 0px}
	100% {translate:var(--tv-russel-x1) 0px}
}
@keyframes tvRouteDim {
	0% {opacity:1}
	15.957% {animation-timing-function:ease-in-out;opacity:1}
	20.745% {opacity:var(--tv-route-dim)}
	100% {opacity:var(--tv-route-dim)}
}
@keyframes tvStopDaechiOpacity {
	0% {opacity:0}
	1.064% {animation-timing-function:ease-out;opacity:0}
	2.128% {opacity:1}
	100% {opacity:1}
}
@keyframes tvStopDaechiScale {
	0% {scale:0.2 0.2}
	1.064% {animation-timing-function:ease-out;scale:0.2 0.2}
	2.66% {animation-timing-function:ease-in-out;scale:1.35 1.35}
	3.989% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvStopGangnamOpacity {
	0% {opacity:0}
	2.128% {animation-timing-function:ease-out;opacity:0}
	3.191% {opacity:1}
	100% {opacity:1}
}
@keyframes tvStopGangnamScale {
	0% {scale:0.2 0.2}
	2.128% {animation-timing-function:ease-out;scale:0.2 0.2}
	3.723% {animation-timing-function:ease-in-out;scale:1.35 1.35}
	5.053% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvNowonOpacity {
	0% {opacity:0}
	11.968% {animation-timing-function:ease-out;opacity:0}
	12.766% {opacity:1}
	100% {opacity:1}
}
@keyframes tvNowonScale {
	0% {scale:0.3 0.3}
	11.968% {animation-timing-function:ease-out;scale:0.3 0.3}
	15.16% {animation-timing-function:ease-in-out;scale:1.3 1.3}
	18.085% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvWave01Opacity {
	0% {opacity:0}
	12.766% {animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);opacity:0}
	13.032% {animation-timing-function:ease-out;opacity:0.9}
	17.553% {opacity:0}
	100% {opacity:0}
}
@keyframes tvWave01Scale {
	0% {scale:1 1}
	12.766% {animation-timing-function:ease-out;scale:1 1}
	17.553% {scale:4.5 4.5}
	100% {scale:4.5 4.5}
}
@keyframes tvWave02Opacity {
	0% {opacity:0}
	14.096% {animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);opacity:0}
	14.362% {animation-timing-function:ease-out;opacity:0.9}
	18.883% {opacity:0}
	100% {opacity:0}
}
@keyframes tvWave02Scale {
	0% {scale:1 1}
	14.096% {animation-timing-function:ease-out;scale:1 1}
	18.883% {scale:4.5 4.5}
	100% {scale:4.5 4.5}
}
@keyframes tvTrimBranch {
	0% {stroke-dasharray:0 1;visibility:hidden}
	3.191% {animation-timing-function:ease-in;stroke-dasharray:0 1;visibility:hidden}
	6.383% {stroke-dasharray:1 1;visibility:visible}
	100% {stroke-dasharray:1 1;visibility:visible}
}
@keyframes tvTrimMain {
	0% {stroke-dasharray:0 1;visibility:hidden}
	6.383% {animation-timing-function:ease-out;stroke-dasharray:0 1;visibility:hidden}
	12.766% {stroke-dasharray:1 1;visibility:visible}
	100% {stroke-dasharray:1 1;visibility:visible}
}
@keyframes tvCometMainOpacity {
	0% {opacity:0}
	6.117% {animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);opacity:0}
	6.915% {opacity:1}
	12.5% {animation-timing-function:ease-out;opacity:1}
	13.564% {opacity:0}
	100% {opacity:0}
}
@keyframes tvCometMainTrim {
	0% {stroke-dasharray:0 1;stroke-dashoffset:0;visibility:hidden}
	6.383% {animation-timing-function:step-end;stroke-dasharray:0 1;stroke-dashoffset:0;visibility:hidden}
	7.181% {animation-timing-function:cubic-bezier(0, 0, 0.565, 0.934);stroke-dasharray:0.1986 1;stroke-dashoffset:0;visibility:visible}
	12.766% {animation-timing-function:cubic-bezier(0.337, 0.659, 0.671, 1);stroke-dasharray:0.0087 1;stroke-dashoffset:-0.9913;visibility:visible}
	13.032% {stroke-dasharray:0.005 1;stroke-dashoffset:-0.995;visibility:visible}
	100% {stroke-dasharray:0.005 1;stroke-dashoffset:-0.995;visibility:visible}
}
@keyframes tvCometBranchOpacity {
	0% {opacity:0}
	2.926% {animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);opacity:0}
	3.723% {opacity:1}
	6.117% {animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);opacity:1}
	6.915% {opacity:0}
	100% {opacity:0}
}
@keyframes tvCometBranchTrim {
	0% {stroke-dasharray:0 1;stroke-dashoffset:0;visibility:hidden}
	3.191% {animation-timing-function:step-end;stroke-dasharray:0 1;stroke-dashoffset:0;visibility:hidden}
	3.989% {animation-timing-function:cubic-bezier(0.348, 0, 0.795, 0.663);stroke-dasharray:0.0935 1;stroke-dashoffset:0;visibility:visible}
	6.383% {animation-timing-function:cubic-bezier(0.626, 0.599, 1, 1);stroke-dasharray:0.169 1;stroke-dashoffset:-0.831;visibility:visible}
	6.649% {stroke-dasharray:0.01 1;stroke-dashoffset:-0.99;visibility:visible}
	100% {stroke-dasharray:0.01 1;stroke-dashoffset:-0.99;visibility:visible}
}
@keyframes tvBlinkOpacity {
	0% {opacity:0}
	18.085% {animation-timing-function:ease-in-out;opacity:0}
	20.745% {animation-timing-function:ease-in-out;opacity:1}
	25% {animation-timing-function:ease-in-out;opacity:0.4}
	29.255% {animation-timing-function:ease-in-out;opacity:1}
	33.511% {animation-timing-function:ease-in-out;opacity:0.4}
	37.766% {animation-timing-function:ease-in-out;opacity:1}
	42.021% {animation-timing-function:ease-in-out;opacity:0.4}
	46.277% {animation-timing-function:ease-in-out;opacity:1}
	50.532% {animation-timing-function:ease-in-out;opacity:0.4}
	54.787% {animation-timing-function:ease-in-out;opacity:1}
	59.043% {animation-timing-function:ease-in-out;opacity:0.4}
	63.298% {animation-timing-function:ease-in-out;opacity:1}
	67.553% {animation-timing-function:ease-in-out;opacity:0.4}
	71.809% {animation-timing-function:ease-in-out;opacity:1}
	76.064% {animation-timing-function:ease-in-out;opacity:0.4}
	80.319% {animation-timing-function:ease-in-out;opacity:1}
	84.574% {animation-timing-function:ease-in-out;opacity:0.4}
	88.83% {animation-timing-function:ease-in-out;opacity:1}
	93.085% {animation-timing-function:ease-in-out;opacity:0.4}
	97.34% {opacity:1}
	100% {opacity:1}
}
@keyframes tvNowonLabelOpacity {
	0% {opacity:1}
	15.426% {animation-timing-function:ease-in-out;opacity:1}
	18.085% {animation-timing-function:ease-in-out;opacity:0.4}
	20.745% {animation-timing-function:ease-in-out;opacity:1}
	25% {animation-timing-function:ease-in-out;opacity:0.4}
	29.255% {animation-timing-function:ease-in-out;opacity:1}
	33.511% {animation-timing-function:ease-in-out;opacity:0.4}
	37.766% {animation-timing-function:ease-in-out;opacity:1}
	42.021% {animation-timing-function:ease-in-out;opacity:0.4}
	46.277% {animation-timing-function:ease-in-out;opacity:1}
	50.532% {animation-timing-function:ease-in-out;opacity:0.4}
	54.787% {animation-timing-function:ease-in-out;opacity:1}
	59.043% {animation-timing-function:ease-in-out;opacity:0.4}
	63.298% {animation-timing-function:ease-in-out;opacity:1}
	67.553% {animation-timing-function:ease-in-out;opacity:0.4}
	71.809% {animation-timing-function:ease-in-out;opacity:1}
	76.064% {animation-timing-function:ease-in-out;opacity:0.4}
	80.319% {animation-timing-function:ease-in-out;opacity:1}
	84.574% {animation-timing-function:ease-in-out;opacity:0.4}
	88.83% {animation-timing-function:ease-in-out;opacity:1}
	93.085% {animation-timing-function:ease-in-out;opacity:0.4}
	97.34% {opacity:1}
	100% {opacity:1}
}
@keyframes tvBlinkWaveOpacity {
	0% {opacity:0}
	20.691% {animation-timing-function:ease-out;opacity:0}
	20.745% {animation-timing-function:ease-out;opacity:0.7}
	27.128% {opacity:0}
	29.202% {animation-timing-function:ease-out;opacity:0}
	29.255% {animation-timing-function:ease-out;opacity:0.7}
	35.638% {opacity:0}
	37.713% {animation-timing-function:ease-out;opacity:0}
	37.766% {animation-timing-function:ease-out;opacity:0.7}
	44.149% {opacity:0}
	46.223% {animation-timing-function:ease-out;opacity:0}
	46.277% {animation-timing-function:ease-out;opacity:0.7}
	52.66% {opacity:0}
	54.734% {animation-timing-function:ease-out;opacity:0}
	54.787% {animation-timing-function:ease-out;opacity:0.7}
	61.17% {opacity:0}
	63.245% {animation-timing-function:ease-out;opacity:0}
	63.298% {animation-timing-function:ease-out;opacity:0.7}
	69.681% {opacity:0}
	71.755% {animation-timing-function:ease-out;opacity:0}
	71.809% {animation-timing-function:ease-out;opacity:0.7}
	78.191% {opacity:0}
	80.266% {animation-timing-function:ease-out;opacity:0}
	80.319% {animation-timing-function:ease-out;opacity:0.7}
	86.702% {opacity:0}
	88.777% {animation-timing-function:ease-out;opacity:0}
	88.83% {animation-timing-function:ease-out;opacity:0.7}
	95.213% {opacity:0}
	100% {opacity:0}
}
@keyframes tvBlinkWaveScale {
	0% {scale:1 1}
	20.745% {animation-timing-function:ease-out;scale:1 1}
	27.128% {animation-timing-function:ease-out;scale:2.6 2.6}
	27.181% {scale:1 1}
	29.255% {animation-timing-function:ease-out;scale:1 1}
	35.638% {animation-timing-function:ease-out;scale:2.6 2.6}
	35.691% {scale:1 1}
	37.766% {animation-timing-function:ease-out;scale:1 1}
	44.149% {animation-timing-function:ease-out;scale:2.6 2.6}
	44.202% {scale:1 1}
	46.277% {animation-timing-function:ease-out;scale:1 1}
	52.66% {animation-timing-function:ease-out;scale:2.6 2.6}
	52.713% {scale:1 1}
	54.787% {animation-timing-function:ease-out;scale:1 1}
	61.17% {animation-timing-function:ease-out;scale:2.6 2.6}
	61.223% {scale:1 1}
	63.298% {animation-timing-function:ease-out;scale:1 1}
	69.681% {animation-timing-function:ease-out;scale:2.6 2.6}
	69.734% {scale:1 1}
	71.809% {animation-timing-function:ease-out;scale:1 1}
	78.191% {animation-timing-function:ease-out;scale:2.6 2.6}
	78.245% {scale:1 1}
	80.319% {animation-timing-function:ease-out;scale:1 1}
	86.702% {animation-timing-function:ease-out;scale:2.6 2.6}
	86.755% {scale:1 1}
	88.83% {animation-timing-function:ease-out;scale:1 1}
	95.213% {animation-timing-function:ease-out;scale:2.6 2.6}
	95.266% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvIntroOpacity {
	0% {animation-timing-function:ease-out;opacity:0}
	2.66% {opacity:1}
	15.426% {animation-timing-function:ease-in;opacity:1}
	18.085% {opacity:0}
	100% {opacity:0}
}
@keyframes tvIntroY {
	0% {animation-timing-function:ease-out;translate:0px var(--tv-intro-y0)}
	2.66% {translate:0px 0px}
	15.426% {animation-timing-function:ease-in;translate:0px 0px}
	18.085% {translate:0px var(--tv-intro-y1)}
	100% {translate:0px var(--tv-intro-y1)}
}
@keyframes tvIntroScale {
	0% {scale:1 1}
	15.426% {animation-timing-function:ease-in;scale:1 1}
	18.085% {scale:0.92 0.92}
	100% {scale:0.92 0.92}
}
@keyframes tvSubOpacity {
	0% {opacity:0}
	18.085% {animation-timing-function:ease-out;opacity:0}
	21.277% {opacity:1}
	100% {opacity:1}
}
@keyframes tvSubY {
	0% {translate:0px var(--tv-sub-y)}
	18.085% {animation-timing-function:ease-out;translate:0px var(--tv-sub-y)}
	21.277% {translate:0px 0px}
	100% {translate:0px 0px}
}
@keyframes tvTitleOpacity {
	0% {opacity:0}
	18.883% {animation-timing-function:ease-out;opacity:0}
	22.606% {opacity:1}
	100% {opacity:1}
}
@keyframes tvTitleY {
	0% {translate:0px var(--tv-title-y)}
	18.883% {animation-timing-function:ease-out;translate:0px var(--tv-title-y)}
	22.606% {translate:0px 0px}
	100% {translate:0px 0px}
}
@keyframes tvTitleScale {
	0% {scale:1.12 1.12}
	18.883% {animation-timing-function:ease-out;scale:1.12 1.12}
	23.138% {scale:1 1}
	100% {scale:1 1}
}
@keyframes tvDescOpacity {
	0% {opacity:0}
	20.745% {animation-timing-function:ease-out;opacity:0}
	23.936% {opacity:1}
	100% {opacity:1}
}
@keyframes tvDescY {
	0% {translate:0px var(--tv-desc-y)}
	20.745% {animation-timing-function:ease-out;translate:0px var(--tv-desc-y)}
	23.936% {translate:0px 0px}
	100% {translate:0px 0px}
}
@keyframes tvCtaOpacity {
	0% {opacity:0}
	21.809% {animation-timing-function:ease-out;opacity:0}
	25% {opacity:1}
	100% {opacity:1}
}
@keyframes tvCtaY {
	0% {translate:0px var(--tv-cta-y)}
	21.809% {animation-timing-function:ease-out;translate:0px var(--tv-cta-y)}
	25% {translate:0px 0px}
	100% {translate:0px 0px}
}
@keyframes tvCtaScale {
	0% {scale:0.9 0.9}
	21.809% {animation-timing-function:ease-out;scale:0.9 0.9}
	25% {scale:1 1}
	100% {scale:1 1}
}
/* 버튼은 등장이 끝난 시점(25% = 4.7s)부터 클릭 가능 */
@keyframes tvCtaShow {
	0%, 24.999% {visibility:hidden}
	25%, 100% {visibility:visible}
}

/* 섹션 공통 (PC 시안 기준) */
.teaser-sec {position:relative;overflow:hidden;padding:60px 0;color:#fff}
.sec-bg {position:absolute;top:0;bottom:0;left:50%;width:1920px;margin-left:-960px;pointer-events:none}
.sec-bg img {position:absolute;display:block}
.sec-inner {position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.sec-title {display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.sec-label {display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;color:#ccc;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.label-dot {display:block;width:8px;height:8px;border-radius:50%;background:#41e3b6}
.title-main {color:#fff;font-weight:700;font-size:48px;line-height:64px;letter-spacing:-0.96px}
.title-desc {color:#e5e5e5;font-size:18px;line-height:26px;letter-spacing:-0.36px}
.txt-mint {color:#41e3b6}
.txt-bar {display:block;width:32px;height:3px;background:rgb(255 255 255 / 30%)}
.block-title {color:#fff;font-weight:700;font-size:28px;line-height:38px;letter-spacing:-0.56px}

/* 수능 변화 */
.teaser-change {background:#1c1d24}
.change-panel {display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:32px;padding:40px;border:1px solid rgb(255 255 255 / 15%);border-radius:16px}
.change-band {display:flex;align-items:center;gap:24px}
.change-before {display:flex;align-items:center;gap:16px;color:#999;font-size:20px;line-height:28px;letter-spacing:-0.4px;white-space:nowrap}
.change-bar {display:block;flex:none;width:2px;height:16px;background:#999;opacity:.3}
.change-arrow {display:block;flex:none}
.change-after {display:flex;align-items:center;gap:16px;font-weight:700;font-size:32px;line-height:42px;letter-spacing:-0.64px;white-space:nowrap}
.change-after strong {margin-right:16px;font-weight:700}
.change-after .change-bar {height:26px;background:#fff}
.change-point {display:flex;align-items:center;gap:4px}
.change-point em {background:linear-gradient(90deg, #41e3b6, #3d6eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.change-point svg {display:block;flex:none}
.change-point .check-mo {display:none}
.change-subject {display:flex;gap:16px;width:100%}
.change-subject li {position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border-radius:12px;background:#272833;text-align:center;overflow:hidden}
.change-subject strong {font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px;white-space:nowrap}
.change-subject span {color:#e5e5e5;font-size:15px;line-height:22px;letter-spacing:-0.15px}
.change-subject .tag-new {position:absolute;top:0;right:0;padding:4px 12px;border-radius:0 0 0 12px;background:rgb(65 227 182 / 12%);color:#41e3b6;font-weight:700;font-size:13px;line-height:18px}
.change-redesign {margin-top:60px}
.redesign-title {font-weight:700;font-size:28px;line-height:38px;letter-spacing:-0.56px;text-align:center}
.change-point-list {display:flex;gap:24px;margin-top:32px}
.change-point-list li {flex:1 1 0;min-width:0;padding:40px 32px;border-radius:16px;background:#272833}
.point-cate {display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#e5e5e5;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px;white-space:nowrap}
.point-cate span {opacity:.4;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px}
.point-title {display:block;color:#41e3b6;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px}
.point-desc {margin-top:12px;color:#e5e5e5;font-size:16px;line-height:24px;letter-spacing:-0.16px}

/* 01 강사진 */
.teaser-teacher {background:#07070b}
.teacher-glow-mint {left:-363px;bottom:-577px}
.teacher-glow-purple {left:924px;top:-546px}
.teacher-list {display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:24px;margin-top:32px}
.teacher-list li {position:relative;border-radius:16px;background:#1f202b;overflow:hidden}
.teacher-photo {position:relative;height:235px;overflow:hidden;background:#1f202b}
.teacher-photo img {position:absolute;display:block}
.teacher-photo .photo-bg {top:0;left:0;width:100%;height:100%}
.teacher-photo .photo {top:31px;left:50%;margin-left:-117.5px}
.teacher-info {display:flex;flex-direction:column;gap:2px;padding:24px;white-space:nowrap}
.teacher-subject {color:#e5e5e5;font-size:15px;line-height:22px;letter-spacing:-0.15px}
.teacher-name {font-size:0;line-height:0}
.teacher-name strong {color:#fff;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.teacher-name span {color:#e5e5e5;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.teacher-badge {position:absolute;top:0;right:0;padding:12px 16px;border-radius:0 0 0 12px;background:rgb(7 7 11 / 31%);font-weight:700;font-size:14px;line-height:18px;white-space:nowrap}
.teacher-count {display:flex;justify-content:center;gap:12px;margin-top:32px}
.teacher-count li {padding:12px 24px;border-radius:999px;background:rgb(65 227 182 / 12%);color:#41e3b6;font-size:18px;line-height:26px;letter-spacing:-0.36px;white-space:nowrap}
.teacher-count strong {font-weight:700}
.teacher-update {display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:60px}
.update-arrow {display:block;animation:tvUpdateArrow 2s linear infinite}
.teacher-update p {opacity:.3;font-weight:700;font-size:32px;line-height:42px;letter-spacing:-0.64px;text-align:center}
/* 업데이트 화살표: Figma 모션(243:6713) 2s 반복 */
@keyframes tvUpdateArrow {
	0% {animation-timing-function:ease-in-out;opacity:0.55;translate:0px -4px}
	25% {animation-timing-function:ease-in-out;opacity:1;translate:0px 4px}
	50% {animation-timing-function:ease-in-out;opacity:0.55;translate:0px -4px}
	75% {animation-timing-function:ease-in-out;opacity:1;translate:0px 4px}
	100% {opacity:0.55;translate:0px -4px}
}

/* 02 수업 시스템 */
.teaser-class {background:#1c1d24}
.class-subject {display:flex;gap:81px;height:283px;margin-top:32px;padding:40px;border-radius:16px;background:#272833}
.class-subject li {position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:24px}
.class-subject li + li::before {content:"";position:absolute;top:0;bottom:0;left:-41px;width:1px;background:rgb(229 229 229 / 10%)}
.subject-name {color:#41e3b6;font-weight:700;font-size:28px;line-height:38px;letter-spacing:-0.56px}
.subject-part {font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.subject-desc {margin-top:-12px;color:#e5e5e5;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.class-block {display:flex;align-items:flex-start;gap:32px;margin-top:32px;padding:40px;border-radius:16px;background:#272833}
.class-subject + .class-block .block-title {color:#41e3b6}
.block-text {flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:24px}
.block-desc {color:#e5e5e5;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.class-time {flex:none;width:440px;padding-top:40px}
.time-bar {display:flex;gap:4px;height:56px}
.time-bar li {display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / 10%);font-weight:600;font-size:15px;line-height:22px;letter-spacing:-0.15px;white-space:nowrap}
.time-bar .time-remind {width:110px;border-radius:8px 0 0 8px}
.time-bar .time-main {flex:1 1 0;background:linear-gradient(90deg, #41e3b6, #3d6eff);color:#07070b}
.time-bar .time-test {width:72px;border-radius:0 8px 8px 0}
.time-legend {position:relative;height:148px;margin-top:32px}
.time-legend li {position:absolute;width:158.667px;display:flex;flex-direction:column;gap:8px}
.time-legend li::before {content:"";position:absolute;width:1px;background:#555;opacity:.5}
.time-legend li::after {content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#555}
.time-legend strong {font-weight:600;font-size:15px;line-height:22px;letter-spacing:-0.15px;white-space:nowrap}
.time-legend p {color:#e5e5e5;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.time-legend .legend-remind {left:0;top:14px}
.time-legend .legend-remind::before {left:54.5px;top:-46px;height:32px}
.time-legend .legend-remind::after {left:51px;top:-18px}
.time-legend .legend-main {left:158.67px;top:92px;align-items:center;text-align:center}
.time-legend .legend-main::before {left:81.83px;top:-124px;height:110px}
.time-legend .legend-main::after {left:78.33px;top:-18px}
.time-legend .legend-test {left:279.33px;top:14px;align-items:flex-end;text-align:right}
.time-legend .legend-test::before {left:122.17px;top:-46px;height:32px}
.time-legend .legend-test::after {left:118.67px;top:-18px}
.class-level {flex:none;display:flex;align-items:flex-end;gap:16px;width:440px;padding-top:40px}
.class-level li {flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:16px;border-radius:12px 12px 0 0;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px;white-space:nowrap}
.class-level li:nth-child(1) {height:80px;background:rgb(255 255 255 / 10%)}
.class-level li:nth-child(2) {height:127px;background:rgb(255 255 255 / 16%)}
.class-level li:nth-child(3) {height:181px;background:rgb(255 255 255 / 24%)}
.class-level li:nth-child(4) {height:238px;background:linear-gradient(180deg, #41e3b6, #3d6eff);color:#07070b;font-size:20px;line-height:28px;letter-spacing:-0.4px}

/* 03 담임 */
.teaser-advisor {background:#07070b}
.advisor-glow-mint {left:859px;bottom:-404px}
.advisor-glow-purple {left:-403px;top:-490px}
.advisor-table, .week-table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.advisor-table {margin-top:32px}
.advisor-table .col-basis {width:140px}
.advisor-table th, .advisor-table td {padding:20px 24px;border-bottom:1px solid #303030;text-align:center;vertical-align:middle}
.advisor-table thead th {border-top:1px solid #303030;border-right:1px solid #303030;background:rgb(255 255 255 / 8%);color:#e5e5e5;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.advisor-table thead th.is-point {border-color:rgb(255 255 255 / 10%);border-right:0;background:rgb(65 227 182 / 10%);color:#41e3b6;font-weight:600}
.advisor-table tbody td {border-right:1px solid #303030;color:#dbdbdb;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.advisor-table tbody th {border-right:1px solid #303030;background:rgb(255 255 255 / 8%);color:#e5e5e5;font-weight:600;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.advisor-table tbody td.is-point {border-right:0;background:rgb(65 227 182 / 4%);color:#41e3b6;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.advisor-week {margin-top:60px}
.advisor-week .block-title {margin-bottom:32px;text-align:center}
.week-table .col-head {width:140px}
.week-table th, .week-table td {padding:20px 24px;border-bottom:1px solid #303030;border-right:1px solid #303030;text-align:center;vertical-align:middle}
.week-table thead th {border-top:1px solid #303030;background:rgb(255 255 255 / 8%);color:#fff;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.week-table thead th[scope="row"] {color:#e5e5e5;font-weight:400}
.week-table thead th.is-month {border-right:0;background:rgb(255 255 255 / 12%)}
.week-table tbody th {background:rgb(255 255 255 / 8%);color:#e5e5e5;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.week-table tbody td strong {display:block;color:#fff;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.week-table tbody td p {margin-top:4px;color:#e5e5e5;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.week-table tbody td.is-month {border-right:0;background:rgb(255 255 255 / 6%)}
.advisor-result {margin-top:60px}
.result-title {font-weight:700;font-size:32px;line-height:42px;letter-spacing:-0.64px;text-align:center}
/* .result-stat {display:flex;align-items:center;gap:24px;margin-top:32px;padding:40px;border:1px solid #41e3b6;border-radius:16px;background:#1f202b;text-align:center} */
.result-stat {display:flex;align-items:center;gap:24px;margin-top:32px;padding:40px;border:1px solid transparent;border-radius:16px;background:linear-gradient(#1f202b,#1f202b) padding-box,linear-gradient(108.42deg,#41e3b6 -18.382%,#3d6eff 109.05%) border-box;text-align:center}
.result-stat li {flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.result-stat strong {background:linear-gradient(108.42deg, #41e3b6 -18.382%, #3d6eff 109.05%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-size:48px;line-height:56px;letter-spacing:-0.96px;white-space:nowrap}
.result-stat li:nth-child(2) strong {background-image:linear-gradient(105.89deg, #41e3b6 -18.382%, #3d6eff 109.05%)}
.result-stat li:nth-child(3) strong {background-image:linear-gradient(100.74deg, #41e3b6 -18.382%, #3d6eff 109.05%)}
.result-stat li:nth-child(4) strong {background-image:linear-gradient(102.34deg, #41e3b6 -18.382%, #3d6eff 109.05%)}
.result-stat p {color:#e5e5e5;font-size:16px;line-height:24px;letter-spacing:-0.16px}
.result-chart {display:flex;gap:24px;margin-top:32px}
.chart-box {flex:1 1 0;min-width:0;height:387px;display:flex;flex-direction:column;align-items:center;padding:40px;border-radius:16px;background:#1f202b;overflow:hidden}
.chart-freq {gap:32px}
.chart-year {gap:24px}
.chart-title {font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px;text-align:center;white-space:nowrap}
.freq-list {flex:1 1 0;width:100%;display:flex;flex-direction:column;justify-content:center;gap:20px}
.freq-list li {display:flex;align-items:center;gap:16px}
.freq-label {flex:none;width:96px;color:#e5e5e5;font-size:15px;line-height:22px;letter-spacing:-0.15px;text-align:right}
.freq-bar {display:block;flex:none;height:40px;border-radius:0 8px 8px 0}
.freq-low .freq-bar {width:45px;background:rgb(255 255 255 / 15%)}
.freq-mid .freq-bar {width:113px;background:#3b3c41}
.freq-high .freq-bar {width:230px;background:#346de9}
.freq-list strong {font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px;white-space:nowrap}
.freq-high strong {font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px}
.year-legend {display:flex;gap:24px}
.year-legend li {display:flex;align-items:center;gap:8px;color:#e5e5e5;font-size:15px;line-height:22px;letter-spacing:-0.15px;white-space:nowrap}
.year-legend li::before {content:"";width:12px;height:12px;border-radius:8px;background:rgb(255 255 255 / 25%)}
.year-legend .legend-focus::before {background:#41e3b6}
.year-plot {position:relative;width:100%;padding-top:32px;border-bottom:1px solid rgb(255 255 255 / 25%)}
.year-bars {display:flex;justify-content:center;align-items:flex-end;gap:40px}
.year-bars li {display:flex;align-items:flex-end;gap:4px}
.year-bars i {display:block;width:28px;border-radius:8px 8px 0 0}
.year-bars .bar-avg {background:rgb(255 255 255 / 25%)}
.year-bars .bar-focus {background:#41e3b6}
.year-bars li:nth-child(1) .bar-avg {height:64px}
.year-bars li:nth-child(1) .bar-focus {height:58px}
.year-bars li:nth-child(2) .bar-avg {height:78px}
.year-bars li:nth-child(2) .bar-focus {height:90px}
.year-bars li:nth-child(3) .bar-avg {height:92px}
.year-bars li:nth-child(3) .bar-focus {height:118px}
.year-bars li:nth-child(4) .bar-avg {height:104px}
.year-bars li:nth-child(4) .bar-focus {height:144px}
.year-trend {position:absolute;top:15.06px;left:50%;margin-left:-169.5px}
.year-axis {display:flex;justify-content:center;gap:40px;width:100%;margin-top:-12px}
.year-axis li {width:60px;color:#e5e5e5;font-size:15px;line-height:22px;letter-spacing:-0.15px;text-align:center}
.txt-small {margin-top: 16px;text-align: right;color:#E5E5E5;font-size: 15px;font-weight: 400;line-height: 22px;letter-spacing: -0.15px;}


/* 실전 콘텐츠 */
.teaser-fee {background:#1c1d24}
.teaser-fee .sec-inner {display:flex;flex-direction:column;gap:24px}
.fee-card {display:flex;align-items:flex-start;gap:32px;padding:40px;border:1px solid rgb(255 255 255 / 10%);border-radius:16px}
.fee-head {flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;padding-left:24px;border-left:2px solid #41e3b6;white-space:nowrap}
.fee-title {font-weight:700;font-size:28px;line-height:38px;letter-spacing:-0.56px}
.fee-sub {color:#ccc;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.fee-body {flex:1 1 0;min-width:0;padding-top:40px}
.content-chip {display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px}
.content-chip li {padding:12px 20px;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:rgb(255 255 255 / 2%);font-weight:600;font-size:16px;line-height:24px;letter-spacing:-0.16px;white-space:nowrap}

/* 사전알림 신청 */
.teaser-apply {background:linear-gradient(180deg, #07070b, #0e101b)}
.apply-glow-blue {left:740px;top:40px}
.apply-glow-purple {left:40px;top:-10px}
.teaser-apply .sec-inner {display:flex;flex-direction:column;align-items:center;gap:40px}
.apply-benefit {display:flex;gap:24px}
.apply-benefit li {display:flex;align-items:center;gap:24px;width:420px;padding:32px;border-radius:16px;background:rgb(255 255 255 / 5%)}
.benefit-num {flex:none;padding:8px 16px;border-radius:999px;background:rgb(65 227 182 / 12%);color:#41e3b6;font-weight:600;font-size:15px;line-height:22px;letter-spacing:-0.15px;white-space:nowrap}
.apply-benefit strong {flex:1 1 0;min-width:0;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-0.4px}
.apply-btn {display:flex;align-items:center;justify-content:center;width:500px;height:61px;border-radius:8px;background:linear-gradient(90deg, #41e3b6, #3d6eff);filter:drop-shadow(0 0 20px rgb(61 110 255 / 45%));color:#fff;font-weight:600;font-size:18px;line-height:26px;letter-spacing:-0.36px;text-decoration:none}

/* 공개 예정 */
.teaser-coming {border-top:1px solid rgb(255 255 255 / 10%);background:linear-gradient(180deg, #07070b, #0e101b)}
.coming-glow-blue {left:112px;top:-153px}
.coming-glow-purple {left:740px;top:-203px}
.sec-bg .coming-glow-white {position:absolute;display:block;left:423px;top:-300.5px;width:1075px;height:431px;border-radius:50%;background:#fff;opacity:.6;filter:blur(94px);mix-blend-mode:overlay}
.teaser-coming .sec-inner {display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.coming-desc {font-weight:700;font-size:24px;line-height:32px;letter-spacing:-0.48px}
.coming-title {position:relative;background:linear-gradient(90deg, #41e3b6, #3d6eff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-size:56px;line-height:72px;letter-spacing:9.52px;white-space:nowrap;margin-right:-0.17em;--shine-w:171.411px;--shine-from:-218.25px;--shine-to:520px}
/* 반짝임: Figma 모션(471:616) 2s 반복 - 1s 동안 왼쪽→오른쪽, 1s 정지 */
.coming-shine {position:absolute;inset:0;background:linear-gradient(110deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 60%) 35%, #fff 50%, rgb(255 255 255 / 60%) 65%, rgb(255 255 255 / 0%) 100%) no-repeat;background-size:var(--shine-w) 100%;background-position:var(--shine-from) 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tvComingShine 2s linear infinite}
@keyframes tvComingShine {
	0% {background-position:var(--shine-from) 0}
	50%, 100% {background-position:var(--shine-to) 0}
}
@media (prefers-reduced-motion:reduce) {
	.coming-shine {display:none}
}

/* 사전알림 신청 레이어 (PC/TA) */
.alarm-layer {display:none;position:fixed;inset:0;z-index:2000}
.alarm-layer.is-open {display:flex;align-items:center;justify-content:center}
.alarm-dim {position:absolute;inset:0;background:rgb(0 0 0 / 60%)}
.alarm-box {position:relative;width:min(794px, calc(100% - 40px));height:min(850px, calc(100% - 40px))}
.alarm-frame {display:block;width:100%;height:100%;border:0;background:#fff}
body.alarm-lock {overflow:hidden}

/* TA: TA 시안 기준 */
@media (max-width:1199px) {
	/* 상단 비주얼: 높이 760, 배경·라인은 PC 장면을 50% 축소 */
	.teaser-visual {height:760px;--tv-russel-x0:-210px;--tv-russel-x1:-8px;--tv-intro-y0:18px;--tv-intro-y1:-36px;--tv-sub-y:22.5px;--tv-title-y:30px;--tv-desc-y:22.5px;--tv-cta-y:22.5px}
	.visual-stage {top:163px;transform:scale(.5);transform-origin:960px 0}
	.visual-glow.glow-03 {left:430.5px;top:45.1px}
	.visual-glow.glow-02 {left:750.5px;top:-189.1px}
	.visual-glow.glow-01 {left:7.5px;top:303.4px}
	/* .visual-russel.russel-bottom {left:-294px} */
	.visual-russel.russel-bottom {left:-152px}
	.visual-intro {left:24px;right:24px;top:140px;width:auto;max-width:720px;margin:0 auto;font-size:64px;line-height:78px;letter-spacing:-1.28px}
	.visual-main {left:24px;right:24px;top:88px;width:auto;max-width:720px;margin:0 auto}
	.visual-main .top-badge {display:block;background-image:linear-gradient(163.2deg, #41e3b6 -13.53%, #3d6eff 164.73%);font-size:22px;line-height:32px;letter-spacing:-0.44px}
	.visual-main .top-title {margin-top:20px;font-size:64px;line-height:78px;letter-spacing:-1.28px}
	.visual-main .top-desc {margin-top:24px;font-size:18px;line-height:28px;letter-spacing:-0.36px}
	.visual-main .top-btns {margin-top:24px}
	.visual-main .btn-change {width:175px;padding:12px 0;white-space:nowrap}

	/* 섹션 공통 */
	.sec-inner {padding:0 24px}
	.sec-bg {left:0;width:100%;margin-left:0}

	/* 수능 변화: 2027 한 줄, 화살표+2028 한 줄 */
	.change-band {flex-wrap:wrap;justify-content:center;gap:16px 24px}
	.change-before {flex-basis:100%;justify-content:center}
	.change-subject {flex-wrap:wrap;justify-content:center;gap:12px;width:640px;max-width:100%}
	.change-subject li {flex:0 0 204px}
	.point-cate {color:rgb(229 229 229 / 50%)}
	.point-cate span {opacity:1;color:#e5e5e5}

	/* 01 강사진: 4열 */
	.teacher-glow-mint {left:-286.5px;bottom:-545px}
	.teacher-glow-purple {left:-49px;top:-546px}
	.teacher-list {grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px 16px}
	.teacher-info {padding:16px}

	/* 02 수업 시스템: 과목 카드는 세로 목록 */
	.class-subject {flex-direction:column;gap:49px;height:auto}
	.class-subject li {display:block;padding-left:204px}
	.class-subject li + li::before {top:-25px;bottom:auto;left:0;right:0;width:auto;height:1px}
	.subject-name {position:absolute;top:0;left:0}
	.class-subject .txt-bar {position:absolute;top:62px;left:0}
	.subject-desc {margin-top:12px}
	.class-block {flex-direction:column;align-items:flex-end;gap:24px;margin-top:24px}
	.block-text {flex:none;width:100%}

	/* 03 담임 */
	.advisor-glow-mint {left:303.5px;bottom:-404px}
	.advisor-glow-purple {left:-403px;top:-490px}
	.advisor-table .col-basis {width:100px}
	/* 담임의 일주일: 요일을 세로로 배치 (표 구조는 그대로, 그리드로 행·열 전환) */
	.week-table {display:grid;grid-template-columns:140px minmax(0, 1fr);grid-template-rows:repeat(6, auto);grid-auto-flow:column;border-top:1px solid #303030}
	.week-table colgroup {display:none}
	.week-table thead, .week-table tbody, .week-table tr {display:contents}
	.week-table th, .week-table td {display:flex;flex-direction:column;justify-content:center;align-items:center}
	.week-table thead th {border-top:0}
	.week-table tbody th, .week-table tbody td {border-right:0}
	.week-table tbody td {flex-direction:row;gap:8px;white-space:nowrap}
	.week-table tbody td p {margin-top:0}
	.week-table tbody td p br {display:none}
	.result-stat {flex-wrap:wrap;gap:32px 24px}
	.result-stat li {flex:0 0 calc((100% - 24px) / 2)}
	.result-chart {flex-direction:column;margin-top:24px}
	.chart-box {flex:none;flex-direction:row;align-items:flex-start;justify-content:center;height:auto}
	.chart-title {flex:none;width:240px;text-align:left;white-space:normal}
	.freq-list {flex:1 1 0;min-width:0;width:auto}
	.freq-low .freq-bar {width:37px}
	.freq-mid .freq-bar {width:97px}
	.freq-high .freq-bar {width:174px}
	.chart-year {display:grid;grid-template-columns:240px minmax(0, 1fr);column-gap:24px;row-gap:24px}
	.chart-year .chart-title {grid-row:1 / 4}
	.year-legend {justify-self:center}

	/* 실전 콘텐츠 */
	.fee-card {flex-direction:column;gap:24px}
	.fee-head {flex:none;width:280px}
	.fee-body {flex:none;width:100%;padding-top:0}

	/* 사전알림 신청 */
	.apply-glow-blue {left:124px;top:40px}
	.apply-glow-purple {left:-576px;top:-10px}
	.apply-benefit {width:100%}
	.apply-benefit li {flex:1 1 0;min-width:0;width:auto}

	/* 공개 예정 */
	.coming-glow-blue {left:172px;top:-105px;width:840px;height:702px}
	.coming-glow-purple {left:-260px;top:-140px;width:840px;height:702px}
	.sec-bg .coming-glow-white {left:58px;top:-206.5px;width:740px;height:297px}
}

/* MO: MO 시안 기준 */
@media (max-width:767px) {
	/* 상단 고정 헤더(.gnb-inner 55px)에 가리지 않게 앵커 이동 위치 보정 */
	.teaser-sec {scroll-margin-top:55px}
	/* 상단 비주얼: 높이 542, 라인은 PC 장면을 31.56% 축소 (도시·글로우·RUSSEL은 시안 크기에 맞춰 추가 배율) */
	.teaser-visual {height:542px;--tv-russel-x0:-136.27px;--tv-russel-x1:-5.19px;--tv-route-dim:.4;--tv-intro-y0:12px;--tv-intro-y1:-24px;--tv-sub-y:15px;--tv-title-y:20px;--tv-desc-y:15px;--tv-cta-y:15px}
	.visual-stage {top:105.07px;transform:translateX(-1.25px) scale(.315556)}
	.visual-glow.glow-01 {left:78.3px;top:357.2px;transform:scale(1.0805)}
	.visual-glow.glow-03 {left:356.5px;top:-0.8px;transform:scale(1.0805)}
	.visual-glow.glow-02 {left:594.2px;top:-320.6px;transform:scale(1.0805)}
	.visual-city {transform:scale(1.0865)}
	/* .visual-russel.russel-bottom {left:-133.7px;top:1188.2px;transform:scale(.8643);transform-origin:0 0} */
	.visual-russel.russel-bottom {left:6.3px;top:1188.2px;transform:scale(.8643);transform-origin:0 0}
	.visual-edge {display:none}
	.route-label {font-size:41.2px;line-height:44.44px;letter-spacing:-0.82px}
	.label-daechi {left:32.83px;top:464.25px}
	.label-gangnam {left:122.6px;top:281.3px}
	.label-nowon {left:57.8px;top:104px;font-size:44.37px;line-height:44.44px;letter-spacing:-0.89px}
	.dot-daechi, .dot-gangnam {transform:scale(1.408)}
	.visual-intro {left:16px;right:16px;top:120px;max-width:328px;font-size:34px;line-height:44px;letter-spacing:-0.68px}
	.visual-main {left:16px;right:16px;top:72px;max-width:328px}
	.visual-main .top-badge {background-image:linear-gradient(153.57deg, #41e3b6 -13.53%, #3d6eff 164.73%);font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.visual-main .top-title {margin-top:8px;font-size:34px;line-height:44px;letter-spacing:-0.68px}
	.visual-main .top-desc {width:auto;margin-top:16px;font-size:14px;line-height:22px;letter-spacing:-0.28px}
	.visual-main .top-btns {position:absolute;top:354px;left:0;width:100%;gap:8px;margin-top:0}
	.visual-main .top-btn {flex:1 1 0;width:auto;height:44px;padding:4px 12px;border-radius:4px;font-weight:500;font-size:13px;line-height:18px;letter-spacing:-0.13px}
	.visual-main .btn-apply {background-image:linear-gradient(109.69deg, #41e3b6 -39.731%, #3d6eff 103.79%)}

	/* 섹션 공통 */
	.teaser-sec {padding:40px 0}
	.sec-inner {padding:0 16px}
	.sec-title {gap:12px}
	.sec-label {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.title-main {font-size:28px;line-height:38px;letter-spacing:-0.56px}
	.title-desc {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.block-title {font-size:20px;line-height:28px;letter-spacing:-0.4px}

	/* 수능 변화: 2027 → 화살표(아래) → 2028 세로 배치 */
	.change-panel {gap:20px;margin-top:20px;padding:16px}
	.change-band {flex-direction:column;flex-wrap:nowrap;gap:8px}
	.change-band .change-bar {display:none}
	.change-before {flex-direction:column;flex-basis:auto;gap:2px;font-size:17px;line-height:24px;letter-spacing:-0.34px;white-space:normal;text-align:center}
	.change-arrow {display:flex;align-items:center;justify-content:center;width:31px;height:39.554px}
	.change-arrow svg {flex:none;width:39.554px;height:31px;transform:rotate(90deg)}
	.change-after {flex-direction:column;gap:2px;font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.change-after strong {margin-right:0}
	.change-point .check-pc {display:none}
	.change-point .check-mo {display:block}
	.change-subject {gap:8px;width:100%}
	.change-subject li {flex:1 1 calc((100% - 16px) / 3);gap:2px;padding:12px 8px}
	.change-subject li:nth-child(n+4) {flex-basis:calc((100% - 8px) / 2);padding:24px 8px}
	.change-subject strong {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.change-subject span {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.change-redesign {margin-top:40px}
	.redesign-title {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.change-point-list {flex-direction:column;gap:16px;margin-top:20px}
	.change-point-list li {display:grid;grid-template-columns:76px minmax(0, 1fr);column-gap:12px;align-items:start;padding:16px}
	.point-cate {grid-row:1 / 3;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:0;font-size:17px;line-height:24px;letter-spacing:-0.34px;white-space:normal}
	.point-cate span {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.point-title, .point-desc {grid-column:2}
	.point-title {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.point-desc {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	/* 01 강사진: 자동 롤링 슬라이드 */
	.teacher-glow-mint {left:-86.9px;bottom:1875.4px;width:498.75px;height:376.25px}
	.teacher-glow-purple {left:89px;top:-91px;width:462px;height:392px}
	.teacher-swiper {position:relative;margin:20px -16px 0 -8px;overflow:hidden}
	.teacher-list {display:flex;gap:0;margin-top:0}
	.teacher-list li {flex:none;width:120px;border-radius:8px}
	.teacher-photo {height:184px}
	.teacher-photo .photo {top:51px;width:166px;height:166px;margin-left:-83px}
	.teacher-info {gap:0;padding:8px}
	.teacher-subject {font-size:12px;line-height:18px;letter-spacing:0}
	.teacher-name strong, .teacher-name span {font-weight:600;font-size:14px;line-height:24px;letter-spacing:-0.28px}
	.teacher-badge {padding:4px 6px;font-weight:400;font-size:12px;line-height:18px;text-align:center}
	.badge-slash {display:none}
	.teacher-count {flex-wrap:wrap;gap:8px;margin-top:20px}
	.teacher-count li {padding:8px 16px;font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.teacher-update {margin-top:20px}
	.update-arrow svg {width:79px;height:40.15px}
	.teacher-update p {font-size:24px;line-height:32px;letter-spacing:-0.48px}

	/* 02 수업 시스템 */
	.class-subject {gap:41px;margin-top:20px;padding:16px}
	.class-subject li {padding-left:56px}
	.class-subject li + li::before {top:-21px}
	.class-subject .txt-bar {top:40px;width:24px}
	.subject-name {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.subject-part {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.subject-desc {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.class-block {align-items:stretch;gap:20px;margin-top:16px;padding:16px}
	.block-text {gap:12px}
	.block-text .txt-bar {width:24px}
	.block-desc {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.class-time {width:100%;padding-top:0}
	.time-bar {height:36px}
	.time-bar li {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.time-bar .time-remind {width:74px;border-radius:6px 0 0 6px}
	.time-bar .time-test {width:48px;border-radius:0 6px 6px 0}
	.time-legend {height:144px;margin-top:24px}
	.time-legend li {width:118px}
	.time-legend li::after {width:6px;height:6px}
	.time-legend strong {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.time-legend .legend-remind {top:12px}
	.time-legend .legend-remind::before {left:37px;top:-36px;height:24px}
	.time-legend .legend-remind::after {left:34.5px;top:-15px}
	.time-legend .legend-main {left:calc(50% - 59px);top:96px}
	.time-legend .legend-main p {white-space:nowrap}
	.time-legend .legend-main::before {left:72px;top:-120px;height:108px}
	.time-legend .legend-main::after {left:69.5px;top:-15px}
	.time-legend .legend-test {left:auto;right:0;top:12px}
	.time-legend .legend-test::before {left:94px;top:-36px;height:24px}
	.time-legend .legend-test::after {left:91.5px;top:-15px}
	.class-level {width:100%;gap:12px;padding-top:24px}
	.class-level li {padding-bottom:12px;border-radius:8px 8px 0 0;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.class-level li:nth-child(1) {height:53.455px}
	.class-level li:nth-child(2) {height:84.859px}
	.class-level li:nth-child(3) {height:120.941px}
	.class-level li:nth-child(4) {height:159.027px;font-size:17px;line-height:24px;letter-spacing:-0.34px}

	/* 03 담임 */
	.advisor-glow-mint {left:210.94px;bottom:-139.64px;width:498.75px;height:376.25px}
	.advisor-glow-purple {left:-175px;top:-203.69px;width:462px;height:392px}
	.advisor-table {margin-top:20px}
	.advisor-table col:first-child {width:128px}
	.advisor-table .col-basis {width:58px}
	.advisor-table th, .advisor-table td {padding:8px}
	.advisor-table thead th, .advisor-table tbody th, .advisor-table tbody td, .advisor-table tbody td.is-point {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.advisor-table thead th:nth-child(2), .advisor-table tbody th {padding:4px}
	.advisor-week {margin-top:40px}
	.advisor-week .block-title {margin-bottom:20px}
	.week-table {grid-template-columns:81px minmax(0, 1fr)}
	.week-table th, .week-table td {padding:12px}
	.week-table thead th.is-month {padding:12px 4px}
	.week-table tbody td {flex-direction:column;gap:4px;white-space:normal}
	.week-table tbody td p br {display:inline}
	.week-table thead th, .week-table tbody th, .week-table tbody td strong, .week-table tbody td p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.advisor-result {margin-top:40px}
	.result-title {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.result-stat {align-items:stretch;gap:16px 8px;margin-top:20px;padding:24px}
	.result-stat li:nth-child(2) p {margin:auto 0}
	.result-stat li {flex:1 1 calc((100% - 8px) / 2);gap:2px}
	.result-stat strong {font-size:28px;line-height:1.35;letter-spacing:-0.56px}
	.result-stat p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.result-chart {gap:16px;margin-top:16px}
	.chart-box {flex-direction:column;align-items:center;padding:16px}
	.chart-title {width:auto;font-size:17px;line-height:24px;letter-spacing:-0.34px;text-align:center}
	.chart-freq {gap:20px}
	.freq-list {flex:none;width:100%;gap:12px}
	.freq-list li {height:30px;gap:8px}
	.freq-label {width:72px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.freq-bar {height:24px;border-radius:0 4px 4px 0}
	.freq-low .freq-bar {width:25px}
	.freq-mid .freq-bar {width:63px}
	.freq-high .freq-bar {width:128px}
	.freq-list strong {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.freq-high strong {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.chart-year {display:flex;gap:24px}
	.year-legend {align-self:center;gap:16px}
	.year-legend li {gap:8px;font-size:13px;line-height:18px;letter-spacing:0}
	.year-legend li::before {width:9px;height:9px}
	.year-plot {padding-top:20px}
	.year-bars {gap:24px}
	.year-bars li {gap:2px}
	.year-bars i {width:16.205px;border-radius:4px 4px 0 0}
	.year-bars li:nth-child(1) .bar-avg {height:37.039px}
	.year-bars li:nth-child(1) .bar-focus {height:33.567px}
	.year-bars li:nth-child(2) .bar-avg {height:45.142px}
	.year-bars li:nth-child(2) .bar-focus {height:52.087px}
	.year-bars li:nth-child(3) .bar-avg {height:53.244px}
	.year-bars li:nth-child(3) .bar-focus {height:68.291px}
	.year-bars li:nth-child(4) .bar-avg {height:60.189px}
	.year-bars li:nth-child(4) .bar-focus {height:83.339px}
	.year-trend {top:8.72px;margin-left:-98.1px}
	.year-trend svg {width:182.882px;height:49.772px}
	.year-axis {gap:24px;margin-top:-16.4px}
	.year-axis li {width:34.724px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.txt-small {font-size: 14px;line-height: 22px;letter-spacing: -0.14px;}

	/* 실전 콘텐츠 */
	.fee-card {flex-direction:column;align-items:stretch;gap:20px;padding:16px}
	.fee-head {width:auto;gap:12px;padding-left:20px;white-space:normal}
	.fee-title {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.fee-sub {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.fee-body {flex:none;padding-top:0}
	.content-chip {gap:8px}
	.content-chip li {flex:1 1 auto;padding:8px;font-size:14px;line-height:20px;letter-spacing:-0.14px;text-align:center}

	/* 사전알림 신청 */
	.apply-glow-blue {left:28.75px;top:335.35px;width:427px;height:357px}
	.apply-glow-purple {left:-95px;top:310.35px;width:427px;height:357px}
	.teaser-apply .sec-inner {gap:20px}
	.apply-benefit {flex-direction:column;gap:16px}
	.apply-benefit li {flex:none;padding:16px}
	.benefit-num {padding:6px 12px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.apply-benefit strong {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.apply-btn {width:100%;height:54px;filter:none;font-size:16px;line-height:24px;letter-spacing:-0.32px}

	/* 공개 예정 */
	.coming-glow-blue {left:-87.87px;top:-10.2px;width:427px;height:357px}
	.coming-glow-purple {left:29.88px;top:-27.7px;width:427px;height:357px}
	.sec-bg .coming-glow-white {left:-50.3px;top:-46.8px;width:376.25px;height:150.85px;filter:blur(33px)}
	.coming-desc {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.coming-title {font-size:32px;line-height:42px;letter-spacing:5.44px;--shine-w:100.146px;--shine-from:-127.73px;--shine-to:300px}

	.alarm-layer {display:none !important}
}
