:root{--navy:#071b2d;--navy2:#0d2b45;--teal:#27cdb5;--teal2:#a5fff1;--ink:#10283b;--muted:#617789;--line:#dbe6eb;--bg:#f4f8f9;--white:#fff;--radius:18px;--shadow:0 18px 60px rgba(5,31,50,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--white);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.6rem 1rem;border-radius:8px}.skip:focus{top:1rem}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5.5rem);background:rgba(7,27,45,.96);color:#fff;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--teal);color:var(--navy);font-size:1.1rem}.site-header nav{display:flex;gap:2rem}.site-header nav a{font-size:.95rem;color:#dce9ee}.site-header nav a:hover{color:var(--teal2)}.menu-button{display:none;background:transparent;color:#fff;border:1px solid #476174;border-radius:9px;padding:.45rem .75rem}.hero{color:#fff;background:radial-gradient(circle at 85% 10%,rgba(39,205,181,.22),transparent 30%),linear-gradient(135deg,var(--navy) 0%,#0b304d 100%);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,8rem) 0;overflow:hidden}.eyebrow,.kicker{display:block;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(2.8rem,7vw,6.2rem);line-height:1.05;letter-spacing:-.06em;margin:1rem 0 1.5rem;max-width:850px}.hero h1 span{color:var(--teal2)}.hero>p{font-size:clamp(1rem,2vw,1.25rem);color:#c8d8df;max-width:650px}.hero-actions{display:flex;gap:.75rem;margin:2rem 0 4rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.65rem 1.2rem;border-radius:12px;border:1px solid transparent;font-weight:750;cursor:pointer}.button.primary{background:var(--teal);color:var(--navy)}.button.ghost{border-color:#9ab0bb;background:transparent;color:inherit}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px}.quick-grid a{padding:1.5rem;border-left:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.quick-grid a:first-child{border-radius:16px 0 0 0}.quick-grid a:last-child{border-radius:0 16px 0 0}.quick-grid strong,.quick-grid span{display:block}.quick-grid span{font-size:.9rem;color:#a9bdc6;margin-top:.25rem}.section{padding:clamp(4rem,8vw,7.5rem) clamp(1.25rem,8vw,8rem)}.section.panel{background:var(--bg)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1.1;margin:.5rem 0 0}.section-head p{margin:0;color:var(--muted)}.filter-row{display:flex;gap:.55rem;overflow:auto;padding-bottom:.5rem;margin-bottom:1rem}.filter{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:.55rem 1rem;white-space:nowrap;cursor:pointer}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.resource-list{border-top:2px solid var(--navy)}.resource{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:1rem;padding:1.35rem .75rem;border-bottom:1px solid var(--line)}.resource-tag{font-size:.85rem;color:var(--teal);font-weight:800}.resource h3{font-size:1.05rem;margin:0}.resource p{font-size:.9rem;color:var(--muted);margin:.2rem 0 0}.resource a,.resource .pending{font-weight:750;padding:.5rem}.resource a:hover{text-decoration:underline}.pending{color:#8999a5}.order-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,5vw,5rem)}.steps{border-top:2px solid var(--navy)}.steps>div{display:flex;gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}.steps b{color:var(--teal);font-size:.9rem}.steps strong,.steps small{display:block}.steps small{color:var(--muted);font-size:.95rem;margin-top:.25rem}.contact-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.contact-card>span{color:var(--teal2);font-size:.85rem}.contact-card>a{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:800;display:block;margin:.5rem 0 1rem;word-break:break-all}.contact-card p{color:#a9bdc6}.contact-card>div{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}.calendar-wrap{display:grid;grid-template-columns:1.5fr .7fr;gap:1rem}.calendar,.event-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.25rem}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-nav h3{font-size:1.35rem;margin:0}.calendar-nav button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{text-align:center;padding:.65rem;color:var(--muted);font-size:.85rem}.day{min-height:84px;border-top:1px solid var(--line);padding:.55rem;position:relative}.day.muted{color:#b7c2c7}.day.today span{background:var(--navy);color:#fff}.day>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:.9rem}.day.has-event{background:#ecfffb;cursor:pointer}.day.has-event:after{content:"";width:7px;height:7px;background:var(--teal);border-radius:50%;position:absolute;left:.65rem;bottom:.65rem}.event-panel h3{margin:.25rem 0 1.25rem}.event-item{border-top:1px solid var(--line);padding:1rem 0}.event-item b,.event-item span{display:block}.event-item b{color:var(--teal);font-size:.85rem}.event-item span{font-size:.9rem;color:var(--muted)}.empty{color:var(--muted);padding:1rem 0}.full{width:100%;margin-top:1rem}.faq-list{max-width:950px}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;background:transparent;border:0;padding:1.35rem 0;cursor:pointer;font-size:1.05rem;font-weight:750}.faq-item button:after{content:"+";font-size:1.5rem;color:var(--teal)}.faq-item.open button:after{content:"−"}.faq-answer{display:none;color:var(--muted);padding:0 2rem 1.4rem 0}.faq-item.open .faq-answer{display:block}footer{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;background:var(--navy);color:#fff;padding:2.5rem clamp(1.25rem,8vw,8rem)}footer p,footer small{color:#9db1ba}footer small{margin-left:auto}dialog{width:min(520px,calc(100% - 2rem));border:0;border-radius:22px;padding:2.2rem;box-shadow:0 30px 100px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(2,17,28,.68);backdrop-filter:blur(5px)}dialog h2{font-size:1.6rem;line-height:1.3;margin:.7rem 0}dialog p{color:var(--muted)}.dialog-close{position:absolute;right:1rem;top:1rem;border:0;background:transparent;font-size:1.7rem;cursor:pointer}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,120px);background:var(--navy);color:#fff;padding:.8rem 1.2rem;border-radius:10px;transition:.25s;z-index:100}.toast.show{transform:translate(-50%,0)}
@media(max-width:820px){.site-header{height:66px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--navy);padding:1rem 1.25rem 1.5rem;flex-direction:column;gap:.5rem}.site-header nav.open{display:flex}.site-header nav a{padding:.7rem 0;border-bottom:1px solid #28455a}.hero{padding-top:4.5rem}.hero-actions{margin-bottom:3rem}.quick-grid{grid-template-columns:1fr;margin:0 -1.25rem}.quick-grid a{border-left:0;border-top:1px solid rgba(255,255,255,.14);border-radius:0!important;padding:1.15rem 1.25rem}.section-head{display:block}.section-head p{margin-top:1rem}.resource{grid-template-columns:80px 1fr}.resource>a,.resource>.pending{grid-column:2}.order-grid,.calendar-wrap{grid-template-columns:1fr}.event-panel{order:-1}.day{min-height:58px;padding:.35rem}.weekdays span{padding:.4rem}.contact-card{padding:1.5rem}footer{display:block}footer p{margin-bottom:.2rem}footer small{display:block}.hero h1{font-size:3rem}}@media(max-width:380px){.hero h1{font-size:2.55rem}.hero-actions{display:grid}.resource{grid-template-columns:1fr}.resource>a,.resource>.pending{grid-column:1}.day{min-height:50px;padding:.2rem}.day.has-event:after{left:.35rem;bottom:.35rem}}