/* 지점 서브페이지(게시판·상담·로그인 등) 공통 헤더/푸터 — 선택 디자인(body.sk-{key})별 색만 바뀜 */
body.lf-branchpage{
  --skc-bg:#fff; --skc-ink:#222529; --skc-sub:#5f6670; --skc-line:#e8eaed;
  --skc-cta:var(--accent); --skc-cta-ink:var(--accent-ink,#fff); --skc-r:999px;
  --skc-ft-bg:#f7f8fa; --skc-head:Pretendard,-apple-system,"Malgun Gothic",sans-serif;
  font-family:Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
body.sk-cloud{--skc-bg:#fffdfa;--skc-ink:#3b3532;--skc-sub:#6e6560;--skc-line:#f1e7df;--skc-cta:#d9663f;--skc-cta-ink:#fff;--skc-ft-bg:#dff3ec;--skc-head:"Gowun Dodum",Pretendard,sans-serif;background:#fffdfa}
body.sk-warm{--skc-bg:#fffbf5;--skc-ink:#4a3b2e;--skc-sub:#7a6857;--skc-line:#e6d8c4;--skc-cta:#e58a4e;--skc-cta-ink:#fff;--skc-ft-bg:#f7efe3;background:#fffbf5}
body.sk-mono{--skc-bg:#fff;--skc-ink:#111;--skc-sub:#444;--skc-line:#111;--skc-cta:#ffd400;--skc-cta-ink:#111;--skc-r:0;--skc-ft-bg:#f2f2f2}
body.sk-baby{--skc-bg:#fffbf2;--skc-ink:#34291f;--skc-sub:#5e5045;--skc-line:#eadfc8;--skc-cta:#b5532f;--skc-cta-ink:#fff;--skc-ft-bg:#fff6e3;--skc-head:"Gowun Dodum",Pretendard,sans-serif;background:#fffbf2}
body.sk-story{--skc-bg:#fff;--skc-ink:#38332f;--skc-sub:#5e5751;--skc-line:#e7e2db;--skc-cta:#a5543f;--skc-cta-ink:#fff;--skc-ft-bg:#f4f1ec;--skc-head:"Gowun Batang",serif;background:#fbfaf8}

.skc{position:sticky;top:0;z-index:50;background:var(--skc-bg);border-bottom:1px solid var(--skc-line)}
.skc__util{max-width:1180px;margin:0 auto;padding:6px 24px 0;display:flex;justify-content:flex-end;gap:14px;font-size:12.5px;color:var(--skc-sub)}
.skc__util a{color:inherit;text-decoration:none}
.skc__util a:hover{color:var(--skc-ink);text-decoration:underline}
.skc__in{max-width:1180px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.skc__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--skc-ink);font-weight:700;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.skc__logo img{height:40px;width:auto;max-width:200px;object-fit:contain}
.skc__logo small{display:block;font-size:11.5px;font-weight:500;color:var(--skc-sub);letter-spacing:0}
.skc__mark{width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 5px var(--skc-bg),0 0 0 2px var(--accent);flex:none}
body.sk-mono .skc__mark{border-radius:0;background:#111;box-shadow:6px 6px 0 -2px #ffd400}
body.sk-cloud .skc__mark{background:#2e8a6c;box-shadow:8px -6px 0 -2px #d9663f}
.skc__nav{display:flex;align-items:center;gap:22px}
.skc__nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.skc__nav ul a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:15px;color:var(--skc-sub)}
.skc__nav ul a:hover,.skc__nav ul a.on{color:var(--skc-ink);background:color-mix(in srgb,var(--accent) 12%,transparent)}
body.sk-mono .skc__nav ul a{border-radius:0}
.skc__cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:var(--skc-r);background:var(--skc-cta);color:var(--skc-cta-ink)!important;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
body.sk-mono .skc__cta{border:1.5px solid #111}
.skc__btn{display:none;width:42px;height:42px;border:1px solid var(--skc-line);border-radius:10px;background:var(--skc-bg);cursor:pointer;position:relative}
.skc__btn span,.skc__btn span::before,.skc__btn span::after{position:absolute;left:11px;width:18px;height:2px;background:var(--skc-ink);content:""}
.skc__btn span{top:19px}.skc__btn span::before{top:-6px;left:0}.skc__btn span::after{top:6px;left:0}

body.lf-branchpage .lf-subhead{background:color-mix(in srgb,var(--accent) 10%,var(--skc-bg))}
body.lf-branchpage .lf-subhead h1{font-family:var(--skc-head);color:var(--skc-ink);font-weight:700}
body.sk-mono .lf-subhead{background:#fff;border-bottom:1px solid #111}

.skf{background:var(--skc-ft-bg);color:var(--skc-sub);font-size:14px;padding:40px 0 48px;margin-top:64px}
.skf__in{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.skf strong{display:block;color:var(--skc-ink);font-size:16px;margin-bottom:6px;font-family:var(--skc-head)}
.skf p{margin:0}
body.sk-mono .skf{border-top:1px solid #111}

@media (max-width:900px){
  .skc__btn{display:block}
  .skc__nav{position:absolute;left:0;right:0;top:100%;background:var(--skc-bg);border-bottom:1px solid var(--skc-line);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;display:none;box-shadow:0 14px 30px rgba(0,0,0,.08)}
  body.skc-open .skc__nav{display:flex}
  .skc__nav ul{flex-direction:column}
  .skc__nav ul a{padding:13px 4px;border-radius:0;border-bottom:1px solid var(--skc-line);font-size:16px;color:var(--skc-ink)}
  .skc__nav .skc__cta{margin-top:14px;justify-content:center;height:46px}
}
@media (max-width:600px){
  .skc__in,.skc__util,.skf__in{padding-left:16px;padding-right:16px}
  .skc__logo{font-size:16px}
}
body.sk-sky,body.sk-mono{background:#fff}