/* GRIDA-A 리뉴얼 공통 디자인 (노을 컬러 · Pretendard) — 2026-10-10 */
:root{--gn-navy:#16232D;--gn-navy2:#1C2E3B;--gn-amber:#57A3C4;--gn-amber-deep:#2E7FA8;--gn-rose:#7CC3DF;--gn-cream:#EEF6F9;--gn-text:#EEF6F9;--gn-muted:rgba(238,246,249,.62);--gn-line:rgba(238,246,249,.12)}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif!important;word-break:keep-all;overflow-wrap:break-word}
.gn-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(22,35,45,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gn-line);font-family:'Pretendard',sans-serif}
.gn-logo{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--gn-text)}
.gn-logo b{font-size:20px;font-weight:800;letter-spacing:.04em}
.gn-logo b i{font-style:normal;color:var(--gn-amber)}
.gn-logo span{font-size:14px;color:var(--gn-muted)}
.gn-menu{display:flex;gap:30px;font-size:14px}
.gn-menu a{color:var(--gn-text);opacity:.8;text-decoration:none;transition:.2s}
.gn-menu a:hover,.gn-menu a.on{opacity:1;color:var(--gn-amber)}
.gn-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none;transition:.25s}
.gn-btn-amber{background:var(--gn-amber);color:var(--gn-navy)!important}
.gn-btn-amber:hover{background:#7CC3DF}
.gn-burger{display:none;width:28px;height:20px;position:relative;cursor:pointer}
.gn-burger span{position:absolute;left:0;right:0;height:2px;background:var(--gn-text);transition:.3s}
.gn-burger span:nth-child(1){top:0}.gn-burger span:nth-child(2){top:9px}.gn-burger span:nth-child(3){top:18px}
.gn-burger.open span:nth-child(1){top:9px;transform:rotate(45deg)}
.gn-burger.open span:nth-child(2){opacity:0}
.gn-burger.open span:nth-child(3){top:9px;transform:rotate(-45deg)}
.gn-mm{position:fixed;inset:0;z-index:999;background:rgba(22,35,45,.97);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;font-size:20px;opacity:0;pointer-events:none;transition:.3s;font-family:'Pretendard',sans-serif}
.gn-mm a{color:var(--gn-text);text-decoration:none}
.gn-mm.open{opacity:1;pointer-events:auto}
.gn-footer{background:#101B23;padding:60px 0 34px;font-size:13px;color:var(--gn-muted);font-family:'Pretendard',sans-serif}
.gn-wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.gn-ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--gn-line)}
.gn-ft h4{font-size:12px;letter-spacing:.15em;color:var(--gn-text);margin:0 0 16px;font-weight:600}
.gn-ft a{display:block;margin-bottom:10px;color:var(--gn-muted);text-decoration:none}
.gn-ft a:hover{color:var(--gn-amber)}
.gn-ft .gn-logo{margin-bottom:0}
.gn-tag{margin-top:12px;line-height:1.7}
.gn-fb{display:flex;justify-content:space-between;padding-top:24px;flex-wrap:wrap;gap:10px}
.gn-fb a{color:var(--gn-muted);text-decoration:none}.gn-fb a:hover{color:var(--gn-amber)}
@media(max-width:1024px){.gn-ft{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .gn-nav{padding:0 20px;height:64px}
  .gn-menu,.gn-cta{display:none!important}
  .gn-burger{display:block}
  .gn-wrap{padding:0 20px}
  .gn-ft{grid-template-columns:1fr}
}
.gn-footer .gn-logo,.gn-nav .gn-logo{display:flex!important;align-items:baseline;gap:10px;margin:0!important;color:#EEF6F9!important;opacity:1!important}
.gn-footer .gn-logo b,.gn-footer .gn-logo span{display:inline!important;margin:0!important}
.gn-footer .gn-logo span{color:rgba(238,246,249,.62)!important}

.gn-logo-img{height:56px;width:auto;display:block;margin:-6px 0 -6px -10px}
.gn-footer .gn-logo-img{height:64px}
@media(max-width:760px){.gn-logo-img{height:44px}}