/* 꼬마숲 지점 홈페이지 6종 디자인 공통 (팝업 · 로그인 링크 · 미리보기 바 · 빈 상태) */
.lf-popup{position:fixed;z-index:80;background:#fff;border-radius:16px;box-shadow:0 12px 44px rgba(0,0,0,.28);overflow:hidden;max-width:92vw}
.lf-popup__body{max-height:70vh;overflow:auto}
.lf-popup__body img{max-width:100%;height:auto;display:block}
.lf-popup__foot{display:flex;align-items:center;justify-content:space-between;background:#2b2b2b;color:#fff;padding:9px 13px;font-size:12.5px}
.lf-popup__foot label{display:flex;align-items:center;gap:5px;cursor:pointer}
.lf-popup__foot button{background:none;border:0;color:#fff;cursor:pointer;font-size:12.5px}

.hp-util{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:14px;font-size:13px;opacity:.85}
.hp-util a{color:inherit;text-decoration:none}
.hp-util a:hover{text-decoration:underline}
.hp-util b{font-weight:600}
.hp-brand{display:block;margin-top:10px;font-size:12px;opacity:.7}

.hp-empty{padding:28px 20px;text-align:center;color:#8b8580;font-size:15px;line-height:1.6}
.hp-more{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;color:inherit;opacity:.8}
.hp-more:hover{opacity:1;text-decoration:underline}
.hp-logo-img{display:block;height:40px;width:auto;max-width:200px;object-fit:contain}

.hp-preview{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:12px;
  background:#1f2328;color:#fff;border-radius:999px;padding:10px 12px 10px 20px;font:600 14px/1.3 Pretendard,system-ui,sans-serif;
  box-shadow:0 12px 34px rgba(0,0,0,.28);max-width:calc(100vw - 24px)}
.hp-preview a{color:#1f2328;background:#ffd84d;border-radius:999px;padding:7px 14px;text-decoration:none;white-space:nowrap}
.hp-preview a.x{background:transparent;color:#fff;padding:7px 8px;opacity:.7}
@media (max-width:600px){.hp-preview{bottom:80px;font-size:13px;padding:8px 8px 8px 14px}}

/* 상단 유틸리티 바 (전화 · 로그인 · 상담신청 · 운영자 홈) */
.hp-top{--tb-bg:#1f2933;--tb-ink:#fff;--tb-hl:#ffd84d;background:var(--tb-bg);color:var(--tb-ink);font:500 13px/1.4 Pretendard,-apple-system,"Malgun Gothic",sans-serif;position:relative;z-index:60}
.hp-top__in{max-width:var(--tb-max,1180px);margin:0 auto;padding:7px var(--tb-pad,24px);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hp-top a{color:inherit;text-decoration:none}
.hp-top a:hover{text-decoration:underline}
.hp-top__tel b{color:var(--tb-hl);font-weight:700}
.hp-top__util{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hp-top__util b{font-weight:700}
.hp-top__op{font-weight:700;color:var(--tb-hl)!important}
.hp-top--sky{--tb-bg:#163f7a}
.hp-top--cloud{--tb-bg:#2e8a6c;--tb-hl:#ffe7dc}
.hp-top--warm{--tb-bg:#6e4a2e;--tb-hl:#fbd3b3}
.hp-top--mono{--tb-bg:#111;--tb-hl:#ffd400}
.hp-top--baby{--tb-bg:#5a2a17;--tb-hl:#fbe6a6}
.hp-top--story{--tb-bg:#4f281e;--tb-hl:#f5d3c6}
@media (max-width:600px){.hp-top{--tb-pad:16px}.hp-top__in{padding-top:6px;padding-bottom:6px;font-size:12px}.hp-top__tel span{display:none}.hp-top__util{gap:10px}}
/* 상단 바 좌우 라인 = 각 디자인 헤더 컨테이너와 동일 */
.hp-top--sky{--tb-max:1080px}
.hp-top--cloud{--tb-max:1120px}
.hp-top--warm{--tb-max:1040px}
.hp-top--mono{--tb-max:1180px}
.hp-top--baby{--tb-max:1000px;--tb-pad:18px}
.hp-top--story{--tb-max:1180px}
@media (max-width:600px){.hp-top--baby{--tb-pad:18px}.hp-top--story{--tb-pad:24px}}
/* 서브페이지는 공통 헤더(.skc__in 1180/24) 기준 */
body.lf-branchpage .hp-top{--tb-max:1180px;--tb-pad:24px}
@media (max-width:600px){body.lf-branchpage .hp-top{--tb-pad:16px}}