@charset "utf-8";
/* ==========================================================================
   bmtech-mega-menu — 호버 다크 블러 메가패널 GNB
   --------------------------------------------------------------------------
   원본(진실원천): webdot-blueprints/00_global/gnb/_code/
                   a1_hanwhaaerospace_gnb_hover-blur-mega  (한화에어로스페이스)
   1:1 이식. 바꾼 것은 세 가지뿐이다.
     (a) 텍스트  — 메뉴 라벨·링크 (inc/bmtech-gnb.php)
     (b) 이미지  — 로고를 인라인 SVG 대신 img 2장(white/color) 토글
     (c) 색·폰트 — --wd-* → --bmt-* 토큰
   수치(패딩·blur 30px·easing·transition·브레이크포인트)는 원본 그대로다.

   원본에 없던 것 둘 (기능상 필요):
     · 로그인/회원가입 — 원본 '방문신청' 슬롯 자리 (사용자 지시)
     · .is-light 를 방향 무관 적용 — 원본은 .is-down.is-light 만 흰 배경.
       이 사이트는 히어로/서브비주얼 아래가 전부 밝은 배경이라, 스크롤 업으로
       보이는 헤더가 투명+흰 글자면 읽히지 않는다. 배경·글자색 값은 원본 그대로.
   ========================================================================== */

/* 로컬 --wd-* 는 전역 --bmt-* 로 연결만 한다 (값의 출처를 한 곳으로).
   .wd-gnb__lang / .wd-sitemap 은 헤더 밖 fixed 형제라 같이 걸어준다. */
/* 헤더 치수는 :root — 서브비주얼 없는 페이지(#container 오프셋, bmtech-base.css)도 참조한다 */
:root {
  --wd-gnb-pad-x: 5vw;
  --wd-gnb-pad-y: calc(1.3vw + 15px);
  --wd-gnb-pad-y-open: calc(.9vw + 15px);
  --wd-gnb-h: calc(40px + (var(--wd-gnb-pad-y) * 2) + 1px);
  --wd-gnb-h-open: calc(40px + (var(--wd-gnb-pad-y-open) * 2) + 1px);
}

.wd-gnb,
.wd-gnb__lang,
.wd-sitemap {
  --wd-primary: var(--bmt-accent);

  --wd-text-primary: var(--bmt-ink);
  --wd-text-secondary: var(--bmt-body);
  --wd-text-inverse: var(--bmt-inverse);
  --wd-surface-white: var(--bmt-surface);
  --wd-surface-light: var(--bmt-surface-alt);
  --wd-surface-dark: var(--bmt-surface-dark);
  --wd-border-on-dark: rgba(255, 255, 255, .1);
  --wd-border-on-light: rgba(0, 0, 0, .1);

  --wd-font-primary: var(--bmt-font);
  --wd-font-secondary: var(--bmt-font);

  /* 헤더 고유 — 원본 수치 그대로 (치수 변수는 위 :root) */
  --wd-gnb-z: 2999;
  --wd-gnb-easing: cubic-bezier(0.23, 1, 0.32, 1);
}

.wd-gnb,
.wd-gnb *,
.wd-gnb__lang,
.wd-gnb__lang *,
.wd-sitemap,
.wd-sitemap * { box-sizing: border-box; margin: 0; padding: 0; }

.wd-gnb ul, .wd-gnb li,
.wd-gnb__lang ul, .wd-gnb__lang li,
.wd-sitemap ul, .wd-sitemap li { list-style: none; }

.wd-gnb a, .wd-gnb__lang a, .wd-sitemap a { text-decoration: none; }

/* --------------------------------------------------------------------------
   GNB 본체
   -------------------------------------------------------------------------- */
.wd-gnb {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: var(--wd-gnb-z);
  pointer-events: initial;
  overflow: hidden;
  padding-bottom: 0;
  font-family: var(--wd-font-primary);
  word-break: keep-all;
  word-wrap: break-word;
  transition:
    transform .6s var(--wd-gnb-easing),
    padding-bottom .4s,
    background-color .3s,
    backdrop-filter .3s;
}

/* 스크롤 다운: 헤더 숨김 / 스크롤 업: 노출 */
.wd-gnb.is-down { transform: translate3d(0, -100%, 0); }
.wd-gnb.is-up   { transform: translate3d(0, 0, 0); }

/* 라이트 섹션 위 — 흰 반투명 배경 (원본 .is-down.is-light 값 그대로, 방향 무관 적용) */
.wd-gnb.is-light {
  background-color: rgba(255, 255, 255, .85);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-bottom: 1px solid var(--wd-border-on-light);
}
.wd-gnb.is-down.is-light { transform: translate3d(0, 0, 0); }

.wd-gnb__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--wd-gnb-h);
  padding: var(--wd-gnb-pad-y) var(--wd-gnb-pad-x);
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  transition: all .3s;
}

/* 로고 — 원본은 currentColor 인라인 SVG. 여기는 white/color img 2장 토글 */
.wd-gnb__logo {
  z-index: 10;
  display: block;
  width: clamp(196px, 12.7vw, 272px);
  color: var(--wd-text-inverse);
}
.wd-gnb__logo img {
  width: auto;
  height: clamp(20px, 1.6rem, 28px);
  display: block;
}
.wd-gnb .wd-gnb__logo img.wd-gnb__logo-img--color { display: none; }
.wd-gnb.is-light .wd-gnb__logo img.wd-gnb__logo-img--white { display: none; }
.wd-gnb.is-light .wd-gnb__logo img.wd-gnb__logo-img--color { display: block; }
.wd-gnb.is-open .wd-gnb__logo img.wd-gnb__logo-img--white { display: block; }
.wd-gnb.is-open .wd-gnb__logo img.wd-gnb__logo-img--color { display: none; }

/* --------------------------------------------------------------------------
   GNB 메뉴 (중앙 정렬)
   -------------------------------------------------------------------------- */
.wd-gnb__nav {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  transform: translateX(-50%);
}

.wd-gnb__bar {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--wd-text-inverse);
  opacity: 0;
  transition:
    opacity .2s,
    width .2s,
    transform 1000ms var(--wd-gnb-easing);
}

.wd-gnb__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.wd-gnb__item {
  position: relative;
  height: 100%;
  color: var(--wd-text-inverse);
}

.wd-gnb__link {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1em;
  font-family: var(--wd-font-secondary);
  font-size: clamp(14px, 1.125rem, 22px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  transition: color .4s, opacity .4s;
}

/* 패널 열림 상태에서 hover된 d1만 풀 컬러, 나머지는 dim */
.wd-gnb.is-open .wd-gnb__item:not(.is-hover) .wd-gnb__link { opacity: .3; }
.wd-gnb.is-open .wd-gnb__bar { opacity: 1; }

/* 라이트 상태: 검정 텍스트 (열림 상태 제외 — JS 가 is-open 시 is-light 를 뗀다) */
.wd-gnb.is-light .wd-gnb__item .wd-gnb__link { color: var(--wd-text-primary); }
.wd-gnb.is-light .wd-gnb__bar { background-color: var(--wd-text-primary); }

/* --------------------------------------------------------------------------
   서브 메뉴 (d2)
   -------------------------------------------------------------------------- */
.wd-gnb__sub {
  position: absolute;
  left: 0;
  top: var(--wd-gnb-h-open);
  width: 100%;
  padding: 2.22em 0 3.89em;
  font-family: var(--wd-font-primary);
  font-size: clamp(14px, 1.125rem, 22px);
  opacity: 0;
  user-select: none;
  pointer-events: none;
  transition: opacity .25s;
}

.wd-gnb__item.is-hover .wd-gnb__sub {
  opacity: 1;
  user-select: initial;
  pointer-events: initial;
}

.wd-gnb__sub-list { padding: 0; }
.wd-gnb__sub-item { padding: .375em 0; }
.wd-gnb__sub-item:first-child { padding-top: 0; }
.wd-gnb__sub-item:last-child  { padding-bottom: 0; }

.wd-gnb__sub-link {
  display: block;
  padding-left: clamp(14px, 1.125rem, 22px);
  font-size: clamp(14px, 1.125rem, 20px);
  font-weight: 300;
  color: var(--wd-text-inverse);
  white-space: nowrap;
  text-transform: capitalize;
}
.wd-gnb__sub-link span {
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 250ms ease;
}
.wd-gnb__sub-link:hover span { background-size: 100% 1px; }

/* --------------------------------------------------------------------------
   GNB 열림 상태 (호버) — 다크 블러 패널
   -------------------------------------------------------------------------- */
.wd-gnb.is-open {
  background-color: rgba(0, 0, 0, .7);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding-bottom: calc(var(--wd-header-height, 0) * 1px);
}
.wd-gnb.is-open.is-nosubmenu { padding-bottom: 0; }
.wd-gnb.is-open .wd-gnb__inner {
  padding-top: var(--wd-gnb-pad-y-open);
  padding-bottom: var(--wd-gnb-pad-y-open);
  height: var(--wd-gnb-h-open);
  border-bottom: 1px solid var(--wd-border-on-dark);
}
.wd-gnb.is-open .wd-gnb__logo { color: var(--wd-text-inverse); }

/* --------------------------------------------------------------------------
   우측 유틸리티 (언어, 로그인/회원가입, 햄버거)
   -------------------------------------------------------------------------- */
.wd-gnb__utility {
  display: flex;
  align-items: center;
  gap: 1.375em;
  height: var(--wd-gnb-h);
  letter-spacing: .02em;
  z-index: 10;
  color: var(--wd-text-inverse);
}
.wd-gnb__utility.is-hovered > * { opacity: .5; transition: opacity .2s; }
.wd-gnb__utility.is-hovered > .is-hover { opacity: 1; }

.wd-gnb__lang-btn {
  position: relative;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.wd-gnb__lang-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* 원본 .wd-gnb__visit 스타일 그대로 — 로그인/회원가입 링크가 쓴다 */
.wd-gnb__visit {
  display: inline-block;
  font-family: var(--wd-font-primary);
  font-size: clamp(13px, 1rem, 20px);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: inherit;
  transition: opacity .2s;
}

/* 햄버거 */
.wd-gnb__burger {
  position: relative;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.wd-gnb__burger-icon { position: relative; display: block; width: 100%; height: 100%; }
.wd-gnb__burger svg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transition: transform 150ms;
  pointer-events: none;
  color: inherit;
}

/* 초기 상태: 3줄 평행선 */
.wd-gnb__burger.is-init .wd-gnb__burger-top { transform: translate(0, -6px); animation: none; }
.wd-gnb__burger.is-init .wd-gnb__burger-bot { transform: translate(0, 6px);  animation: none; }
.wd-gnb__burger.is-init .wd-gnb__burger-mid { opacity: 1; }

/* 호버/열림 X 상태 (사이트맵 열렸을 때 = .wd-gnb.is-side-menu) */
.wd-gnb__burger-mid { transition: opacity .5s; transition-delay: 150ms; }
.wd-gnb__burger-top {
  transform: rotate(45deg);
  animation: wd-burger-top-og 500ms 150ms forwards;
}
.wd-gnb__burger-bot {
  transform: rotate(-45deg);
  animation: wd-burger-bot-og 500ms 150ms forwards;
}

.wd-gnb.is-side-menu .wd-gnb__burger-mid { opacity: 0; transition-delay: 0s; }
.wd-gnb.is-side-menu .wd-gnb__burger-top { animation: wd-burger-top-close 500ms forwards; }
.wd-gnb.is-side-menu .wd-gnb__burger-bot { animation: wd-burger-bot-close 500ms forwards; }

@keyframes wd-burger-top-og {
  0%   { transform: rotate(45deg) translate(0, 0); }
  50%  { transform: rotate(0deg)  translate(0, -6px); }
  100% { transform: rotate(0deg)  translate(0, -6px); }
}
@keyframes wd-burger-bot-og {
  0%   { transform: rotate(-45deg) translate(0, 0); }
  50%  { transform: rotate(0deg)   translate(0, 6px); }
  100% { transform: rotate(0deg)   translate(0, 6px); }
}
@keyframes wd-burger-top-close {
  0%   { transform: rotate(0deg) translate(0, -6px); }
  50%  { transform: rotate(0deg) translate(0, 0); }
  100% { transform: rotate(45deg) translate(0, 0); }
}
@keyframes wd-burger-bot-close {
  0%   { transform: rotate(0deg) translate(0, 6px); }
  50%  { transform: rotate(0deg) translate(0, 0); }
  100% { transform: rotate(-45deg) translate(0, 0); }
}

/* 사이트맵 열린 상태: GNB 자체는 투명, 햄버거만 활성 */
.wd-gnb.is-side-menu {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom-color: transparent !important;
  pointer-events: none;
}
.wd-gnb.is-side-menu .wd-gnb__logo,
.wd-gnb.is-side-menu .wd-gnb__utility { pointer-events: initial; }
.wd-gnb.is-side-menu .wd-gnb__nav { opacity: 0; pointer-events: none; }
.wd-gnb.is-side-menu .wd-gnb__logo img.wd-gnb__logo-img--white { display: block; }
.wd-gnb.is-side-menu .wd-gnb__logo img.wd-gnb__logo-img--color { display: none; }
.wd-gnb.is-side-menu .wd-gnb__utility { color: var(--wd-text-inverse); }

/* 라이트 상태에서 유틸리티 색 */
.wd-gnb.is-light .wd-gnb__utility { color: var(--wd-text-primary); }

/* --------------------------------------------------------------------------
   언어 드롭다운
   -------------------------------------------------------------------------- */
.wd-gnb__lang {
  position: fixed;
  z-index: 3001;
  font-family: var(--wd-font-primary);
  font-size: clamp(13px, 1rem, 18px);
  letter-spacing: 0;
  transition: height 300ms;
}
.wd-gnb__lang-list {
  position: absolute;
  top: calc(100% + 13px);
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 100%;
  padding: 6px 0;
  border-radius: 6px;
  height: var(--height, 100px);
  background-color: rgba(255, 255, 255, .85);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  box-shadow: inset 0 0 0 1px #ddd;
  overflow: hidden;
  transition: height .3s, padding .3s;
  text-align: center;
}
.wd-gnb__lang.is-closed .wd-gnb__lang-list {
  height: 0;
  padding: 0;
}
.wd-gnb__lang-option {
  display: block;
  width: calc(100% - 2px);
  margin: 0 auto;
  padding: .75em 1em;
  border: 0;
  background: transparent;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  color: var(--wd-text-primary);
  opacity: .5;
  transition: background-color .2s, opacity .2s;
}
.wd-gnb__lang-option.is-active { opacity: 1; }
.wd-gnb__lang-option:hover { background-color: var(--wd-surface-light); }

/* --------------------------------------------------------------------------
   사이트맵 (햄버거 클릭 시 풀스크린 오버레이)
   -------------------------------------------------------------------------- */
.wd-sitemap {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: var(--wd-gnb-h);
  background-color: rgba(0, 0, 0, .7);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  overflow-y: auto;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: opacity .25s, visibility .25s;
  font-family: var(--wd-font-primary);
  word-break: keep-all;
  word-wrap: break-word;
}
.wd-sitemap.is-open { visibility: visible; opacity: 1; }

.wd-sitemap::-webkit-scrollbar { width: 4px; }
.wd-sitemap::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .3);
  border-radius: 4px;
}

.wd-sitemap__inner { padding-top: var(--wd-gnb-pad-y); }

.wd-sitemap__list { padding: 0; }

.wd-sitemap__group {
  display: flex;
  gap: clamp(16px, 1.5rem, 28px);
  position: relative;
  padding: 1.67em 0;
  font-family: var(--wd-font-primary);
  font-size: clamp(13px, 1rem, 18px);
  line-height: 1;
}
.wd-sitemap__group:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% / 14 * 2);
  width: calc(100% / 14 * 10 + clamp(16px, 1.5rem, 28px));
  height: 1px;
  background-color: var(--wd-border-on-dark);
}
.wd-sitemap__group:first-child { padding-top: 0; }
.wd-sitemap__group:last-child  { padding-bottom: 3em; }

.wd-sitemap__d1 {
  margin-left: calc(100% / 14 * 2);
  flex-basis: calc(100% / 14 * 3);
  font-family: var(--wd-font-secondary);
  font-size: clamp(16px, 1.25rem, 24px);
  font-weight: 300;
  text-transform: capitalize;
  color: var(--wd-text-inverse);
  transition: all .2s;
}
.wd-sitemap__d1 span {
  position: relative;
  text-transform: uppercase;
}
.wd-sitemap__d1 span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--wd-text-inverse);
  transition: width 250ms ease;
}
.wd-sitemap__d1 span:hover::after { width: 100%; }

.wd-sitemap__cat-list {
  display: flex;
  flex-wrap: wrap;
  flex-basis: calc(100% / 14 * 7);
  gap: clamp(16px, 1.5rem, 28px);
  padding: 0;
}
.wd-sitemap__cat-item {
  flex-basis: calc(100% / 5 - clamp(16px, 1.5rem, 28px));
  max-width: calc(100% / 5 - clamp(16px, 1.5rem, 28px));
}

.wd-sitemap__cat-link {
  display: inline-block;
  padding-bottom: .83em;
  font-family: var(--wd-font-primary);
  font-size: clamp(13px, 1rem, 18px);
  font-weight: 300;
  color: var(--wd-text-inverse);
  transition: all .2s;
  position: relative;
}
.wd-sitemap__cat-link span {
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 250ms ease;
}
.wd-sitemap__cat-link span:hover { background-size: 100% 1px; }

.wd-sitemap__sub { padding: 0; }
.wd-sitemap__sub-item { padding-bottom: .63em; }
.wd-sitemap__sub-link {
  display: inline-block;
  font-family: var(--wd-font-primary);
  font-size: clamp(13px, 1rem, 18px);
  font-weight: 300;
  color: var(--wd-text-inverse);
  opacity: .7;
  transition: opacity .2s;
}
.wd-sitemap__sub-link:hover { opacity: 1; }

/* --------------------------------------------------------------------------
   반응형 — 태블릿/모바일에서는 GNB 메뉴 숨김, 햄버거만 노출
   -------------------------------------------------------------------------- */
@media (max-width: 1080px) {
  :root {
    --wd-gnb-pad-x: 4vw;
    --wd-gnb-pad-y: 14px;
    --wd-gnb-pad-y-open: 14px;
  }
  .wd-gnb__nav { display: none; }
  .wd-gnb__visit { display: none; }
}
@media (max-width: 480px) {
  .wd-sitemap__group { flex-direction: column; gap: 1rem; }
  .wd-sitemap__d1 { margin-left: 5vw; flex-basis: auto; }
  .wd-sitemap__cat-list { flex-basis: auto; padding: 0 5vw; }
  .wd-sitemap__cat-item { flex-basis: calc(50% - 1rem); max-width: 50%; }
}

/* ==========================================================================
   2026-08-26 수정 2건
   1) 햄버거 X — keyframes 상태머신(og/close 애니 교대)이 첫 클릭 타이밍에
      X 가 안 만들어지는 회귀. 클래스 기반 결정적 transform 으로 교체.
   2) 사이트맵 글자색 — bmtech-base.css 의 a:link{color:inherit}(0,1,1)가
      .wd-sitemap__* 링크 색(0,1,0)을 이겨 body 회색이 상속되던 버그.
      오버레이 루트에 색을 박아 상속 사슬로 해결.
   ========================================================================== */

.wd-gnb__burger-top,
.wd-gnb__burger-mid,
.wd-gnb__burger-bot { animation: none !important; }

.wd-gnb__burger svg { transition: transform .3s ease, opacity .3s ease; }

/* path 가 이미 y=5/11/17 에 그려져 있다(중앙 아님). 닫힘 = 무변형이 3줄.
   열림 = 줄을 먼저 중앙으로 당기고(translateY ±27.3% = 6/22) 회전해야
   두 대각선이 중심에서 교차한다 — 회전만 시키면 > 모양이 되는 버그의 원인 */
.wd-gnb__burger .wd-gnb__burger-top,
.wd-gnb__burger.is-init .wd-gnb__burger-top { transform: none; }
.wd-gnb__burger .wd-gnb__burger-mid { opacity: 1; transition-delay: 0s; }
.wd-gnb__burger .wd-gnb__burger-bot,
.wd-gnb__burger.is-init .wd-gnb__burger-bot { transform: none; }

.wd-gnb.is-side-menu .wd-gnb__burger-top { transform: rotate(45deg) translateY(27.3%); }
.wd-gnb.is-side-menu .wd-gnb__burger-mid { opacity: 0; }
.wd-gnb.is-side-menu .wd-gnb__burger-bot { transform: rotate(-45deg) translateY(-27.3%); }

.wd-sitemap { color: var(--wd-text-inverse); }
.wd-sitemap a { color: inherit; }

/* ==========================================================================
   2026-09-18 로고 락업 — BMTECH + "A BPL Group Company" | BPL Medical Technologies
   고객 PPT(BMTECH Website MJK ver1.3.2) 슬라이드 2 헤더 목업 기준.
   img/logo-group(-color).svg = 기존 logo(-color).svg path 그대로 + 태그라인 path.
   BPL 로고는 고객 PPT 첨부 래스터(원본 벡터 미수령) → img/bpl-logo(-white).png.
   white/color 토글은 기존 .wd-gnb__logo-img--white/--color 규칙을 그대로 탄다.
   ========================================================================== */
.wd-gnb__logo--group {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: auto;
  /* 2026-10-01 고객 수정사항1001: BMTECH(+Healthcare Solution) 블록과 BPL 로고 높이를 맞춘다.
     svg viewBox 278 중 마크+HS = 191 → 마크 img 높이 = BPL 높이 × 278/191. 태그라인은 그 아래로 늘어진다.
     2026-10-19 고객 메일: 「최초 사이즈보단 크게, 지금보다는 작게」 → 40 → 34px (마크 58 → 49px, 09-18 최초 44px).
     ≤480 은 지금 락업 폭이 최초와 같아(237 vs 238px) 그대로 둔다. */
  --wd-logo-h: 34px;
}
.wd-gnb__logo--group img.wd-gnb__logo-mark { height: calc(var(--wd-logo-h) * 278 / 191); }
.wd-gnb__logo--group img.wd-gnb__logo-bpl  { height: var(--wd-logo-h); }
.wd-gnb__logo-divider {
  display: block;
  flex: none;
  width: 1px;
  height: var(--wd-logo-h);
  background: var(--bmt-surface);
  opacity: .45;
}
/* 로고 링크 color 는 base.css a:link 가 --bmt-body 로 덮어써 currentColor 를 못 쓴다 */
.wd-gnb.is-light .wd-gnb__logo-divider { background: var(--bmt-line); opacity: 1; }
.wd-gnb.is-open .wd-gnb__logo-divider,
.wd-gnb.is-side-menu .wd-gnb__logo-divider { background: var(--bmt-surface); opacity: .45; }
@media (max-width: 1080px) {
  .wd-gnb__logo--group { --wd-logo-h: 27px; }
}
@media (max-width: 480px) {
  .wd-gnb__logo--group { gap: 10px; --wd-logo-h: 20px; }
}

/* ==========================================================================
   2026-10-19 다크모드 휴대폰 — 고객 메일 「로고 뒷배경이 검은색이라 로고가 보이지 않습니다」
   삼성 인터넷·네이버앱 등의 다크모드가 흰 헤더(.is-light) 배경을 검게 칠하는데 로고 img 는
   남색 그대로라 묻힌다. color-scheme: only light 로 막는 건 크롬 강제 다크에서 안 먹었다.
   다크모드면 라이트 헤더를 열림 패널(.is-open)과 같은 어두운 톤 + 흰 로고로 바꾼다.
   PC 폭은 메뉴 글자가 검정이라 제외(햄버거 구간만).
   ========================================================================== */
@media (prefers-color-scheme: dark) and (max-width: 1080px) {
  .wd-gnb.is-light {
    background-color: rgba(0, 0, 0, .7);
    border-bottom-color: var(--wd-border-on-dark);
  }
  .wd-gnb.is-light .wd-gnb__logo img.wd-gnb__logo-img--white { display: block; }
  .wd-gnb.is-light .wd-gnb__logo img.wd-gnb__logo-img--color { display: none; }
  .wd-gnb.is-light .wd-gnb__logo-divider { background: var(--bmt-surface); opacity: .45; }
  .wd-gnb.is-light .wd-gnb__utility { color: var(--wd-text-inverse); }
}