/* Family site bar — thin strip pinned above the main header */
:root{--family-bar-h:32px;--family-bar-bg:#07070f;--family-bar-text:rgba(255,255,255,.72);--family-bar-label:rgba(255,255,255,.5);--family-bar-hover:#fff;--family-bar-sep:rgba(255,255,255,.18)}
body{padding-top:var(--family-bar-h)}
.header{top:var(--family-bar-h)}
.family-bar{position:fixed;top:0;left:0;width:100%;height:var(--family-bar-h);background:var(--family-bar-bg);z-index:1600;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 50px;box-sizing:border-box;font:500 12px/1 'Poppins','Noto Sans KR',sans-serif;letter-spacing:-.1px}
.family-bar__label{flex:none;color:var(--family-bar-label);font-weight:600;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.family-bar__list{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap;min-width:0}
.family-bar__list::-webkit-scrollbar{display:none}
.family-bar__list li+li::before{content:"";display:inline-block;width:1px;height:10px;background:var(--family-bar-sep);margin:0 12px;vertical-align:middle}
.family-bar__link{color:var(--family-bar-text);text-decoration:none;transition:color .2s ease}
.family-bar__link:hover,.family-bar__link:focus-visible{color:var(--family-bar-hover)}
.family-bar__link:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media (max-width:768px){
  .family-bar{justify-content:center;padding:0 16px;font-size:11px}
  .family-bar__label{display:none}
  .family-bar__list li+li::before{margin:0 8px}
}