/* C3 헤더 메뉴 개편 비교 시안 — body.c3-menu-a / .c3-menu-b 한정. 본문·HERO·design-c3.css 미수정, 비교 전용 */
body.c3 .c3m-nav > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
body.c3 .c3m-item { position: relative; }
body.c3 .c3m-trigger { display: inline-flex; align-items: center; gap: .3rem; padding: .6rem .7rem; border: 0; background: none; font: inherit; font-size: .95rem; font-weight: 700; letter-spacing: -.02em; color: var(--c3-ink-2); cursor: pointer; white-space: nowrap; }
body.c3 .c3m-trigger svg { transition: transform .15s; }
body.c3 .c3m-item.is-open > .c3m-trigger, body.c3 .c3m-trigger:hover { color: var(--c3-blue); }
body.c3 .c3m-item.is-open > .c3m-trigger svg { transform: rotate(180deg); }
body.c3 .c3m-drop { display: none; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); min-width: 14rem; padding: .6rem; background: #fff; border: 1px solid var(--c3-line); border-radius: 14px; box-shadow: 0 14px 34px rgba(12, 23, 53, .14); z-index: 70; }
body.c3 .c3m-item.is-open > .c3m-drop { display: block; }
body.c3 .c3m-drop ul { display: block; }
body.c3 .c3m-drop a { display: block; padding: .62rem .85rem; border-radius: 8px; color: var(--c3-ink); font-size: .93rem; font-weight: 600; letter-spacing: -.02em; white-space: nowrap; text-decoration: none; }
body.c3 .c3m-drop a:hover, body.c3 .c3m-drop a:focus-visible { background: var(--c3-tint); color: var(--c3-blue); }
/* 모바일·햄버거 패널 공통 */
body.c3 .c3m-panel { max-width: 40rem; margin: 0 auto; padding: 1rem clamp(1rem, 4vw, 1.5rem) 1.5rem; }
body.c3 .c3m-tabs-m { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; padding: .3rem; background: var(--c3-tint); border-radius: 999px; margin-bottom: 1rem; }
body.c3 .c3m-tabs-m a { text-align: center; padding: .7rem .5rem; border-radius: 999px; font-size: .9rem; font-weight: 700; color: var(--c3-ink-2); text-decoration: none; }
body.c3 .c3m-tabs-m a.is-active { background: var(--c3-blue); color: #fff; }
body.c3 .c3m-acc { border-bottom: 1px solid var(--c3-line); }
body.c3 .c3m-acc summary { display: flex; justify-content: space-between; align-items: center; min-height: 3.4rem; font-size: 1.02rem; font-weight: 800; color: var(--c3-ink); cursor: pointer; list-style: none; }
body.c3 .c3m-acc summary::-webkit-details-marker { display: none; }
body.c3 .c3m-acc[open] summary svg { transform: rotate(180deg); }
body.c3 .c3m-acc ul { list-style: none; margin: 0 0 .6rem; padding: 0; }
body.c3 .c3m-acc a { display: block; padding: .72rem .2rem; font-size: .96rem; color: #4b5160; text-decoration: none; }
body.c3 .c3m-flat { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem 1rem; }
body.c3 .c3m-flat h2 { margin: 0 0 .3rem; font-size: .88rem; font-weight: 800; color: var(--c3-blue); letter-spacing: -.02em; }
body.c3 .c3m-flat ul { list-style: none; margin: 0; padding: 0; }
body.c3 .c3m-flat a { display: block; padding: .5rem 0; font-size: .93rem; color: #4b5160; text-decoration: none; }
body.c3 .c3m-panel .c3-menu__cta { margin-top: 1.4rem; }
body.c3.c3m-lock { overflow: hidden; }
body.c3 .c3-menu { position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0 14px 34px rgba(12, 23, 53, .12); }

/* ===== A. 한 줄형: 로고 · 진료 분야 탭 · 5대 메뉴(드롭다운) · KO/EN · 햄버거 ===== */
body.c3-menu-a .c3-header__row { gap: clamp(.5rem, 1.2vw, 1.25rem); }
body.c3-menu-a .c3m-nav { flex: 1 1 auto; min-width: 0; }
body.c3-menu-a .c3m-nav > ul { justify-content: center; gap: .1rem; }
body.c3-menu-a .c3-lang { margin-left: 0; }
@media (min-width: 90rem) { body.c3-menu-a .c3-toggle { display: none; } body.c3-menu-a .c3-menu { display: none !important; } }
@media (min-width: 64rem) and (max-width: 89.99rem) {
  body.c3-menu-a .c3-tabs { display: none; }
  body.c3-menu-a .c3-toggle { display: grid; margin-left: 0; }
}
@media (max-width: 63.99rem) {
  body.c3-menu-a .c3m-nav, body.c3-menu-a .c3-tabs { display: none; }
  body.c3-menu-a .c3-toggle { display: grid; margin-left: auto; }
}

/* ===== B. 2단형: 1단 로고·탭·KO/EN·온라인 상담 / 2단 5대 메뉴 바 ===== */
body.c3-menu-b { --c3-h: 76px; }
body.c3-menu-b .c3m-bar { border-top: 1px solid var(--c3-line); background: #fff; }
body.c3-menu-b .c3m-bar .c3m-nav > ul { max-width: 80rem; margin: 0 auto; justify-content: center; gap: clamp(.5rem, 3vw, 3rem); height: 3rem; }
body.c3-menu-b .c3m-consult { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 2.6rem; padding: 0 1.2rem; border-radius: 999px; background: var(--c3-blue); color: #fff; font-size: .9rem; font-weight: 700; text-decoration: none; }
body.c3-menu-b .c3-lang { margin-left: auto; }
body.c3-menu-b .c3-toggle { margin-left: 0; }
@media (min-width: 60rem) {
  body.c3-menu-b .c3-toggle { display: none; }
  body.c3-menu-b .c3-menu { display: none !important; }
}
@media (max-width: 59.99rem) {
  body.c3-menu-b { --c3-h: 70px; }
  body.c3-menu-b .c3m-bar, body.c3-menu-b .c3m-consult { display: none; }
  body.c3-menu-b .c3-toggle { margin-left: auto; }
}