:root{--black:#050505;--black-soft:#0b0b0b;--gold:#d4af37;--gold-light:#e5c35a;--gold-dark:#b88a1d;--white:#fff;--white-soft:#f2f2f2}
body{font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.site-header{background:#000;border-bottom:1px solid rgba(212,175,55,.35);position:relative;z-index:100}
.site-header .header-inner{max-width:1480px;height:92px;margin:0 auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.site-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.site-logo img{height:54px;width:auto;display:block}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}
.desktop-nav .nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:auto;padding:13px 15px;border:0;border-radius:8px;background:transparent;color:var(--white-soft);font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:color .2s ease,background .2s ease}
.desktop-nav .nav-link:hover,.desktop-nav .nav-link.active{color:var(--gold);background:rgba(212,175,55,.08);transform:none}
.desktop-nav .nav-link.active::after{content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2px;border-radius:99px;background:var(--gold)}
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-actions .header-cta{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:48px;padding:0 19px;border-radius:8px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));border:1px solid rgba(255,225,130,.45);color:#111;font-size:15px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .2s ease,filter .2s ease}
.header-actions .header-cta:hover{background:linear-gradient(135deg,#f0d574,#c99a27);color:#111;transform:translateY(-1px);filter:brightness(1.04)}
.mobile-menu-button{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}
.mobile-menu-button span{display:block;width:30px;height:3px;background:var(--gold);border-radius:999px;transition:transform .2s ease,opacity .2s ease}
.mobile-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.mobile-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.mobile-menu{display:none}
.mobile-quick-actions{display:none}
@media(max-width:1120px) and (min-width:901px){.site-header .header-inner{padding:0 22px;gap:14px}.desktop-nav .nav-link{font-size:14px;padding:12px 9px}.header-actions .header-cta{height:44px;padding:0 12px;font-size:14px}.site-logo img{height:50px}}
@media(max-width:900px){.site-header .header-inner{height:76px;padding:0 20px;flex-direction:row;gap:16px}.site-logo img{height:46px}.desktop-nav,.header-actions{display:none}.mobile-menu-button{display:flex}.mobile-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0 4px 4px;background:#000}.mobile-quick-actions a{display:flex;align-items:center;justify-content:center;min-height:58px;border:1px solid rgba(255,225,130,.48);border-radius:8px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:#111;font-size:16px;font-weight:900;line-height:1;text-decoration:none}.mobile-quick-actions a:active{filter:brightness(1.08)}.mobile-menu.is-open{display:block;background:#070707;padding:10px 20px 24px;border-top:1px solid rgba(212,175,55,.25);border-bottom:1px solid rgba(212,175,55,.35);box-shadow:0 18px 30px rgba(0,0,0,.25)}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;min-height:54px;color:#f5f5f5;font-size:17px;font-weight:700;line-height:1.35;text-decoration:none;border-bottom:1px solid rgba(212,175,55,.22)}.mobile-menu a::after{content:"›";color:var(--gold);font-size:28px;line-height:1}.mobile-menu a.active{color:var(--gold)}}
@media(max-width:420px){.site-header .header-inner{padding:0 14px}.site-logo img{height:42px}.mobile-menu{padding-left:14px!important;padding-right:14px!important}}
@media(min-width:901px){.mobile-menu-button,.mobile-menu,.mobile-quick-actions{display:none!important}}