*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}:root{--color-primary: #0066FF;--color-primary-hover: #0052CC;--color-secondary: #333333;--color-text-main: #222222;--color-text-sub: #666666;--color-text-muted: #999999;--color-text-white: #FFFFFF;--color-bg-white: #FFFFFF;--color-bg-light: #F8F9FA;--color-bg-dark: #222222;--color-border: #E0E0E0;--font-main: "Noto Sans KR", sans-serif;--container-width: 1280px;--header-height: 80px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 64px;--transition-fast: .2s ease;--transition-normal: .3s ease-in-out;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}body{font-family:var(--font-main);color:var(--color-text-main);background-color:var(--color-bg-white);overflow-x:hidden}.heading-1{font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.heading-2{font-size:32px;font-weight:700;line-height:1.3}.heading-3{font-size:24px;font-weight:500;line-height:1.4}.text-body{font-size:16px;line-height:1.6;color:var(--color-text-sub)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-xxl) 0}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.section-title{text-align:center;max-width:900px;margin:0 auto 60px;position:relative;z-index:2;padding:0 20px}.section-title p{margin-top:20px;font-size:18px;color:#666;line-height:1.6;word-break:keep-all}.section-title h3{position:relative;display:inline-block;z-index:1;font-size:36px;font-weight:700;color:#222;margin-bottom:0}.section-title h3:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:#0066ff1a;z-index:-1;transform:skew(-20deg)}.sub-nav-wrapper{background:#fff;border-bottom:1px solid #eee;position:sticky;top:80px;z-index:100;box-shadow:0 4px 10px #00000008}.sub-nav{display:flex;justify-content:center;list-style:none;max-width:1280px;margin:0 auto;padding:0;flex-wrap:wrap}.sub-nav-item{padding:0}.sub-nav-item a{display:block;padding:24px 40px;font-size:18px;font-weight:500;color:#666;text-decoration:none;transition:all .3s;border-bottom:3px solid transparent}.sub-nav-item:hover a,.sub-nav-item.active a{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#0066ff05}@media(max-width:768px){.sub-nav-item a{padding:16px 20px;font-size:15px}}button{cursor:pointer;font-family:var(--font-main)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.header{width:100%;height:var(--header-height);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;transition:all var(--transition-normal)}.header.scrolled{box-shadow:var(--shadow-sm)}.header-container{max-width:var(--container-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg)}.logo a{font-size:32px;font-weight:900;color:#000;font-family:Noto Sans KR,sans-serif;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:-.5px}.logo span{color:var(--color-secondary)}.gnb{display:flex;gap:60px;height:100%}.gnb-item{font-size:18px;font-weight:500;color:var(--color-text-main);cursor:pointer;position:relative;display:flex;align-items:center;height:100%;transition:color var(--transition-fast)}.gnb-item:hover{color:var(--color-primary)}.gnb-item>span{position:relative;padding:28px 0}.dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#fff;box-shadow:0 4px 20px #0000001a;border:1px solid #eee;border-top:3px solid var(--color-primary);min-width:200px;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;flex-direction:column;padding:10px 0;border-radius:0 0 4px 4px}.gnb-item:hover .dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown a{padding:14px 24px;font-size:15px;color:var(--color-text-sub);transition:all .2s;font-weight:400;display:block}.dropdown a:hover{color:var(--color-primary);background-color:var(--color-bg-light);padding-left:28px}.header-utils{display:flex;align-items:center;gap:20px}.lang-toggle{font-size:14px;font-weight:500;color:var(--color-text-sub);cursor:pointer}.search-btn{background:none;border:none;color:var(--color-text-main);cursor:pointer;padding:0;display:flex;align-items:center}.search-btn:hover{color:var(--color-primary)}.mobile-menu-btn{display:none}@media(max-width:768px){.gnb{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;flex-direction:column;padding:80px 24px 40px;gap:0;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.gnb.open{display:flex;z-index:1001}.gnb-item{width:100%;flex-direction:column;align-items:flex-start;height:auto;border-bottom:1px solid #f0f0f0}.gnb-item>span{padding:24px 0;width:100%;font-size:18px;font-weight:700;color:#222;pointer-events:none}.gnb-item>span>a{pointer-events:auto;display:block;width:100%}.dropdown{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0 0 20px;display:flex;width:100%;background:transparent;min-width:unset;border-radius:0}.dropdown a{padding:10px 16px;font-size:15px;color:#666;border-left:2px solid #eee;margin-left:10px}.dropdown a:hover{background:none;color:var(--color-primary);padding-left:20px;border-left-color:var(--color-primary)}.mobile-menu-btn{display:block}}.footer{background-color:var(--color-secondary);color:#999;padding:60px 0 40px;font-size:14px}.footer-container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:20px;margin-bottom:30px}.footer-links{display:flex;gap:30px}.footer-links a{color:#ccc;font-weight:500;transition:color .2s}.footer-links a.bold{color:#fff;font-weight:700}.footer-links a:hover{color:var(--color-primary)}.footer-sns{display:flex;gap:15px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start}.footer-logo{font-size:20px;font-weight:700;color:#fff;margin-bottom:15px;opacity:.8}.address-info p{margin-bottom:8px;line-height:1.6}.family-site{position:relative}.family-site select{background-color:transparent;border:1px solid #666;color:#ccc;padding:8px 12px;width:200px;border-radius:0;cursor:pointer}.family-site select:hover{border-color:#999}.copyright{margin-top:30px;font-size:13px;color:#666}.footer-legal[data-astro-cid-35ed7um5]{margin:12px 0;font-size:14px;color:#94a3b8}.footer-legal[data-astro-cid-35ed7um5] a[data-astro-cid-35ed7um5]{color:#cbd5e1;text-decoration:none;margin:0 4px}.footer-legal[data-astro-cid-35ed7um5] a[data-astro-cid-35ed7um5]:hover{color:#fff;text-decoration:underline}.footer-legal[data-astro-cid-35ed7um5] a[data-astro-cid-35ed7um5] strong[data-astro-cid-35ed7um5]{font-weight:700}