:root{
  --green-950:#071f17;--green-900:#0a2f23;--green-800:#0c4932;--green-700:#14633f;--green-600:#23804d;
  --orange:#f39a22;--ink:#151a17;--muted:#657069;--line:#dfe6e1;--paper:#f5f6f1;--white:#fff;
  --shadow:0 24px 70px rgba(7,31,23,.12);--header-h:76px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(50px,7.2vw,98px);margin-bottom:30px}h2{font-size:clamp(37px,5vw,66px);margin-bottom:24px}h3{font-size:27px;margin-bottom:10px}em{font-style:normal;color:var(--green-600)}
.section{padding:112px 0;overflow:hidden}.white{background:#fff}.dark{background:var(--green-950);color:#fff}.lead{font-size:clamp(18px,1.8vw,22px);line-height:1.72;color:var(--muted)}.dark .lead{color:#c8d5cd}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:850;letter-spacing:.15em;color:var(--green-600);margin-bottom:20px}.eyebrow::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--orange);transform:rotate(45deg)}.eyebrow.light{color:#add2bb}
.site-header{position:fixed;inset:0 0 auto;height:var(--header-h);z-index:1000;background:rgba(245,246,241,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,230,225,.78);transition:.25s}.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(7,31,23,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{min-width:236px;display:flex;align-items:center}.brand img{width:232px;max-height:56px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:5px}.nav a{font-size:14px;font-weight:780;color:#354139;padding:10px 12px;border-radius:12px;transition:.2s}.nav a:hover,.nav a.active{background:#e7eee8;color:var(--green-800)}.nav .nav-cta{background:var(--green-900);color:#fff;padding-inline:17px;margin-left:5px}.nav .nav-cta:hover{background:var(--green-700);color:#fff}.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#e7eee8;cursor:pointer;padding:11px}.menu-btn span,.menu-btn::before,.menu-btn::after{content:"";display:block;width:22px;height:2px;background:var(--green-900);transition:.2s}.menu-btn span{margin:5px 0}.menu-btn.open span{opacity:0}.menu-btn.open::before{transform:translateY(7px) rotate(45deg)}.menu-btn.open::after{transform:translateY(-7px) rotate(-45deg)}
.detail-hero{min-height:95vh;padding:calc(var(--header-h) + 80px) 0 85px;background:var(--green-950);color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.hero-inner{position:relative;z-index:2;max-width:1030px}.kicker{display:flex;align-items:center;gap:12px;font-weight:750;color:#bfcfc5;letter-spacing:.08em;margin-bottom:25px}.kicker i{width:38px;height:1px;background:var(--orange)}.detail-hero h1 span{color:var(--orange)}.hero-copy{font-size:clamp(18px,1.8vw,23px);color:#c6d3cb;max-width:850px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.hero-tags span{padding:9px 14px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);border-radius:999px;font-size:13px;color:#e5ece7}.scroll-link{display:inline-flex;align-items:center;gap:10px;margin-top:42px;font-weight:800;color:#fff}.scroll-link b{color:var(--orange);font-size:22px}.hero-grid{position:absolute;width:540px;height:540px;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:52px 52px;transform:rotate(18deg)}.grid-one{right:-120px;top:-100px;mask-image:radial-gradient(circle,#000,transparent 70%)}.grid-two{left:-280px;bottom:-300px;transform:rotate(-12deg);mask-image:radial-gradient(circle,#000,transparent 70%)}
.design-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}.level-track{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.level-track article{min-height:230px;border:1px solid var(--line);background:var(--paper);border-radius:27px;padding:25px;position:relative;overflow:hidden;transition:.25s}.level-track article:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.level-track article::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-75px;bottom:-75px;background:rgba(35,128,77,.08)}.level-track article.active{background:var(--green-900);color:#fff;border-color:var(--green-900)}.level-track article.active::after{background:rgba(243,154,34,.16)}.level-track b{display:block;color:var(--orange);font-size:13px;letter-spacing:.1em;margin-bottom:35px}.level-track span{display:block;font-size:11px;letter-spacing:.12em;font-weight:850;color:var(--green-600)}.level-track .active span{color:#a9cfb7}.level-track strong{display:block;font-size:25px;margin:5px 0 10px}.level-track p{margin:0;color:var(--muted);font-size:14px}.level-track .active p{color:#c6d3cb}
.grade-section{padding:112px 0;overflow:hidden}.grade-section.elementary{background:#f5f6f1}.grade-section.middle{background:#fff}.grade-section.high{background:#eef3ef}.grade-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:62px;align-items:center}.grade-grid.reverse{grid-template-columns:1.22fr .78fr}.grade-copy{position:relative}.grade-no{position:absolute;right:0;top:-25px;font-size:150px;line-height:1;font-weight:950;color:rgba(35,128,77,.07);letter-spacing:-.08em}.grade-copy ul{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--line)}.grade-copy li{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:18px}.grade-copy li strong{font-size:16px}.grade-copy li span{font-size:14px;color:var(--muted)}.book-frame{margin:0;background:#fff;border:1px solid var(--line);border-radius:34px;padding:24px;box-shadow:var(--shadow);position:relative}.book-frame::before{content:"";position:absolute;inset:10px;border:1px solid rgba(35,128,77,.09);border-radius:25px;pointer-events:none}.book-frame img{width:100%;border-radius:20px}.book-frame figcaption{text-align:center;color:var(--muted);font-size:13px;margin-top:14px}.high .book-frame img{padding:28px;background:#f8faf8}
.selection-head{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:end;margin-bottom:52px}.selection-head .eyebrow{grid-column:1/-1;margin-bottom:-34px}.selection-head h2,.selection-head p{margin-bottom:0}.dark h2 em{color:var(--orange)}.selection-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}.selection-flow article{min-height:260px;padding:27px;border-radius:27px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column}.selection-flow article b{color:var(--orange);font-size:13px;letter-spacing:.12em}.selection-flow article span{font-size:23px;font-weight:850;margin-top:55px}.selection-flow article p{margin:auto 0 0;color:#c6d3cb;font-size:14px}.selection-flow i{font-style:normal;display:grid;place-items:center;color:var(--orange);font-size:22px;font-weight:900}
.connection-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.connection-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.connection-cards article{min-height:210px;padding:25px;border-radius:25px;background:var(--paper);border:1px solid var(--line)}.connection-cards span{color:var(--green-600);font-weight:900;font-size:13px;letter-spacing:.1em}.connection-cards strong{display:block;font-size:24px;margin:35px 0 8px}.connection-cards p{margin:0;color:var(--muted);font-size:14px}
.consult-section{padding:105px 0;background:#0c4932;color:#fff}.consult-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.consult-grid h2{font-size:clamp(38px,4.4vw,62px)}.consult-grid p{color:#c8d5cd;font-size:18px}.consult-form{background:#fff;color:var(--ink);border-radius:30px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.consult-form label{display:grid;gap:7px}.consult-form label>span{font-size:13px;font-weight:800;color:#425047}.consult-form input,.consult-form select,.consult-form textarea{width:100%;border:1px solid #d8e1db;border-radius:14px;background:#f8faf8;padding:13px 14px;outline:none}.consult-form input:focus,.consult-form select:focus,.consult-form textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 4px rgba(35,128,77,.1)}.wide{grid-column:1/-1}.privacy{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:9px!important;color:var(--muted);font-size:13px}.privacy input{width:auto;margin-top:4px;accent-color:var(--green-700)}.submit{border:0;border-radius:999px;background:var(--orange);min-height:54px;font-weight:900;cursor:pointer;color:#2b1b06}.submit:hover{background:#ffad3d}
.site-footer{background:#061a13;color:#aebdb4;padding:48px 0 28px}.footer-inner{text-align:center}.footer-logo-plate{display:inline-flex;background:#fff;border-radius:16px;padding:10px 14px;margin-bottom:14px}.footer-logo-plate img{width:230px}.site-footer p{margin-bottom:6px}.copy{font-size:12px;opacity:.72;margin-top:20px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}
@media(max-width:1040px){.nav a{padding-inline:9px;font-size:13px}.brand{min-width:205px}.brand img{width:200px}.selection-flow{grid-template-columns:1fr 1fr}.selection-flow i{display:none}}
@media(max-width:900px){:root{--header-h:68px}.container{width:min(720px,calc(100% - 28px))}.section,.grade-section{padding:82px 0}.brand{min-width:0}.brand img{width:182px;max-height:48px}.menu-btn{display:block}.nav{position:absolute;top:calc(100% + 8px);left:14px;right:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:12px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:13px 15px}.nav .nav-cta{margin:4px 0 0}.design-grid,.grade-grid,.grade-grid.reverse,.selection-head,.connection-grid,.consult-grid{grid-template-columns:1fr}.selection-head .eyebrow{grid-column:auto;margin-bottom:0}.book-frame{order:2}.grade-grid.reverse .book-frame{order:2}.grade-grid.reverse .grade-copy{order:1}.selection-flow{grid-template-columns:1fr 1fr}.consult-form{grid-template-columns:1fr}.wide{grid-column:auto}}
@media(max-width:600px){.container{width:calc(100% - 22px)}.section,.grade-section{padding:68px 0}h1{font-size:47px}h2{font-size:38px}.lead{font-size:17px}.detail-hero{min-height:auto;padding:calc(var(--header-h) + 58px) 0 72px}.hero-copy{font-size:17px}.level-track,.connection-cards,.selection-flow{grid-template-columns:1fr}.grade-copy li{grid-template-columns:1fr;gap:5px}.grade-no{font-size:105px;top:-12px}.book-frame{border-radius:25px;padding:14px}.book-frame img{border-radius:15px}.selection-flow article{min-height:210px}.consult-form{padding:22px}.footer-logo-plate img{width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}