/* ── 공용 새 헤더(GNB) — 홈페이지 헤더와 동일 디자인 (하위 페이지용) ── */
/* 색상은 home.css :root 값을 그대로 해석해 넣어 khai.css와 충돌 없이 독립 동작 */

.gnb{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid #e7e9f1;position:relative}
.gnb .in{max-width:1120px;margin:0 auto;height:66px;display:flex;align-items:center;gap:18px;padding:0 32px}
.gnb .logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.gnb .logo img{height:30px;width:auto;display:block}
.gnb .navlinks{display:flex;align-items:center;gap:4px;margin-left:14px}
.gnb .navlinks a{text-decoration:none;color:#3c4252;font-size:14.5px;font-weight:600;padding:9px 14px;border-radius:9px}
.gnb .navlinks a:hover{background:#f1f3fb;color:#1b2030}
.gnb .right{margin-left:auto;display:flex;align-items:center;gap:10px}
.gnb .consult{background:#F0B840;color:#20243f;text-decoration:none;font-size:14px;font-weight:800;padding:10px 18px;border-radius:10px;cursor:pointer}
.gnb .consult:hover{background:#e3a52a}
.gnb .menu{display:none;width:42px;height:42px;border:1px solid #e7e9f1;background:#fff;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.gnb .menu i{width:18px;height:2px;background:#1b2030;border-radius:2px;display:block}
.gnb .sprog{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:linear-gradient(90deg,#384070,#F0B840);transition:width .08s linear;border-radius:0 3px 3px 0;z-index:2}

/* 슬라이드 메뉴(모바일) */
.drawer{position:fixed;inset:0;z-index:50;display:none}
.drawer.on{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(20,24,40,.45)}
.drawer .sheet{position:absolute;top:0;right:0;width:80%;max-width:340px;height:100%;background:#fff;padding:20px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:transform .22s}
.drawer.on .sheet{transform:none}
.drawer .dh{display:flex;align-items:center;margin-bottom:12px}
.drawer .dh b{font-weight:800;color:#1b2030;font-size:16px}
.drawer .dx{margin-left:auto;border:0;background:#f1f3fb;width:34px;height:34px;border-radius:8px;font-size:18px;cursor:pointer;color:#717892}
.drawer a{text-decoration:none;color:#1b2030;font-size:16px;font-weight:600;padding:14px 10px;border-radius:10px}
.drawer a:active{background:#f1f3fb}
.drawer .dcta{margin-top:auto;background:#F0B840;color:#20243f;text-align:center;font-weight:800;padding:14px;border-radius:12px;cursor:pointer}

@media (max-width:860px){
  .gnb .in{padding-left:20px;padding-right:20px;height:58px}
  .gnb .navlinks{display:none}
  .gnb .menu{display:flex;min-width:46px;min-height:46px}
  .gnb .logo{min-height:44px;display:inline-flex;align-items:center}
  .gnb .consult{min-height:46px;display:inline-flex;align-items:center;padding:12px 16px}
}
@media (max-width:480px){
  .gnb .in{padding-left:16px;padding-right:16px}
}