html.kk-lite{--tap:44px;--field-h:52px;--navy:#191f28;--gray:#5f6875;--gray-strong:#4e5968;--line-ui:#7a818b;--hf-track:#f2f4f6;--fs-title:17px;--fs-body:16px;--fs-meta:14px;--teal-deep:#b94702}

.top-cs{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;padding:0;border:0;border-radius:12px;background:none;color:#191f28;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease}
.top-cs svg{display:block;width:24px;height:24px}
.top-cs:active{background:#f2f4f6}
.top-cs:focus-visible{outline:2px solid #191f28;outline-offset:2px}
.top-cs .top-cs-t{display:none}
.cs-open:focus-visible{outline:2px solid #191f28;outline-offset:2px}

.cs-open{min-height:52px;height:52px;padding:0 16px;gap:10px;border:0;border-radius:14px;background:#f2f4f6;box-shadow:none;color:#5f6875;font-size:17px;font-weight:500}
.cs-open svg{color:#4e5968}
.cs-open:active{background:#e9ecef}

@media (min-width:1024px){
  header .gnb a{white-space:nowrap}
  header .gnb{margin-left:auto}
  header .gnb .gnb-home,header .gnb .gnb-region{display:none}
  header .top-cs{order:3;min-width:200px;height:40px;min-height:40px;margin-left:12px;justify-content:flex-start;gap:8px;padding:0 14px 0 12px;border-radius:10px;background:#f2f4f6;color:#5f6875;font-size:15px;font-weight:500}
  header .top-cs svg{width:18px;height:18px;color:#4e5968}
  header .top-cs .top-cs-t{display:inline}
}
@media (min-width:1024px) and (hover:hover){header .top-cs:hover{background:#e9ecef}}
@media (prefers-reduced-motion:reduce){.top-cs{transition:none}}