.s-container { width:min(1180px, calc(100% - 80px)); margin:0 auto; }
.s-eyebrow { display:flex; align-items:center; gap:10px; color:#087c7b; font:700 11px/1 'DM Sans', sans-serif; letter-spacing:.18em; }
.s-eyebrow span { display:block; width:24px; height:1px; background:currentColor; }
.s-text-link { display:inline-flex; align-items:center; gap:16px; color:#0b2738; font-size:14px; font-weight:700; }
.s-text-link span { color:#087c7b; font-size:20px; transition:transform .2s ease; }
.s-text-link:hover span { transform:translateX(4px); }
:root { --s-ink:#0b2738; --s-navy:#092234; --s-teal:#087c7b; --s-mist:#f2f5f3; --s-line:#dce5e3; --s-muted:#64747b; }
.s-site { font-family:'Noto Sans KR', sans-serif; color:var(--s-ink); background:#fff; }
.s-header { position:absolute; top:0; left:0; z-index:10; width:100%; background:rgba(0,0,0,.5); color:#fff; }
.s-header-inner { display:flex; height:94px; align-items:center; justify-content:space-between; }
.s-logo img { width:188px; filter:brightness(0) invert(1); }
.s-desktop-nav { display:flex; align-items:center; gap:38px; margin-left:auto; margin-right:54px; font-size:13px; font-weight:500; }
.s-desktop-nav a { opacity:.78; transition:opacity .2s ease; }
.s-desktop-nav a:hover { opacity:1; }
.s-header-cta { --jwbutton-bg:transparent; --jwbutton-color:#fff; --jwbutton-bghover:rgba(255,255,255,.12); height:40px; padding:0 16px; border-color:rgba(255,255,255,.48); border-radius:0; font-size:12px; }
.s-header-cta span { color:#69cfca; font-size:17px; }
.s-mobile-menu, .s-mobile-nav { display:none; }
.s-footer { padding:48px 0 34px; background:#061b2a; color:#fff; }
.s-footer-top, .s-footer-bottom { display:flex; align-items:flex-start; justify-content:space-between; }
.s-logo-footer img { width:184px; filter:brightness(0) invert(1); }
.s-footer-links { display:flex; gap:26px; color:rgba(255,255,255,.62); font-size:12px; }
.s-footer-bottom { padding:54px 0 28px; border-bottom:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.52); font-size:11px; line-height:1.9; }
.s-footer-bottom strong { display:block; margin-bottom:6px; color:#fff; font:600 13px 'DM Sans', sans-serif; }
.s-copyright { padding-top:20px; color:rgba(255,255,255,.35); font:11px 'DM Sans', sans-serif; }
.jw-topbtn { right:24px; bottom:24px; width:42px; height:42px; border:1px solid rgba(255,255,255,.3); border-radius:0; background:var(--s-navy); font-family:'DM Sans', sans-serif; }
@media (max-width:800px) { .s-header-inner { height:76px; }.s-logo img { width:156px; }.s-desktop-nav, .s-header-cta { display:none; }.s-mobile-menu { display:flex; width:38px; height:38px; flex-direction:column; justify-content:center; gap:6px; padding:8px; }.s-mobile-menu span { display:block; width:100%; height:1px; background:#fff; transition:transform .2s ease; }.s-mobile-menu.is-open span:first-child { transform:translateY(3.5px) rotate(45deg); }.s-mobile-menu.is-open span:last-child { transform:translateY(-3.5px) rotate(-45deg); }.s-mobile-nav { display:flex; position:absolute; top:76px; right:20px; left:20px; flex-direction:column; gap:0; padding:8px 22px; border:1px solid rgba(255,255,255,.14); background:rgba(6,27,42,.98); opacity:0; pointer-events:none; transform:translateY(-8px); transition:opacity .2s ease, transform .2s ease; }.s-mobile-nav.is-open { opacity:1; pointer-events:auto; transform:none; }.s-mobile-nav a { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; }.s-mobile-nav a:last-child { border-bottom:0; }.s-footer-top, .s-footer-bottom { display:block; }.s-footer-links { margin-top:28px; }.s-footer-bottom { padding-top:34px; }.s-footer-bottom > p { margin-top:22px; } }