:root{--mint-50: #f0fdfa;--mint-100: #ccfbf1;--mint-200: #99f6e4;--mint-300: #5eead4;--mint-400: #2dd4bf;--mint-500: #14b8a6;--mint-600: #0d9488;--mint-700: #0f766e;--mint-800: #115e59;--mint-900: #134e4a;--navy-900: #0c1e32;--navy-800: #122a42;--navy-700: #1a3a58;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a}{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--slate-800);background:#fff;overflow-x:hidden}.top-bar{background:var(--navy-900);padding:0 32px;display:flex;justify-content:flex-end;align-items:center;height:36px;gap:4px}.top-bar a{color:var(--slate-400);font-size:.75rem;text-decoration:none;padding:4px 12px;transition:color .2s}.top-bar a:hover{color:var(--mint-300)}.top-bar .divider{color:var(--slate-700);font-size:.7rem}nav{position:sticky;top:0;width:100%;z-index:1000;background:#fffffff5;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow .3s}nav.scrolled{box-shadow:0 1px 20px #00000014}.nav-inner{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-brand .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--mint-500),var(--mint-600));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;font-family:Outfit,sans-serif}.nav-brand .logo-text{font-family:Outfit,sans-serif;font-weight:700;font-size:1.25rem;color:var(--navy-900);letter-spacing:-.02em}.nav-brand .logo-text span{color:var(--mint-600)}.nav-menu{display:flex;gap:4px;list-style:none;align-items:center}.nav-menu>li{position:relative}.nav-menu>li>a{text-decoration:none;color:var(--slate-700);font-size:.92rem;font-weight:600;padding:10px 18px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:4px}.nav-menu>li>a:hover{color:var(--mint-700);background:var(--mint-50)}.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:12px;padding:8px;box-shadow:0 12px 40px #0000001f;border:1px solid var(--slate-100);min-width:220px;z-index:100}.nav-menu>li:hover .dropdown{display:block}.dropdown a{display:block;padding:10px 16px;border-radius:8px;color:var(--slate-600);font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s}.dropdown a:hover{background:var(--mint-50);color:var(--mint-700)}.dropdown .desc{font-size:.73rem;color:var(--slate-400);margin-top:2px}.btn-nav-contact{background:var(--mint-600)!important;color:#fff!important;font-weight:600!important;border-radius:8px!important}.btn-nav-contact:hover{background:var(--mint-700)!important}.hero{background:var(--navy-900);position:relative;overflow:hidden;padding:56px 32px 64px}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(20,184,166,.12) 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#14b8a61f;border:1px solid rgba(20,184,166,.25);padding:5px 14px;border-radius:100px;margin-bottom:20px;font-size:.78rem;color:var(--mint-300);font-weight:500}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--mint-400);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:Outfit,Noto Sans KR,sans-serif;font-size:2.8rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px;letter-spacing:-.03em}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--mint-300),var(--mint-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:var(--slate-400);font-size:1rem;line-height:1.7;max-width:560px;margin:0 auto 36px;font-weight:300}.slider-wrap{max-width:880px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0d}.slider-container{position:relative;width:100%;aspect-ratio:16/9.2;background:var(--navy-800)}.slider-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.slider-container img.active{opacity:1}.slider-caption{position:absolute;bottom:48px;left:20px;background:#0c1e32d9;backdrop-filter:blur(10px);padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.78rem;font-weight:500;opacity:0;transform:translateY(6px);transition:all .5s}.slider-caption.active{opacity:1;transform:translateY(0)}.slider-nav{display:flex;justify-content:center;gap:6px;padding:12px 0;background:#0c1e32e6}.slider-nav button{width:8px;height:8px;border-radius:50%;border:none;background:#fff3;cursor:pointer;transition:all .3s;padding:0}.slider-nav button.active{width:28px;border-radius:4px;background:var(--mint-400)}.quick-actions{padding:48px 32px 56px;background:var(--slate-50);border-bottom:1px solid var(--slate-100)}.quick-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.quick-card{background:#fff;border-radius:16px;padding:32px 24px;border:1px solid var(--slate-200);text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;display:block}.quick-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014;border-color:var(--mint-300)}.quick-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.quick-icon.feat{background:linear-gradient(135deg,var(--mint-100),var(--mint-200))}.quick-icon.update{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.quick-icon.notice{background:linear-gradient(135deg,#fef3c7,#fde68a)}.quick-icon.inquiry{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.quick-card h3{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:6px}.quick-card p{font-size:.8rem;color:var(--slate-500);line-height:1.5}.quick-card .arrow{display:inline-block;margin-top:12px;font-size:.78rem;color:var(--mint-600);font-weight:600;transition:transform .2s}.quick-card:hover .arrow{transform:translate(4px)}footer{background:var(--navy-900);padding:48px 32px 32px}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand .logo-text{font-family:Outfit,sans-serif;font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:10px}.footer-brand .logo-text span{color:var(--mint-400)}.footer-brand p{color:var(--slate-500);font-size:.8rem;line-height:1.7}.footer-col h4{color:var(--slate-300);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.footer-col a{display:block;color:var(--slate-500);font-size:.82rem;text-decoration:none;margin-bottom:8px;transition:color .2s}.footer-col a:hover{color:var(--mint-400)}.footer-bottom{max-width:1280px;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--slate-600);font-size:.75rem}.footer-bottom a{color:var(--mint-500);text-decoration:none}@media(max-width:1024px){.quick-inner{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero h1{font-size:2rem}.quick-inner,.footer-inner{grid-template-columns:1fr}.nav-menu,.top-bar{display:none}}