/* 전 페이지 공용 상단바 — 기존 style.css의 .wrap과 충돌하지 않도록 독립 클래스 사용 */
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@700&display=swap');

.backbar{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid #e4e1d6}
section[id^="service"]{scroll-margin-top:76px}
.backbar__row{position:relative;width:min(1220px,92vw);margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.backbar__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#161c2b;flex:none}
.backbar__brand img{height:26px}
.backbar__brand b{font-family:"Gowun Batang",serif;font-size:15px;white-space:nowrap}
.backbar__nav{display:flex;gap:2px;flex-wrap:wrap;flex:1;justify-content:flex-end}
.backbar__nav a{font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif;font-size:12.5px;color:#586074;text-decoration:none;padding:6px 10px;border-radius:3px;white-space:nowrap}
.backbar__nav a:hover,.backbar__nav a.on{color:#a8842e;background:#f2e9d3}

/* ---- 그룹형 메가메뉴 ---- */
.backbar__group{position:relative}
.backbar__gbtn{font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif;font-size:12.5px;color:#586074;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:3px;display:flex;align-items:center;gap:4px;white-space:nowrap}
.backbar__gbtn::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-2px;opacity:.6}
.backbar__gbtn:hover,.backbar__group.open .backbar__gbtn{color:#a8842e;background:#f2e9d3}
.backbar__dropdown{display:none;position:absolute;top:100%;left:0;margin-top:6px;min-width:200px;background:#fff;border:1px solid #e4e1d6;border-radius:6px;box-shadow:0 10px 24px rgba(22,28,43,.12);padding:6px;z-index:10}
.backbar__dropdown.open{display:block}
.backbar__dropdown a{display:block;font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif;font-size:12.5px;color:#586074;text-decoration:none;padding:9px 10px;border-radius:4px;white-space:nowrap}
.backbar__dropdown a:hover,.backbar__dropdown a.on{color:#a8842e;background:#f2e9d3}
.backbar__cta{font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:4px;background:#161f36;color:#fff;text-decoration:none;white-space:nowrap;flex:none}

.backbar__toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex:none;margin-left:4px}
.backbar__toggle span{display:block;width:20px;height:2px;background:#161c2b;margin:4px 0;border-radius:1px}

@media (max-width:900px){
  .backbar__nav{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;
    background:#fff;border-bottom:1px solid #e4e1d6;
    padding:6px 4px 12px;
    box-shadow:0 10px 24px rgba(22,28,43,.1);
  }
  .backbar__nav.open{display:flex}
  .backbar__nav a{padding:13px 10px;border-top:1px solid #efece2}
  .backbar__nav a:first-child{border-top:none}
  .backbar__toggle{display:block}

  .backbar__group{border-top:1px solid #efece2}
  .backbar__group:first-child{border-top:none}
  .backbar__gbtn{width:100%;justify-content:space-between;padding:13px 10px}
  .backbar__dropdown{position:static;display:none;box-shadow:none;border:none;margin:0;padding:0 0 6px 12px;min-width:0}
  .backbar__dropdown.open{display:block}
  .backbar__dropdown a{padding:10px}
}