/* generated by scripts/bundle-site-css.mjs */
/* /templates/css/main/editorial-e.css */
/*
 * 템플릿 E — SEO 에디토리얼 (디자인: DESIGN_renovo.md, 리노보의원 스타일)
 * 값은 MD 의 1920px 기준 수치를 따르고, 작은 화면에서는 clamp 로 같은 비율만큼 줄입니다.
 * 상담 전화·챗봇은 병원 퀵메뉴(오른쪽)를 그대로 씁니다 (MD 의 왼쪽 상담 알약은 퀵메뉴와 겹쳐 넣지 않음)
 * 색: 크림 #FDFAEF · 먹색 #363636 · 짙은 띠 #363636 · 뼈색 #F9F8F4 · 리넨 #F4EFDB · 하단 #242424
 *     포인트 테라코타 #AC4626 은 떠 있는 상담 버튼·위로 가기 버튼에만.
 * 글꼴: 한글 Pretendard(자간 -0.02em, 줄 간격 1.5), 영문 라벨 Figtree 100 대문자, 마무리 문장만 Figtree 800.
 * 모든 규칙은 html.main-template-e 아래에 한정합니다 (다른 템플릿에 영향 없음).
 */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@100;400;800&display=swap');

html.main-template-e {
  --e-cream: #fdfaef;
  --e-ink: #363636;
  --e-white: #fcfcfc;
  --e-terracotta: #ac4626;
  --e-bone: #f9f8f4;
  --e-linen: #f4efdb;
  --e-sand: #e5e1d2;
  --e-footer: #242424;
  --e-button: #1a1a1a;
  --e-muted: rgba(54, 54, 54, 0.6);
  --e-veil: rgba(0, 0, 0, 0.3);
  --e-glass: rgba(255, 255, 255, 0.2);
  --e-naver: #03cf5d;
  --e-scrim: rgba(0, 0, 0, 0.5);
  --e-shadow-soft: rgba(177, 176, 175, 0.2) 3px 3px 7px 0px;
  --e-ani: cubic-bezier(0.32, 0.94, 0.6, 1);
  --e-radius: 30px;
  --e-width: 1500px;
  /* 1920 기준 값 → 화면 폭 비율 (MD: 루트 글자 크기가 화면 폭에 따라 줄어듦) */
  --e-pad: clamp(96px, 10.42vw, 200px);
  --e-text-caption: 14px;
  --e-text-body: 16px;
  --e-text-body-lg: clamp(17px, 1.04vw, 20px);
  --e-text-statement: clamp(22px, 1.56vw, 30px);
  --e-text-card: clamp(24px, 1.88vw, 36px);
  --e-text-label: clamp(28px, 2.08vw, 40px);
  --e-text-label-lg: clamp(32px, 2.6vw, 50px);
  --e-text-display: clamp(44px, 5.21vw, 100px);
  --e-pretendard: 'Pretendard', 'Noto Sans KR', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --e-figtree: 'Figtree', 'Manrope', 'Inter Tight', ui-sans-serif, system-ui, sans-serif;
  background: var(--e-cream);
}

html.main-template-e body {
  /* 공용 CSS 의 흰 배경보다 우선 (서브페이지도 크림 종이) */
  background: var(--e-cream) !important;
  color: var(--e-ink);
  font-family: var(--e-pretendard);
  line-height: 1.5;
  letter-spacing: -0.02em;
}

/* ───────── 공통: 구역 · 머리(영문 라벨 → 질문형 H2 → 답) ───────── */
html.main-template-e .e-section {
  padding: var(--e-pad) 0;
  background: var(--e-cream);
  color: var(--e-ink);
}
html.main-template-e .e-section--bone {
  background: var(--e-bone);
}
html.main-template-e .e-section--dark {
  background: var(--e-ink);
  color: var(--e-white);
}
html.main-template-e .e-inner {
  width: 100%;
  max-width: var(--e-width);
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 48px);
  box-sizing: border-box;
}
html.main-template-e .e-head {
  margin: 0 0 clamp(48px, 4.17vw, 80px);
}
html.main-template-e .e-head--center {
  text-align: center;
}
html.main-template-e .e-head--center .e-lead {
  margin-left: auto;
  margin-right: auto;
}
/* 영문 라벨: Figtree 100 대문자 (굵게 하지 않음) */
html.main-template-e .e-label {
  margin: 0 0 16px;
  font-family: var(--e-figtree);
  font-weight: 100;
  font-size: var(--e-text-label-lg);
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: uppercase;
  color: inherit;
}
html.main-template-e .e-label--sm {
  margin: 0 0 16px;
  font-size: var(--e-text-label);
}
/* 질문형 H2: MD 의 카드 제목 크기(36px / 800) */
html.main-template-e .e-question {
  margin: 0;
  font-family: var(--e-pretendard);
  font-weight: 800;
  font-size: var(--e-text-card);
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: inherit;
  word-break: keep-all;
}
/* 라벨 아래 한 줄: Pretendard 20px / 400, 먹색 60% */
html.main-template-e .e-lead {
  max-width: 900px;
  margin: 16px 0 0;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
  color: var(--e-muted);
  word-break: keep-all;
}
html.main-template-e .e-head--dark .e-lead {
  color: rgba(252, 252, 252, 0.6);
}
/* MORE 링크: 14px / 700 + 화살표 */
html.main-template-e .e-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
  font-size: var(--e-text-caption);
  font-weight: 700;
  line-height: 1.5;
  color: var(--e-ink);
  text-decoration: none;
  transition: opacity 0.4s var(--e-ani);
}
html.main-template-e .e-more::after {
  content: '→';
}
html.main-template-e .e-more:hover {
  opacity: 0.6;
}
html.main-template-e .e-more--light {
  color: var(--e-white);
}

/* ───────── 첫 화면: 어두운 사진 + 30% 막, 왼쪽 아래 30px 얇은 문장 ───────── */
html.main-template-e .e-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  background: var(--e-footer);
  color: var(--e-white);
}
html.main-template-e .e-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html.main-template-e .e-hero__veil {
  position: absolute;
  inset: 0;
  background: var(--e-veil);
}
html.main-template-e .e-hero__inner {
  position: relative;
  width: 100%;
  max-width: var(--e-width);
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 48px) clamp(56px, 6.25vw, 120px);
  box-sizing: border-box;
}
html.main-template-e .e-hero__eyebrow {
  margin: 0 0 16px;
  font-family: var(--e-figtree);
  font-weight: 100;
  font-size: var(--e-text-body-lg);
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: uppercase;
}
/* H1 = MD 의 statement (30px / 400, 흰색) */
html.main-template-e .e-hero__title {
  max-width: 900px;
  margin: 0;
  font-weight: 400;
  font-size: var(--e-text-statement);
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--e-white);
  word-break: keep-all;
}
html.main-template-e .e-hero__statement {
  max-width: 900px;
  margin: 0;
  font-weight: 400;
  font-size: var(--e-text-statement);
  line-height: 1.5;
  color: var(--e-white);
  word-break: keep-all;
}
html.main-template-e .e-hero__desc {
  max-width: 720px;
  margin-top: 16px;
  font-size: var(--e-text-body);
  line-height: 1.5;
  color: rgba(252, 252, 252, 0.8);
}
html.main-template-e .e-hero__counter {
  margin: 48px 0 0;
  font-family: var(--e-figtree);
  font-weight: 400;
  font-size: var(--e-text-caption);
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--e-white);
}

/* ───────── 먼저 알아두세요 (뼈색 + 리넨 요약 칸) ───────── */
html.main-template-e .e-glance__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(32px, 4.17vw, 80px);
  align-items: start;
}
html.main-template-e .e-glance__summary {
  margin: 0 0 48px;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
  word-break: keep-all;
}
html.main-template-e .e-glance__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 16px 40px;
  border-radius: var(--e-radius);
  background: var(--e-linen);
}
html.main-template-e .e-glance__fact {
  padding: 24px 0;
  border-bottom: 1px solid var(--e-sand);
}
html.main-template-e .e-glance__fact:nth-last-child(-n + 2) {
  border-bottom: 0;
}
html.main-template-e .e-glance__fact dt {
  margin: 0 0 8px;
  font-size: var(--e-text-caption);
  font-weight: 700;
  line-height: 1.5;
  color: var(--e-muted);
}
html.main-template-e .e-glance__fact dd {
  margin: 0;
  font-size: var(--e-text-body);
  line-height: 1.5;
}
html.main-template-e .e-glance__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 48px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
html.main-template-e .e-glance__stats li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
html.main-template-e .e-glance__stats strong {
  font-family: var(--e-figtree);
  font-weight: 100;
  font-size: var(--e-text-label-lg);
  line-height: 1.3;
  letter-spacing: normal;
}
html.main-template-e .e-glance__stats strong * {
  font: inherit;
  color: inherit;
}
html.main-template-e .e-glance__stats span {
  font-size: var(--e-text-caption);
  line-height: 1.5;
  color: var(--e-muted);
}

/* ───────── 병원 소개: 가운데 30px 문장 (brand statement) ───────── */
html.main-template-e .e-about {
  text-align: center;
}
html.main-template-e .e-about__statement {
  max-width: 900px;
  margin: 0 auto;
  font-weight: 400;
  font-size: var(--e-text-statement);
  line-height: 1.5;
  word-break: keep-all;
}
html.main-template-e .e-about__statement p {
  margin: 0;
}
html.main-template-e .e-about__statement p + p {
  margin-top: 48px;
}
html.main-template-e .e-about__media {
  margin-top: clamp(48px, 4.17vw, 80px);
}
html.main-template-e .e-about__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  border-radius: var(--e-radius);
}

/* ───────── 시술 카드: 짙은 띠 위 먹색 카드, 모서리 0, 사진 아래 어두운 그라데이션, 3장 ───────── */
/* 가로 슬라이드: 한 화면에 3장, 간격 24px, 손가락·트랙패드로 넘김 */
html.main-template-e .e-care__list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px;
  margin: 0;
  padding: 0 0 8px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
html.main-template-e .e-care__list::-webkit-scrollbar {
  display: none;
}
html.main-template-e .e-care__card {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  background: var(--e-ink);
}
html.main-template-e .e-care__media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--e-footer);
}
html.main-template-e .e-care__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 40%, rgba(54, 54, 54, 1) 100%);
}
html.main-template-e .e-care__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s var(--e-ani);
}
html.main-template-e .e-care__card:hover .e-care__media img {
  transform: scale(1.04);
}
html.main-template-e .e-care__copy {
  padding: 40px;
}
/* 카드 제목: 36px / 800 흰색 */
html.main-template-e .e-care__title {
  margin: 0 0 16px;
  font-weight: 800;
  font-size: var(--e-text-card);
  line-height: 1.5;
  color: #fff;
  word-break: keep-all;
}
html.main-template-e .e-care__tagline {
  margin: 0 0 8px;
  font-weight: 800;
  font-size: var(--e-text-card);
  line-height: 1.5;
  color: #fff;
  word-break: keep-all;
}
/* 시술 이름: 20px / 400 */
html.main-template-e .e-care__name {
  margin: 0 0 16px;
  font-weight: 400;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
  color: var(--e-white);
}
html.main-template-e .e-care__body {
  margin: 0;
  font-size: var(--e-text-body);
  line-height: 1.5;
  color: rgba(252, 252, 252, 0.8);
  word-break: keep-all;
}

/* ───────── 의료진 (뼈색): 둥근 큰 사진, 이름 20px / 800 ───────── */
html.main-template-e .e-doctor__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(32px, 4.17vw, 80px);
  align-items: center;
}
html.main-template-e .e-doctor__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--e-radius);
}
html.main-template-e .e-doctor__name {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 8px;
  font-weight: 800;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
}
html.main-template-e .e-doctor__name em {
  font-style: normal;
  font-weight: 800;
}
html.main-template-e .e-doctor__title {
  margin: 0 0 16px;
  font-family: var(--e-pretendard);
  font-size: var(--e-text-body);
  line-height: 1.5;
}
html.main-template-e .e-doctor__body {
  margin: 0 0 24px;
  font-size: var(--e-text-body);
  line-height: 1.5;
  color: var(--e-muted);
  white-space: pre-line;
}
html.main-template-e .e-doctor__list {
  margin: 0;
  padding: 24px 0 0;
  list-style: none;
  border-top: 1px solid var(--e-sand);
}
html.main-template-e .e-doctor__list li {
  padding: 4px 0;
  font-size: var(--e-text-body);
  line-height: 1.5;
}

/* ───────── 강점 (크림): 테두리 없는 리넨 칸, 번호는 Figtree 100 ───────── */
html.main-template-e .e-why__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
html.main-template-e .e-why__item {
  padding: 48px 40px;
  border-radius: var(--e-radius);
  background: var(--e-linen);
}
html.main-template-e .e-why__num {
  display: block;
  margin-bottom: 24px;
  font-family: var(--e-figtree);
  font-weight: 100;
  font-size: var(--e-text-label);
  line-height: 1.3;
}
html.main-template-e .e-why__title {
  margin: 0 0 16px;
  font-weight: 800;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
  word-break: keep-all;
}
html.main-template-e .e-why__body {
  font-size: var(--e-text-body);
  line-height: 1.5;
  color: var(--e-muted);
  word-break: keep-all;
}

/* ───────── 블로그(매거진): 짙은 띠, 4장, 사진 30px, 태그 14px / 700, 제목 20px / 800 두 줄 ───────── */
html.main-template-e .e-blog__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
html.main-template-e .e-blog__card a {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--e-white);
  text-decoration: none;
}
html.main-template-e .e-blog__media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--e-radius);
  background: var(--e-footer);
}
html.main-template-e .e-blog__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s var(--e-ani);
}
html.main-template-e .e-blog__card a:hover img {
  transform: scale(1.04);
}
html.main-template-e .e-blog__tag {
  align-self: flex-start;
  font-size: var(--e-text-caption);
  font-weight: 700;
  line-height: 1.5;
}
html.main-template-e .e-blog__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-weight: 800;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
  word-break: keep-all;
}

/* ───────── 자주 묻는 질문 (뼈색) ───────── */
html.main-template-e .e-faq__grid {
  display: grid;
  /* 왼쪽 제목('OO의원, 자주 묻는 질문')이 한 줄로 들어가게 왼쪽 칸을 제목 폭에 맞춤 */
  grid-template-columns: max-content minmax(0, 1fr);
  gap: clamp(32px, 4.17vw, 80px);
  align-items: start;
}
html.main-template-e .e-faq .e-question {
  white-space: nowrap;
}
html.main-template-e .e-faq__item {
  border-bottom: 1px solid var(--e-sand);
}
html.main-template-e .e-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
}
html.main-template-e .e-faq__item summary::-webkit-details-marker {
  display: none;
}
html.main-template-e .e-faq__item summary::after {
  content: '+';
  flex: 0 0 auto;
  font-family: var(--e-figtree);
  font-weight: 100;
  font-size: var(--e-text-label);
  line-height: 1;
  transition: transform 0.4s var(--e-ani);
}
/* 열리면 + → − (돌려서 × 로 만들지 않음) */
html.main-template-e .e-faq__item[open] summary::after {
  content: '−';
}
html.main-template-e .e-faq__item h3 {
  margin: 0;
  font-weight: 800;
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
  word-break: keep-all;
}
html.main-template-e .e-faq__item p {
  margin: 0;
  padding: 0 48px 24px 0;
  font-size: var(--e-text-body);
  line-height: 1.5;
  color: var(--e-muted);
  white-space: pre-line;
  word-break: keep-all;
}

/* ───────── 마무리 큰 문장: Figtree 800 100px, 자간 -8px, 크림 ───────── */
html.main-template-e .e-closing {
  padding: var(--e-pad) 0 0;
  background: var(--e-cream);
  color: var(--e-ink);
}
html.main-template-e .e-closing__line {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: var(--e-figtree);
  font-weight: 800;
  font-size: var(--e-text-display);
  line-height: 1.2;
  letter-spacing: calc(var(--e-text-display) * -0.08);
}
html.main-template-e .e-closing__left {
  align-self: flex-start;
}
html.main-template-e .e-closing__right {
  align-self: flex-end;
  text-align: right;
}
html.main-template-e .e-closing__media {
  position: relative;
  z-index: 1;
  margin-top: 48px;
  margin-bottom: -80px;
}
html.main-template-e .e-closing__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  border-radius: var(--e-radius);
}
/* 사진이 80px 겹쳐 올라오는 만큼 다음 구역 위 여백을 늘립니다 */
html.main-template-e .e-closing + * .e-visit,
html.main-template-e [data-main-section='closing-e'] + [data-main-section='map-e'] .e-visit {
  padding-top: calc(var(--e-pad) + 80px);
}

/* ───────── 진료시간 · 오시는 길: TIME / CALL / LOCATION 세 칸 (크림) ───────── */
html.main-template-e .e-visit__cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
}
html.main-template-e .e-visit__value {
  font-size: var(--e-text-body-lg);
  line-height: 1.5;
}
html.main-template-e .e-glance__fact dd *,
html.main-template-e .e-visit__value * {
  color: inherit !important;
  background: transparent !important;
}
html.main-template-e .e-visit__phone {
  font-weight: 400;
  font-size: var(--e-text-card);
  line-height: 1.5;
  color: var(--e-ink);
  text-decoration: none;
}
html.main-template-e .e-map-btn {
  display: inline-block;
  margin-top: 24px;
  padding: 8px 24px;
  border-radius: 0;
  font-size: var(--e-text-caption);
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
html.main-template-e .e-visit__maps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
html.main-template-e .e-visit__maps .e-map-btn {
  margin-top: 0;
}
html.main-template-e .e-map-btn--google {
  background: var(--e-white);
  color: var(--e-ink);
}
html.main-template-e .e-map-btn--naver {
  background: var(--e-naver);
  color: #fff;
}
html.main-template-e .e-visit__map {
  margin-top: clamp(48px, 4.17vw, 80px);
  aspect-ratio: 16 / 6;
  overflow: hidden;
  border-radius: var(--e-radius);
  background: var(--e-linen);
}
html.main-template-e .e-visit__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* ───────── 스크롤 등장 효과 (스크립트가 돌 때만 숨겼다 보여 줌) ───────── */
html.main-template-e[data-e-reveal='ready'] [data-e-reveal='wait'] {
  opacity: 0;
  transform: translateY(20px);
}
html.main-template-e[data-e-reveal='ready'] [data-e-reveal] {
  transition: opacity 0.8s var(--e-ani), transform 0.8s var(--e-ani);
}
html.main-template-e[data-e-reveal='ready'] [data-e-reveal='in'] {
  opacity: 1;
  transform: none;
}

/* ───────── 헤더: 첫 화면 위에서는 투명, 스크롤하면 50% 검정. 로고는 넓은 자간 흰 대문자 ───────── */
html.main-template-e .site-header,
html.main-template-e.main-page .site-header,
html.main-template-e.main-page #main-nav {
  background: transparent;
  transition: background-color 0.4s var(--e-ani);
}
html.main-template-e .site-header.scrolled,
html.main-template-e .site-header.scrolled #main-nav,
html.main-template-e.header-solid .site-header,
html.main-template-e.header-solid #main-nav {
  background: var(--e-scrim) !important;
}
html.main-template-e.sub-page .site-header,
html.main-template-e.sub-page #main-nav {
  background: var(--e-footer) !important;
}
html.main-template-e #main-nav,
html.main-template-e .site-header__nav {
  height: clamp(64px, 4.38vw, 84px);
}
html.main-template-e #logo-link p {
  font-family: var(--e-figtree);
  font-weight: 400;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #fff;
}
/* 햄버거: 두 줄 */
html.main-template-e .hamburger-menu-btn {
  height: 12px;
}
html.main-template-e .hamburger-menu-btn span {
  height: 1.5px;
  background: #fff;
}
html.main-template-e .hamburger-menu-btn span:nth-child(2) {
  display: none;
}
html.main-template-e .dropdown-menu {
  background: var(--e-cream);
}

/* ───────── 하단 정보: 크기·여백·글자는 B(공용 하단)와 똑같이, 바탕색만 E 색 ───────── */
html.main-template-e footer {
  background: var(--e-footer) !important;
  /* E 본문의 줄 간격 1.5·자간 -0.02em 이 하단까지 내려와 B 와 달라 보였음 → B 기본값으로 */
  line-height: 1.15;
  letter-spacing: normal;
}

/* ───────── 퀵메뉴 (MD quick contact stack): 오른쪽 세로 줄, 흰 원 56px + shadow-soft, 위로 가기는 테라코타 원 ─────────
 * 버튼마다 글자는 화면에서 숨기고(읽기 프로그램용으로는 남김) 아이콘만 원 안에 보여 줍니다. 아이콘은 각 서비스 고유 색 그대로. */
html.main-template-e #quick .quick-wrap {
  align-items: flex-end;
  gap: 12px;
}
html.main-template-e #quick .quick-button-group {
  width: 56px;
  bottom: calc(56px + 12px);
}
html.main-template-e #quick .quick-social-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 56px;
}
html.main-template-e #quick .quick-social-icon .title-wrap {
  width: 56px !important;
  min-width: 0 !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--e-white) !important;
  box-shadow: var(--e-shadow-soft);
}
html.main-template-e #quick .quick-social-icon .icon-social {
  display: flex !important;
  width: 24px;
  height: 24px;
}
html.main-template-e #quick .quick-social-icon .tit {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
html.main-template-e #quick .quick-wrap > .quick-btn-area,
html.main-template-e #quick .quick-wrap > .top_btn01 {
  align-self: flex-end;
  margin-right: 0 !important;
}
html.main-template-e #quick .quick-btn-area,
html.main-template-e #quick .quick-btn-area .quick-bg,
html.main-template-e #quick .chatbot_button_icon,
html.main-template-e #quick .quick-close-btn {
  width: 56px !important;
  height: 56px !important;
}
html.main-template-e #quick .quick-btn-area .quick-bg,
html.main-template-e #quick .quick-close-btn {
  background: var(--e-white);
  box-shadow: var(--e-shadow-soft);
}
html.main-template-e #quick .open_btn > div,
html.main-template-e #quick .quick-close-btn span {
  background-color: var(--e-ink);
}
html.main-template-e #quick .quick-close-btn span {
  width: 22px;
  height: 1.5px;
}
html.main-template-e #quick .top_btn01 {
  width: 56px !important;
  height: 56px !important;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 50% !important;
  background: var(--e-terracotta) !important;
  box-shadow: var(--e-shadow-soft);
}
html.main-template-e #quick .top_btn01 svg {
  width: 10px !important;
  height: 22px !important;
}
html.main-template-e #quick .top_btn01 svg line {
  stroke: var(--e-white);
}
@media (max-width: 767px) {
  html.main-template-e #quick .quick-button-group,
  html.main-template-e #quick .quick-social-icon {
    width: 44px;
  }
  html.main-template-e #quick .quick-button-group {
    bottom: calc(44px + 8px);
  }
  html.main-template-e #quick .quick-wrap,
  html.main-template-e #quick .quick-social-icon {
    gap: 8px;
  }
  html.main-template-e #quick .quick-social-icon .title-wrap,
  html.main-template-e #quick .quick-btn-area,
  html.main-template-e #quick .quick-btn-area .quick-bg,
  html.main-template-e #quick .chatbot_button_icon,
  html.main-template-e #quick .quick-close-btn,
  html.main-template-e #quick .top_btn01 {
    width: 44px !important;
    height: 44px !important;
  }
  html.main-template-e #quick .quick-social-icon .icon-social {
    width: 20px;
    height: 20px;
  }
  html.main-template-e #quick .top_btn01 svg {
    width: 8px !important;
    height: 16px !important;
  }
}

/* ───────── 반응형 (그리드는 4칸을 넘지 않음) ───────── */
@media (max-width: 1024px) {
  html.main-template-e .e-glance__grid,
  html.main-template-e .e-doctor__grid,
  html.main-template-e .e-faq__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* 위아래로 쌓이는 화면에서는 제목 줄바꿈 허용 */
  html.main-template-e .e-faq .e-question {
    white-space: normal;
  }
  html.main-template-e .e-care__list {
    grid-auto-columns: calc((100% - 24px) / 2);
  }
  html.main-template-e .e-blog__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html.main-template-e .e-visit__cols {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
@media (max-width: 640px) {
  html.main-template-e .e-care__list {
    grid-auto-columns: 86%;
  }
  html.main-template-e .e-glance__facts {
    grid-template-columns: minmax(0, 1fr);
  }
  html.main-template-e .e-glance__facts {
    padding: 8px 24px;
  }
  html.main-template-e .e-glance__fact:nth-last-child(2) {
    border-bottom: 1px solid var(--e-sand);
  }
  html.main-template-e .e-care__copy,
  html.main-template-e .e-why__item {
    padding: 32px 24px;
  }
  html.main-template-e .e-visit__map {
    aspect-ratio: 4 / 3;
  }
  html.main-template-e .e-closing__media {
    margin-bottom: -40px;
  }
  html.main-template-e [data-main-section='closing-e'] + [data-main-section='map-e'] .e-visit {
    padding-top: calc(var(--e-pad) + 40px);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.main-template-e .e-care__media img,
  html.main-template-e .e-blog__media img {
    transition: none;
  }
}

/* ═══════════════════════════════════════════════════════════════════
 *  검색 노출형 E — WALTS 프리미엄 톤 (더왈츠의원 treatment v2 디자인 시스템)
 *  크림 #fcf9ea · 브라운 #443a35 · 탄 #c5b49d · 샌드 #e4ddcc · 서페이스 #f3ecdd
 *  제목은 세리프(Noto Serif KR + Cormorant), 라벨은 작은 트래킹 eyebrow.
 *  토큰 재정의로 var 기반 규칙이 일괄 전환되고, 타이포/카드/버튼을 프리미엄으로 덮어씀.
 * ═══════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');
html.main-template-e {
  --e-cream: #fcf9ea;
  --e-ink: #443a35;
  --e-white: #fffcf5;
  --e-terracotta: #8f683e;     /* 포인트: 따뜻한 골드브라운 (떠있는 버튼 등) */
  --e-bone: #fffcf5;
  --e-linen: #f3ecdd;          /* 카드/패널: 서페이스 */
  --e-sand: #e4ddcc;
  --e-footer: #443a35;         /* 어두운 섹션·하단: 브라운 */
  --e-button: #443a35;
  --e-muted: #776b60;
  /* 신규 */
  --e-tan: #c5b49d;
  --e-accent: #8f683e;
  --e-surface: #f3ecdd;
  --e-line: #dcd3c3;
  --e-serif-kr: 'Noto Serif KR', 'Source Han Serif KR', 'Nanum Myeongjo', serif;
  --e-serif-en: 'Cormorant', 'Marcellus', Georgia, serif;
  --e-card-shadow: 0 24px 54px -34px rgba(68, 58, 53, 0.28);
  --e-card-border: 1px solid var(--e-line);
  --e-radius: 2px;             /* WALTS 는 거의 각진 모서리 */
  background: var(--e-cream);
}
html.main-template-e body { background: var(--e-cream) !important; color: var(--e-ink); }

/* 섹션 바탕: 크림 / 서페이스 / 브라운 */
html.main-template-e .e-section { background: var(--e-cream); }
html.main-template-e .e-section--bone { background: var(--e-surface); }
html.main-template-e .e-section--dark { background: var(--e-ink); color: #f1e9dc; }

/* ── 라벨 → 작은 트래킹 eyebrow (거대한 얇은 라벨 폐기) ── */
html.main-template-e .e-label,
html.main-template-e .e-label--sm,
html.main-template-e .e-hero__eyebrow {
  margin: 0 0 20px;
  font-family: var(--e-serif-en);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #8b7863;
  display: inline-block;
}
html.main-template-e .e-head--dark .e-label { color: var(--e-tan); }

/* ── 제목: 세리프, 가벼운 굵기, 타이트 자간 (WALTS h1/h2) ── */
html.main-template-e .e-question,
html.main-template-e .e-hero__title,
html.main-template-e .e-hero__statement,
html.main-template-e .e-about__statement,
html.main-template-e .e-closing__line {
  font-family: var(--e-serif-kr);
  font-weight: 500;
  letter-spacing: -0.045em;
}
html.main-template-e .e-question { font-size: clamp(28px, 2.6vw, 42px); line-height: 1.4; }
html.main-template-e .e-lead { font-size: 15px; color: var(--e-muted); line-height: 1.95; }

/* ── 통계 숫자: Georgia 세리프 탄색 ── */
html.main-template-e .e-glance__stats strong,
html.main-template-e .e-glance__stats strong * {
  font-family: var(--e-serif-en) !important;
  font-weight: 500 !important;
  font-size: clamp(40px, 3.6vw, 62px) !important;
  letter-spacing: -0.03em !important;
  color: var(--e-accent) !important;
}
html.main-template-e .e-glance__stats li > span { font-size: 13px !important; color: var(--e-muted) !important; }
html.main-template-e .e-glance__facts { background: var(--e-white); border: var(--e-card-border); box-shadow: none; }
html.main-template-e .e-glance__fact dt { color: #917d67; }

/* ── 카드(시술/강점/블로그): 각진 서페이스 카드, 은은한 테두리 ── */
html.main-template-e .e-care__card,
html.main-template-e .e-why__item,
html.main-template-e .e-blog__media { border-radius: var(--e-radius); }
html.main-template-e .e-why__item { background: var(--e-surface); border: var(--e-card-border); }
html.main-template-e .e-why__num { font-family: var(--e-serif-en); color: var(--e-accent); }
html.main-template-e .e-care__media::after { background: linear-gradient(180deg, rgba(48,42,36,0) 45%, rgba(48,42,36,.72) 100%); }

/* ── 의료진 ── */
html.main-template-e .e-doctor__title { color: var(--e-accent); }

/* ── FAQ: +/− 아이콘, 선 ── */
html.main-template-e .e-faq__item summary::after { font-family: var(--e-serif-en); color: var(--e-ink); }
html.main-template-e .e-faq__item[open] h3 { color: var(--e-accent); }

/* ── 버튼(MORE) → WALTS 아웃라인/솔리드 ── */
html.main-template-e .e-more {
  padding: 15px 24px;
  border: 1px solid var(--e-ink);
  border-radius: var(--e-radius);
  font-weight: 500;
  background: transparent;
  color: var(--e-ink);
  transition: background-color .2s, color .2s;
}
html.main-template-e .e-more:hover { background: var(--e-ink); color: var(--e-cream); opacity: 1; }
html.main-template-e .e-more--light { border-color: var(--e-cream); color: var(--e-cream); }
html.main-template-e .e-more--light:hover { background: var(--e-cream); color: var(--e-ink); }

/* ── 방문/지도 버튼 ── */
html.main-template-e .e-visit__phone { color: var(--e-accent); font-family: var(--e-serif-en); }
html.main-template-e .e-map-btn { border-radius: var(--e-radius); }

/* ── 헤더 스크롤 시 크림 반투명 ── */
html.main-template-e .site-header.scrolled,
html.main-template-e .site-header.scrolled #main-nav,
html.main-template-e.header-solid .site-header,
html.main-template-e.header-solid #main-nav { background: rgba(252,249,234,.96) !important; }
html.main-template-e #logo-link p { color: var(--e-ink) !important; font-family: var(--e-serif-en); letter-spacing: .12em; }
html.main-template-e .hamburger-menu-btn span { background: var(--e-ink) !important; }

/* 모바일: 히어로 세리프 제목 넘침 방지 */
@media (max-width: 640px) {
  html.main-template-e .e-hero__title,
  html.main-template-e .e-hero__statement { font-size: clamp(24px, 7vw, 32px); word-break: keep-all; }
}

/* ── 의료진 섹션 폰트·여백 (다른 섹션 제목·본문 스케일에 맞춤, WALTS 톤) ── */
html.main-template-e .e-doctor__grid { gap: clamp(36px, 4vw, 72px); align-items: center; }
html.main-template-e .e-doctor__name {
  font-family: var(--e-serif-kr); font-weight: 500;
  font-size: clamp(24px, 2.2vw, 34px); line-height: 1.3; margin-bottom: 16px;
}
html.main-template-e .e-doctor__name em {
  font-style: normal; font-size: 0.5em; font-weight: 500; color: var(--e-muted); margin-left: 6px;
}
html.main-template-e .e-doctor__title {
  font-size: clamp(19px, 1.4vw, 24px); font-weight: 600; line-height: 1.6; color: var(--e-accent); margin-bottom: 24px;
}
html.main-template-e .e-doctor__body {
  font-size: clamp(17px, 1.2vw, 20px); line-height: 1.9; color: var(--e-muted); margin-bottom: 36px;
}
html.main-template-e .e-doctor__list { padding-top: 32px; border-top: 1px solid var(--e-sand); }
html.main-template-e .e-doctor__list li {
  font-size: clamp(16px, 1.1vw, 19px); line-height: 1.6; padding: 10px 0;
}

/* 의료진 섹션: 아래 여백만 제거 (위 여백은 다른 구역과 같음) */
html.main-template-e .e-section.e-doctor { padding-bottom: 0; }


/* E accent = 브라운 고정 (병원소개·의료진 패널 등 --brand-accent 사용처 전부) */
html.main-template-e { --brand-accent: #8f683e; --tpl-icon-color: #8f683e; }

/* ═══════════ 메인 페이지 전체 글꼴·여백 통일 ═══════════
 * 구역마다 따로 쓰던 크기(제목 37~44px, 설명 15~17px, 위아래 여백 104~198px)를 한 기준으로 맞춥니다.
 *  - 구역 제목: --e-t-title   - 제목 위 작은 글: --e-t-eyebrow   - 설명: --e-t-desc
 *  - 카드·항목 제목: --e-t-item   - 구역 위아래 여백: --e-sec-pad
 */
html.main-template-e {
  --e-t-title: clamp(26px, 3vw, 44px);
  --e-t-eyebrow: clamp(14px, 1.1vw, 17px);
  --e-t-desc: clamp(15px, 1.1vw, 17px);
  --e-t-item: clamp(16px, 1.25vw, 18px);
  --e-sec-pad: clamp(72px, 8.3vw, 120px);
}
/* 구역 제목 */
html.main-template-e .e-question,
html.main-template-e .main_about_walts_title,
html.main-template-e .main_program_title,
html.main-template-e .main_story_title,
html.main-template-e .main_location_title {
  font-size: var(--e-t-title);
  line-height: 1.25;
}
html.main-template-e .e-question { line-height: 1.4; }
/* 제목 위 작은 글 */
html.main-template-e .e-label,
html.main-template-e .e-label--sm,
html.main-template-e .main_about_walts_eyebrow,
html.main-template-e .main_program_eyebrow {
  font-size: var(--e-t-eyebrow);
}
/* 설명 */
html.main-template-e .e-lead,
html.main-template-e .e-doctor__body,
html.main-template-e .e-why__body,
html.main-template-e .e-faq__answer,
html.main-template-e .e-faq__item p,
html.main-template-e .main_about_walts_desc,
html.main-template-e .main_story_desc {
  font-size: var(--e-t-desc);
  line-height: 1.85;
}
/* 카드·항목 제목 */
html.main-template-e .e-why__title,
html.main-template-e .e-faq__item h3,
html.main-template-e .main_program_card_title,
html.main-template-e .main_location_info_title {
  font-size: var(--e-t-item);
}
/* 구역 위아래 여백 */
html.main-template-e .e-section { padding-top: var(--e-sec-pad); padding-bottom: var(--e-sec-pad); }
html.main-template-e .e-section.e-doctor { padding-bottom: 0; }
html.main-template-e .main_sec_program,
html.main-template-e .main_sec_story,
html.main-template-e .main_sec_location { padding-top: var(--e-sec-pad); padding-bottom: var(--e-sec-pad); }
html.main-template-e .main_about_walts_content { padding-top: var(--e-sec-pad); padding-bottom: var(--e-sec-pad); }
html.main-template-e section.e-why .e-why__title { font-size: var(--e-t-item); }
html.main-template-e section.e-why .e-why__body { font-size: var(--e-t-desc); line-height: 1.85; }

/* 의료진 리스트: 모바일에서 아래 여백 */
@media (max-width: 767px) {
  html.main-template-e .e-doctor__list { padding-bottom: clamp(40px, 10vw, 64px); }
}

/* ═══════════ 피그마 시안(검색엔진형 메인) 맞춤 ═══════════
 * 순서: 첫 화면 → 병원 소개(짙은 갈색, 가운데 글) → 의료진(같은 갈색) → 시술(글 카드) → 강점 → FAQ(가운데 제목) → 오시는 길 */
html.main-template-e .e-hero--walts .e-hero__headline {
  color: rgba(68, 58, 53, 0.36);
}

/* 병원 소개: 사진 없이 가운데 글만 (시안) */
html.main-template-e .main_about_walts_section {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}
html.main-template-e .main_about_walts_visual {
  display: none;
}
html.main-template-e .main_about_walts_content {
  padding-top: clamp(80px, 9.2vw, 176px);
  padding-bottom: clamp(80px, 9.2vw, 176px);
}

/* 의료진: 소개와 같은 짙은 갈색, 왼쪽 사진(둥글지 않게) + 오른쪽 글 */
html.main-template-e .e-section.e-doctor {
  background: #443a35;
  color: #fcf9ea;
  padding-top: clamp(64px, 6.25vw, 120px);
  padding-bottom: clamp(64px, 6.25vw, 120px);
}
html.main-template-e .e-doctor .e-inner {
  max-width: 1500px;
}
html.main-template-e .e-doctor__grid {
  grid-template-columns: minmax(0, 605fr) minmax(0, 727fr);
  gap: clamp(32px, 4.2vw, 72px);
  align-items: center;
}
html.main-template-e .e-doctor__media img {
  aspect-ratio: 605 / 780;
  border-radius: 2px;
  background: #4f4540;
}
html.main-template-e .e-doctor .e-head {
  margin: 0 0 clamp(28px, 2.6vw, 48px);
}
html.main-template-e .e-doctor .e-label {
  margin-bottom: 12px;
  font-family: 'Cormorant', var(--e-serif-en);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.17em;
  color: #fcf9ea;
}
html.main-template-e .e-doctor .e-question {
  font-size: clamp(24px, 1.67vw, 32px);
  color: #fff;
}
html.main-template-e .e-doctor__name {
  align-items: baseline;
  gap: 14px;
  margin-bottom: 20px;
  font-size: 28px;
  color: #fff;
}
html.main-template-e .e-doctor__name em {
  margin-left: 0;
  font-size: 17px;
  letter-spacing: 0.3em;
  color: #fcf9ea;
}
html.main-template-e .e-doctor__title {
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
  color: #fcf9ea;
}
html.main-template-e .e-doctor__body {
  margin-bottom: 40px;
  font-size: 17px;
  line-height: 1.85;
  color: #fcf9ea;
}
html.main-template-e .e-doctor__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 30px;
  padding: 24px 0 0;
  border-top: 1px solid #fcf9ea;
}
html.main-template-e .e-doctor__list li {
  padding: 10px 0;
  font-size: 19px;
  line-height: 1.6;
  color: #fff;
  word-break: keep-all;
}
html.main-template-e .e-doctor__list li::before {
  content: '· ';
}

/* 자주 묻는 질문: 가운데 제목 + Q. 목록 + 동그란 펼침 버튼 (시안) */
html.main-template-e .e-faq {
  background: #f3ecdd;
}
html.main-template-e .e-faq__grid {
  display: block;
  max-width: 1280px;
}
html.main-template-e .e-faq .e-question {
  white-space: normal;
  font-family: var(--e-pretendard);
  font-weight: 700;
  font-size: clamp(26px, 1.67vw, 32px);
  letter-spacing: -0.02em;
  color: #211001;
}
html.main-template-e .e-faq .e-label {
  font-family: 'Marcellus', var(--e-serif-en);
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #776b61;
}
html.main-template-e .e-faq__list {
  max-width: 1088px;
  margin: 0 auto;
  border-top: 1px solid rgba(33, 16, 1, 0.25);
}
html.main-template-e .e-faq__item {
  border-bottom: 1px solid rgba(33, 16, 1, 0.14);
}
html.main-template-e .e-faq__item summary {
  justify-content: flex-start;
  gap: 12px;
  padding: 22px 8px;
}
html.main-template-e .e-faq__q {
  flex: 0 0 auto;
  font-family: 'Marcellus', var(--e-serif-en);
  font-size: 18px;
  color: #776b61;
}
html.main-template-e .e-faq__item h3 {
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 600;
  color: #211001;
}
html.main-template-e .e-faq__item[open] h3 {
  color: #211001;
}
html.main-template-e .e-faq__item summary::after {
  content: '';
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  margin-left: auto;
  border: 1px solid rgba(119, 107, 97, 0.35);
  border-radius: 50%;
  background:
    linear-gradient(#776b61, #776b61) center / 11px 1px no-repeat,
    linear-gradient(#776b61, #776b61) center / 1px 11px no-repeat;
}
html.main-template-e .e-faq__item[open] summary::after {
  content: '';
  border-color: #211001;
  background:
    linear-gradient(#fff, #fff) center / 11px 1px no-repeat,
    #211001;
}
html.main-template-e .e-faq__item p {
  padding: 0 8px 22px 38px;
  font-size: 16px;
  line-height: 1.75;
  color: #776b61;
}

@media (max-width: 767px) {
  html.main-template-e .e-doctor__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  html.main-template-e .e-doctor__list {
    grid-template-columns: minmax(0, 1fr);
  }
  html.main-template-e .e-faq__item p {
    padding-left: 8px;
  }
}
html.main-template-e .main_about_walts_section {
  display: block;
}
html.main-template-e .main_about_walts_content {
  width: 100%;
}
html.main-template-e .main_sec_about_walts .main_about_walts_section {
  display: block;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}
html.main-template-e .main_sec_about_walts .main_about_walts_content {
  width: 100%;
}

/* view more 버튼: 마우스를 올리면 밝은 막이 쓸고 지나가므로 글자는 반대로 어두운 색으로 (흰 글자가 흰 막에 묻히지 않게) */
html.main-template-e .main_more_btn > a > p,
html.main-template-e .main_more_btn > a > p > span {
  color: inherit;
  transition: color 0.4s ease 0.1s;
}
html.main-template-e .main_more_btn > a::after {
  background-color: #f3ecdd;
}
html.main-template-e .main_more_btn > a:hover {
  color: #4d403a;
}
html.main-template-e .main_more_btn > a:hover > p,
html.main-template-e .main_more_btn > a:hover > p > span {
  color: #4d403a;
}
html.main-template-e .main_about_walts_btn > a::after {
  background-color: #fcf9ea;
}
html.main-template-e .main_about_walts_btn > a:hover,
html.main-template-e .main_about_walts_btn > a:hover > p,
html.main-template-e .main_about_walts_btn > a:hover > p > span {
  color: #443a35;
}

/* ═══ 병원 소개 스크롤 연출 (더왈츠 병원 소개 '미션'과 같은 방식) ═══ */
html.main-template-e .main_about_walts_sticky {
  position: relative;
}
html.main-template-e .main_about_walts_line {
  display: none;
}
html.main-template-e .main_about_walts_trail {
  display: none;
}
@media (min-width: 1025px) {
  html.main-template-e[data-e-mission='ready'] .main_about_walts_pin {
    position: relative;
    height: 240vh;
  }
  html.main-template-e[data-e-mission='ready'] .main_about_walts_sticky {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    height: 100vh;
    background: #443a35;
  }
  html.main-template-e[data-e-mission='ready'] .main_about_walts_section {
    width: 100%;
  }
  html.main-template-e[data-e-mission='ready'] .main_about_walts_content {
    background: transparent;
  }
  html.main-template-e[data-e-mission='ready'] .main_about_walts_content [data-fill] .char {
    color: rgba(252, 249, 234, 0.18);
    will-change: color;
  }
  /* 선: 위치·길이는 MissionE 가 재서 정합니다 (소개 글 아래 간격 = 의료진 글 위 간격) */
  html.main-template-e[data-e-mission='ready'] .main_about_walts_trail {
    position: relative;
    z-index: 2;
    display: block;
    background: #443a35;
  }
  html.main-template-e[data-e-mission='ready'] .main_about_walts_line {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    background: #fcf9ea;
    transform: translateX(-50%) scaleY(0);
    transform-origin: center top;
    will-change: transform;
  }
}

/* 의료진: 아래 여백 없음 */
html.main-template-e .e-section.e-doctor {
  padding-bottom: 0;
}

/* ═══════════ 피그마 시안 907:3671 (병원 소개 + 의료진) 글꼴·간격 맞춤 — 1920 기준 값을 화면 폭에 맞춰 줄입니다 ═══════════ */
/* 병원 소개: 영문 라벨 30px → 한글 질문 40px → 본문 24px/35px (문단 사이 20px) → view more */
html.main-template-e .main_sec_about_walts .main_about_walts_content .main_about_walts_title {
  margin: 0 0 clamp(2px, 0.16vw, 3px);
  font-family: 'Khmer MN', var(--e-serif-en), 'Pretendard', sans-serif;
  font-size: clamp(20px, 1.56vw, 30px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.67;
  text-transform: uppercase;
  color: #fcf9ea;
}
html.main-template-e .main_sec_about_walts .main_about_walts_content .main_about_walts_eyebrow {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(22px, 1.77vw, 34px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  color: #fcf9ea;
}
html.main-template-e .main_sec_about_walts .main_about_walts_content .main_about_walts_desc {
  max-width: 26em;
  margin: clamp(36px, 3.33vw, 64px) 0 0;
  font-size: clamp(17px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.4583;
  color: #fcf9ea;
}
html.main-template-e .main_sec_about_walts .main_about_walts_content .main_about_walts_desc p + p {
  margin-top: clamp(14px, 1.04vw, 20px);
}
html.main-template-e .main_sec_about_walts .main_about_walts_content .main_about_walts_btn {
  margin-top: clamp(40px, 3.65vw, 70px);
}
html.main-template-e .main_sec_about_walts .main_about_walts_btn > a {
  width: 140px;
  padding: 0.8rem 1.25rem;
  border-radius: 50px;
}
html.main-template-e .main_sec_about_walts .main_about_walts_btn > a > p {
  font-size: 14.4px;
  letter-spacing: -0.32px;
}

/* 의료진: 사진은 구역 맨 아래에 붙고(605×811), 오른쪽에 라벨 → 질문 → 이름·직함 → 본문 → 2단 목록 */
html.main-template-e .e-section.e-doctor {
  padding-top: clamp(72px, 12.19vw, 234px);
  padding-bottom: 0;
}
html.main-template-e .e-section.e-doctor .e-doctor__grid {
  grid-template-columns: minmax(0, 605fr) minmax(0, 727fr);
  column-gap: clamp(32px, 3.75vw, 72px);
  align-items: start;
}
html.main-template-e .e-section.e-doctor .e-doctor__media {
  align-self: end;
}
html.main-template-e .e-section.e-doctor .e-doctor__media img {
  aspect-ratio: 605 / 811;
  object-fit: cover;
  object-position: center top;
  background: transparent;
}
html.main-template-e .e-section.e-doctor .e-doctor__copy {
  padding-top: clamp(0px, 4.5vw, 86px);
}
html.main-template-e .e-section.e-doctor .e-head {
  margin: 0 0 clamp(28px, 2.7vw, 52px);
}
html.main-template-e .e-section.e-doctor .e-label {
  margin: 0 0 clamp(2px, 0.2vw, 4px);
  font-family: 'Cormorant', var(--e-serif-en);
  font-size: clamp(14px, 0.885vw, 17px);
  font-weight: 500;
  letter-spacing: 0.17em;
  line-height: 1.3;
  color: #fcf9ea;
}
html.main-template-e .e-section.e-doctor .e-question {
  font-family: var(--e-serif-kr);
  font-size: clamp(22px, 1.67vw, 32px);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1.4;
  color: #fff;
}
html.main-template-e .e-section.e-doctor .e-doctor__name {
  gap: clamp(10px, 0.95vw, 18px);
  margin: 0 0 clamp(6px, 0.57vw, 11px);
  font-family: var(--e-serif-kr);
  font-size: clamp(22px, 1.46vw, 28px);
  font-weight: 500;
  letter-spacing: -0.0114em;
  line-height: 1.58;
  color: #fff;
}
html.main-template-e .e-section.e-doctor .e-doctor__name em {
  font-size: clamp(14px, 0.885vw, 17px);
  letter-spacing: 5px;
  line-height: 1.3;
  color: #fcf9ea;
}
html.main-template-e .e-section.e-doctor .e-doctor__title {
  margin: 0 0 clamp(8px, 0.7vw, 14px);
  font-size: clamp(15px, 0.885vw, 17px);
  font-weight: 500;
  line-height: 1.85;
  color: #fcf9ea;
}
html.main-template-e .e-section.e-doctor .e-doctor__body {
  margin: 0 0 clamp(18px, 1.1vw, 21px);
  font-size: clamp(15px, 0.885vw, 17px);
  line-height: 1.85;
  letter-spacing: -0.32px;
  color: #fcf9ea;
}
html.main-template-e .e-section.e-doctor .e-doctor__list {
  padding: clamp(14px, 1.2vw, 23px) 0 0;
  border-top: 1px solid #fcf9ea;
  column-gap: 30px;
}
html.main-template-e .e-section.e-doctor .e-doctor__list li {
  padding: clamp(6px, 0.52vw, 10px) 0;
  font-size: clamp(15px, 0.99vw, 19px);
  line-height: 1.6;
  letter-spacing: -0.32px;
  color: #fff;
}
@media (max-width: 1024px) {
  html.main-template-e .e-section.e-doctor {
    padding-bottom: 0;
  }
  html.main-template-e .e-section.e-doctor .e-doctor__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
  }
  html.main-template-e .e-section.e-doctor .e-doctor__copy {
    order: -1;
    padding-top: 0;
  }
  html.main-template-e .e-section.e-doctor .e-doctor__media {
    align-self: stretch;
  }
  html.main-template-e .e-section.e-doctor .e-doctor__list {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* /templates/css/main/why-e.css */
/* main / why-e — E 강점: 번호 배지가 모서리에 걸린 둥근 카드 4장 (한 줄), 왈츠 색 */

/* 제목이 한 줄로 나오도록 이 섹션만 안쪽 폭을 넓힙니다 */
html.main-template-e section.e-why .e-inner {
  max-width: 1560px;
}

html.main-template-e section.e-why .e-why__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px 18px;
  margin: 0;
  padding: 18px 0 0;
  list-style: none;
}

html.main-template-e section.e-why .e-why__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 24px 32px;
  border: 1px solid #dcd3c3;
  border-radius: 22px;
  background: #fffcf5;
  text-align: center;
  box-sizing: border-box;
}

html.main-template-e section.e-why .e-why__num {
  position: absolute;
  top: -14px;
  left: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
  background: #443a35;
  box-shadow: 0 4px 10px rgba(68, 58, 53, 0.22);
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #fcf9ea;
}

html.main-template-e section.e-why .e-why__title {
  /* 제목은 항상 한 줄 (글자 크기가 화면 폭에 맞춰 줄어듭니다) */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  white-space: nowrap;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: clamp(12px, 1.12vw, 16px);
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #443a35;
  word-break: keep-all;
}

html.main-template-e section.e-why .e-why__body {
  margin-top: 14px;
  font-size: clamp(13.5px, 1.05vw, 15px);
  line-height: 1.75;
  color: #776b60;
  word-break: keep-all;
}

@media (max-width: 1279px) {
  html.main-template-e section.e-why .e-why__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 카드가 넓어지는 2열·1열에서는 제목을 다시 크게 (한 줄은 그대로) */
  html.main-template-e section.e-why .e-why__title {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  html.main-template-e section.e-why .e-why__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  html.main-template-e section.e-why .e-why__item {
    padding: 30px 20px 22px;
  }

}


/* /templates/css/main/about-story-e.css */
/* main / about-story-e — 병원 소개(ABOUT)·블로그(Story): 왈츠 시안과 같은 모양 */

/* 왈츠 시안의 영문 글꼴 (오시는 길·소개·블로그 영문 제목에 함께 씁니다) */
@font-face {
  font-family: 'Khmer MN';
  src: url('/templates/fonts/KHMER-MN.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ===== ABOUT: 왼쪽 갈색 글 칸 + 오른쪽 모델 사진 ===== */
html.main-template-e .main_sec_about_walts {
  position: relative;
  width: 100%;
}

html.main-template-e .main_about_walts_section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  min-height: clamp(420px, 52vw, 640px);
}

html.main-template-e .main_about_walts_section--solo {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}

html.main-template-e .main_about_walts_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #443a35;
  padding: clamp(5rem, 9vw, 8.5rem) clamp(2rem, 5vw, 5rem);
  box-sizing: border-box;
  color: #fcf9ea;
}

html.main-template-e .main_about_walts_eyebrow {
  margin: 0;
  font-size: clamp(0.94rem, 1.5vw, 1.06rem);
  font-weight: 400;
  line-height: 1.6;
  color: #fcf9ea;
}

html.main-template-e .main_about_walts_title {
  margin: 0.5rem 0 0;
  font-family: 'Khmer MN', 'Pretendard', sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fcf9ea;
}

html.main-template-e .main_about_walts_desc {
  margin: 1.75rem 0 0;
  font-size: clamp(0.94rem, 1.5vw, 1.06rem);
  font-weight: 400;
  line-height: 1.8;
  color: #fcf9ea;
  word-break: keep-all;
}

html.main-template-e .main_about_walts_desc p {
  margin: 0;
}

html.main-template-e .main_about_walts_desc p + p {
  margin-top: 1em;
}

/* view more 버튼 (시안의 main_more_btn) */
html.main-template-e .main_more_btn {
  position: relative;
  width: auto;
  margin: 2.5rem 0 0;
}

html.main-template-e .main_more_btn > a {
  position: relative;
  display: inline-block;
  width: 140px;
  padding: 0.85rem 1.25rem;
  overflow: hidden;
  border-radius: 50px;
  box-sizing: border-box;
  color: #fff;
  background: #4d403a;
  text-decoration: none;
}

html.main-template-e .main_more_btn > a > p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  font-size: 0.9rem;
}

html.main-template-e .main_more_btn > a > p > span {
  position: relative;
  z-index: 2;
  display: inline-block;
}

html.main-template-e .main_more_btn > a::after {
  content: '';
  position: absolute;
  top: -1rem;
  left: -1rem;
  z-index: 1;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  background-color: #fff;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

html.main-template-e .main_more_btn > a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

html.main-template-e .main_about_walts_btn {
  margin: 2.5rem 0 0;
}

html.main-template-e .main_about_walts_btn > a {
  background: transparent;
  border: 1px solid #fcf9ea;
  color: #fcf9ea;
}

html.main-template-e .main_about_walts_btn > a::after {
  background-color: #fcf9ea;
}

html.main-template-e .main_about_walts_btn > a:hover {
  color: #443a35;
  background-color: transparent;
}

html.main-template-e .main_about_walts_visual {
  position: relative;
  overflow: hidden;
  background-color: #f2ede4;
}

html.main-template-e .main_about_walts_visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 모델 사진은 얼굴이 위쪽에 있어서 위를 기준으로 자릅니다 */
  object-position: center 25%;
}

/* ===== Story: 왼쪽 큰 사진 + 오른쪽 제목·글 카드 3장·목록 ===== */
html.main-template-e .main_sec_story {
  position: relative;
  width: 100%;
  background-color: #fcf9ea;
  padding: clamp(4rem, 8vw, 6.5rem) 0;
}

html.main-template-e .main_story_section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: stretch;
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 clamp(1.5rem, 4vw, 3rem);
  box-sizing: border-box;
}

/* 글이 하나뿐이면 큰 사진 없이 한 줄로 */
html.main-template-e .main_story_section--solo {
  grid-template-columns: minmax(0, 1fr);
}

html.main-template-e .main_story_visual {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background-color: #ede7dc;
  align-self: stretch;
}

html.main-template-e .main_story_visual img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

html.main-template-e .main_story_visual:hover img {
  transform: scale(1.04);
}

html.main-template-e .main_story_content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
}

html.main-template-e .main_story_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem 1.5rem;
  padding-bottom: 1.35rem;
  border-bottom: 1px solid rgba(77, 64, 58, 0.28);
}

html.main-template-e .main_story_head_text {
  flex: 1;
  min-width: 0;
}

/* 제목·설명 오른쪽의 선택 이미지 (관리자 '제목 옆 이미지') */
html.main-template-e .main_story_head_image {
  order: 1;
  flex: none;
  width: clamp(120px, 16vw, 220px);
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #f2ede4;
}

html.main-template-e .main_story_head_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html.main-template-e .main_story_head_text { order: 0; }
html.main-template-e .main_story_head .main_story_btn { order: 2; }

html.main-template-e .main_story_title {
  margin: 0;
  font-family: 'Khmer MN', 'Pretendard', sans-serif;
  font-size: clamp(1.85rem, 3vw, 2.75rem);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: #252525;
}

html.main-template-e .main_story_desc {
  margin: 0.75rem 0 0;
  font-size: clamp(0.88rem, 1.3vw, 1rem);
  font-weight: 400;
  line-height: 1.6;
  color: #252525;
  word-break: keep-all;
}

html.main-template-e .main_story_btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 7.5rem;
  padding: 0.7rem 1.35rem;
  margin-top: 0.25rem;
  border: 1px solid #4d403a;
  border-radius: 50px;
  box-sizing: border-box;
  color: #4d403a;
  font-size: 0.9rem;
  line-height: 1;
  text-decoration: none;
  transition: color 0.25s ease, background-color 0.25s ease;
}

html.main-template-e .main_story_btn:hover {
  color: #fcf9ea;
  background-color: #4d403a;
}

html.main-template-e .main_story_videos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.65rem, 1.2vw, 1rem);
  padding: 1.5rem 0;
}

html.main-template-e .main_story_video {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background-color: #2f2925;
  text-decoration: none;
  color: #fff;
}

/* 블로그 글 대표 사진(썸네일)이 또렷하게 보이게 흐림 없이, 글자 쪽만 어둡게 */
html.main-template-e .main_story_video > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

html.main-template-e .main_story_video::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(20, 16, 14, 0.12) 0%, rgba(20, 16, 14, 0.08) 42%, rgba(20, 16, 14, 0.78) 100%);
  pointer-events: none;
}

html.main-template-e .main_story_video:hover > img {
  transform: scale(1.06);
}

html.main-template-e .main_story_video_badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.48rem 0.78rem 0.48rem 0.6rem;
  border-radius: 999px;
  background-color: #f5f0e6;
  color: #2a2420;
  font-family: 'Pretendard', sans-serif;
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

html.main-template-e .main_story_video_icon {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
  color: #1a1614;
}

html.main-template-e .main_story_video_meta {
  position: absolute;
  left: 0.85rem;
  right: 0.85rem;
  bottom: 1rem;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
}

html.main-template-e .main_story_video_name {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #fcf9ea;
  font-size: clamp(0.76rem, 1.05vw, 0.9rem);
  line-height: 1.4;
  word-break: keep-all;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

html.main-template-e .main_story_video_date {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: rgba(252, 249, 234, 0.7);
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.01em;
}

html.main-template-e .main_story_video_date img {
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  flex-shrink: 0;
}

html.main-template-e .main_story_links {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.main-template-e .main_story_links li {
  border-bottom: 1px solid rgba(77, 64, 58, 0.28);
}

html.main-template-e .main_story_links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 0;
  text-decoration: none;
  color: #443a35;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.25vw, 1rem);
  transition: opacity 0.25s ease;
}

html.main-template-e .main_story_links a:hover {
  opacity: 0.65;
}

html.main-template-e .main_story_link_title {
  line-height: 1.45;
  word-break: keep-all;
}

html.main-template-e .main_story_link_go {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

html.main-template-e .main_story_link_go img {
  display: block;
  width: 42px;
  height: auto;
}

@media (max-width: 1024px) {
  html.main-template-e .main_about_walts_section {
    min-height: 0;
  }

  html.main-template-e .main_about_walts_content {
    padding: 5rem 2.5rem;
  }

  html.main-template-e .main_about_walts_title {
    font-size: 2rem;
  }

  html.main-template-e .main_sec_story {
    padding: 4.5rem 0;
  }

  html.main-template-e .main_story_section {
    gap: 2rem;
    padding: 0 2rem;
  }

  html.main-template-e .main_story_title {
    font-size: 2rem;
  }
}

@media (max-width: 800px) {
  html.main-template-e .main_about_walts_section {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  html.main-template-e .main_about_walts_content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: 'eyebrow btn' 'title btn' 'desc desc';
    align-items: center;
    column-gap: 0.75rem;
    row-gap: 0.3rem;
    padding: 3.5rem 1.5rem;
  }

  html.main-template-e .main_about_walts_eyebrow {
    grid-area: eyebrow;
    margin: 0;
    font-size: 1.02rem;
  }

  html.main-template-e .main_about_walts_title {
    grid-area: title;
    margin: 0;
    font-size: clamp(1.45rem, 5.8vw, 1.85rem);
    min-width: 0;
  }

  html.main-template-e .main_about_walts_desc {
    grid-area: desc;
    margin: 0.9rem 0 0;
    font-size: 1.06rem;
    line-height: 1.7;
  }

  html.main-template-e .main_about_walts_btn {
    grid-area: btn;
    margin: 0;
    align-self: center;
    flex-shrink: 0;
  }

  html.main-template-e .main_about_walts_btn > a {
    min-width: 0;
    width: auto;
    padding: 0.65rem 0.95rem;
    white-space: nowrap;
  }

  html.main-template-e .main_about_walts_visual {
    min-height: 280px;
  }

  html.main-template-e .main_sec_story {
    padding: 3.25rem 0;
  }

  html.main-template-e .main_story_section {
    grid-template-columns: 1fr;
    gap: 1.75rem;
    padding: 0 1.5rem;
  }

  html.main-template-e .main_story_visual {
    aspect-ratio: 4 / 3;
    height: auto;
  }

  html.main-template-e .main_story_head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: 'title btn' 'desc desc';
    align-items: center;
    column-gap: 0.75rem;
    row-gap: 0.75rem;
    padding-bottom: 1.15rem;
  }

  html.main-template-e .main_story_head_text {
    display: contents;
  }

  html.main-template-e .main_story_title {
    grid-area: title;
    font-size: clamp(1.45rem, 5.8vw, 1.85rem);
    min-width: 0;
  }

  html.main-template-e .main_story_desc {
    grid-area: desc;
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.55;
  }

  html.main-template-e .main_story_btn {
    grid-area: btn;
    align-self: center;
    margin: 0;
    min-width: 0;
    padding: 0.65rem 0.95rem;
    font-size: 0.95rem;
    white-space: nowrap;
  }

  html.main-template-e .main_story_videos {
    gap: 0.4rem;
    padding: 1.15rem 0 1.35rem;
  }

  html.main-template-e .main_story_video_badge {
    top: 0.35rem;
    left: 0.35rem;
    padding: 0.28rem 0.4rem 0.28rem 0.32rem;
    font-size: 0.52rem;
    gap: 0.2rem;
  }

  html.main-template-e .main_story_video_icon {
    width: 0.62rem;
    height: 0.62rem;
  }

  html.main-template-e .main_story_video_meta {
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.45rem;
    gap: 0.25rem;
  }

  html.main-template-e .main_story_video_name {
    font-size: 0.7rem;
    line-height: 1.3;
  }

  html.main-template-e .main_story_video_date {
    font-size: 0.62rem;
    gap: 0.2rem;
  }

  html.main-template-e .main_story_video_date img {
    width: 0.65rem;
    height: 0.65rem;
  }

  html.main-template-e .main_story_links a {
    padding: 1rem 0;
    font-size: 1.02rem;
    gap: 0.75rem;
  }

  html.main-template-e .main_story_link_go {
    gap: 0.35rem;
    font-size: 0.98rem;
  }

  html.main-template-e .main_story_link_go img {
    width: 34px;
  }
}

@media (max-width: 434px) {
  html.main-template-e .main_sec_story {
    padding: 3rem 0;
  }

  html.main-template-e .main_story_section {
    gap: 1.5rem;
    padding: 0 1.25rem;
  }

  html.main-template-e .main_story_title {
    font-size: clamp(1.4rem, 5.8vw, 1.7rem);
  }

  html.main-template-e .main_story_links a {
    padding: 0.9rem 0;
    font-size: 1rem;
  }
}


/* /templates/css/main/program-e.css */
/* main / program-e — 시술 카드 (피그마 시안 907:3851: 머리글 + 글 카드 3열, 1920 기준 값을 화면 폭에 맞춰 줄임) */

html.main-template-e .e-program {
  width: 100%;
  padding: clamp(72px, 7.45vw, 143px) 0 clamp(72px, 7.5vw, 144px);
  background: #fcf9ea;
  color: #252525;
  box-sizing: border-box;
}

html.main-template-e .e-program,
html.main-template-e .e-program * {
  text-align: left;
}

html.main-template-e .e-program__inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 clamp(20px, 3vw, 40px);
  box-sizing: border-box;
}

html.main-template-e .e-program__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 32px;
  margin: 0 0 clamp(32px, 2.97vw, 57px);
}

html.main-template-e .e-program__eyebrow {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(14px, 0.83vw, 16px);
  font-weight: 400;
  letter-spacing: -0.32px;
  line-height: 1.4;
  color: #252525;
  word-break: keep-all;
}

html.main-template-e .e-program__title {
  margin: 12px 0 0;
  font-family: 'Khmer MN', var(--e-serif-en), 'Pretendard', sans-serif;
  font-size: clamp(26px, 1.875vw, 36px);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-transform: uppercase;
  color: #252525;
}

html.main-template-e .e-program__more {
  margin: 0;
  flex: 0 0 auto;
}

html.main-template-e .e-program__more > a {
  padding: 13.6px 20px;
}

html.main-template-e .e-program__more > a > p {
  font-size: 14.4px;
  line-height: 21.6px;
  letter-spacing: -0.32px;
}

html.main-template-e .e-program__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 45px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.main-template-e .e-program__grid > li {
  display: flex;
  margin: 0;
}

html.main-template-e .e-program__card {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 159px;
  background: #f3ecdd;
  box-sizing: border-box;
  color: inherit;
  text-decoration: none;
}

html.main-template-e .e-program__card-title {
  margin: 0;
  padding: 25.6px 20px 0;
  font-family: 'Khmer MN', var(--e-serif-en), 'Pretendard', sans-serif;
  font-size: 18.4px;
  font-weight: 400;
  letter-spacing: 0.368px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #252525;
  word-break: keep-all;
}

html.main-template-e .e-program__card-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  min-height: calc(22.016px * 3);
  margin: 12.8px 20px 30.4px;
  font-family: 'Pretendard', sans-serif;
  font-size: 13.76px;
  font-weight: 400;
  letter-spacing: -0.32px;
  line-height: 22.016px;
  color: #4d403a;
  word-break: keep-all;
}

@media (max-width: 1024px) {
  html.main-template-e .e-program__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 640px) {
  html.main-template-e .e-program__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* /templates/css/main/location-e.css */
/* main / location-e — 오시는 길 (왈츠 시안 Location 섹션과 같은 모양) */

html.main-template-e .main_sec_location {
  position: relative;
  width: 100%;
  background-color: #fcf9ea;
  padding: clamp(4.5rem, 8vw, 6.5rem) 0;
  color: #443a35;
}

html.main-template-e .main_location_section {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 clamp(1.5rem, 4vw, 3rem);
  box-sizing: border-box;
}

html.main-template-e .main_location_head {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.75rem);
  margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
}

html.main-template-e .main_location_head::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: rgba(68, 58, 53, 0.35);
}

html.main-template-e .main_location_title {
  margin: 0;
  flex-shrink: 0;
  font-family: 'Khmer MN', 'Pretendard', sans-serif;
  font-size: clamp(1.85rem, 3vw, 2.75rem);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: #443a35;
}

html.main-template-e .main_location_contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1.25rem, 2.2vw, 1.75rem);
}

html.main-template-e .main_location_addr,
html.main-template-e .main_location_tel {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.25vw, 1rem);
  font-weight: 400;
  line-height: 1.45;
  color: #443a35;
  word-break: keep-all;
}

html.main-template-e .main_location_tel a {
  color: inherit;
  text-decoration: none;
}

html.main-template-e .main_location_tel a:hover {
  opacity: 0.7;
}

html.main-template-e .main_location_ico {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

html.main-template-e .main_location_map {
  position: relative;
  width: 100%;
  height: clamp(320px, 42vw, 480px);
  overflow: hidden;
  background-color: #ede7dc;
}

html.main-template-e .main_location_map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

html.main-template-e .main_location_info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  margin-top: clamp(2rem, 3.5vw, 2.75rem);
  padding-top: clamp(1.75rem, 3vw, 2.25rem);
}

/* 안내 칸이 하나뿐이면 가로로 가득 */
html.main-template-e .main_location_info--single {
  grid-template-columns: minmax(0, 1fr);
}

html.main-template-e .main_location_hours,
html.main-template-e .main_location_detail {
  min-width: 0;
}

html.main-template-e .main_location_detail {
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 1px solid rgba(68, 58, 53, 0.28);
}

html.main-template-e .main_location_info--single .main_location_detail {
  padding-left: 0;
  border-left: none;
}

html.main-template-e .main_location_info_title {
  margin: 0 0 1rem;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3;
  color: #443a35;
}

/* 진료시간: 병원 진료시간 칸(footer-hours)을 시안의 점 목록·메모 모양으로 */
html.main-template-e .main_location_hours_body .footer-hours {
  margin: 0;
}

html.main-template-e .main_location_hours_body .footer-hours__block {
  margin: 0 0 1.15rem;
}

html.main-template-e .main_location_hours_body .footer-hours__row {
  position: relative;
  display: block;
  padding-left: 1rem;
  margin-bottom: 0.55rem;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.2vw, 0.98rem);
  font-weight: 400;
  line-height: 1.55;
  color: #443a35;
  word-break: keep-all;
}

html.main-template-e .main_location_hours_body .footer-hours__row::before {
  content: '';
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background-color: #443a35;
}

html.main-template-e .main_location_hours_body .footer-hours__label,
html.main-template-e .main_location_hours_body .footer-hours__time {
  display: inline;
  color: inherit;
  font: inherit;
}

html.main-template-e .main_location_hours_body .footer-hours__label::after {
  content: ' | ';
}

html.main-template-e .main_location_hours_body .footer-hours__closed {
  margin: 0.25rem 0 0;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.2vw, 0.98rem);
  line-height: 1.55;
  color: #443a35;
  word-break: keep-all;
}

html.main-template-e .main_location_block + .main_location_block {
  margin-top: 1.75rem;
}

html.main-template-e .main_location_detail_text {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.2vw, 0.98rem);
  line-height: 1.6;
  color: #443a35;
  word-break: keep-all;
}

html.main-template-e .main_location_btns {
  display: grid;
  grid-template-columns: repeat(var(--location-btns, 3), minmax(0, 1fr));
  gap: clamp(0.75rem, 1.5vw, 1.15rem);
  margin-top: clamp(2.25rem, 4vw, 3rem);
}

html.main-template-e .main_location_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0.9rem 1.25rem;
  border: 1px solid #443a35;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: transparent;
  color: #443a35;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.2vw, 0.98rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: color 0.25s ease, background-color 0.25s ease;
}

html.main-template-e .main_location_btn:hover {
  color: #fcf9ea;
  background-color: #443a35;
}

@media (max-width: 1024px) {
  html.main-template-e .main_sec_location {
    padding: 4.5rem 0;
  }

  html.main-template-e .main_location_section {
    padding: 0 2rem;
  }

  html.main-template-e .main_location_title {
    font-size: 2rem;
  }

  html.main-template-e .main_location_map {
    height: 380px;
  }
}

@media (max-width: 800px) {
  html.main-template-e .main_sec_location {
    padding: 3.25rem 0;
  }

  html.main-template-e .main_location_section {
    padding: 0 1.5rem;
  }

  html.main-template-e .main_location_title {
    font-size: clamp(1.7rem, 7vw, 2.1rem);
  }

  html.main-template-e .main_location_contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 1.15rem;
  }

  html.main-template-e .main_location_addr,
  html.main-template-e .main_location_tel {
    font-size: 0.94rem;
    line-height: 1.65;
    align-items: flex-start;
  }

  html.main-template-e .main_location_map {
    height: 280px;
  }

  html.main-template-e .main_location_info {
    grid-template-columns: 1fr;
    gap: 1.75rem;
    margin-top: 0;
    padding-top: 1.5rem;
  }

  html.main-template-e .main_location_detail {
    padding-left: 0;
    border-left: none;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(68, 58, 53, 0.28);
  }

  html.main-template-e .main_location_info--single .main_location_detail {
    padding-top: 0;
    border-top: none;
  }

  html.main-template-e .main_location_btns {
    grid-template-columns: 1fr;
    gap: 0.65rem;
    margin-top: 1.75rem;
  }

  html.main-template-e .main_location_info_title {
    font-size: 1.05rem;
  }

  html.main-template-e .main_location_hours_body .footer-hours__row,
  html.main-template-e .main_location_hours_body .footer-hours__closed,
  html.main-template-e .main_location_detail_text,
  html.main-template-e .main_location_btn {
    font-size: 0.94rem;
    line-height: 1.65;
  }
}

@media (max-width: 434px) {
  html.main-template-e .main_sec_location {
    padding: 3rem 0;
  }

  html.main-template-e .main_location_section {
    padding: 0 1.25rem;
  }

  html.main-template-e .main_location_title {
    font-size: clamp(1.65rem, 7vw, 1.95rem);
  }

  html.main-template-e .main_location_map {
    height: 240px;
  }

  html.main-template-e .main_location_info_title {
    font-size: 1.05rem;
    margin-bottom: 0.85rem;
  }

  html.main-template-e .main_location_btn {
    min-height: 2.85rem;
  }
}

/* 오시는 길 글: [길안내] [위치안내] 같은 제목별 문단 */
html.main-template-e .main_location_dir_block + .main_location_dir_block {
  margin-top: 1.1rem;
}

html.main-template-e .main_location_dir_title {
  margin: 0 0 0.35rem;
  font-family: 'Pretendard', sans-serif;
  font-size: clamp(0.88rem, 1.2vw, 0.98rem);
  font-weight: 700;
  line-height: 1.5;
  color: #443a35;
}

@media (max-width: 800px) {
  html.main-template-e .main_location_dir_title {
    font-size: 0.94rem;
    line-height: 1.65;
  }
}


/* /templates/css/main/banner-e.css */
/* main / banner-e — E 첫 화면(왈츠 시안): 사진 위 아래쪽에 영문 슬로건 한 줄만 크게. 병원 이름 H1 은 화면에서 숨깁니다 */

html.main-template-e .e-hero__seo {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* 글자 수(--e-hero-chars)에 맞춰 한 줄에 들어가게: 글자 폭 약 0.5em 기준으로 화면 폭의 약 93% 안에 들어오게 (짧으면 최대 14.5vw) */
html.main-template-e .e-hero--walts .e-hero__headline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: 0 1rem;
  box-sizing: border-box;
  font-family: 'Khmer MN', var(--e-serif-en), 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: min(14.5vw, calc(176vw / var(--e-hero-chars, 19)));
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fcf9ea;
  opacity: 0.72;
  pointer-events: none;
}

@media (max-width: 800px) {
  html.main-template-e .e-hero--walts .e-hero__headline {
    font-size: min(16.5vw, calc(176vw / var(--e-hero-chars, 19)));
  }
}

/* E 메인의 시안형 섹션(소개·시술·블로그·오시는 길)은 글을 왼쪽 정렬로 (어디선가 상속되는 가운데 정렬이 안쪽 칸까지 내려오지 않게) */
html.main-template-e .main_sec_about_walts,
html.main-template-e .main_sec_about_walts *,
html.main-template-e .main_sec_program,
html.main-template-e .main_sec_program *,
html.main-template-e .main_sec_story,
html.main-template-e .main_sec_story *,
html.main-template-e .main_sec_location,
html.main-template-e .main_sec_location * {
  text-align: left;
}

/* 시술 섹션 머리글 가운데 정렬 (웹·모바일 공통) */
html.main-template-e .main_sec_program .main_program_head_text,
html.main-template-e .main_sec_program .main_program_head_text * {
  text-align: center;
}

/* 섹션 큰 제목 크기 정리 (웹에서 너무 커 보이던 것) */
html.main-template-e .e-question {
  font-size: clamp(24px, 2.1vw, 32px);
  line-height: 1.4;
}

@media (min-width: 801px) {
  html.main-template-e .main_about_walts_title,
  html.main-template-e .main_program_title,
  html.main-template-e .main_story_title,
  html.main-template-e .main_location_title {
    font-size: clamp(1.6rem, 2.5vw, 2.25rem);
  }
}

/* 소개(ABOUT): 제목·설명 가운데 정렬, view more 는 설명 아래 가운데 (웹·모바일 공통) */
html.main-template-e .main_sec_about_walts .main_about_walts_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

html.main-template-e .main_sec_about_walts .main_about_walts_content,
html.main-template-e .main_sec_about_walts .main_about_walts_content * {
  text-align: center;
}

html.main-template-e .main_sec_about_walts .main_about_walts_eyebrow {
  word-break: keep-all;
}

html.main-template-e .main_sec_about_walts .main_about_walts_desc {
  max-width: 34em;
}

@media (max-width: 800px) {
  html.main-template-e .main_sec_about_walts .main_about_walts_content {
    padding: 2.75rem 1.5rem;
  }

  html.main-template-e .main_sec_about_walts .main_about_walts_eyebrow {
    margin: 0 0 0.45rem;
  }

  html.main-template-e .main_sec_about_walts .main_about_walts_title {
    margin: 0;
  }

  html.main-template-e .main_sec_about_walts .main_about_walts_desc {
    margin: 1.25rem 0 0;
  }

  html.main-template-e .main_sec_about_walts .main_about_walts_btn {
    margin: 1.75rem 0 0;
  }
}


/* /templates/css/sub/treatment-e.css */
/* ──────────────────────────────────────────────────────────────────
 *  검색 노출형(E) 시술 상세 — 더왈츠의원 treatment v2 디자인 포팅
 *  WALTS css/treatment/v2/style.css 를 clara-ai E 용으로 스코프(.wtx)해 옮김.
 *  마크업은 templates/treatment/DetailE.tsx 가 WALTS 클래스로 렌더.
 * ────────────────────────────────────────────────────────────────── */
html.main-template-e .wtx {
  --brown: #443a35;
  --cream: #fcf9ea;
  --tan: #c5b49d;
  --sand: #e4ddcc;
  --surface: #f3ecdd;
  --muted: #776b60;
  --line: #dcd3c3;
  --white: #fffcf5;
  --wmax: 1200px;
  --serif: 'Cormorant', 'Marcellus', Georgia, serif;
  color: var(--brown);
  background: var(--cream);
  font-family: 'Pretendard Variable', Pretendard, -apple-system, sans-serif; letter-spacing: normal;
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: break-word;
}
html.main-template-e .wtx :where(h1, h2, h3, p, figure, dl, dd) { margin: 0; }
html.main-template-e .wtx :where(h1, h2, h3) { line-height: 1.4; }
html.main-template-e .wtx :where(h1, h2) { letter-spacing: -0.055em; font-weight: 500; }
html.main-template-e .wtx :where(img) { max-width: 100%; display: block; }
html.main-template-e .wtx a { color: inherit; text-decoration: none; }

/* 공통 머리 요소 */
html.main-template-e .wtx .breadcrumb { display: flex; gap: 12px; font-size: 11px; color: var(--muted); margin-bottom: 40px; flex-wrap: wrap; }
html.main-template-e .wtx .eyebrow { font-size: 11px; font-weight: 500; letter-spacing: 0.17em; color: #8b7863; margin-bottom: 22px; }
html.main-template-e .wtx .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; padding: 15px 24px; font-size: 14px; border: 1px solid var(--brown); line-height: 1.6; }
html.main-template-e .wtx .button.solid { background: var(--brown); color: var(--cream); }
html.main-template-e .wtx .button.solid:hover { background: #625247; }
html.main-template-e .wtx .button.outline { background: transparent; }
html.main-template-e .wtx .button.outline:hover { background: var(--brown); color: var(--cream); }
html.main-template-e .wtx .text-link { display: inline-flex; gap: 18px; align-items: center; font-size: 13px; border-bottom: 1px solid #b1a28b; padding-bottom: 5px; }

/* 히어로 (아치) */
html.main-template-e .wtx .hero { max-width: 1600px; margin: auto; display: grid; grid-template-columns: 1.08fr 1fr; min-height: 640px; padding: 34px 4.7% 48px; gap: 5.5%; align-items: center; }
html.main-template-e .wtx .hero-content { padding: 0 0 12px 2%; }
html.main-template-e .wtx .service-name { display: block; font-size: 16px; letter-spacing: -0.025em; font-weight: 500; margin-bottom: 17px; color: #76634f; }
html.main-template-e .wtx .hero h1 { font-size: clamp(34px, 4.5vw, 62px); line-height: 1.25; font-weight: 400; }
html.main-template-e .wtx .hero h1 em { font-style: normal; color: #8c7154; }
html.main-template-e .wtx .hero-description { font-size: 17px; color: var(--muted); margin-top: 26px; line-height: 1.9; }
html.main-template-e .wtx .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 30px; }
html.main-template-e .wtx .hero-proof { display: flex; align-items: center; gap: 15px; margin-top: 38px; }
html.main-template-e .wtx .proof-mark { font-family: var(--serif); border: 1px solid #b6a68f; border-radius: 50%; width: 40px; height: 40px; display: grid; place-items: center; font-size: 24px; color: #8d7352; flex-shrink: 0; }
html.main-template-e .wtx .hero-proof strong { display: block; font-size: 12px; font-weight: 600; }
html.main-template-e .wtx .hero-proof div > span { display: block; font-size: 11px; color: var(--muted); margin-top: 1px; }
html.main-template-e .wtx .hero-visual { height: 600px; position: relative; background: var(--surface); overflow: hidden; border-radius: 48% 48% 0 0; }
html.main-template-e .wtx .hero-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 32%; }
html.main-template-e .wtx .hero-visual::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(48,42,36,0.43)); }
html.main-template-e .wtx .hero-visual figcaption { position: absolute; left: 8%; bottom: 35px; color: #fff8eb; z-index: 1; font-size: 18px; letter-spacing: -0.02em; }
html.main-template-e .wtx .hero-visual figcaption span { display: block; letter-spacing: 0.18em; font-size: 9px; margin-bottom: 10px; }

/* 섹션 */
html.main-template-e .wtx .section { max-width: var(--wmax); padding: 100px 26px; margin: auto; }
html.main-template-e .wtx .section h2 { font-size: clamp(27px, 2.6vw, 36px); line-height: 1.45; }
html.main-template-e .wtx .section-intro > p:not(.eyebrow) { font-size: 15px; color: var(--muted); margin-top: 22px; }
html.main-template-e .wtx .section-intro > .text-link { margin-top: 24px; }
html.main-template-e .wtx .centered { text-align: center; }
html.main-template-e .wtx .fine-print { font-size: 11px; line-height: 1.8; color: #7a6f62; margin-top: 16px; }

/* overview */
html.main-template-e .wtx .overview { display: grid; grid-template-columns: 0.8fr 1.4fr; gap: 10%; }
html.main-template-e .wtx .direct-answer { font-size: 16px; line-height: 1.95; color: var(--muted); }
html.main-template-e .wtx .direct-answer strong { font-weight: 500; color: var(--brown); }
html.main-template-e .wtx .facts { display: grid; grid-template-columns: 1fr 1fr; margin-top: 24px; border-top: 1px solid var(--line); }
html.main-template-e .wtx .facts > div { padding: 17px 10px 17px 0; border-bottom: 1px solid var(--line); }
html.main-template-e .wtx .facts dt { font-size: 11px; color: #917d67; margin-bottom: 4px; }
html.main-template-e .wtx .facts dd { font-size: 14px; }

/* principle */
html.main-template-e .wtx .principle { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: center; border-top: 1px solid var(--line); padding-top: 90px; }
html.main-template-e .wtx .principle-visual { background: #eee6d5; position: relative; min-height: 520px; display: flex; align-items: center; justify-content: center; padding: 70px 45px; }
html.main-template-e .wtx .principle-visual > .eyebrow { position: absolute; top: 35px; left: 35px; }
html.main-template-e .wtx .principle-visual img { width: 78%; max-height: 380px; object-fit: cover; }
html.main-template-e .wtx .visual-word { position: absolute; bottom: 10px; left: 30px; font-family: var(--serif); font-size: 64px; letter-spacing: -0.065em; font-style: italic; color: #a08b6c; }
html.main-template-e .wtx .principle-copy > p:not(.eyebrow) { font-size: 15px; color: var(--muted); margin-top: 22px; }
html.main-template-e .wtx .area-list { margin-top: 22px; }
html.main-template-e .wtx .area-list > div { display: flex; gap: 20px; border-top: 1px solid var(--line); padding: 17px 0; }
html.main-template-e .wtx .area-list > div > span { font-family: var(--serif); font-size: 17px; color: #9f8a6b; }
html.main-template-e .wtx .area-list h3 { font-size: 15px; }
html.main-template-e .wtx .area-list p { font-size: 13px; color: var(--muted); margin-top: 4px; }

/* doctor */
html.main-template-e .wtx .doctor-section { background: var(--brown); color: var(--cream); overflow: hidden; }
html.main-template-e .wtx .doctor-inner { max-width: var(--wmax); padding: 0 26px; margin: auto; display: grid; grid-template-columns: 0.9fr 1fr; gap: 10%; align-items: center; }
html.main-template-e .wtx .doctor-portrait { position: relative; align-self: end; padding-top: 60px; }
html.main-template-e .wtx .doctor-portrait img { width: 100%; height: 560px; object-fit: cover; object-position: top; }
html.main-template-e .wtx .doctor-copy { padding: 65px 0; }
html.main-template-e .wtx .doctor-copy .eyebrow { color: var(--tan); }
html.main-template-e .wtx .doctor-copy h2 { font-size: 33px; }
html.main-template-e .wtx .doctor-statement { font-size: 23px; line-height: 1.6; margin-top: 26px; letter-spacing: -0.025em; font-family: 'Noto Serif KR', serif; }
html.main-template-e .wtx .doctor-copy > p.lead { color: #d4c8b9; font-size: 14px; margin-top: 20px; }
html.main-template-e .wtx .doctor-name { border-top: 1px solid rgba(255,255,255,0.19); margin-top: 30px; padding-top: 22px; }
html.main-template-e .wtx .doctor-name h3 { font-size: 24px; font-weight: 400; }
html.main-template-e .wtx .doctor-name h3 span { font-size: 12px; margin-left: 10px; color: var(--tan); }

/* diagnosis */
html.main-template-e .wtx .center-title { text-align: center; }
html.main-template-e .wtx .center-title h2 { font-size: 33px; }
html.main-template-e .wtx .center-title > p:last-child { font-size: 15px; color: var(--muted); margin-top: 18px; }
html.main-template-e .wtx .diagnosis-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 45px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html.main-template-e .wtx .diagnosis-grid article { padding: 30px 28px 35px; }
html.main-template-e .wtx .diagnosis-grid article + article { border-left: 1px solid var(--line); }
html.main-template-e .wtx .big-number { font-size: 38px; font-family: var(--serif); color: #bba689; line-height: 1; }
html.main-template-e .wtx .diagnosis-grid h3 { font-size: 18px; margin: 22px 0 14px; }
html.main-template-e .wtx .diagnosis-grid p { font-size: 14px; color: var(--muted); }

/* process */
html.main-template-e .wtx .process-section { background: var(--surface); }
html.main-template-e .wtx .process-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin: 42px 0 0; }
html.main-template-e .wtx .process-list li { border-top: 1px solid #c4b59f; padding-top: 20px; }
html.main-template-e .wtx .process-list li > span { font-size: 11px; color: #8a7356; font-family: var(--serif); }
html.main-template-e .wtx .process-list h3 { font-size: 17px; margin: 14px 0 12px; }
html.main-template-e .wtx .process-list p { font-size: 13px; color: var(--muted); }

/* programs */
html.main-template-e .wtx .program-list { border-top: 1px solid #ab977d; margin-top: 10px; }
html.main-template-e .wtx .program-row { display: grid; grid-template-columns: 45px 1fr 220px; gap: 23px; align-items: center; padding: 26px 15px; border-bottom: 1px solid var(--line); }
html.main-template-e .wtx .program-number { font-size: 22px; font-family: var(--serif); color: #aa9274; }
html.main-template-e .wtx .tag { font-size: 10px; color: #997d58; }
html.main-template-e .wtx .program-info h3 { font-size: 19px; font-weight: 500; margin-top: 4px; }
html.main-template-e .wtx .program-info p { font-size: 12px; color: var(--muted); margin-top: 5px; }
html.main-template-e .wtx .program-price { text-align: right; }
html.main-template-e .wtx .program-price strong { font-weight: 500; font-size: 26px; letter-spacing: -0.045em; font-family: var(--serif); }

/* recovery */
html.main-template-e .wtx .recovery { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10%; }
html.main-template-e .wtx .recovery-body article { border-top: 1px solid var(--line); padding: 22px 0; }
html.main-template-e .wtx .mini-label { font-size: 9px; letter-spacing: 0.12em; color: #9a805e; text-transform: uppercase; }
html.main-template-e .wtx .recovery-body h3 { font-size: 17px; margin: 9px 0; }
html.main-template-e .wtx .recovery-body p { font-size: 14px; color: var(--muted); }
html.main-template-e .wtx .safety-note { background: #eee5d5; padding: 24px; margin-top: 8px; }

/* faq */
html.main-template-e .wtx .faq { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10%; }
html.main-template-e .wtx .faq-list { border-top: 1px solid #bca88f; }
html.main-template-e .wtx .faq-list details { border-bottom: 1px solid var(--line); }
html.main-template-e .wtx .faq-list summary { cursor: pointer; list-style: none; font-size: 15px; font-weight: 500; position: relative; padding: 23px 28px 23px 0; }
html.main-template-e .wtx .faq-list summary::-webkit-details-marker { display: none; }
html.main-template-e .wtx .faq-list summary::after { content: '+'; position: absolute; right: 4px; top: 23px; font-size: 20px; font-weight: 300; line-height: 1; }
html.main-template-e .wtx .faq-list details[open] summary::after { content: '\2212'; }
html.main-template-e .wtx .faq-list details > div { font-size: 14px; line-height: 1.95; color: var(--muted); padding: 0 20px 24px 0; }

/* consultation */
html.main-template-e .wtx .consultation-section { background: var(--sand); }
html.main-template-e .wtx .consultation-inner { display: grid; grid-template-columns: 1fr 1fr; max-width: 1440px; margin: auto; }
html.main-template-e .wtx .consultation-image { min-height: 560px; }
html.main-template-e .wtx .consultation-image img { width: 100%; height: 100%; object-fit: cover; }
html.main-template-e .wtx .consultation-copy { padding: 65px 13%; }
html.main-template-e .wtx .consultation-copy h2 { font-size: 31px; }
html.main-template-e .wtx .consultation-copy > p.lead { font-size: 14px; color: var(--muted); margin-top: 20px; }
html.main-template-e .wtx .phone { font-family: var(--serif); font-size: 32px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #c3b49e; margin: 25px 0 20px; padding-bottom: 15px; }
html.main-template-e .wtx .phone span { font-size: 22px; }
html.main-template-e .wtx .consultation-copy address { font-style: normal; font-size: 13px; line-height: 1.9; }
html.main-template-e .wtx .hours { margin-top: 20px; font-size: 12px; }
html.main-template-e .wtx .hours > div { display: flex; justify-content: space-between; gap: 30px; line-height: 2; }
html.main-template-e .wtx .hours dt { color: var(--muted); }
html.main-template-e .wtx .consultation-copy .button { margin-top: 22px; width: 100%; }

/* sources */
html.main-template-e .wtx .sources { display: grid; grid-template-columns: 1fr 1fr; gap: 12%; padding-top: 60px; padding-bottom: 60px; }
html.main-template-e .wtx .sources h2 { font-size: 20px; letter-spacing: -0.035em; }
html.main-template-e .wtx .sources ol { margin: 0; padding-left: 18px; font-size: 11px; }
html.main-template-e .wtx .sources li { padding: 0 0 11px 7px; }
html.main-template-e .wtx .sources li span { display: block; color: var(--muted); font-size: 10px; margin-top: 4px; }

/* 반응형 */
@media (max-width: 1024px) {
  html.main-template-e .wtx .hero { grid-template-columns: 1fr; gap: 40px; }
  html.main-template-e .wtx .hero-visual { height: 420px; border-radius: 40% 40% 0 0; }
  html.main-template-e .wtx .overview,
  html.main-template-e .wtx .principle,
  html.main-template-e .wtx .doctor-inner,
  html.main-template-e .wtx .recovery,
  html.main-template-e .wtx .faq,
  html.main-template-e .wtx .consultation-inner,
  html.main-template-e .wtx .sources { grid-template-columns: 1fr; gap: 36px; }
  html.main-template-e .wtx .diagnosis-grid { grid-template-columns: 1fr; }
  html.main-template-e .wtx .diagnosis-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
  html.main-template-e .wtx .process-list { grid-template-columns: 1fr 1fr; }
  html.main-template-e .wtx .doctor-portrait { padding-top: 40px; }
  html.main-template-e .wtx .doctor-portrait img { height: 420px; }
  html.main-template-e .wtx .consultation-image { min-height: 320px; }
}
@media (max-width: 640px) {
  html.main-template-e .wtx .section { padding: 64px 20px; }
  html.main-template-e .wtx .facts,
  html.main-template-e .wtx .process-list { grid-template-columns: 1fr; }
  html.main-template-e .wtx .program-row { grid-template-columns: 36px 1fr; row-gap: 10px; }
  html.main-template-e .wtx .program-price { grid-column: 2; text-align: left; }
}

/* 상단 탭(.section-nav)과 사이트 헤더 아래로 섹션 제목이 가려지지 않게 */
html.main-template-e .wtx section[id] { scroll-margin-top: 140px; }

/* 시술 상세(E) 상담 섹션: 세로로 긴 모델 사진이 줄 높이를 늘리지 않게 칸을 채우기만 하고(잘라서),
 * 오른쪽 글은 세로 가운데. (.consultation-section 을 앞에 붙여 treatment-e-walts.css 보다 우선) */
html.main-template-e .wtx .consultation-section .consultation-inner {
  align-items: stretch;
}
html.main-template-e .wtx .consultation-section .consultation-image {
  position: relative;
  min-height: 480px;
  overflow: hidden;
}
html.main-template-e .wtx .consultation-section .consultation-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}
html.main-template-e .wtx .consultation-section .consultation-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 760px) {
  html.main-template-e .wtx .consultation-section .consultation-image {
    min-height: 0;
    width: 100%;
    height: 260px;
  }
}


/* /templates/css/sub/treatment-e-walts.css */
/* 검색 노출형(E) 시술 상세 — 더왈츠 시안 treatment v2 CSS(style · expansion · ds-ext · page · embed · site)를 .wtx 아래로 그대로 옮긴 파일.
 * 시안과 같은 값으로 맞추기 위한 것이라 직접 고치지 말고, 시안이 바뀌면 같은 방법으로 다시 만드세요. */

/* ── style.css ── */
html.main-template-e .wtx{--brown:#443a35;--cream:#fcf9ea;--tan:#c5b49d;--sand:#e4ddcc;--surface:#f3ecdd;--muted:#776b60;--line:#dcd3c3;--white:#fffcf5;--max:1200px;color-scheme:light}html.main-template-e .wtx *{box-sizing:border-box}html.main-template-e .wtx{scroll-behavior:smooth;scroll-padding-top:146px}html.main-template-e .wtx{margin:0;color:var(--brown);background:var(--cream);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}html.main-template-e .wtx a{color:inherit;text-decoration:none}html.main-template-e .wtx button,html.main-template-e .wtx input{font:inherit}html.main-template-e .wtx button,html.main-template-e .wtx a{-webkit-tap-highlight-color:transparent}html.main-template-e .wtx button{cursor:pointer}html.main-template-e .wtx img{max-width:100%;display:block}html.main-template-e .wtx h1,html.main-template-e .wtx h2,html.main-template-e .wtx h3,html.main-template-e .wtx p,html.main-template-e .wtx figure,html.main-template-e .wtx dl,html.main-template-e .wtx dd{margin:0}html.main-template-e .wtx h1,html.main-template-e .wtx h2,html.main-template-e .wtx h3{line-height:1.4}html.main-template-e .wtx h1,html.main-template-e .wtx h2{letter-spacing:-.055em;font-weight:450}html.main-template-e .wtx h3{font-weight:600}html.main-template-e .wtx a,html.main-template-e .wtx button{touch-action:manipulation}html.main-template-e .wtx a:focus-visible,html.main-template-e .wtx button:focus-visible,html.main-template-e .wtx summary:focus-visible,html.main-template-e .wtx [tabindex]:focus-visible{outline:2px solid #8f683e;outline-offset:5px}html.main-template-e .wtx a:hover,html.main-template-e .wtx button:hover{transition:color .18s,background .18s}html.main-template-e .wtx button[hidden],html.main-template-e .wtx [hidden]{display:none!important}html.main-template-e .wtx .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.main-template-e .wtx .skip{position:fixed;left:12px;top:-80px;z-index:20;background:var(--brown);color:white;padding:12px}html.main-template-e .wtx .skip:focus{top:12px}html.main-template-e .wtx .header{height:94px;position:sticky;top:0;z-index:10;background:rgba(252,249,234,.96);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 4.7%;border-bottom:1px solid var(--line)}html.main-template-e .wtx .brand{width:118px;flex-shrink:0}html.main-template-e .wtx .brand img{object-fit:contain;width:116px;height:52px}html.main-template-e .wtx .desktop-nav{display:flex;gap:36px;font-size:14px}html.main-template-e .wtx .desktop-nav a:hover{color:#9b784f}html.main-template-e .wtx .header-cta{padding:10px 18px;border:1px solid var(--brown);font-size:13px;display:flex;gap:25px}html.main-template-e .wtx .header-cta:hover{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}html.main-template-e .wtx .menu-toggle span{height:1px;background:var(--brown);display:block;margin:7px 0}html.main-template-e .wtx .mobile-nav{position:fixed;top:104px;left:0;right:0;z-index:11;background:var(--cream);border-bottom:1px solid var(--line);padding:20px 6%;box-shadow:0 12px 20px #443a3510}html.main-template-e .wtx .mobile-nav a{display:block;padding:12px;border-bottom:1px solid var(--line)}html.main-template-e .wtx .hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;padding:34px 4.7% 48px;gap:5.5%;align-items:center}html.main-template-e .wtx .hero-content{padding:0 0 12px 5%}html.main-template-e .wtx .breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:43px}html.main-template-e .wtx .eyebrow{font-size:11px;font-weight:500;letter-spacing:.17em;color:#8b7863;margin-bottom:22px}html.main-template-e .wtx .hero .eyebrow{margin-bottom:21px}html.main-template-e .wtx .service-name{display:block;font-size:16px;letter-spacing:-.025em;font-weight:500;margin-bottom:17px;color:#76634f}html.main-template-e .wtx .hero h1{font-size:clamp(36px,4.5vw,65px);line-height:1.25;font-weight:400;white-space:normal}html.main-template-e .wtx .hero h1 em{font-style:normal;color:#8c7154}html.main-template-e .wtx .hero-description{font-size:17px;color:var(--muted);margin-top:27px;line-height:1.9}html.main-template-e .wtx .hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}html.main-template-e .wtx .button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 24px;font-size:14px;border:1px solid var(--brown);line-height:1.6}html.main-template-e .wtx .solid{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .solid:hover{background:#625247}html.main-template-e .wtx .outline{background:transparent}html.main-template-e .wtx .outline:hover{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;border-bottom:1px solid #b1a28b;padding-bottom:5px}html.main-template-e .wtx .hero-proof{display:flex;align-items:center;gap:15px;margin-top:40px}html.main-template-e .wtx .proof-mark{font-family:Georgia,serif;border:1px solid #b6a68f;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:26px;color:#8d7352}html.main-template-e .wtx .hero-proof strong{display:block;font-size:12px;font-weight:550}html.main-template-e .wtx .hero-proof div>span{display:block;font-size:11px;color:var(--muted);margin-top:1px}html.main-template-e .wtx .hero-visual{height:615px;position:relative;background:var(--surface);overflow:hidden;border-radius:48% 48% 0 0}html.main-template-e .wtx .hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}html.main-template-e .wtx .hero-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#302a246e);pointer-events:none}html.main-template-e .wtx .hero-visual figcaption{position:absolute;left:8%;bottom:35px;color:#fff8eb;z-index:1;font-size:18px;font-weight:400;letter-spacing:-.02em}html.main-template-e .wtx .hero-visual figcaption span{display:block;letter-spacing:.18em;font-size:9px;margin-bottom:10px}html.main-template-e .wtx .image-index{position:absolute;right:20px;top:46%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em;color:#fff9ed}html.main-template-e .wtx .section-nav{position:sticky;top:94px;background:rgba(252,249,234,.97);z-index:9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}html.main-template-e .wtx .section-nav>div{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:24px;padding:0 20px;overflow-x:auto;scrollbar-width:none}html.main-template-e .wtx .section-nav a{white-space:nowrap;font-size:12px;padding:20px 0 17px;position:relative;color:var(--muted)}html.main-template-e .wtx .section-nav a[aria-current=true]{color:var(--brown);font-weight:650}html.main-template-e .wtx .section-nav a[aria-current=true]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brown)}html.main-template-e .wtx .section{max-width:var(--max);padding:105px 26px;margin:auto}html.main-template-e .wtx .section h2{font-size:36px;line-height:1.45}html.main-template-e .wtx .section-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:23px}html.main-template-e .wtx .section-intro>.text-link{margin-top:25px}html.main-template-e .wtx .overview{display:grid;grid-template-columns:.8fr 1.4fr;gap:10%;padding-top:95px;padding-bottom:95px}html.main-template-e .wtx .direct-answer{font-size:16px;line-height:1.95;color:var(--muted)}html.main-template-e .wtx .direct-answer strong{font-weight:500;color:var(--brown)}html.main-template-e .wtx .facts{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-top:1px solid var(--line)}html.main-template-e .wtx .facts>div{padding:17px 10px 17px 0;border-bottom:1px solid var(--line)}html.main-template-e .wtx .facts dt{font-size:11px;color:#917d67;margin-bottom:4px}html.main-template-e .wtx .facts dd{font-size:14px}html.main-template-e .wtx .fine-print{font-size:11px;line-height:1.8;color:#7a6f62;margin-top:17px}html.main-template-e .wtx .centered{text-align:center}html.main-template-e .wtx .principle{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-top:1px solid var(--line);padding-top:90px}html.main-template-e .wtx .principle-visual{background:#eee6d5;position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;padding:75px 45px}html.main-template-e .wtx .principle-visual>.eyebrow{position:absolute;top:35px;left:35px;font-size:10px}html.main-template-e .wtx .principle-visual img{width:75%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}html.main-template-e .wtx .visual-word{position:absolute;bottom:10px;left:30px;font-family:Georgia,serif;font-size:72px;letter-spacing:-.065em;font-style:italic;color:#a08b6c}html.main-template-e .wtx .principle-copy>p:not(.eyebrow):not(.source-line){font-size:15px;color:var(--muted);margin-top:24px}html.main-template-e .wtx .source-line{font-size:10px;color:#887966;margin-top:12px}html.main-template-e .wtx .source-line a{text-decoration:underline;text-underline-offset:3px}html.main-template-e .wtx .area-list{margin-top:23px}html.main-template-e .wtx .area-list>div{display:flex;gap:20px;border-top:1px solid var(--line);padding:17px 0}html.main-template-e .wtx .area-list>div>span{font-family:Georgia,serif;font-size:15px;color:#9f8a6b}html.main-template-e .wtx .area-list h3{font-size:15px}html.main-template-e .wtx .area-list p{font-size:13px;color:var(--muted);margin-top:4px}html.main-template-e .wtx .doctor-section{background:var(--brown);color:var(--cream);overflow:hidden}html.main-template-e .wtx .doctor-inner{max-width:var(--max);padding:0 26px;margin:auto;display:grid;grid-template-columns:.9fr 1fr;gap:12%;align-items:center}html.main-template-e .wtx .doctor-portrait{position:relative;align-self:end;padding-top:65px}html.main-template-e .wtx .doctor-portrait img{width:100%;height:600px;object-fit:contain;object-position:bottom;filter:sepia(.12)}html.main-template-e .wtx .portrait-label{position:absolute;left:0;bottom:30px;font-size:11px;letter-spacing:.15em;line-height:1.8}html.main-template-e .wtx .portrait-label small{font-size:9px;color:var(--tan)}html.main-template-e .wtx .doctor-copy{padding:65px 0}html.main-template-e .wtx .doctor-copy .eyebrow{color:var(--tan)}html.main-template-e .wtx .doctor-copy h2{font-size:35px}html.main-template-e .wtx .doctor-statement{font-size:24px;line-height:1.6;margin-top:27px;letter-spacing:-.025em}html.main-template-e .wtx .doctor-copy>p:not(.eyebrow):not(.doctor-statement){color:#d4c8b9;font-size:14px;margin-top:20px}html.main-template-e .wtx .doctor-name{border-top:1px solid #ffffff30;margin-top:30px;padding-top:22px}html.main-template-e .wtx .doctor-name h3{font-size:24px;font-weight:400}html.main-template-e .wtx .doctor-name h3 span{font-size:12px;margin-left:10px;color:var(--tan)}html.main-template-e .wtx .doctor-name>span{font-size:11px;color:var(--tan);display:block;margin-top:7px}html.main-template-e .wtx .doctor-links{display:flex;gap:26px;margin-top:23px;font-size:12px}html.main-template-e .wtx .certificate-button{background:none;color:inherit;border:0;padding:0;border-bottom:1px solid #b5a38d;font-size:12px}html.main-template-e .wtx .doctor-links a{border-bottom:1px solid #b5a38d}html.main-template-e .wtx .center-title{text-align:center}html.main-template-e .wtx .center-title h2{font-size:35px}html.main-template-e .wtx .center-title>p:last-child{font-size:15px;color:var(--muted);margin-top:20px}html.main-template-e .wtx .diagnosis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}html.main-template-e .wtx .diagnosis-grid article{padding:30px 28px 35px}html.main-template-e .wtx .diagnosis-grid article+article{border-left:1px solid var(--line)}html.main-template-e .wtx .big-number{font-size:38px;font-family:Georgia,serif;color:#bba689;line-height:1}html.main-template-e .wtx .diagnosis-grid h3{font-size:18px;margin-top:24px;margin-bottom:14px}html.main-template-e .wtx .diagnosis-grid p{font-size:14px;color:var(--muted)}html.main-template-e .wtx .section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:35px}html.main-template-e .wtx .section-heading>p{color:var(--muted);font-size:14px;flex-shrink:0;margin-bottom:5px}html.main-template-e .wtx .compare{padding-top:20px}html.main-template-e .wtx .table-scroll{overflow-x:auto}html.main-template-e .wtx .table-scroll table{border-collapse:collapse;width:100%;min-width:660px;font-size:13px}html.main-template-e .wtx .table-scroll th,html.main-template-e .wtx .table-scroll td{text-align:left;padding:20px 22px;border-bottom:1px solid var(--line);vertical-align:top}html.main-template-e .wtx .table-scroll thead th{font-weight:500;background:var(--sand);border-top:1px solid #c8bba6;font-size:14px}html.main-template-e .wtx .table-scroll thead .highlight{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .table-scroll tbody .highlight{background:#eee5d5}html.main-template-e .wtx .table-scroll tbody th{width:17%;font-weight:500}html.main-template-e .wtx .programs{padding-top:20px}html.main-template-e .wtx .program-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}html.main-template-e .wtx .program-filters button{background:transparent;border:1px solid #cfc2af;color:#7a6b59;padding:8px 17px;border-radius:2px;font-size:12px}html.main-template-e .wtx .program-filters button.active{background:var(--brown);color:var(--cream);border-color:var(--brown)}html.main-template-e .wtx .program-list{border-top:1px solid #ab977d}html.main-template-e .wtx .program-row{display:grid;grid-template-columns:45px 1fr 220px 45px;gap:23px;align-items:center;padding:27px 15px;border-bottom:1px solid var(--line)}html.main-template-e .wtx .program-number{font-size:23px;font-family:Georgia,serif;color:#aa9274}html.main-template-e .wtx .tag{font-size:10px;letter-spacing:.02em;color:#997d58}html.main-template-e .wtx .program-info h3{font-size:19px;font-weight:500;margin-top:4px}html.main-template-e .wtx .program-info p{font-size:12px;color:var(--muted);margin-top:5px}html.main-template-e .wtx .program-price{text-align:right}html.main-template-e .wtx .program-price>span{font-size:11px;color:#918473;display:block;margin-bottom:6px}html.main-template-e .wtx .program-price del{margin-left:6px}html.main-template-e .wtx .program-price strong{font-weight:450;font-size:27px;display:flex;align-items:baseline;justify-content:flex-end;gap:7px;letter-spacing:-.045em;line-height:1.3}html.main-template-e .wtx .program-price strong small{font-size:11px;letter-spacing:0}html.main-template-e .wtx .row-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #b8a68d;border-radius:50%;font-size:19px}html.main-template-e .wtx .row-arrow:hover{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .price-note{display:flex;gap:40px;justify-content:space-between;margin-top:24px;align-items:start}html.main-template-e .wtx .price-note p{font-size:11px;color:var(--muted);max-width:760px}html.main-template-e .wtx .price-note p a{text-decoration:underline;text-underline-offset:3px}html.main-template-e .wtx .price-note>.text-link{flex-shrink:0;font-size:11px}html.main-template-e .wtx .process-section{background:var(--surface)}html.main-template-e .wtx .process-section .section{padding-top:85px;padding-bottom:85px}html.main-template-e .wtx .process-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:45px 0 0}html.main-template-e .wtx .process-list li{border-top:1px solid #c4b59f;padding-top:20px}html.main-template-e .wtx .process-list li>span{font-size:11px;color:#8a7356}html.main-template-e .wtx .process-list h3{font-size:17px;margin:15px 0 12px}html.main-template-e .wtx .process-list p{font-size:13px;color:var(--muted)}html.main-template-e .wtx .recovery{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}html.main-template-e .wtx .recovery-body article{border-top:1px solid var(--line);padding:22px 0}html.main-template-e .wtx .mini-label{font-size:9px;letter-spacing:.12em;color:#9a805e}html.main-template-e .wtx .recovery-body h3{font-size:17px;margin:9px 0}html.main-template-e .wtx .recovery-body p{font-size:14px;color:var(--muted)}html.main-template-e .wtx .recovery-body .safety-note{background:#eee5d5;padding:24px;margin-top:5px;border:0}html.main-template-e .wtx .safety-note a{display:inline-block;font-size:11px;margin-top:14px;border-bottom:1px solid #b7a588}html.main-template-e .wtx .faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:15px}html.main-template-e .wtx .faq-list{border-top:1px solid #bca88f}html.main-template-e .wtx .faq-list details{border-bottom:1px solid var(--line)}html.main-template-e .wtx .faq-list summary{cursor:pointer;list-style:none;font-size:15px;font-weight:500;position:relative;padding:23px 28px 23px 0}html.main-template-e .wtx .faq-list summary::-webkit-details-marker{display:none}html.main-template-e .wtx .faq-list summary:after{content:'+';position:absolute;right:4px;top:23px;font-size:20px;font-weight:300;line-height:1}html.main-template-e .wtx .faq-list details[open] summary:after{content:'−'}html.main-template-e .wtx .faq-list details>div{font-size:14px;line-height:1.95;color:var(--muted);padding:0 20px 24px 0}html.main-template-e .wtx .consultation-section{background:var(--sand)}html.main-template-e .wtx .consultation-inner{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto}html.main-template-e .wtx .consultation-image{min-height:580px}html.main-template-e .wtx .consultation-image img{width:100%;height:100%;object-fit:cover}html.main-template-e .wtx .consultation-copy{padding:65px 13%}html.main-template-e .wtx .consultation-copy h2{font-size:33px}html.main-template-e .wtx .consultation-copy>p:not(.eyebrow):not(.fine-print){font-size:14px;color:var(--muted);margin-top:20px}html.main-template-e .wtx .phone{font-family:Georgia,serif;font-size:32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c3b49e;margin:25px 0 20px;padding-bottom:15px}html.main-template-e .wtx .phone span{font-size:25px}html.main-template-e .wtx .consultation-copy address{font-style:normal;font-size:13px;line-height:1.9}html.main-template-e .wtx .hours{margin-top:20px;font-size:12px}html.main-template-e .wtx .hours>div{display:flex;justify-content:space-between;gap:30px;line-height:2}html.main-template-e .wtx .hours dt{color:var(--muted)}html.main-template-e .wtx .consultation-copy .button{margin-top:20px;width:100%;font-size:12px}html.main-template-e .wtx .sources{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:65px;padding-bottom:65px}html.main-template-e .wtx .sources h2{font-size:20px;letter-spacing:-.035em}html.main-template-e .wtx .sources>div>p:last-child{font-size:11px;color:var(--muted);margin-top:14px}html.main-template-e .wtx .sources .eyebrow{font-size:9px;margin-bottom:13px}html.main-template-e .wtx .sources ol{margin:0;padding-left:18px;font-size:11px}html.main-template-e .wtx .sources li{padding:0 0 11px 7px}html.main-template-e .wtx .sources li a{border-bottom:1px solid #c9baa4}html.main-template-e .wtx .sources li span{display:block;color:var(--muted);font-size:10px;margin-top:4px}html.main-template-e .wtx .mobile-bottom{display:none}html.main-template-e .wtx .certificate-dialog{background:var(--cream);border:0;padding:24px;width:min(700px,90vw);max-height:90vh;color:var(--brown);overflow:auto}html.main-template-e .wtx .certificate-dialog::backdrop{background:#2a231dc9}html.main-template-e .wtx .dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}html.main-template-e .wtx .dialog-heading h2{font-size:18px}html.main-template-e .wtx .dialog-heading button{background:none;border:0;font-size:30px;line-height:1;color:var(--brown)}html.main-template-e .wtx .certificate-dialog img{width:100%;height:auto}html.main-template-e .wtx .certificate-dialog>p{font-size:11px;color:var(--muted);margin-top:14px}html.main-template-e .wtx .review{max-width:1000px;padding:70px 28px;margin:auto}html.main-template-e .wtx .review h1{font-size:40px}html.main-template-e .wtx .review h2{font-size:25px;margin:55px 0 20px}html.main-template-e .wtx .review p,html.main-template-e .wtx .review li{font-size:15px;color:var(--muted)}html.main-template-e .wtx .review a{text-decoration:underline;text-underline-offset:4px}html.main-template-e .wtx .review .review-lead{font-size:18px;margin:25px 0}html.main-template-e .wtx .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}html.main-template-e .wtx .review-grid article{padding:24px;background:var(--surface)}html.main-template-e .wtx .review-grid h3{font-size:17px;margin-bottom:12px}html.main-template-e .wtx .review-grid p{font-size:13px}html.main-template-e .wtx .review .note{padding:25px;border-left:2px solid #ad916d;background:var(--surface);margin:25px 0}html.main-template-e .wtx .review table{font-size:12px}html.main-template-e .wtx .review .button{margin-top:30px;text-decoration:none}html.main-template-e .wtx .review ul{padding-left:20px}
@media(min-width:1500px){html.main-template-e .wtx .hero{padding-top:45px;padding-bottom:55px}html.main-template-e .wtx .hero-visual{height:680px}html.main-template-e .wtx .hero-content{padding-left:9%}html.main-template-e .wtx .hero h1{font-size:66px}}
@media(max-width:1100px){html.main-template-e .wtx .desktop-nav{gap:22px}html.main-template-e .wtx .hero{gap:4%;padding:30px 4% 40px;min-height:auto}html.main-template-e .wtx .hero-content{padding-left:0}html.main-template-e .wtx .hero-visual{height:560px}html.main-template-e .wtx .hero h1{font-size:45px}html.main-template-e .wtx .hero-actions{gap:18px;align-items:start;flex-direction:column}html.main-template-e .wtx .hero-proof{margin-top:25px}html.main-template-e .wtx .breadcrumb{margin-bottom:25px}html.main-template-e .wtx .section{padding-left:5%;padding-right:5%}html.main-template-e .wtx .overview,html.main-template-e .wtx .principle,html.main-template-e .wtx .recovery,html.main-template-e .wtx .faq{gap:7%}html.main-template-e .wtx .section h2{font-size:30px}html.main-template-e .wtx .doctor-inner{gap:7%;padding:0 5%}html.main-template-e .wtx .doctor-portrait img{height:590px}html.main-template-e .wtx .doctor-copy h2{font-size:30px}html.main-template-e .wtx .doctor-statement{font-size:21px}html.main-template-e .wtx .program-row{grid-template-columns:30px 1fr 210px 40px;gap:15px;padding-left:0;padding-right:0}html.main-template-e .wtx .program-info h3{font-size:17px}html.main-template-e .wtx .consultation-copy{padding:50px 10%}html.main-template-e .wtx .consultation-copy h2{font-size:28px}html.main-template-e .wtx .review-grid{grid-template-columns:1fr}}
@media(max-width:760px){html.main-template-e .wtx{scroll-padding-top:130px}html.main-template-e .wtx .header{height:78px;padding:0 6%}html.main-template-e .wtx .brand,html.main-template-e .wtx .brand img{width:92px;height:44px}html.main-template-e .wtx .desktop-nav{display:none}html.main-template-e .wtx .header-cta{margin-left:auto;margin-right:12px;font-size:11px;padding:8px 13px;gap:15px}html.main-template-e .wtx .menu-toggle{display:block}html.main-template-e .wtx .hero{display:flex;flex-direction:column;padding:26px 6% 35px;gap:28px;align-items:stretch}html.main-template-e .wtx .breadcrumb{font-size:10px;margin-bottom:29px}html.main-template-e .wtx .hero .eyebrow{font-size:9px;margin-bottom:18px}html.main-template-e .wtx .service-name{font-size:14px;margin-bottom:14px}html.main-template-e .wtx .hero h1{font-size:clamp(35px,7.8vw,54px);line-height:1.3;letter-spacing:-.055em}html.main-template-e .wtx .hero-description{font-size:14px;margin-top:20px}html.main-template-e .wtx .hero-actions{flex-direction:row;align-items:center;gap:23px;margin-top:25px}html.main-template-e .wtx .button{padding:13px 17px;font-size:12px;gap:23px}html.main-template-e .wtx .hero-actions .text-link{font-size:11px;gap:10px}html.main-template-e .wtx .hero-proof{margin-top:24px}html.main-template-e .wtx .proof-mark{width:32px;height:32px;font-size:22px}html.main-template-e .wtx .hero-proof strong{font-size:11px}html.main-template-e .wtx .hero-proof div>span{font-size:10px}html.main-template-e .wtx .hero-visual{height:410px;border-radius:45% 45% 0 0;max-width:480px;width:100%;align-self:center}html.main-template-e .wtx .hero-visual>img{object-position:50% 34%}html.main-template-e .wtx .hero-visual figcaption{font-size:16px;bottom:25px}html.main-template-e .wtx .hero-visual figcaption span{font-size:8px;margin-bottom:6px}html.main-template-e .wtx .image-index{font-size:8px;right:12px}html.main-template-e .wtx .section-nav{top:78px}html.main-template-e .wtx .section-nav>div{justify-content:start;padding:0 6%;gap:25px}html.main-template-e .wtx .section-nav a{font-size:11px;padding:16px 0 13px}html.main-template-e .wtx .section{padding:65px 6%}html.main-template-e .wtx .section .eyebrow,html.main-template-e .wtx .doctor-copy .eyebrow{font-size:10px;margin-bottom:16px}html.main-template-e .wtx .section h2,html.main-template-e .wtx .doctor-copy h2{font-size:28px;line-height:1.45}html.main-template-e .wtx .section-intro>p:not(.eyebrow){font-size:14px;margin-top:17px}html.main-template-e .wtx .overview,html.main-template-e .wtx .principle,html.main-template-e .wtx .recovery,html.main-template-e .wtx .faq{display:block}html.main-template-e .wtx .overview-body{margin-top:30px}html.main-template-e .wtx .direct-answer{font-size:14px;line-height:1.95}html.main-template-e .wtx .facts{margin-top:24px;column-gap:18px}html.main-template-e .wtx .facts>div{padding:15px 0}html.main-template-e .wtx .facts dt{font-size:10px}html.main-template-e .wtx .facts dd{font-size:12px}html.main-template-e .wtx .fine-print{font-size:10px}html.main-template-e .wtx .principle{padding-top:0;border:0}html.main-template-e .wtx .principle-visual{min-height:390px;padding:65px 35px;margin-bottom:35px}html.main-template-e .wtx .principle-visual img{height:280px;width:auto}html.main-template-e .wtx .principle-visual>.eyebrow{top:25px;left:25px;font-size:9px}html.main-template-e .wtx .visual-word{font-size:57px;left:24px;bottom:0}html.main-template-e .wtx .principle-copy>p:not(.eyebrow):not(.source-line){font-size:14px;margin-top:19px}html.main-template-e .wtx .area-list h3{font-size:14px}html.main-template-e .wtx .area-list p{font-size:12px}html.main-template-e .wtx .doctor-inner{display:flex;flex-direction:column-reverse;padding:0 6%;gap:0}html.main-template-e .wtx .doctor-copy{padding:55px 0 20px}html.main-template-e .wtx .doctor-copy>p:not(.eyebrow):not(.doctor-statement){font-size:13px}html.main-template-e .wtx .doctor-statement{font-size:21px;margin-top:22px}html.main-template-e .wtx .doctor-name{margin-top:25px;padding-top:18px}html.main-template-e .wtx .doctor-name h3{font-size:22px}html.main-template-e .wtx .doctor-links{font-size:11px;gap:22px}html.main-template-e .wtx .doctor-portrait{width:78%;max-width:350px;align-self:center;padding-top:10px}html.main-template-e .wtx .doctor-portrait img{height:auto;max-height:420px;object-position:bottom}html.main-template-e .wtx .portrait-label{left:-28px;bottom:25px;font-size:9px}html.main-template-e .wtx .portrait-label small{font-size:8px}html.main-template-e .wtx .center-title>p:last-child{font-size:13px;margin-top:16px}html.main-template-e .wtx .diagnosis-grid{display:block;margin-top:30px}html.main-template-e .wtx .diagnosis-grid article{padding:25px 0;position:relative;padding-left:55px}html.main-template-e .wtx .diagnosis-grid article+article{border-left:0;border-top:1px solid var(--line)}html.main-template-e .wtx .big-number{position:absolute;left:0;top:25px;font-size:28px}html.main-template-e .wtx .diagnosis-grid h3{margin:0 0 9px;font-size:16px}html.main-template-e .wtx .diagnosis-grid p{font-size:13px}html.main-template-e .wtx .section-heading{display:block;margin-bottom:30px}html.main-template-e .wtx .section-heading>p{font-size:13px;margin-top:18px}html.main-template-e .wtx .compare{padding-top:0}html.main-template-e .wtx .table-scroll{margin-right:-6.8%;padding-right:6.8%}html.main-template-e .wtx .table-scroll th,html.main-template-e .wtx .table-scroll td{padding:16px 15px}html.main-template-e .wtx .table-scroll table{font-size:12px;min-width:610px}html.main-template-e .wtx .table-scroll thead th{font-size:12px}html.main-template-e .wtx .programs{padding-top:0}html.main-template-e .wtx .program-filters{gap:7px;margin-bottom:22px}html.main-template-e .wtx .program-filters button{font-size:11px;padding:7px 12px}html.main-template-e .wtx .program-row{grid-template-columns:24px 1fr 30px;gap:10px;padding:22px 0}html.main-template-e .wtx .program-number{font-size:18px;align-self:start;margin-top:17px}html.main-template-e .wtx .program-info{grid-column:2;grid-row:1}html.main-template-e .wtx .program-info h3{font-size:16px}html.main-template-e .wtx .program-info p{font-size:11px;margin-top:6px}html.main-template-e .wtx .tag{font-size:9px}html.main-template-e .wtx .program-price{grid-column:2;grid-row:2;text-align:left;margin-top:6px}html.main-template-e .wtx .program-price>span{font-size:10px;margin-bottom:4px}html.main-template-e .wtx .program-price strong{justify-content:start;font-size:25px;gap:6px}html.main-template-e .wtx .program-price strong small{font-size:10px}html.main-template-e .wtx .row-arrow{grid-column:3;grid-row:1 / span 2;width:30px;height:30px;font-size:17px}html.main-template-e .wtx .price-note{display:block;margin-top:20px}html.main-template-e .wtx .price-note p{font-size:10px}html.main-template-e .wtx .price-note>.text-link{margin-top:15px}html.main-template-e .wtx .process-section .section{padding-top:60px;padding-bottom:60px}html.main-template-e .wtx .process-list{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:30px}html.main-template-e .wtx .process-list h3{font-size:15px;margin:10px 0}html.main-template-e .wtx .process-list p{font-size:12px}html.main-template-e .wtx .recovery-body{margin-top:30px}html.main-template-e .wtx .recovery-body h3{font-size:16px}html.main-template-e .wtx .recovery-body p{font-size:13px}html.main-template-e .wtx .recovery-body .safety-note{padding:22px}html.main-template-e .wtx .faq{padding-top:0}html.main-template-e .wtx .faq-list{margin-top:30px}html.main-template-e .wtx .faq-list summary{font-size:14px;padding:21px 27px 21px 0}html.main-template-e .wtx .faq-list summary:after{top:22px}html.main-template-e .wtx .faq-list details>div{font-size:13px;padding-right:10px}html.main-template-e .wtx .consultation-inner{display:block}html.main-template-e .wtx .consultation-image{min-height:0;height:260px}html.main-template-e .wtx .consultation-image img{object-position:center 45%}html.main-template-e .wtx .consultation-copy{padding:40px 6% 45px}html.main-template-e .wtx .consultation-copy .eyebrow{font-size:9px;margin-bottom:17px}html.main-template-e .wtx .consultation-copy h2{font-size:27px}html.main-template-e .wtx .consultation-copy>p:not(.eyebrow):not(.fine-print){font-size:13px}html.main-template-e .wtx .phone{font-size:30px;margin-top:22px}html.main-template-e .wtx .consultation-copy .button{max-width:360px}html.main-template-e .wtx .sources{display:block;padding-top:45px;padding-bottom:45px}html.main-template-e .wtx .sources h2{font-size:19px}html.main-template-e .wtx .sources ol{margin-top:25px}html.main-template-e .wtx .sources li{padding-bottom:14px}html.main-template-e .wtx .mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:12;display:grid;grid-template-columns:1fr 1.3fr;border-top:1px solid var(--line);background:var(--cream);padding-bottom:env(safe-area-inset-bottom)}html.main-template-e .wtx .mobile-bottom a{text-align:center;padding:15px 10px;font-size:12px}html.main-template-e .wtx .mobile-bottom a:last-child{background:var(--brown);color:var(--cream);display:flex;justify-content:space-between;padding-left:30px;padding-right:30px}html.main-template-e .wtx .review{padding:45px 6%}html.main-template-e .wtx .review h1{font-size:30px}html.main-template-e .wtx .review h2{font-size:22px}html.main-template-e .wtx .review p,html.main-template-e .wtx .review li{font-size:13px}html.main-template-e .wtx .review .review-lead{font-size:16px}html.main-template-e .wtx .review-grid{gap:12px}html.main-template-e .wtx .certificate-dialog{padding:18px}}
@media(max-width:360px){html.main-template-e .wtx .hero-actions{gap:15px}html.main-template-e .wtx .hero-actions .button{font-size:11px;gap:12px;padding:12px 14px}html.main-template-e .wtx .hero-actions .text-link{font-size:10px}html.main-template-e .wtx .hero-visual{height:360px}html.main-template-e .wtx .hero h1{font-size:33px}html.main-template-e .wtx .header-cta{padding:7px 10px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){html.main-template-e .wtx{scroll-behavior:auto}html.main-template-e .wtx *{transition:none!important;animation:none!important}}
@media print{html.main-template-e .wtx .header,html.main-template-e .wtx .section-nav,html.main-template-e .wtx .mobile-bottom,html.main-template-e .wtx .hero-actions,html.main-template-e .wtx .menu-toggle{display:none}html.main-template-e .wtx .hero{min-height:0}html.main-template-e .wtx .section{padding:30px 0}html.main-template-e .wtx .hero-visual{height:350px}html.main-template-e .wtx{background:white;font-size:12px}html.main-template-e .wtx details>div{display:block!important}html.main-template-e .wtx .doctor-section{print-color-adjust:exact}}


/* ── expansion.css ── */
html.main-template-e .wtx .full-index{max-width:1148px;margin:32px auto 0;border:1px solid var(--line);background:#f6f0e2;padding:0 24px}html.main-template-e .wtx .full-index summary{list-style:none;cursor:pointer;font-size:13px;font-weight:550;padding:17px 25px 17px 0;position:relative}html.main-template-e .wtx .full-index summary::-webkit-details-marker{display:none}html.main-template-e .wtx .full-index summary:after{content:'+';position:absolute;right:0}html.main-template-e .wtx .full-index[open] summary:after{content:'−'}html.main-template-e .wtx .full-index summary>span{font-size:10px;color:var(--muted);font-weight:400;margin-left:18px}html.main-template-e .wtx .full-index ol{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 22px;margin:0;padding:15px 0 25px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}html.main-template-e .wtx .full-index li::marker{color:#ac9575;font-size:10px}html.main-template-e .wtx .full-index a:hover{color:var(--brown);text-decoration:underline}html.main-template-e .wtx .answer-copy{font-size:15px;line-height:1.95;color:var(--muted)}html.main-template-e .wtx .answer-copy strong{font-weight:550;color:var(--brown)}html.main-template-e .wtx .materials{padding-top:0}html.main-template-e .wtx .materials-grid{display:grid;grid-template-columns:.9fr 1fr;gap:8%;align-items:center}html.main-template-e .wtx .material-image{background:var(--surface);padding:40px}html.main-template-e .wtx .material-image img{width:100%;height:370px;object-fit:contain;mix-blend-mode:multiply}html.main-template-e .wtx .material-facts{margin-top:24px;border-top:1px solid var(--line)}html.main-template-e .wtx .material-facts>div{padding:18px 0;border-bottom:1px solid var(--line)}html.main-template-e .wtx .material-facts dt{font-size:17px;font-weight:500;letter-spacing:.025em}html.main-template-e .wtx .material-facts dd{font-size:13px;color:var(--muted);margin-top:7px}html.main-template-e .wtx .lineup-section{background:var(--surface)}html.main-template-e .wtx .lineup-section .section{padding-top:80px;padding-bottom:75px}html.main-template-e .wtx .lineup-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}html.main-template-e .wtx .lineup-layout figure{padding:30px 35px;background:#fffefa}html.main-template-e .wtx .lineup-layout figure img{max-height:470px;object-fit:contain;margin:auto}html.main-template-e .wtx .lineup-layout figcaption{font-size:10px;color:var(--muted);text-align:center;margin-top:15px}html.main-template-e .wtx .lineup-rows article{padding:21px 0;border-top:1px solid #d2c4ad}html.main-template-e .wtx .lineup-rows article>span{font-size:9px;letter-spacing:.15em;color:#947b59}html.main-template-e .wtx .lineup-rows h3{font-size:26px;font-weight:450;margin:8px 0 10px}html.main-template-e .wtx .lineup-rows p{font-size:14px;color:var(--muted)}html.main-template-e .wtx .lineup-rows small{display:block;font-size:10px;color:#88785f;margin-top:13px}html.main-template-e .wtx .namica-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}html.main-template-e .wtx .namica-grid article{background:var(--surface)}html.main-template-e .wtx .namica-grid img{width:100%;height:240px;object-fit:contain;background:#f9f5ed}html.main-template-e .wtx .namica-grid article>div{padding:24px}html.main-template-e .wtx .namica-grid article span{font-size:9px;letter-spacing:.12em;color:#977d5b}html.main-template-e .wtx .namica-grid h3{font-size:18px;font-weight:500;margin:10px 0}html.main-template-e .wtx .namica-grid p{font-size:13px;color:var(--muted)}html.main-template-e .wtx .namica .source-line{margin-top:22px}html.main-template-e .wtx .thread-compare{padding-top:0;padding-bottom:55px}html.main-template-e .wtx .candidates{padding-top:25px;padding-bottom:90px}html.main-template-e .wtx .candidate-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}html.main-template-e .wtx .candidate-grid article{padding:35px;background:var(--surface);border-top:2px solid #af9674}html.main-template-e .wtx .candidate-grid article+article{background:transparent;border:1px solid var(--line)}html.main-template-e .wtx .candidate-grid h3{font-size:20px;font-weight:500;margin-top:12px}html.main-template-e .wtx .candidate-grid ul{font-size:14px;line-height:1.9;color:var(--muted);padding-left:18px;margin:20px 0 0}html.main-template-e .wtx .candidate-grid li{padding:7px 0}html.main-template-e .wtx .choose{padding-top:10px;padding-bottom:65px}html.main-template-e .wtx .choose-list{border-top:1px solid #ac977b}html.main-template-e .wtx .choose-list article{display:flex;gap:30px;padding:23px 25px;border-bottom:1px solid var(--line)}html.main-template-e .wtx .choose-list article>span{font-size:22px;font-family:Georgia,serif;color:#aa9477}html.main-template-e .wtx .choose-list h3{font-size:17px;font-weight:500}html.main-template-e .wtx .choose-list p{font-size:13px;color:var(--muted);margin-top:7px}html.main-template-e .wtx .diagnostic-photo{width:100%;height:155px;object-fit:cover;margin-bottom:24px}html.main-template-e .wtx .pain-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}html.main-template-e .wtx .pain-layout figure img{width:100%;height:auto}html.main-template-e .wtx .pain-layout figcaption{font-size:11px;color:var(--muted);margin-top:12px}html.main-template-e .wtx .pain-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}html.main-template-e .wtx .pain-steps>div{border-top:1px solid var(--line);padding-top:14px}html.main-template-e .wtx .pain-steps>div>span{font-size:11px;color:#a18a68}html.main-template-e .wtx .pain-steps h3{font-size:16px;font-weight:500;margin:10px 0}html.main-template-e .wtx .pain-steps p{font-size:12px;color:var(--muted)}html.main-template-e .wtx .results-section{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .results-section .section{padding-top:75px;padding-bottom:65px}html.main-template-e .wtx .results-section .eyebrow,html.main-template-e .wtx .results-section .source-line,html.main-template-e .wtx .results-section .section-heading>p{color:var(--tan)}html.main-template-e .wtx .result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}html.main-template-e .wtx .result-grid article{border-top:1px solid #a68f6d;padding-top:23px}html.main-template-e .wtx .result-grid article>span{font-size:11px;color:var(--tan)}html.main-template-e .wtx .result-grid h3{font-size:18px;font-weight:450;margin:16px 0}html.main-template-e .wtx .result-grid p{font-size:13px;color:#d4c8b9}html.main-template-e .wtx .results-section .source-line{margin-top:30px}html.main-template-e .wtx .evidence{padding-bottom:0}html.main-template-e .wtx .evidence-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}html.main-template-e .wtx .evidence-list article{padding:25px;background:var(--surface);border-top:2px solid var(--tan)}html.main-template-e .wtx .evidence-list article>span{font-size:9px;letter-spacing:.06em;color:#8f7859}html.main-template-e .wtx .evidence-list h3{font-size:17px;font-weight:500;margin:17px 0 13px}html.main-template-e .wtx .evidence-list p{font-size:13px;color:var(--muted)}html.main-template-e .wtx .evidence-list a{display:inline-block;font-size:11px;border-bottom:1px solid #bca78a;margin-top:20px}html.main-template-e .wtx .cases{padding-top:0}html.main-template-e .wtx .gallery-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:20px}html.main-template-e .wtx .gallery-controls p{font-size:12px;color:var(--muted)}html.main-template-e .wtx .gallery-controls>div{display:flex;gap:8px;flex-shrink:0}html.main-template-e .wtx .gallery-controls button{width:38px;height:38px;border:1px solid #ad9779;background:transparent;color:var(--brown);font-size:18px}html.main-template-e .wtx .gallery-controls button:hover{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .case-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8a080 transparent;padding-bottom:14px}html.main-template-e .wtx .case-card{flex:0 0 calc(50% - 12px);min-width:0;scroll-snap-align:start;background:var(--surface)}html.main-template-e .wtx .paired-images{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--cream)}html.main-template-e .wtx .paired-images img{width:100%;height:auto;object-fit:contain}html.main-template-e .wtx .paired-images figcaption{text-align:center;font-size:10px;letter-spacing:.15em;padding:9px 5px;background:#e8decc;color:#79654a}html.main-template-e .wtx .paired-images figure+figure figcaption{background:var(--brown);color:var(--cream)}html.main-template-e .wtx .case-caption{padding:20px 24px 23px}html.main-template-e .wtx .case-caption>span{font-size:9px;letter-spacing:.15em;color:#947b59}html.main-template-e .wtx .case-caption h3{font-size:17px;font-weight:500;margin:7px 0 12px}html.main-template-e .wtx .case-caption a{font-size:11px;color:var(--muted);border-bottom:1px solid #bca78a}html.main-template-e .wtx .cases>.text-link{margin-top:20px}html.main-template-e .wtx .models-section{background:var(--surface)}html.main-template-e .wtx .models-section>.section{padding-top:75px;padding-bottom:65px}html.main-template-e .wtx .model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}html.main-template-e .wtx .model-grid article{background:var(--cream)}html.main-template-e .wtx .model-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}html.main-template-e .wtx .model-grid article>a>div{padding:23px}html.main-template-e .wtx .model-grid span{font-size:9px;color:#947b59;letter-spacing:.08em}html.main-template-e .wtx .model-grid h3{font-size:16px;font-weight:500;line-height:1.7;margin:12px 0}html.main-template-e .wtx .model-grid p{font-size:11px;color:var(--muted)}html.main-template-e .wtx .columns{padding-bottom:40px}html.main-template-e .wtx .column-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}html.main-template-e .wtx .column-grid article{background:var(--surface);min-width:0}html.main-template-e .wtx .column-grid article>a{display:grid;grid-template-columns:165px 1fr;height:100%}html.main-template-e .wtx .column-image{background:#e9dfcf}html.main-template-e .wtx .column-image img{width:100%;height:100%;min-height:230px;object-fit:cover}html.main-template-e .wtx .column-copy{padding:24px}html.main-template-e .wtx .column-copy time{font-size:10px;color:#947b59}html.main-template-e .wtx .column-copy h3{font-size:16px;font-weight:500;line-height:1.55;margin:10px 0}html.main-template-e .wtx .column-copy p{font-size:12px;color:var(--muted);line-height:1.8}html.main-template-e .wtx .column-copy span{display:block;font-size:11px;margin-top:17px}html.main-template-e .wtx .columns>.text-link{margin-top:27px}html.main-template-e .wtx .videos{padding-top:45px}html.main-template-e .wtx .video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}html.main-template-e .wtx .video-frame{position:relative;aspect-ratio:16/9;background:#302923;overflow:hidden}html.main-template-e .wtx .video-frame button{width:100%;height:100%;position:relative;padding:0;border:0;color:#fff9eb;background:#302923}html.main-template-e .wtx .video-frame button img{width:100%;height:100%;object-fit:contain;opacity:.75}html.main-template-e .wtx .play-icon{width:66px;height:66px;border:1px solid #fff9eb90;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:4px;font-size:22px;background:#30292377}html.main-template-e .wtx .play-label{position:absolute;left:20px;bottom:16px;font-size:11px;letter-spacing:.03em}html.main-template-e .wtx .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}html.main-template-e .wtx .video-copy{padding:20px 0}html.main-template-e .wtx .video-copy>span{font-size:10px;color:#8e785a}html.main-template-e .wtx .video-copy h3{font-size:19px;font-weight:500;margin:10px 0}html.main-template-e .wtx .video-copy p{font-size:12px;color:var(--muted)}html.main-template-e .wtx .video-copy a{display:inline-block;font-size:11px;border-bottom:1px solid #bca78a;margin-top:16px}html.main-template-e .wtx .naver-section{background:var(--surface)}html.main-template-e .wtx .naver-section>.section{padding-top:80px;padding-bottom:70px}html.main-template-e .wtx .naver-summary{display:flex;align-items:center;gap:24px;border-top:1px solid #cbbba3;border-bottom:1px solid #cbbba3;padding:25px 0}html.main-template-e .wtx .naver-symbol{width:48px;height:48px;display:grid;place-items:center;font-weight:800;font-size:30px;color:var(--cream);background:#806a4f}html.main-template-e .wtx .naver-summary>div>span{font-size:12px;color:var(--muted)}html.main-template-e .wtx .naver-summary strong{font-size:32px;font-weight:450;display:block;line-height:1.2;margin-top:6px}html.main-template-e .wtx .naver-summary strong small{font-size:12px;margin-left:5px}html.main-template-e .wtx .naver-summary>p{font-size:11px;color:var(--muted);margin-left:20px}html.main-template-e .wtx .naver-summary>.button{margin-left:auto;font-size:12px;padding:13px 18px}html.main-template-e .wtx .naver-quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}html.main-template-e .wtx .naver-quote-grid article{background:var(--cream);padding:25px;display:flex;flex-direction:column;align-items:start}html.main-template-e .wtx .quote-mark{font-family:Georgia,serif;color:#baa382;font-size:44px;line-height:1;height:26px}html.main-template-e .wtx .naver-quote-grid blockquote{margin:14px 0 25px;font-size:20px;letter-spacing:-.035em;line-height:1.6;font-weight:400}html.main-template-e .wtx .naver-quote-grid article>div{margin-top:auto}html.main-template-e .wtx .naver-quote-grid strong{font-size:12px;font-weight:500}html.main-template-e .wtx .naver-quote-grid article>div>span{display:block;font-size:9px;color:var(--muted);margin-top:5px}html.main-template-e .wtx .naver-quote-grid article>a{font-size:10px;border-bottom:1px solid #c9b596;margin-top:18px}html.main-template-e .wtx .coverage-table td{font-size:12px}html.main-template-e .wtx .expansion-note{margin-top:35px;padding:28px;background:var(--surface);border-left:2px solid var(--tan)}
@media(max-width:1100px){html.main-template-e .wtx .full-index{margin-left:5%;margin-right:5%}html.main-template-e .wtx .material-image{padding:20px}html.main-template-e .wtx .material-image img{height:320px}html.main-template-e .wtx .materials-grid{gap:6%}html.main-template-e .wtx .lineup-layout{gap:6%}html.main-template-e .wtx .lineup-layout figure{padding:15px}html.main-template-e .wtx .namica-grid{gap:18px}html.main-template-e .wtx .namica-grid img{height:200px}html.main-template-e .wtx .namica-grid article>div{padding:20px}html.main-template-e .wtx .candidate-grid{gap:20px}html.main-template-e .wtx .candidate-grid article{padding:25px}html.main-template-e .wtx .candidate-grid h3{font-size:18px}html.main-template-e .wtx .evidence-list{gap:18px}html.main-template-e .wtx .evidence-list article{padding:20px}html.main-template-e .wtx .column-grid article>a{grid-template-columns:125px 1fr}html.main-template-e .wtx .column-copy{padding:20px}html.main-template-e .wtx .column-copy h3{font-size:15px}html.main-template-e .wtx .column-copy p{font-size:11px}html.main-template-e .wtx .naver-summary{gap:20px}html.main-template-e .wtx .naver-summary>p{margin-left:0}html.main-template-e .wtx .naver-quote-grid{gap:18px}html.main-template-e .wtx .naver-quote-grid article{padding:22px}html.main-template-e .wtx .naver-quote-grid blockquote{font-size:18px}}
@media(max-width:760px){html.main-template-e .wtx .full-index{margin:23px 6% 0;padding:0 18px}html.main-template-e .wtx .full-index summary{font-size:12px;padding-top:15px;padding-bottom:15px}html.main-template-e .wtx .full-index summary>span{display:block;font-size:9px;margin:3px 0 0}html.main-template-e .wtx .full-index summary:after{top:20px}html.main-template-e .wtx .full-index ol{grid-template-columns:1fr 1fr;gap:11px 18px;font-size:11px;padding-bottom:20px}html.main-template-e .wtx .materials{padding-top:0}html.main-template-e .wtx .materials-grid{display:block}html.main-template-e .wtx .material-image{padding:20px;margin-bottom:25px}html.main-template-e .wtx .material-image img{height:300px}html.main-template-e .wtx .answer-copy{font-size:14px}html.main-template-e .wtx .material-facts{margin-top:20px}html.main-template-e .wtx .material-facts dt{font-size:16px}html.main-template-e .wtx .material-facts dd{font-size:12px}html.main-template-e .wtx .lineup-section .section{padding-top:55px;padding-bottom:50px}html.main-template-e .wtx .lineup-layout{display:block}html.main-template-e .wtx .lineup-layout figure{max-width:370px;margin:0 auto 22px;padding:20px}html.main-template-e .wtx .lineup-layout figure img{height:320px}html.main-template-e .wtx .lineup-layout figcaption{font-size:9px}html.main-template-e .wtx .lineup-rows article{padding:20px 0}html.main-template-e .wtx .lineup-rows h3{font-size:24px;margin:8px 0}html.main-template-e .wtx .lineup-rows p{font-size:13px}html.main-template-e .wtx .lineup-rows small{font-size:9px}html.main-template-e .wtx .namica-grid{display:block;margin-top:28px}html.main-template-e .wtx .namica-grid article{display:grid;grid-template-columns:110px 1fr;align-items:stretch;margin-bottom:15px}html.main-template-e .wtx .namica-grid img{width:110px;height:100%;min-height:175px;object-fit:contain}html.main-template-e .wtx .namica-grid article>div{padding:18px}html.main-template-e .wtx .namica-grid h3{font-size:16px;margin:8px 0}html.main-template-e .wtx .namica-grid p{font-size:12px}html.main-template-e .wtx .namica .source-line{font-size:9px}html.main-template-e .wtx .thread-compare{padding-top:0;padding-bottom:40px}html.main-template-e .wtx .candidates{padding-top:10px;padding-bottom:55px}html.main-template-e .wtx .candidate-grid{display:block}html.main-template-e .wtx .candidate-grid article+article{margin-top:18px}html.main-template-e .wtx .candidate-grid h3{font-size:17px}html.main-template-e .wtx .candidate-grid ul{font-size:13px;margin-top:16px}html.main-template-e .wtx .choose{padding-top:0;padding-bottom:55px}html.main-template-e .wtx .choose-list article{gap:17px;padding:20px 0}html.main-template-e .wtx .choose-list article>span{font-size:20px}html.main-template-e .wtx .choose-list h3{font-size:15px}html.main-template-e .wtx .choose-list p{font-size:12px}html.main-template-e .wtx .diagnosis-grid article{padding:24px 0 25px 0}html.main-template-e .wtx .diagnostic-photo{height:auto;max-height:230px;object-fit:cover;margin-bottom:19px}html.main-template-e .wtx .diagnosis-grid .big-number{position:static;display:inline-block;margin-bottom:10px;font-size:24px}html.main-template-e .wtx .pain-layout{display:block}html.main-template-e .wtx .pain-layout figure{margin-bottom:26px}html.main-template-e .wtx .pain-layout figcaption{font-size:10px}html.main-template-e .wtx .pain-steps{gap:20px;margin-top:22px}html.main-template-e .wtx .pain-steps h3{font-size:15px}html.main-template-e .wtx .pain-steps p{font-size:12px}html.main-template-e .wtx .results-section .section{padding-top:55px;padding-bottom:50px}html.main-template-e .wtx .result-grid{grid-template-columns:1fr 1fr;gap:28px 24px}html.main-template-e .wtx .result-grid h3{font-size:16px;margin:12px 0}html.main-template-e .wtx .result-grid p{font-size:12px}html.main-template-e .wtx .results-section .source-line{font-size:9px}html.main-template-e .wtx .evidence{padding-bottom:0}html.main-template-e .wtx .evidence-list{display:block}html.main-template-e .wtx .evidence-list article{padding:24px;margin-bottom:18px}html.main-template-e .wtx .evidence-list h3{font-size:16px}html.main-template-e .wtx .evidence-list p{font-size:12px}html.main-template-e .wtx .cases{padding-top:0}html.main-template-e .wtx .gallery-controls{gap:20px}html.main-template-e .wtx .gallery-controls p{font-size:11px}html.main-template-e .wtx .gallery-controls button{width:33px;height:33px;font-size:17px}html.main-template-e .wtx .case-gallery{gap:16px;padding-bottom:12px}html.main-template-e .wtx .case-card{flex-basis:100%}html.main-template-e .wtx .paired-images figcaption{font-size:9px;padding:7px 3px}html.main-template-e .wtx .case-caption{padding:18px 20px}html.main-template-e .wtx .case-caption h3{font-size:16px}html.main-template-e .wtx .models-section>.section{padding-top:55px;padding-bottom:50px}html.main-template-e .wtx .model-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}html.main-template-e .wtx .model-grid article{flex:0 0 75%;min-width:0;scroll-snap-align:start}html.main-template-e .wtx .model-grid article>a>div{padding:20px}html.main-template-e .wtx .model-grid h3{font-size:15px}html.main-template-e .wtx .columns{padding-bottom:30px}html.main-template-e .wtx .column-grid{display:block}html.main-template-e .wtx .column-grid article{margin-bottom:20px}html.main-template-e .wtx .column-grid article>a{grid-template-columns:100px 1fr}html.main-template-e .wtx .column-image img{min-height:220px;object-fit:cover}html.main-template-e .wtx .column-copy{padding:18px}html.main-template-e .wtx .column-copy h3{font-size:14px;margin:7px 0}html.main-template-e .wtx .column-copy p{font-size:11px}html.main-template-e .wtx .column-copy time{font-size:9px}html.main-template-e .wtx .column-copy span{font-size:10px;margin-top:12px}html.main-template-e .wtx .videos{padding-top:30px}html.main-template-e .wtx .video-grid{display:block}html.main-template-e .wtx .video-grid article+article{margin-top:25px}html.main-template-e .wtx .video-copy h3{font-size:17px}html.main-template-e .wtx .video-copy>span{font-size:9px}html.main-template-e .wtx .video-copy p{font-size:11px}html.main-template-e .wtx .play-icon{width:54px;height:54px;font-size:18px}html.main-template-e .wtx .play-label{font-size:10px;left:15px;bottom:12px}html.main-template-e .wtx .naver-section>.section{padding-top:55px;padding-bottom:50px}html.main-template-e .wtx .naver-summary{display:grid;grid-template-columns:43px 1fr;gap:17px;padding:22px 0}html.main-template-e .wtx .naver-symbol{width:43px;height:43px;font-size:27px}html.main-template-e .wtx .naver-summary>p{grid-column:2;font-size:10px}html.main-template-e .wtx .naver-summary>.button{grid-column:1 / span 2;justify-content:center;max-width:100%;margin:0;font-size:11px}html.main-template-e .wtx .naver-summary strong{font-size:29px}html.main-template-e .wtx .naver-quote-grid{display:block;margin-top:23px}html.main-template-e .wtx .naver-quote-grid article{margin-bottom:15px;padding:23px}html.main-template-e .wtx .naver-quote-grid blockquote{font-size:19px;margin:10px 0 20px}html.main-template-e .wtx .naver-quote-grid article>div>span{font-size:9px}html.main-template-e .wtx .review .expansion-note{padding:22px}html.main-template-e .wtx .coverage-table table{min-width:580px}}

html.main-template-e .wtx{scroll-padding-top:190px}@media(max-width:760px){html.main-template-e .wtx{scroll-padding-top:152px}}

/* Render the display asset in normal flow; no positioned image or hidden crop. */
html.main-template-e .wtx .lineup-layout figure{padding:0;background:transparent}
html.main-template-e .wtx .thread-product-display{width:100%;background:#fff}
html.main-template-e .wtx .lineup-layout .thread-product-display img{display:block;position:static;width:100%;max-width:100%;max-height:none;height:auto;aspect-ratio:559/490;margin:0;object-fit:contain}
html.main-template-e .wtx .official-center{background:#f2ebdf;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html.main-template-e .wtx .official-center-inner{text-align:center;padding-top:75px;padding-bottom:75px}
html.main-template-e .wtx .official-partnership{width:363px;max-width:85%;height:auto;margin:0 auto 34px}
html.main-template-e .wtx .official-center .eyebrow{margin-bottom:18px}
html.main-template-e .wtx .official-center h2{font-size:clamp(26px,3.2vw,42px);font-weight:450;line-height:1.55;letter-spacing:-.045em}
html.main-template-e .wtx .official-center h2 span{font-size:.72em;font-weight:400}
html.main-template-e .wtx .official-description{font-size:16px;line-height:1.9;color:var(--muted);margin:20px 0 32px;word-break:keep-all}
html.main-template-e .wtx .official-description strong{font-weight:500;color:var(--brown)}
html.main-template-e .wtx .official-certification{max-width:451px;margin:0 auto}
html.main-template-e .wtx .official-certification img{width:100%;height:auto}
@media(max-width:760px){html.main-template-e .wtx .official-center-inner{padding-top:50px;padding-bottom:50px}html.main-template-e .wtx .official-partnership{width:290px;margin-bottom:24px}html.main-template-e .wtx .official-center .eyebrow{font-size:9px}html.main-template-e .wtx .official-description{font-size:13px;margin-top:17px;margin-bottom:26px}html.main-template-e .wtx .official-certification{max-width:390px}html.main-template-e .wtx .lineup-layout figure{padding:0;max-width:370px}html.main-template-e .wtx .lineup-layout .thread-product-display img{height:auto}}

/* Hero: make the treatment name the primary headline. */
html.main-template-e .wtx .hero h1 .hero-aptos{font-family:Georgia,serif;font-size:1.14em;letter-spacing:.035em;font-weight:400;color:#8c7154}html.main-template-e .wtx .hero-tagline{font-size:23px;line-height:1.6;letter-spacing:-.04em;margin-top:22px;word-break:keep-all}html.main-template-e .wtx .hero-tagline em{font-style:normal;color:#8c7154}html.main-template-e .wtx .hero-tagline+.hero-description{margin-top:17px}@media(max-width:760px){html.main-template-e .wtx .hero-tagline{font-size:19px;margin-top:18px}html.main-template-e .wtx .hero-tagline+.hero-description{margin-top:14px}}


/* ── ds-ext.css ── */
/* 공통 디자인 시스템 확장 — 사이트 원본 CSS(style.css · expansion.css)는 그대로 두고, 변형만 이 파일에 추가한다. */

/* 변형 · 회복/주의사항 항목이 4개 이상일 때: 우측을 2열 그리드로 줄인다(좌측 소개는 고정하지 않음) */
html.main-template-e .wtx .recovery--many .recovery-body { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; align-items: start; }
html.main-template-e .wtx .recovery--many .recovery-body > article.wide,
html.main-template-e .wtx .recovery--many .recovery-body > article.safety-note { grid-column: 1 / -1; }
@media (max-width: 1100px) {
    html.main-template-e .wtx .recovery--many .recovery-body { grid-template-columns: 1fr; }
}

/* ══════════════ 공통 헤더 (전 페이지 공통) ══════════════
   사이트 토큰(--brown · --cream · --line · --surface) 그대로. 데스크톱 드롭다운, ≤1100px 풀스크린 드로어.
   스크롤: 아래로 내리면 컴팩트 → 더 내리면 숨김, 올리면 다시 표시. 읽기 진행 바 2px. */
html.main-template-e .wtx { --gh-h: 94px; --gh-offset: 94px; }
/* 고정 영역 보정: 섹션 이동 탭은 헤더 높이만큼 아래에 붙고, 헤더가 숨으면 맨 위로 */
html.main-template-e .wtx .section-nav { top: var(--gh-offset, 94px); transition: top .25s ease; }

/* 스크롤 등장 · 플로팅 맨 위로 · 사례 갤러리 보조 */
html.main-template-e .wtx .js .reveal { opacity: 0; transform: translateY(16px); transition: opacity .35s ease, transform .35s ease; }
html.main-template-e .wtx .js .reveal.is-in { opacity: 1; transform: none; }
html.main-template-e .wtx .to-top { position: fixed; right: 24px; bottom: 28px; z-index: 40; width: 44px; height: 44px; border: 1px solid var(--brown); background: var(--cream); color: var(--brown); font-size: 18px; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s, transform .18s, visibility .18s, background .18s, color .18s; }
html.main-template-e .wtx .to-top.is-show { opacity: 1; visibility: visible; transform: none; }
html.main-template-e .wtx .to-top:hover { background: var(--brown); color: var(--cream); }
html.main-template-e .wtx .case-gallery.is-drag { cursor: grabbing; scroll-snap-type: none; user-select: none; }
html.main-template-e .wtx .case-gallery { cursor: grab; }
html.main-template-e .wtx .gallery-controls button:disabled { opacity: .35; cursor: default; }
html.main-template-e .wtx .gallery-controls button:disabled:hover { background: transparent; color: var(--brown); }
@media (max-width: 760px) { html.main-template-e .wtx .to-top { right: 16px; bottom: 72px; } }
@media (prefers-reduced-motion: reduce) {
    html.main-template-e .wtx .js .reveal { opacity: 1; transform: none; transition: none; }
     html.main-template-e .wtx .section-nav, html.main-template-e .wtx .to-top{ transition: none !important; }
}

/* 히어로 한 줄 소개: 우측 여백을 남기고 한 줄(자동 축소) → 넘치면 2줄 */
@media (min-width: 761px) {
    html.main-template-e .wtx .hero-tagline { padding-right: 48px; box-sizing: border-box; }
    html.main-template-e .wtx .hero-tagline.is-wrap { text-wrap: balance; max-width: 30em; }
}

/* 변형 · 번호 칸에 영문 라벨(SEE · PLAN · POINT 1 …)이 올 때 폭을 맞춘다 */
/* 원리 항목 목록 — 번호 · 영문 라벨 칸 너비를 목록 안에서 가장 긴 라벨에 맞춰 같게 하고, 단어 중간에서 줄이 바뀌지 않게 한다 */
html.main-template-e .wtx .area-list { display: grid; grid-template-columns: fit-content(9.5em) 1fr; }
html.main-template-e .wtx .area-list > div { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; column-gap: 20px; align-items: start; }
html.main-template-e .wtx .area-list > div > span { min-width: 3.4em; overflow-wrap: normal; word-break: keep-all; }
html.main-template-e .wtx .choose-list.has-labels article > span { min-width: 110px; display: flex; align-items: baseline; gap: 9px; }

/* 히어로 영문 표식(Georgia)은 항상 대문자 — 원고가 어떤 표기여도 통일 */
html.main-template-e .wtx .hero h1 .hero-aptos { text-transform: uppercase; }

/* 색 면 섹션(과정 · 장점 · 고민 · 의료진 …) 바로 뒤에 오는 일반 섹션은 위쪽 여백을 둔다 — 개별 섹션의 padding-top:0/10px 규칙이 색 면에 붙어 보이는 것을 막음 */
html.main-template-e .wtx .process-section + .section, html.main-template-e .wtx .results-section + .section, html.main-template-e .wtx .naver-section + .section, html.main-template-e .wtx .models-section + .section, html.main-template-e .wtx .lineup-section + .section, html.main-template-e .wtx .official-center + .section, html.main-template-e .wtx .doctor-section + .section, html.main-template-e .wtx .consultation-section + .section { padding-top: 90px; }
@media (max-width: 760px) {
  html.main-template-e .wtx .process-section + .section, html.main-template-e .wtx .results-section + .section, html.main-template-e .wtx .naver-section + .section, html.main-template-e .wtx .models-section + .section, html.main-template-e .wtx .lineup-section + .section, html.main-template-e .wtx .official-center + .section, html.main-template-e .wtx .doctor-section + .section, html.main-template-e .wtx .consultation-section + .section { padding-top: 55px; }
}

/* 칼럼 카드 이미지 칸을 조금 더 넓게(165 → 190px · 태블릿 125 → 140px · 모바일 100 → 112px) */
html.main-template-e .wtx .column-grid article > a { grid-template-columns: 190px 1fr; }
@media (max-width: 1100px) { html.main-template-e .wtx .column-grid article > a { grid-template-columns: 140px 1fr; } }
@media (max-width: 760px) { html.main-template-e .wtx .column-grid article > a { grid-template-columns: 112px 1fr; } }

/* 클릭 가능한 요소의 반응(호버 · 눌림 · 키보드 포커스) */
html.main-template-e .wtx .text-link { transition: border-color .18s, gap .18s; }
html.main-template-e .wtx .text-link:hover { border-color: var(--brown); gap: 24px; }
html.main-template-e .wtx .text-link:active, html.main-template-e .wtx .button:active, html.main-template-e .wtx .row-arrow:active { transform: translateY(1px); }
html.main-template-e .wtx .row-arrow { transition: background .18s, color .18s; }
html.main-template-e .wtx .column-grid article > a:hover h3, html.main-template-e .wtx .model-grid article > a:hover h3, html.main-template-e .wtx .video-copy a:hover, html.main-template-e .wtx .case-caption a:hover { text-decoration: underline; text-underline-offset: 4px; }
html.main-template-e .wtx .column-grid article > a, html.main-template-e .wtx .model-grid article > a { transition: background .18s; }
html.main-template-e .wtx .model-grid article > a:hover, html.main-template-e .wtx .column-grid article > a:hover { background: #ece3d1; }
html.main-template-e .wtx .doctor-links a:hover, html.main-template-e .wtx .source-line a:hover, html.main-template-e .wtx .sources li a:hover { opacity: .75; }

/* 단독 이미지 대신 ‘이미지 패널’(영문 라벨 + 이미지 + 영문 단어)로 — 원리 패널과 같은 구성 */
html.main-template-e .wtx .pain-layout .principle-visual { min-height: 480px; padding: 70px 40px 80px; margin: 0; }
html.main-template-e .wtx .pain-layout .principle-visual img { width: 82%; height: auto; max-height: 360px; object-fit: contain; mix-blend-mode: multiply; }
@media (max-width: 760px) { html.main-template-e .wtx .pain-layout .principle-visual { min-height: 340px; padding: 60px 22px 66px; } html.main-template-e .wtx .pain-layout .principle-visual img { width: 86%; height: auto; max-height: 260px; } }

/* 칼럼 썸네일은 꽉 채워 자르지 않고(cover X) 전체가 보이게 — 위아래 여백은 영상 프레임과 같은 어두운 면 */
html.main-template-e .wtx .column-image { background: #302923; display: flex; align-items: center; }
html.main-template-e .wtx .column-image img, html.main-template-e .wtx .column-grid .column-image img { object-fit: contain; object-position: center; min-height: 230px; height: 100%; }
@media (max-width: 760px) { html.main-template-e .wtx .column-image img, html.main-template-e .wtx .column-grid .column-image img { object-fit: contain; min-height: 220px; } }

/* 칼럼 카드 — 세로로 한 줄에 하나씩, 한 줄은 ‘영상(썸네일) 1 : 글 2’. 썸네일 칸은 16:9 로 맞춰 위아래 여백 없이 채움 */
html.main-template-e .wtx .column-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
html.main-template-e .wtx .column-grid article > a { grid-template-columns: 1fr 2fr; height: auto; }
html.main-template-e .wtx .column-image { display: block; aspect-ratio: 16 / 9; background: #302923; }
html.main-template-e .wtx .column-image img, html.main-template-e .wtx .column-grid .column-image img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; }
html.main-template-e .wtx .column-copy { padding: 30px 36px; align-self: center; }
@media (max-width: 760px) {
  html.main-template-e .wtx .column-grid article > a { grid-template-columns: 1fr; }
  html.main-template-e .wtx .column-image img, html.main-template-e .wtx .column-grid .column-image img { min-height: 0; }
  html.main-template-e .wtx .column-copy { padding: 20px; align-self: auto; }
}

/* 영상 썸네일은 16:9 원본(maxresdefault)을 프레임에 꽉 채워 좌우 여백 없음 */
html.main-template-e .wtx .video-frame button img { object-fit: cover; }

/* 카드 안의 시술 이미지(기존 사이트 이미지 링크) */
html.main-template-e .wtx .cand-img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: cover; margin-bottom: 22px; }
html.main-template-e .wtx .res-icon { width: 64px; height: 64px; margin-bottom: 18px; object-fit: contain; }
html.main-template-e .wtx .art-img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; margin-bottom: 14px; }
@media (max-width: 760px) { html.main-template-e .wtx .res-icon { width: 52px; height: 52px; } html.main-template-e .wtx .art-img { width: 64px; height: 64px; } }

/* 슬라이더: 쪽수 · 진행 바 · 드래그 · 후기 카드 가로 배치 */
html.main-template-e .wtx .slider-count { font-size: 11px; letter-spacing: .1em; color: var(--muted); align-self: center; margin-right: 10px; min-width: 38px; text-align: right; }
html.main-template-e .wtx .slider-bar { height: 2px; background: var(--line); position: relative; margin-top: 6px; }
html.main-template-e .wtx .slider-bar i { position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: var(--brown); transition: left .12s linear, width .12s linear; }
html.main-template-e .wtx .gallery-controls button:disabled { opacity: .35; cursor: default; pointer-events: none; }
html.main-template-e .wtx .case-gallery, html.main-template-e .wtx .model-grid { cursor: grab; scrollbar-width: none; }
html.main-template-e .wtx .case-gallery::-webkit-scrollbar, html.main-template-e .wtx .model-grid::-webkit-scrollbar { display: none; }
html.main-template-e .wtx .case-gallery.is-drag, html.main-template-e .wtx .model-grid.is-drag { cursor: grabbing; scroll-snap-type: none; user-select: none; }
html.main-template-e .wtx .case-gallery img, html.main-template-e .wtx .model-grid img { -webkit-user-drag: none; user-select: none; }
html.main-template-e .wtx .model-grid { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
html.main-template-e .wtx .model-grid article { flex: 0 0 calc(33.333% - 16px); min-width: 0; scroll-snap-align: start; }
@media (max-width: 1100px) { html.main-template-e .wtx .model-grid article { flex-basis: calc(50% - 12px); } }
@media (max-width: 760px) { html.main-template-e .wtx .model-grid { gap: 16px; } html.main-template-e .wtx .model-grid article { flex-basis: 78%; } html.main-template-e .wtx .case-card { flex-basis: 88%; } html.main-template-e .wtx .slider-count { min-width: 34px; } }

/* 후기 슬라이더: 다음 카드가 살짝 보이게(데스크톱 2.5개 · 태블릿 1.6개 · 모바일 1.2개) — 개수가 늘어도 1 / N 으로 늘어남 */
html.main-template-e .wtx .model-grid article { flex: 0 0 calc(40% - 14px); }
@media (max-width: 1100px) { html.main-template-e .wtx .model-grid article { flex-basis: 60%; } }
@media (max-width: 760px) { html.main-template-e .wtx .model-grid article { flex-basis: 78%; } }

/* 기존 사이트의 원형 일러스트는 안쪽 정사각형만 보이게 잘라 네모로 쓴다(원 모양 제거) */
html.main-template-e .wtx .pain-layout .principle-visual img, html.main-template-e .wtx .art-img { object-view-box: inset(15%); aspect-ratio: 1 / 1; object-fit: cover; }
html.main-template-e .wtx .art-img { border-radius: 0; width: 84px; height: 84px; }
html.main-template-e .wtx .pain-layout .principle-visual img { width: 70%; max-height: none; }

/* 추천 대상 · 선택 기준(번호 목록) — 항목이 2~4개면 카드 그리드(4개 = 2×2, 3개 = 3열)로 한눈에 */
html.main-template-e .wtx .choose-list.is-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 0; }
html.main-template-e .wtx .choose-list.is-grid.n3 { grid-template-columns: repeat(3, 1fr); }
html.main-template-e .wtx .choose-list.is-grid article { flex-direction: column; gap: 16px; padding: 30px 32px 34px; background: var(--surface); border: 1px solid var(--line); border-top: 2px solid #af9674; }
html.main-template-e .wtx .choose-list.is-grid article > span { min-width: 0; }
html.main-template-e .wtx .choose-list.is-grid h3 { font-size: 18px; line-height: 1.6; }
@media (max-width: 1100px) { html.main-template-e .wtx .choose-list.is-grid.n3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { html.main-template-e .wtx .choose-list.is-grid, html.main-template-e .wtx .choose-list.is-grid.n3 { grid-template-columns: 1fr; gap: 14px; } html.main-template-e .wtx .choose-list.is-grid article { padding: 22px 22px 24px; gap: 12px; } html.main-template-e .wtx .choose-list.is-grid h3 { font-size: 16px; } }

/* 회복 · 주의사항: 일반 항목의 글 왼쪽 선을 주의 박스 안쪽 글(패딩 24px)에 맞춤 */
html.main-template-e .wtx .recovery-body > article:not(.safety-note) { padding-left: 24px; padding-right: 24px; }
@media (max-width: 760px) { html.main-template-e .wtx .recovery-body > article:not(.safety-note) { padding-left: 22px; padding-right: 22px; } }

/* 과정 2단 변형 · 원형 원본 이미지를 안쪽 정사각형으로 */
html.main-template-e .wtx .process-list.n2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 760px) { html.main-template-e .wtx .process-list.n2 { grid-template-columns: 1fr; } }
html.main-template-e .wtx .crop-sq { object-view-box: inset(15%); aspect-ratio: 1 / 1; object-fit: cover; }
html.main-template-e .wtx .lineup-layout .crop-sq { max-height: 420px; width: 100%; }

/* 인라인 스타일 대신 쓰는 보조 클래스 */
html.main-template-e .wtx .process-closing { margin-top: 22px; }
html.main-template-e .wtx .slider-note { margin-top: 20px; }
html.main-template-e .wtx .slider-more { margin-top: 18px; }
html.main-template-e .wtx .case-empty { border-top: 1px solid var(--line); padding-top: 28px; margin-bottom: 22px; }
html.main-template-e .wtx .official-center .official-partnership.is-small { width: 200px; height: auto; }

/* 공식 인증 센터: 이미지 2개(나란히) 변형 */
html.main-template-e .wtx .official-certification.is-pair { display: flex; gap: 24px; justify-content: center; margin-top: 30px; }
html.main-template-e .wtx .official-certification.is-pair img { width: min(217px, 44%); height: auto; }

/* 히어로 높이 = 화면 높이(100vh) − 헤더 높이(데스크톱 94px · ≤1100px 78px). 이미지 높이도 화면에 맞춰 늘고 줄어든다 */
html.main-template-e .wtx .hero { box-sizing: border-box; min-height: calc(100vh - 94px); min-height: calc(100svh - 94px); }
html.main-template-e .wtx .hero-visual { height: clamp(480px, calc(100vh - 94px - 90px), 820px); height: clamp(480px, calc(100svh - 94px - 90px), 820px); }
@media (max-width: 1100px) {
  html.main-template-e .wtx .hero { min-height: calc(100vh - 78px); min-height: calc(100svh - 78px); }
  html.main-template-e .wtx .hero-visual { height: clamp(460px, calc(100vh - 78px - 80px), 760px); height: clamp(460px, calc(100svh - 78px - 80px), 760px); }
}
@media (max-width: 760px) {
  html.main-template-e .wtx .hero { min-height: calc(100vh - 78px); min-height: calc(100svh - 78px); justify-content: center; }
  html.main-template-e .wtx .hero-visual { height: 410px; }
}

/* 기술 설명 카드 이미지 — 칸을 꽉 채운다(원형 원본은 crop-sq 로 안쪽 사각형만 보이게) */
html.main-template-e .wtx .namica-grid img.fill { width: 100%; height: 240px; object-fit: cover; aspect-ratio: auto; max-height: none; }
@media (max-width: 1100px) { html.main-template-e .wtx .namica-grid img.fill { height: 200px; } }
html.main-template-e .wtx .namica-grid img.fill.top { object-position: 50% 33%; }

/* 장점(KEY BENEFITS) — 항목이 5개 이상이면 가운데 정렬로 줄을 나눈다: 5 · 6개 = 3개씩, 7 · 8개 = 4개씩 (5개는 3 + 2, 7개는 4 + 3) */
html.main-template-e .wtx .result-grid.n5, html.main-template-e .wtx .result-grid.n6, html.main-template-e .wtx .result-grid.n7, html.main-template-e .wtx .result-grid.n8, html.main-template-e .wtx .result-grid.n9, html.main-template-e .wtx .result-grid.n10 { display: flex; flex-wrap: wrap; justify-content: center; gap: 46px 30px; }
html.main-template-e .wtx .result-grid.n5 > article, html.main-template-e .wtx .result-grid.n6 > article { flex: 0 0 calc((100% - 60px) / 3); }
html.main-template-e .wtx .result-grid.n7 > article, html.main-template-e .wtx .result-grid.n8 > article, html.main-template-e .wtx .result-grid.n9 > article, html.main-template-e .wtx .result-grid.n10 > article { flex: 0 0 calc((100% - 90px) / 4); }
@media (max-width: 900px) { html.main-template-e .wtx .result-grid.n5 > article, html.main-template-e .wtx .result-grid.n6 > article, html.main-template-e .wtx .result-grid.n7 > article, html.main-template-e .wtx .result-grid.n8 > article, html.main-template-e .wtx .result-grid.n9 > article, html.main-template-e .wtx .result-grid.n10 > article { flex: 0 0 calc((100% - 30px) / 2); } }
@media (max-width: 760px) { html.main-template-e .wtx .result-grid.n5, html.main-template-e .wtx .result-grid.n6, html.main-template-e .wtx .result-grid.n7, html.main-template-e .wtx .result-grid.n8, html.main-template-e .wtx .result-grid.n9, html.main-template-e .wtx .result-grid.n10 { gap: 28px 24px; } html.main-template-e .wtx .result-grid.n5 > article, html.main-template-e .wtx .result-grid.n6 > article, html.main-template-e .wtx .result-grid.n7 > article, html.main-template-e .wtx .result-grid.n8 > article, html.main-template-e .wtx .result-grid.n9 > article, html.main-template-e .wtx .result-grid.n10 > article { flex: 0 0 calc((100% - 24px) / 2); } }

/* 진행 과정(PROCESS) — 4개까지는 한 줄, 5개부터는 가운데 정렬로 줄을 나눈다: 5 · 6개 = 3개씩, 7 · 8개 = 4개씩 (5개는 3 + 2, 7개는 4 + 3) */
html.main-template-e .wtx .process-list.n5, html.main-template-e .wtx .process-list.n6, html.main-template-e .wtx .process-list.n7, html.main-template-e .wtx .process-list.n8 { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 32px; }
html.main-template-e .wtx .process-list.n5 > li, html.main-template-e .wtx .process-list.n6 > li { flex: 0 0 calc((100% - 64px) / 3); }
html.main-template-e .wtx .process-list.n7 > li, html.main-template-e .wtx .process-list.n8 > li { flex: 0 0 calc((100% - 96px) / 4); }
@media (max-width: 900px) { html.main-template-e .wtx .process-list.n5 > li, html.main-template-e .wtx .process-list.n6 > li, html.main-template-e .wtx .process-list.n7 > li, html.main-template-e .wtx .process-list.n8 > li { flex: 0 0 calc((100% - 32px) / 2); } }
@media (max-width: 760px) { html.main-template-e .wtx .process-list.n5, html.main-template-e .wtx .process-list.n6, html.main-template-e .wtx .process-list.n7, html.main-template-e .wtx .process-list.n8 { gap: 28px 25px; } html.main-template-e .wtx .process-list.n5 > li, html.main-template-e .wtx .process-list.n6 > li, html.main-template-e .wtx .process-list.n7 > li, html.main-template-e .wtx .process-list.n8 > li { flex: 0 0 calc((100% - 25px) / 2); } }

/* 기술 설명 카드(모바일) — 이미지는 가로 꽉 차게, 설명은 이미지 바로 아래에 (좌우 배치 아님) */
@media (max-width: 760px) {
  html.main-template-e .wtx .namica-grid article { display: block; margin-bottom: 15px; }
  html.main-template-e .wtx .namica-grid img { width: 100%; height: auto; min-height: 0; max-height: none; object-fit: contain; }
  html.main-template-e .wtx .namica-grid img.fill { height: 200px; object-fit: cover; }
  html.main-template-e .wtx .namica-grid article > div { padding: 20px 18px 22px; }
}


/* ── page.css ── */

html.main-template-e .wtx .wf-p{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.9}
html.main-template-e .wtx .wf-note{font-size:12px!important;color:var(--muted)!important;margin-top:10px!important}
html.main-template-e .wtx .pain-steps>div p+p{margin-top:8px}
html.main-template-e .wtx .pain-layout>div>.answer-copy{margin-top:20px}
html.main-template-e .wtx .choose-list h3{font-weight:450}
html.main-template-e .wtx .recovery-body article>p+p{margin-top:10px}
html.main-template-e .wtx .case-caption p{font-size:12px;color:var(--muted)}
html.main-template-e .wtx .wf-btn{width:38px;height:38px;border:1px solid #ad9779;display:inline-grid;place-items:center;font-size:18px}
html.main-template-e .wtx .row-arrow{font-size:19px}
html.main-template-e .wtx .wf-h3{font-size:19px;font-weight:500;margin-bottom:14px}
html.main-template-e .wtx .choose-list.has-labels article>span{min-width:110px;display:flex;align-items:baseline;gap:9px}
html.main-template-e .wtx .area-list>div>span{min-width:3.4em}
html.main-template-e .wtx h1,html.main-template-e .wtx h2{text-wrap:balance}

html.main-template-e .wtx .mobile-nav{top:94px}
@media(max-width:760px){html.main-template-e .wtx .mobile-nav{top:78px}}
html.main-template-e .wtx .wf-btn{background:transparent;color:var(--brown);cursor:pointer}
html.main-template-e .wtx .wf-btn:hover{background:var(--brown);color:var(--cream)}
html.main-template-e .wtx .video-frame button[aria-disabled=true]{cursor:default}


/* ── embed.css ── */
/* 헤더 · 푸터를 넣지 않는 모드(기존 사이트의 헤더 · 푸터에 연결할 때) — page.html 이 style.css 등 뒤에 불러온다.
   기존 헤더가 화면 위에 고정(sticky · fixed)이라면 그 높이를 --site-header-h 로 지정한다(기존 사이트 CSS 에서 :root { --site-header-h: 80px; } 처럼).
   지정하지 않으면 0 으로 보고, 섹션 이동 탭이 화면 맨 위에 붙는다. */
html.main-template-e .wtx { --gh-h: var(--site-header-h, 0px); --gh-offset: var(--site-header-h, 0px); }
html.main-template-e .wtx .section-nav { top: var(--site-header-h, 0px); }
html.main-template-e .wtx .mobile-nav { top: var(--site-header-h, 0px); }
html.main-template-e .wtx { scroll-padding-top: calc(var(--site-header-h, 0px) + 64px); }
@media (max-width: 760px) { html.main-template-e .wtx { scroll-padding-top: calc(var(--site-header-h, 0px) + 56px); } }


/* ── site.css ── */
/* 시술 페이지(2026-10-26 납품본 기준) — 사이트 연동 보정. 납품 CSS(style · expansion · ds-ext · page · embed)는 그대로 두고 여기서만 덧붙인다. */

/* 글꼴: 납품본의 PretendardVariable.ttf(6.7MB) 대신 같은 글꼴의 웹폰트(필요 글자만)를 쓰고, 영문 표식 글꼴은 사이트의 /font 를 쓴다 */
@font-face { font-family: 'Khmer MN'; src: url('/font/KHMER-MN.TTF') format('truetype'); font-display: swap; }
@font-face { font-family: 'Aida'; src: url('/font/Aida-Light.otf') format('opentype'); font-weight: 300; font-display: swap; }

/* 사이트 고정 헤더 높이 — 섹션 이동 탭이 그 아래에 붙는다 (납품본 page.html 과 같은 값) */
html.main-template-e .wtx { --site-header-h: 70px; }
@media (max-width: 800px) { html.main-template-e .wtx { --site-header-h: 64px; } }
@media (max-width: 480px) { html.main-template-e .wtx { --site-header-h: 60px; } }
html.main-template-e .wtx main#main { padding-top: var(--site-header-h); }

/* 관리자 미리보기 표시줄 */
html.main-template-e .wtx .t-preview-bar { position: sticky; top: 0; z-index: 10050; background: #8f683e; color: #fff; text-align: center; font-size: 14px; padding: 8px 12px; }
html.main-template-e .wtx .t-preview-bar a { text-decoration: underline; margin-left: 8px; }

/* 가독성 상향은 넓은 화면(PC·태블릿)에서만 — 모바일은 시안(납품본)의 글자 크기 그대로 */
@media (min-width: 761px) {
  /* ===== 가독성 상향 (시술페이지 전체 폰트 키움) ===== */
  html.main-template-e .wtx .breadcrumb { font-size:12px }
  html.main-template-e .wtx .eyebrow { font-size:12.5px }
  html.main-template-e .wtx .button { font-size:15px }
  html.main-template-e .wtx .text-link { font-size:14px }
  html.main-template-e .wtx .service-name { font-size:18px }
  html.main-template-e .wtx .hero-description { font-size:18px;line-height:1.95 }
  html.main-template-e .wtx .hero-proof strong { font-size:13px }
  html.main-template-e .wtx .hero-proof div > span { font-size:12.5px }
  html.main-template-e .wtx .section-intro > p:not(.eyebrow) { font-size:16.5px;line-height:1.9 }
  html.main-template-e .wtx .fine-print { font-size:12.5px }
  html.main-template-e .wtx .direct-answer { font-size:17.5px;line-height:2 }
  html.main-template-e .wtx .facts dt { font-size:12.5px }
  html.main-template-e .wtx .facts dd { font-size:16px }
  html.main-template-e .wtx .principle-copy > p:not(.eyebrow) { font-size:16.5px;line-height:1.9 }
  html.main-template-e .wtx .area-list > div > span { font-size:19px }
  html.main-template-e .wtx .area-list h3 { font-size:17px }
  html.main-template-e .wtx .area-list p { font-size:15px;line-height:1.75 }
  html.main-template-e .wtx .doctor-copy > p.lead { font-size:15px }
  html.main-template-e .wtx .doctor-name h3 span { font-size:13px }
  html.main-template-e .wtx .center-title > p:last-child { font-size:16.5px }
  html.main-template-e .wtx .diagnosis-grid h3 { font-size:20px }
  html.main-template-e .wtx .diagnosis-grid p { font-size:16px;line-height:1.8 }
  html.main-template-e .wtx .process-list li > span { font-size:17px }
  html.main-template-e .wtx .process-list h3 { font-size:19px }
  html.main-template-e .wtx .process-list p { font-size:15px;line-height:1.8 }
  html.main-template-e .wtx .tag { font-size:12px }
  html.main-template-e .wtx .program-info h3 { font-size:20px }
  html.main-template-e .wtx .program-info p { font-size:14px;line-height:1.7 }
  html.main-template-e .wtx .mini-label { font-size:11px }
  html.main-template-e .wtx .recovery-body h3 { font-size:19px }
  html.main-template-e .wtx .recovery-body p { font-size:16px;line-height:1.8 }
  html.main-template-e .wtx .faq-list summary { font-size:16.5px }
  html.main-template-e .wtx .faq-list details > div { font-size:16px;line-height:2 }
  html.main-template-e .wtx .consultation-copy > p.lead { font-size:15px }
  html.main-template-e .wtx .consultation-copy address { font-size:15px }
  html.main-template-e .wtx .hours { font-size:13.5px }
  html.main-template-e .wtx .sources h2 { font-size:21px }
  html.main-template-e .wtx .sources ol { font-size:13px }
  html.main-template-e .wtx .sources li span { font-size:12px }
}

html.main-template-e .wtx .hero-visual--full>img{object-fit:contain;object-position:center}


/* /templates/css/sub/treatment-e-chrome.css */
/**********************************************************
* Header
***********************************************************/
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 1000;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
    -webkit-transition: background-color 0.3s ease, -webkit-backdrop-filter 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
}

.open .main-header .header_right {
    z-index: 1004;
    pointer-events: auto;
}

.open .main-header {
    z-index: 10030;
}

.open .main-header .hamberger {
    position: relative;
    z-index: 10031;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.main-header.scrolled {
    background-color: rgba(30, 23, 19, 0.35);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.open .main-header, .open .main-header.scrolled {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* GNB가 열렸을 때 로고·언어만 숨기기 (햄버거는 유지) */
.open .main-header .header_logo, .open .main-header .header_right .header_btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease;
    -ms-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
}

.header_wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 4rem;
    height: 100%;
    margin: 0 auto;
}

.header_logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_logo img, .header_logo_img {
    display: block;
    width: auto;
    height: 32px;
}

.header_logo .header_logo_img--scrolled {
    display: none;
}

.main-header.scrolled .header_logo .header_logo_img--base {
    display: none;
}

.main-header.scrolled .header_logo .header_logo_img--scrolled {
    display: block;
}

.header_right {
    position: absolute;
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}

.header_lang_wrap {
    position: relative;
    display: block;
}

.header_lang_wrap:hover .header_lang_list {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateZ(0px);
}

.header_lang_list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 35px;
    left: 50%;
    width: auto;
    background-color: rgb(0, 0, 0);
    text-align: center;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateZ(0px);
    border-radius: 10px;
    padding: 0.8rem 0.5rem;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    -ms-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 1001;
}

.header_lang_list li {
    width: auto;
    line-height: 1;
    color: rgb(255, 255, 255);
    margin: 0.4rem 0.8rem;
}

.header_lang_list li a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.header_lang_list li a:hover {
    opacity: 0.7;
}

.header_lang {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 40px;
    height: 34px;
    padding-right: 12px;
}

.header_lang_label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.04em;
}

.header_lang::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    border-width: 5px 3px;
    border-style: solid;
    border-color: #fff transparent transparent;
    border-image: initial;
    transition: border-color 0.3s ease, transform 0.3s ease, top 0.3s ease;
    -webkit-transition: border-color 0.3s ease, transform 0.3s ease, top 0.3s ease;
    -moz-transition: border-color 0.3s ease, transform 0.3s ease, top 0.3s ease;
    -ms-transition: border-color 0.3s ease, transform 0.3s ease, top 0.3s ease;
    -o-transition: border-color 0.3s ease, transform 0.3s ease, top 0.3s ease;
}

.header_lang_wrap:hover .header_lang::after {
    top: calc(50% - 6px);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header_btn {
    width: 34px;
    height: 34px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.header_btn:hover {
    opacity: 0.7;
}

.icon_globe {
    background: url("/templates/css/images/global-icon.png") 0 100%/100% no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}

/**********************************************************
* 검색 바
***********************************************************/
.search_cont_wrap {
    position:relative;
}

.search_cont_wrap_m {
    position:relative;
    display:none;
}

.search_btn_wrap {
    position: relative;
}

.search_icon {
    background: url("/templates/css/images/search_icon.svg")0 100%/100% no-repeat;
    width: 24px;
    height: 20px;
    display: block;
}

.scrolled .search_icon {
    background: url("/templates/css/images/search_icon.svg")0 100%/100% no-repeat;
}

.color_change2 .search_icon {
    background: url("/templates/css/images/search_icon.svg")0 0%/100% no-repeat;
}

.color_change2.scrolled .search_icon {
    background: url("/templates/css/images/search_icon.svg")0 100%/100% no-repeat;
}

.color_change .search_icon {
    background: url("/templates/css/images/search_icon.svg")0 0%/100% no-repeat;
}

.color_change2.scrolled.color_change3 .search_icon {
    background: url("/templates/css/images/search_icon.svg")0 0%/100% no-repeat;
}

/**********************************************************
* Hamburger
***********************************************************/
.hamberger {
    position: relative;
    width: 20px;
    height: 22px;
    overflow: visible;
    background: none;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1001;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hamberger_icon {
    display: block;
    width: 20px;
    height: 22px;
    pointer-events: none;
    transition: transform 0.35s ease;
    transform-origin: center center;
}

/* 열림: 햄버거 90도 회전 */
.hamberger.open .hamberger_icon, .open .hamberger:not(.hamberger_gnb) .hamberger_icon {
    transform: rotate(90deg);
}

.hamberger_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hamberger_box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* GNB 내부 Close 숨김 */
.hamberger.hamberger_gnb {
    display: none !important;
}

.hamberger_gnb .hamberger_wrap {
    width: auto;
    height: auto;
}

.hamberger_gnb .hamberger_box {
    width: auto;
    height: auto;
}

.hamberger_gnb .txt01 {
    color: #fff;
    font-size: 0.88rem;
    margin: 0;
    line-height: 1;
}

/**********************************************************
* gnb
***********************************************************/
.gnb-outer {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 16;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0) !important;
    transition: opacity .8s cubic-bezier(0.23, 1, 0.320, 1);
}

.gnb-outer.open {
    opacity: 1;
    visibility: visible;
    z-index: 10020;
}

.gnb-outer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.gnb-inner {
    position: relative;
    width: 50%;
    height: 100%;
    margin-left: auto;
    margin-right: 0;
    background-color: #443A35;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transform: translateX(100%) translateZ(0);
    -webkit-transform: translateX(100%) translateZ(0);
    -moz-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    -o-transform: translateX(100%) translateZ(0);
    transition: all 1.2s 0.2s ease;
    -webkit-transition: all 1.2s 0.2s ease;
    -moz-transition: all 1.2s 0.2s ease;
    -ms-transition: all 1.2s 0.2s ease;
    -o-transition: all 1.2s 0.2s ease;
}

.open .gnb-inner {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%) translateZ(0);
    -webkit-transform: translateX(0%) translateZ(0);
    -moz-transform: translateX(0%) translateZ(0);
    -ms-transform: translateX(0%) translateZ(0);
    -o-transform: translateX(0%) translateZ(0);
    transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
}

.gnb-inner::before {
    content: '';
    position: absolute;
    top: 4rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: 0.7;
}

.gnb-inner::after {
    content: '';
    position: absolute;
    top: 0;
    right: 9rem;
    width: 1px;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
}

.gnb-menu-list-wrap {
    position: relative;
    width: 84%;
    height: 100%;
    padding: 9rem 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem 0;
}

.gnb-menu-list {
    position: relative;
    width: 92%;
    height: auto;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.gnb-menu-list-m {
    display: none;
}

/* width */
.gnb-menu-list::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* Track */
.gnb-menu-list::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.7);
}

/* Handle */
.gnb-menu-list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* Handle on hover */
.gnb-menu-list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.gnb-menu-depth1 {
    position: relative;
    width: 100%;
    height: 83px;
    margin-left: 0;
    margin-right: auto;
    border-bottom: none;
    overflow: hidden;
}

.gnb-menu-depth1.on {
    height: auto;
}

.gnb-menu-depth1.gnb-menu-depth1-1.on {
    height: auto;
}

.gnb-menu-depth1-last {
    margin: 0 auto 6%;
}

.gnb-menu-depth1 > a {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff !important;
    padding: 1.5rem 0rem 1.2rem;
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    font-size: 1.56rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(1) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 0.8s ease, opacity 1s 0.8s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(2) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 0.9s ease, opacity 1s 0.9s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(3) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.0s ease, opacity 1s 1.0s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(4) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.1s ease, opacity 1s 1.1s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(5) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.2s ease, opacity 1s 1.2s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(6) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.3s ease, opacity 1s 1.3s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(7) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.4s ease, opacity 1s 1.4s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(n+8) > a {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.5s ease, opacity 1s 1.5s ease;
}

.gnb-menu-depth1:hover > a {
    color: #fff !important;
}

.gnb-menu-depth1.on > a {
    color: #fff !important;
}

.gnb-menu-depth2 {
    height: auto;
    padding: 0 0.5rem 1.2rem 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem 2rem;
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
}

.gnb-outer.open .gnb-menu-list > li:nth-child(1) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 0.9s ease, opacity 1s 0.9s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(2) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.0s ease, opacity 1s 1.0s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(3) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.1s ease, opacity 1s 1.1s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(4) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.2s ease, opacity 1s 1.2s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(5) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.3s ease, opacity 1s 1.3s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(6) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.4s ease, opacity 1s 1.4s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(7) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.5s ease, opacity 1s 1.5s ease;
}

.gnb-outer.open .gnb-menu-list > li:nth-child(n+8) > .gnb-menu-depth2 {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1s 1.6s ease, opacity 1s 1.6s ease;
}

.gnb-menu-depth2 > li {
    padding: 0;
}

.gnb-menu-depth2 > li > a {
    position: relative;
    display: inline-block;
    width: auto;
    color: #fff !important;
    padding-top: 4px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.gnb-menu-depth2 > li:hover > a {
    color: #fff9e6 !important;
}

.gnb-menu-depth2 > li > a::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.8s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(1, 0, 0, 1);
}

.gnb-menu-depth2 > li > a:hover::after {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.gnb_number_wrap {
    position: absolute;
    top: 2rem;
    right: 7rem;
}

.gnb_login_wrap {
    position: absolute;
    bottom: 2rem;
    right: 7rem;
}

.login_wrap .login_menu {
    position: relative;
    width: 100%;
    padding: 0 0;
}

.login_wrap .login_menu_item {
    position: relative;
    display: inline-block;
    padding: 0 0.8rem;
    color: #fff !important;
}

.login_wrap .login_menu_item:first-child::after {
    content: '';
    position: absolute;
    top: 28%;
    right: 0;
    width: 1px;
    height: 50%;
    background: #fff;
}

/**********************************************************
* GNB Mobile Responsive
***********************************************************/
@media (max-width: 960px) {
    .gnb-outer {
        z-index: 14;
    }
    .gnb-inner {
        width: 100%;
        padding-top: 70px;
        box-sizing: border-box;
        transform: translateY(-100%) translateZ(0);
        -webkit-transform: translateY(-100%) translateZ(0);
        -moz-transform: translateY(-100%) translateZ(0);
        -ms-transform: translateY(-100%) translateZ(0);
        -o-transform: translateY(-100%) translateZ(0);
    }
    .open .gnb-inner {
        transform: translateY(0%) translateZ(0);
        -webkit-transform: translateY(0%) translateZ(0);
        -moz-transform: translateY(0%) translateZ(0);
        -ms-transform: translateY(0%) translateZ(0);
        -o-transform: translateY(0%) translateZ(0);
    }
    .gnb-inner::after {
        display: none;
    }
    .gnb-inner::before {
        display: none;
    }
    .gnb_number_wrap {
        display: none;
    }
    .gnb_info_wrap {
        display: none;
    }
    .gnb_login_wrap {
        right: 0;
    }
    .gnb-menu-list {
        width: 100%;
        height: 95%;
    }
    .gnb-menu-list-wrap {
        width: 90%;
        padding: 4rem 0 4rem;
        gap: 0;
    }
    .gnb-menu-depth1 {
        padding: 0 1rem;
        height: auto;
        min-height: 60px;
    }
    .gnb-menu-depth1:not(.on) {
        height: 60px;
        overflow: hidden;
    }
    .gnb-menu-depth1 + .gnb-menu-depth1 {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .gnb-menu-depth1 > a {
        font-size: 1.12rem;
        padding: 1rem 2.5rem 1rem 0;
    }
    .gnb-menu-depth1 > a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0.5rem;
        width: 1.5rem;
        height: 1.5rem;
        background: url("/templates/css/img/gnb-menu-arrow-icon.png") 50% 50%/100% no-repeat;
        transform: translateY(-50%) rotate(0) translateZ(0);
        -webkit-transform: translateY(-50%) rotate(0) translateZ(0);
        -moz-transform: translateY(-50%) rotate(0) translateZ(0);
        -ms-transform: translateY(-50%) rotate(0) translateZ(0);
        -o-transform: translateY(-50%) rotate(0) translateZ(0);
        transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
    }
    .gnb-menu-depth1.on > a::after {
        transform: translateY(-50%) rotate(180deg) translateZ(0);
        -webkit-transform: translateY(-50%) rotate(180deg) translateZ(0);
        -moz-transform: translateY(-50%) rotate(180deg) translateZ(0);
        -ms-transform: translateY(-50%) rotate(180deg) translateZ(0);
        -o-transform: translateY(-50%) rotate(180deg) translateZ(0);
    }
    .gnb-menu-depth1.on > a::after {
        transform: rotate(180deg) translateZ(0);
        -webkit-transform: rotate(180deg) translateZ(0);
        -moz-transform: rotate(180deg) translateZ(0);
        -ms-transform: rotate(180deg) translateZ(0);
        -o-transform: rotate(180deg) translateZ(0);
    }
    .gnb-menu-depth2 {
        padding: 0.5rem 0 1rem 1rem;
        flex-direction: column;
        align-items: flex-start;
        display: none;
    }
    .gnb-menu-depth1.on > .gnb-menu-depth2 {
        display: flex;
    }
    .gnb-menu-depth2 > li > a {
        font-size: 0.88rem;
        padding-top: 0.5rem;
    }
    .hamberger {
        width: 16px;
        height: 18px;
    }
    .hamberger .hamberger_icon {
        width: 16px;
        height: 18px;
    }
    .hamberger.hamberger_gnb {
        display: none !important;
    }
}

/* GNB: 접힌 메뉴(.on 이 아닌 항목)는 하위 메뉴가 칸 아래로 삐져나와 잘려 보이지 않게 완전히 숨김
   (글자 크기가 작아지는 1440px 이하 구간에서 대메뉴 제목이 칸(83px)보다 낮아져 하위 메뉴 윗부분이 비쳤음) */
.gnb-menu-depth1:not(.on) > .gnb-menu-depth2 {
    visibility: hidden;
}

.gnb-menu-depth1.on > .gnb-menu-depth2 {
    visibility: visible;
}

/**********************************************************
* Footer
***********************************************************/
footer {
    position: relative;
    width: 100%;
    background: #443A35;
    padding: clamp(3.5rem, 6vw, 5rem) 0 clamp(2rem, 3.5vw, 2.75rem);
    color: rgba(252, 249, 234, 0.72);
    font-family: 'Pretendard', sans-serif;
}

.footer-container {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 clamp(1.5rem, 4vw, 3rem);
    box-sizing: border-box;
}

.footer-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem 3rem;
}

.footer-info {
    min-width: 0;
}

.footer-clinic-name {
    margin: 0 0 0.85rem;
    font-size: clamp(1.05rem, 1.5vw, 1.2rem);
    font-weight: 500;
    line-height: 1.35;
    color: #FCF9EA;
}

.footer-info-line {
    margin: 0 0 0.35rem;
    font-size: clamp(0.84rem, 1.15vw, 0.94rem);
    font-weight: 300;
    line-height: 1.55;
    color: rgba(252, 249, 234, 0.7);
    word-break: keep-all;
}

.footer-info-line a {
    color: inherit;
    text-decoration: none;
}

.footer-info-line a:hover {
    opacity: 0.85;
}

.footer-logo {
    flex-shrink: 0;
    display: block;
    line-height: 0;
}

.footer-logo img {
    display: block;
    width: clamp(140px, 16vw, 200px);
    height: auto;
}

.footer-mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem 2rem;
    margin-top: clamp(2rem, 3.5vw, 2.75rem);
    padding-top: clamp(1.35rem, 2.5vw, 1.75rem);
    border-top: 1px solid rgba(252, 249, 234, 0.28);
}

.footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem clamp(1.25rem, 2.5vw, 2.25rem);
    min-width: 0;
}

.footer-menu a {
    font-size: clamp(0.84rem, 1.15vw, 0.94rem);
    font-weight: 300;
    line-height: 1.4;
    color: rgba(252, 249, 234, 0.7);
    text-decoration: none;
    transition: color 0.25s ease;
    white-space: nowrap;
}

.footer-menu a:hover {
    color: #FCF9EA;
}

.footer-sns {
    display: flex;
    align-items: center;
    gap: 1.35rem;
    flex-shrink: 0;
}

.footer-sns-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: opacity 0.25s ease;
}

.footer-sns-link:hover {
    opacity: 0.75;
}

.footer-sns-link img {
    display: block;
    width: auto;
    height: auto;
    max-width: none;
}

/* ── clara-ai E 연결 오버라이드 ── */
html.main-template-e .main-header .header_logo p {
  margin: 0; font-family: 'Cormorant', 'Marcellus', Georgia, serif; font-weight: 500;
  font-size: clamp(18px, 2vw, 23px); letter-spacing: 0.22em; text-transform: uppercase; color: #fff;
}
html.main-template-e.sub-page body { padding-top: 70px; }
@media (max-width: 640px) { html.main-template-e.sub-page body { padding-top: 58px; } }

/* GNB 데스크톱/모바일 메뉴 전환 (responsive.css 의 pc_cont_434/m_cont_434 보강) */
html.main-template-e .m_cont_434 { display: none; }
html.main-template-e .pc_cont_434 { display: block; }
@media (max-width: 434px) {
  html.main-template-e .pc_cont_434 { display: none; }
  html.main-template-e .m_cont_434 { display: block; }
}
/* 스크롤/서브페이지 헤더 다크블러 (clara header-solid 재사용으로 확실하게) */
html.main-template-e.header-solid .main-header,
html.main-template-e.sub-page .main-header {
  background-color: rgba(30, 23, 19, 0.42);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}

/* GNB 열림 상태를 확실히 표시 (전환 프리즈 방지 — clara 환경 보강) */
html.main-template-e .gnb-outer.open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
html.main-template-e .open .gnb-inner,
html.main-template-e .gnb-outer.open .gnb-inner { transform: translateX(0) !important; opacity: 1 !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li > a { opacity: 1 !important; transform: translateY(0) !important; }

/* ① 헤더 KR/MENU 흰 글자 (WALTS) */
html.main-template-e .header_lang_label,
html.main-template-e .hamberger_txt { color: #fff !important; }
html.main-template-e .hamberger_icon span { background: #fff !important; }
html.main-template-e .header_lang::after { border-color: #fff transparent transparent !important; }

/* ② GNB 를 헤더(MENU) 위로 — 열리면 헤더 숨기고 GNB Close 로 닫기 */
html.main-template-e .gnb-outer { z-index: 100000 !important; }
html.main-template-e .open .main-header { z-index: 10 !important; }
html.main-template-e .open .main-header .header_wrap {
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
}
html.main-template-e .gnb-outer .hamberger_gnb {
  display: block !important; position: fixed; top: 20px; right: clamp(16px, 4vw, 64px);
  z-index: 100010 !important; cursor: pointer;
}
html.main-template-e .gnb-outer .hamberger_gnb .hamberger_box { width: auto; height: auto; }
html.main-template-e .gnb-outer .hamberger_gnb .txt01 {
  color: #fff !important; font-size: 14px; letter-spacing: 0.1em; margin: 0;
}

/* GNB 전환 프리즈 방지 — 전환 제거(즉시 표시/숨김) */
html.main-template-e .gnb-outer,
html.main-template-e .gnb-outer-bg,
html.main-template-e .gnb-inner,
html.main-template-e .gnb-outer .gnb-menu-list > li > a,
html.main-template-e .gnb-outer .gnb-menu-depth1 > a { transition: none !important; }
html.main-template-e .gnb-outer.open { opacity: 1 !important; }
html.main-template-e .gnb-outer.open .gnb-inner { transform: translateX(0) !important; opacity: 1 !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li > a { opacity: 1 !important; transform: none !important; }

/* ── GNB 슬라이드 복구 (프리즈 방지: 짧고 안정적인 전환) ── */
html.main-template-e .gnb-outer { transition: opacity .3s ease, visibility .3s ease !important; }
html.main-template-e .gnb-outer-bg { transition: opacity .35s ease !important; }
html.main-template-e .gnb-inner { transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .45s ease !important; }
html.main-template-e .gnb-outer .gnb-menu-depth1 > a { transition: opacity .5s ease, transform .5s ease !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(1) > a { transition-delay: .18s !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(2) > a { transition-delay: .25s !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(3) > a { transition-delay: .32s !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(4) > a { transition-delay: .39s !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(5) > a { transition-delay: .46s !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(6) > a { transition-delay: .53s !important; }
html.main-template-e .gnb-outer.open .gnb-menu-list > li:nth-child(n+7) > a { transition-delay: .6s !important; }

/* Close 버튼 위치 아래로 + 또렷하게 */
/* 위쪽 가로선(4rem) 위 칸의 세로 가운데에 오게 (선 높이의 절반 = 2rem) */
html.main-template-e .gnb-outer .hamberger_gnb { top: 2.2rem !important; transform: translateY(-50%) !important; right: 56px !important; }
html.main-template-e .gnb-outer .hamberger_gnb .txt01 { font-size: 15px !important; }

/* ── KR 언어 토글 제거 ── */
html.main-template-e .header_lang_wrap { display: none !important; }

/* ── 모바일 레이아웃 정리 (헤더·GNB·Close) ── */
@media (max-width: 768px) {
  html.main-template-e .main-header { height: 56px; }
  html.main-template-e .header_wrap { padding: 0 18px; }
  html.main-template-e .header_right { right: 18px; gap: 0; }
  html.main-template-e .hamberger { gap: 7px; height: 18px; }
  html.main-template-e .hamberger_txt { font-size: 12px; letter-spacing: 0.1em; }
  html.main-template-e .hamberger_icon { width: 20px; height: 14px; }
  html.main-template-e.sub-page body { padding-top: 56px; }
  /* GNB 전체폭 + 여백 정리 */
  html.main-template-e .gnb-inner { width: 100% !important; }
  /* html.main-template-e .gnb-menu-list-wrap { padding: 96px 24px 48px !important; box-sizing: border-box; } */
  html.main-template-e .gnb-menu-depth1 > a { font-size: 1.35rem !important; padding: 0.9rem 0 0.7rem !important; }
  html.main-template-e .gnb-menu-depth2 { padding-left: 0 !important; }
  html.main-template-e .gnb_number_wrap { margin-top: 1.5rem; }
  /* Close 모바일 위치 */
  html.main-template-e .gnb-outer .hamberger_gnb { top: 1.75rem !important; right: 18px !important; transform: translateY(-50%) !important; }
  html.main-template-e .gnb-outer .hamberger_gnb .txt01 { font-size: 13px !important; }
}

/* E 서브페이지(병원소개·의료진소개·시술·장비 안내 등) 바탕을 왈츠 크림색으로 */
html.main-template-e .sub-content { background-color: #fcf9ea; }
html.main-template-e .sub-content .product-tab > ul { background-color: #f3ecdd; }
html.main-template-e .sub-content .product-tab-on { background-color: #e4ddcc; color: #443a35; }

/* 스크롤하면 헤더 배경을 연하게(30%) — 사이트 공통의 'header.scrolled { 배경: 대표색 }' 규칙보다 우선하도록 범위를 좁게 */
html.main-template-e.main-page .main-header.scrolled {
    background-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
    border-bottom: none;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

html.main-template-e.main-page.open .main-header,
html.main-template-e.main-page.open .main-header.scrolled {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}