@charset "UTF-8";
/* 인사말 · 진료철학 전용 — 공통은 ../common/css/common.css · sub.css
   섹션별로 다른 값은 새 클래스 대신 변수만 덮어씀 */

/* 이름에 담긴 뜻 */
.heritage{position:relative;isolation:isolate;overflow:hidden}
.heritage-quote{margin-top:30px;font-family:'Noto Serif KR',serif;font-size:60px;line-height:1.4;font-weight:400;letter-spacing:-.04em;color:#fff}
.heritage .sec-lead{max-width:720px;margin-inline:auto}
.name-meaning{max-width:760px;margin:64px auto 0;padding-top:44px;border-top:1px solid rgba(255,255,255,.18);text-align:center}
.name-meaning .k{font-size:13px;font-weight:600;letter-spacing:.04em;color:#C9B07C}
.name-meaning h3{margin-top:10px;font-size:24px;line-height:1.45;font-weight:500;letter-spacing:-.04em}
.name-meaning .todo{margin-top:16px;padding:16px 20px;border:1px dashed rgba(255,255,255,.35);border-radius:10px;font-size:15px;line-height:1.75;color:#B4BDBA}

@media (min-width:1000px){
  .greeting .letter{margin-top:44px}
}
@media (max-width:999px){
  .greeting .letter{margin-top:var(--head-gap);text-align:left}
  .heritage-quote{font-size:42px}
  .name-meaning{margin-top:var(--head-gap);padding-top:var(--head-gap)}
}
@media (max-width:690px){
  .heritage-quote{font-size:32px}
}
@media (max-width:480px){
  .heritage-quote{font-size:27px}
}

/* =========================================================
   피그마 시안 반영 (2026-09-28) — 시안전달용/인사말진료철학.jpg 기준
   · 1920 시안 수치는 @media (min-width:1000px) 안에만, 999 이하는 공통 토큰
   · 상담 방법 · 오시는 길(공통 하단)은 common/css/sub.css 13 · 14번
   ========================================================= */



/* ---------- 인사말 : 한지 + 아래 옅은 산수 ---------- */
.greeting{background:#FDFCF8 url(../../../images/pages/about/greeting/philosophy-bg-hanji-bottom.jpg) center bottom/cover no-repeat}
/* 캡처 모드 · 999 이하에서는 sticky 가 static 이 되므로 기준점을 다시 잡아 줌 */
html.capture .greeting .split__sticky{position:relative;top:auto}   /* sticky 의 top 값이 relative 에서 밀림으로 적용되지 않게 */
.greeting .ph{position:relative;border-radius:18px;box-shadow:0 26px 60px rgba(17,17,16,.14)}
.greeting .ph img{height:auto}   /* 높이는 aspect-ratio(4/5) 로 — 100% 면 한 줄 배치(999 이하)에서 사진 칸이 짧게 잡혀 제목을 덮음 */
.greeting .cap{display:flex;align-items:center;gap:12px;margin-top:20px;letter-spacing:-.01em}
.greeting .cap::before{content:"";width:26px;height:1px;background:var(--gold);flex:none}
.greeting .letter .first{padding-bottom:30px;border-bottom:1px solid var(--line)}
.greeting .letter .first+p{margin-top:32px}
.greeting .letter .thanks{margin-top:1.6em}
.greeting .sign{justify-content:flex-end;gap:16px}
.greeting .sign strong{font-family:var(--kserif);font-size:25px;font-weight:500}
/* 사진 : 나타날 때 살짝 줌아웃 */
html.js-anim .greeting .ph img{transform:scale(1.08);transition:transform 2s var(--ease)}
html.js-anim .greeting .rv.in .ph img{transform:none}

/* ---------- 이름에 담긴 뜻 : 갈색 고서 ---------- */
.heritage{background:#2E2A20 url(../../../images/pages/about/greeting/heritage-bg-walnut-fig.jpg) 33% center/cover no-repeat;--lead-color:#fff;--lead-weight:300;-webkit-font-smoothing:antialiased}
.heritage .sec-head::before{content:"";display:block;width:1px;height:46px;margin:0 auto 26px;background:linear-gradient(180deg,transparent,rgba(201,176,124,.9))}
html.js-anim .heritage .sec-head::before{transform:scaleY(0);transform-origin:top;transition:transform 1.4s .2s var(--ease)}
html.js-anim .heritage .sec-head.in::before{transform:none}
.heritage-quote{letter-spacing:.02em}
.heritage .sec-lead{max-width:none}
.name-meaning{max-width:960px;padding:44px 48px 46px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.3);border-radius:18px}
.name-meaning h3{margin-top:6px;font-family:var(--kserif);font-size:26px;font-weight:400;letter-spacing:-.03em}
.name-meaning p{margin-top:24px;font-size:18px;line-height:1.75;font-weight:300;color:#fff}

/* ---------- 진료철학 : 일곱 가지 기준 (흰 배경) ---------- */
.philosophy .vow-row{padding:40px 0;overflow:hidden}
.philosophy .vow-row .hj{font-size:clamp(30px,calc(30px + (100vw - 1000px) * 12 / 920),42px);font-weight:400;opacity:.85;transition:opacity .4s var(--ease)}
.philosophy .vow-row p{color:#333}
.philosophy .vow-row::after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--gold);transition:width .6s var(--ease)}
.philosophy .vow-row:hover::after{width:100%}
.philosophy .vow-row:hover{background:linear-gradient(90deg,rgba(176,138,63,.055),rgba(176,138,63,0) 62%)}
.philosophy .vow-row:hover .hj{opacity:1}

/* FAQ 배경 · 여백은 공통(sub.css 12-2) */

@media (min-width:1000px){
  .greeting .letter{margin-top:44px}
  .philosophy .vow-row p{font-size:18px;line-height:30.4px}
}
@media (max-width:999px){
  .greeting .split__sticky{position:relative;top:auto}
  .name-meaning{padding:var(--head-gap) 24px}
  .name-meaning h3{font-size:23px}
  .name-meaning p{font-size:16px}
}
@media (max-width:690px){
  .greeting .sign{justify-content:center}                    /* 모바일 가운데 정렬 (10-01) */
  .greeting .cap{justify-content:center}
  .greeting .letter{text-align:center}
  .greeting .letter .first{padding-bottom:22px}
  .greeting .letter .first+p{margin-top:22px}
  .name-meaning p{line-height:1.7}
}

/* ===== 엘리멘터 max-width · margin · flex 보정 (tools/sync_theme.py 자동 생성 · 직접 고치지 말 것) ===== */
.elementor.elementor.elementor.elementor .heritage-quote{margin-top:30px}
.elementor.elementor.elementor.elementor .heritage .sec-lead{max-width:720px;margin-inline:auto}
.elementor.elementor.elementor.elementor .name-meaning{max-width:760px;margin:64px auto 0}
.elementor.elementor.elementor.elementor .name-meaning h3{margin-top:10px}
.elementor.elementor.elementor.elementor .name-meaning .todo{margin-top:16px}
@media (min-width:1000px){.elementor.elementor.elementor.elementor .greeting .letter{margin-top:44px}}
@media (max-width:999px){.elementor.elementor.elementor.elementor .greeting .letter{margin-top:var(--head-gap)}}
@media (max-width:999px){.elementor.elementor.elementor.elementor .name-meaning{margin-top:var(--head-gap)}}
.elementor.elementor.elementor.elementor .greeting .cap{align-items:center;margin-top:20px}
.elementor.elementor.elementor.elementor .greeting .cap::before{flex:none}
.elementor.elementor.elementor.elementor .greeting .letter .first+p{margin-top:32px}
.elementor.elementor.elementor.elementor .greeting .letter .thanks{margin-top:1.6em}
.elementor.elementor.elementor.elementor .greeting .sign{justify-content:flex-end}
.elementor.elementor.elementor.elementor .heritage .sec-head::before{margin:0 auto 26px}
.elementor.elementor.elementor.elementor .heritage .sec-lead{max-width:none}
.elementor.elementor.elementor.elementor .name-meaning{max-width:960px}
.elementor.elementor.elementor.elementor .name-meaning h3{margin-top:6px}
.elementor.elementor.elementor.elementor .name-meaning p{margin-top:24px}
@media (min-width:1000px){.elementor.elementor.elementor.elementor .greeting .letter{margin-top:44px}}
@media (max-width:690px){.elementor.elementor.elementor.elementor .greeting .sign{justify-content:center}}
@media (max-width:690px){.elementor.elementor.elementor.elementor .greeting .cap{justify-content:center}}
@media (max-width:690px){.elementor.elementor.elementor.elementor .greeting .letter .first+p{margin-top:22px}}

/* 엘리멘터 배경 보정 (자동 생성 · 배경 그림만 되살림) */
.elementor.elementor.elementor.elementor.elementor .greeting{background-image:url(../../../images/pages/about/greeting/philosophy-bg-hanji-bottom.jpg) !important}
.elementor.elementor.elementor.elementor.elementor .heritage{background-image:url(../../../images/pages/about/greeting/heritage-bg-walnut-fig.jpg) !important}
.elementor.elementor.elementor.elementor.elementor .philosophy .vow-row:hover{background-image:linear-gradient(90deg,rgba(176,138,63,.055) !important}