:root{--paper:#f1eee5;--ink:#11110f;--blue:#2448ff;--orange:#ff4d00;--acid:#d7ff43;--line:rgba(17,17,15,.22);--sans:"Noto Sans KR",sans-serif;--display:"Black Han Sans",sans-serif;--mono:"IBM Plex Mono",monospace}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden}.skip{background:var(--acid);color:var(--ink)}
.topbar{height:70px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;position:relative;z-index:20;background:var(--paper)}.brand{display:flex;align-items:baseline;gap:8px;line-height:1}.brand b{font-family:var(--display);font-size:23px;font-weight:400}.brand span{font-size:11px;font-weight:700}.topbar nav{display:flex;gap:26px;font:500 11px var(--mono);letter-spacing:.03em}.topbar nav a:hover{text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:3px}.topbar__call{justify-self:end;padding:8px 13px;background:var(--ink);color:var(--paper);font:600 12px var(--mono)}.menu{display:none;font:600 12px var(--mono)}
.hero{min-height:calc(100vh - 70px);padding:clamp(42px,7vw,90px) clamp(22px,5vw,74px) 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);grid-template-rows:auto 1fr auto;position:relative;border-bottom:2px solid var(--ink);background-image:linear-gradient(rgba(17,17,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.07) 1px,transparent 1px);background-size:32px 32px}.hero__index{grid-column:1/-1;font:500 11px var(--mono);letter-spacing:.18em}.hero__index b{float:right;font-size:38px;letter-spacing:-.08em;color:var(--blue)}.hero h1{align-self:center;font-family:var(--display);font-weight:400;font-size:clamp(3.8rem,10.2vw,9.6rem);line-height:.83;letter-spacing:-.055em;max-width:1100px;position:relative;z-index:2}.hero h1 span,.hero h1 em{display:block}.hero h1 span:nth-child(2){margin-left:8vw}.hero h1 em{font-style:normal;color:var(--blue);margin-left:21vw}.hero__copy{align-self:center;max-width:290px;font-size:15px;font-weight:500;border-left:5px solid var(--orange);padding-left:18px}.hero__actions{align-self:end;display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;font-size:13px;font-weight:700}.button--ink{background:var(--ink);color:var(--paper)}.button--line{border:2px solid var(--ink)}.button:hover{background:var(--acid);color:var(--ink);border-color:var(--ink)}.hero__quote{align-self:end;font-size:13px;font-weight:700;text-align:right}.hero__quote small{display:block;font:400 10px var(--mono);margin-top:8px}.hero__mark{position:absolute;right:20%;top:33%;width:190px;height:190px;border:5px solid var(--orange);border-radius:50%;color:var(--orange);transform:rotate(-9deg);display:grid;place-content:center;text-align:center;font-family:var(--display);opacity:.9}.hero__mark span{font-size:36px;line-height:1}.hero__mark i{height:5px;background:var(--orange);margin:10px 0}.hero__mark b{font:700 13px var(--sans);letter-spacing:.15em}
.ticker{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:var(--paper)}.ticker p{padding:15px 20px;border-right:1px solid rgba(255,255,255,.25);font:500 11px var(--mono);text-align:center}.rail-label{position:absolute;left:0;top:0;bottom:0;width:54px;border-right:1px solid var(--line);writing-mode:vertical-rl;transform:rotate(180deg);padding:26px 15px;font:500 10px var(--mono);letter-spacing:.12em}.rail-label span{color:var(--blue);font-weight:700;margin-bottom:14px}.eyebrow{font:600 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}.source{font-size:10px!important;color:#5c5a54;font-family:var(--mono);margin-top:26px}.pending{display:inline-block;background:var(--acid);padding:2px 7px;font:600 10px var(--mono)}
.reader{position:relative;padding:clamp(70px,10vw,150px) clamp(22px,6vw,90px) clamp(80px,12vw,170px) max(84px,7vw);display:grid;grid-template-columns:minmax(230px,.65fr) minmax(480px,1.35fr);gap:7vw;border-bottom:2px solid var(--ink)}.reader__intro h2,.system h2,.evidence h2,.tuition h2{font-family:var(--display);font-weight:400;font-size:clamp(3rem,6vw,6.5rem);line-height:.94;letter-spacing:-.04em}.reader__intro>p:last-child{max-width:360px;margin-top:26px;font-size:14px}.worksheet{background:#fffef9;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--blue);padding:22px clamp(18px,3vw,42px) 26px;transform:rotate(1deg);background-image:linear-gradient(transparent 31px,rgba(36,72,255,.12) 32px);background-size:100% 32px}.worksheet__head{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid var(--ink);font:600 10px var(--mono)}.problem{font-size:clamp(18px,2vw,26px);font-weight:700;margin:28px 0 25px}.problem b{color:var(--blue);margin-right:9px}.solution{min-height:310px;position:relative;font:500 clamp(19px,2vw,27px)/1.5 var(--mono)}.solution>p{margin:15px 0}.solution>p span{display:inline-block;width:34px;color:#888;font-size:13px}.wrong-answer{display:inline-block;position:relative}.wrong-answer i{display:block;position:absolute;left:30px;right:-10px;top:50%;height:4px;background:var(--orange);transform:rotate(-7deg) scaleX(0);transform-origin:left;transition:transform .35s}.diagnosis,.correction{position:absolute;font-family:var(--sans);transition:opacity .3s,transform .3s;opacity:0;pointer-events:none}.diagnosis{right:-12px;top:72px;width:250px;padding:14px 16px;background:var(--orange);color:white;transform:translateX(18px) rotate(-2deg)}.diagnosis b,.correction b{display:block;font-size:13px}.diagnosis p,.correction p{font-size:12px;margin-top:5px}.correction{left:28px;right:20px;bottom:0;padding:14px 18px;background:var(--acid);border:2px solid var(--ink);transform:translateY(12px)}.correction strong{font-size:17px;color:var(--blue)}.worksheet[data-state=diagnose] .wrong-answer i,.worksheet[data-state=correct] .wrong-answer i{transform:rotate(-7deg) scaleX(1)}.worksheet[data-state=diagnose] .diagnosis{opacity:1;transform:translateX(0) rotate(-2deg)}.worksheet[data-state=correct] .error-line,.worksheet[data-state=correct] .wrong-answer{opacity:.2}.worksheet[data-state=correct] .correction{opacity:1;transform:translateY(0)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:2px solid var(--ink);padding-top:16px}.modes button{min-height:42px;border:1px solid var(--ink);font:600 11px var(--mono)}.modes button[aria-pressed=true]{background:var(--blue);color:white}.worksheet__note{font:400 9px var(--mono);margin-top:13px;color:#777}
.system{position:relative;padding:clamp(80px,11vw,160px) clamp(22px,6vw,90px) clamp(80px,10vw,140px) max(84px,7vw);background:var(--acid);border-bottom:2px solid var(--ink)}.system__title{display:grid;grid-template-columns:.45fr 1fr;align-items:start;margin-bottom:70px}.system__title h2{grid-column:2}.steps{border-top:3px solid var(--ink)}.steps li{min-height:190px;display:grid;grid-template-columns:90px .9fr 1fr;align-items:center;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.steps li>span{font:600 13px var(--mono);align-self:start;padding-top:25px}.steps small{font:600 11px var(--mono);color:var(--blue)}.steps h3{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4vw,4.2rem);line-height:1;margin-top:7px}.steps p{max-width:520px;font-size:14px}.steps li>b{position:absolute;right:-.03em;bottom:-.24em;font:400 clamp(4.5rem,11vw,10rem)/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(17,17,15,.25);letter-spacing:-.05em;pointer-events:none}.steps li:hover>b{color:var(--blue);-webkit-text-stroke:0}.system .source{max-width:700px}
.teacher{position:relative;padding:clamp(80px,10vw,140px) clamp(22px,6vw,90px) clamp(80px,10vw,140px) max(84px,7vw);display:grid;grid-template-columns:1fr .75fr;gap:8vw;border-bottom:2px solid var(--ink);background:var(--blue);color:white}.teacher__statement>p{font:600 11px var(--mono);letter-spacing:.12em}.teacher__statement h2{font-family:var(--display);font-weight:400;font-size:clamp(3.5rem,7.4vw,8rem);line-height:.9;margin-top:22px;letter-spacing:-.04em}.teacher__statement em{font-style:normal;color:var(--acid)}.teacher__facts{align-self:end}.teacher__facts>p{max-width:430px;font-size:16px;font-weight:700}.teacher dl{margin-top:35px;border-top:1px solid rgba(255,255,255,.55)}.teacher dl div{display:grid;grid-template-columns:105px 1fr;gap:18px;border-bottom:1px solid rgba(255,255,255,.4);padding:13px 0}.teacher dt{font:500 10px var(--mono)}.teacher dd{font-size:13px}.teacher .source{color:rgba(255,255,255,.65)}.teacher .rail-label{border-color:rgba(255,255,255,.3)}.teacher .rail-label span{color:var(--acid)}
.evidence{position:relative;background:var(--ink);color:var(--paper);padding:clamp(80px,10vw,140px) clamp(22px,6vw,90px) clamp(80px,9vw,120px) max(84px,7vw);border-bottom:2px solid var(--paper)}.evidence__head{display:grid;grid-template-columns:.45fr 1fr}.evidence__head h2{grid-column:2}.scores{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}.scores p{padding:22px 18px 30px;border-right:1px solid rgba(255,255,255,.4)}.scores p:last-child{border:0}.scores small{font:500 10px var(--mono);display:block}.scores strong{display:block;font:400 clamp(3rem,6vw,6.5rem)/1 var(--display);color:var(--acid);margin-top:22px}.scores i{font:400 12px var(--mono);color:var(--paper);margin-left:5px}.source--light{color:#a7a49b}.evidence .rail-label{border-color:rgba(255,255,255,.25)}.evidence .rail-label span{color:var(--acid)}
.tuition{position:relative;padding:clamp(80px,10vw,140px) clamp(22px,6vw,90px) clamp(80px,10vw,140px) max(84px,7vw);border-bottom:2px solid var(--ink)}.tuition__head{display:grid;grid-template-columns:.45fr 1fr;margin-bottom:55px}.tuition__head h2{grid-column:2}.tuition__head .pending{grid-column:2;justify-self:start;margin-top:18px}.tablewrap{overflow-x:auto;border-top:3px solid var(--ink)}table{width:100%;min-width:650px;border-collapse:collapse}caption{text-align:left;padding:12px 0;font:500 10px var(--mono)}th,td{padding:17px 14px;border-top:1px solid var(--line);font-size:14px;text-align:left}thead th{background:var(--ink);color:var(--paper);font:500 10px var(--mono)}tbody th{font-weight:700}tbody td:last-child{font:600 15px var(--mono);color:var(--blue)}
.contact{min-height:92vh;background:var(--orange);color:var(--ink);padding:clamp(80px,10vw,140px) clamp(22px,6vw,90px);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.contact h2{font-family:var(--display);font-weight:400;font-size:clamp(4rem,11vw,11rem);line-height:.82;letter-spacing:-.055em}.contact address{font-style:normal;font-size:14px;font-weight:700;margin:45px 0 22px}.contact__call{display:flex;align-items:center;gap:25px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:22px 0;font:400 clamp(2rem,5.7vw,6rem)/1 var(--display)}.contact__call small{font:600 10px var(--mono)}.contact__call span{margin-left:auto}.contact__call:hover{background:var(--acid)}.contact>p:last-child{font:500 10px var(--mono);margin-top:14px}.contact__scribble{position:absolute;right:4vw;top:2vw;font:400 46vw/1 var(--display);color:transparent;-webkit-text-stroke:3px rgba(17,17,15,.2);transform:rotate(11deg)}
footer{background:var(--ink);color:var(--paper);padding:25px 22px;display:flex;justify-content:space-between;font:500 11px var(--mono)}footer a{color:var(--acid)}
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}[data-reveal].is-in{opacity:1;transform:none}
@media(max-width:850px){.topbar{grid-template-columns:1fr auto auto;gap:12px}.menu{display:block}.topbar nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:2px solid var(--ink);padding:18px 22px;flex-direction:column;gap:13px}.topbar nav.is-open{display:flex}.topbar__call{font-size:0;padding:8px}.topbar__call::after{content:"전화";font-size:11px}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:30px;min-height:auto}.hero h1{margin-top:45px}.hero h1 span:nth-child(2){margin-left:0}.hero h1 em{margin-left:10vw}.hero__copy{max-width:480px}.hero__quote{text-align:left}.hero__mark{width:115px;height:115px;right:8%;top:24%}.hero__mark span{font-size:24px}.hero__mark b{font-size:9px}.ticker{grid-template-columns:1fr 1fr}.reader{grid-template-columns:1fr}.worksheet{transform:none}.system__title,.evidence__head,.tuition__head{grid-template-columns:1fr}.system__title h2,.evidence__head h2,.tuition__head h2,.tuition__head .pending{grid-column:1}.steps li{grid-template-columns:55px 1fr;min-height:215px}.steps li>b{opacity:.5}.teacher{grid-template-columns:1fr}.scores{grid-template-columns:1fr 1fr}.scores p:nth-child(2){border-right:0}.scores p:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.4)}}
@media(max-width:520px){.brand span{display:none}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:clamp(3.25rem,17vw,5.8rem)}.hero__mark{top:20%;right:3%;opacity:.55}.ticker{grid-template-columns:1fr}.ticker p{text-align:left;border-bottom:1px solid rgba(255,255,255,.2);padding-left:22px}.rail-label{width:35px;padding:18px 9px}.reader,.system,.teacher,.evidence,.tuition{padding-left:54px;padding-right:18px}.worksheet{padding-left:14px;padding-right:14px;box-shadow:7px 7px 0 var(--blue)}.solution{min-height:350px;font-size:17px}.diagnosis{right:0;width:220px;top:95px}.modes button{font-size:9px}.reader__intro h2,.system h2,.evidence h2,.tuition h2{font-size:2.8rem}.teacher__statement h2{font-size:3.7rem}.scores{grid-template-columns:1fr}.scores p{border-right:0;border-bottom:1px solid rgba(255,255,255,.4)!important}.contact__call{display:grid;grid-template-columns:1fr auto;gap:8px}.contact__call small{grid-column:1/-1}.contact h2{font-size:4.7rem}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}