/* 하위 페이지(잇몸이식·진료비·개인정보)를 새 홈 디자인 톤에 맞추는 덮어쓰기 스타일
   styles.css 다음에 불러온다. 홈(index.html)은 자체 스타일을 쓰므로 이 파일과 무관. */
:root{
  --serif-en:"Cormorant Garamond",Georgia,serif;
  --ease:cubic-bezier(.2,.7,.3,1);
}
body{background:#fff}

/* 헤더: 반투명 미색 */
header{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(27,33,40,.08);box-shadow:none}
header .logo{font-family:var(--serif);font-weight:500;letter-spacing:.02em}
.menu a{font-weight:400;color:var(--ink)}
.nav-tel{font-family:Pretendard,sans-serif;font-size:17px;letter-spacing:.03em;font-weight:500;font-variant-numeric:lining-nums tabular-nums}

/* 버튼 */
.btn{border-radius:0;font-weight:500;letter-spacing:.04em;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.btn-primary{background:var(--gold-btn);border-color:var(--gold-btn);color:#fff}
.btn-primary:hover{background:#7a5f39;border-color:#7a5f39;transform:translateY(-2px)}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:#fff}
header .btn-primary{background:transparent;color:var(--ink);border:1px solid var(--ink);box-shadow:none;outline:0}
header .btn-primary:hover{background:var(--ink);color:#fff;transform:none}

/* 상단 제목 영역 */
.subhead{background:#f8f6f1;border-bottom:1px solid rgba(27,33,40,.08);padding:84px 0 72px}
.subhead::before{display:none}
.crumb{font-size:13px;letter-spacing:.06em}
.subhead h1{font-weight:500;letter-spacing:-.005em;line-height:1.38}
.subhead .lead{color:var(--soft,#4a535d)}

/* 본문 */
.pbody{background:transparent}
.psec .plabel{font-family:var(--serif-en);font-weight:500;font-size:14px;letter-spacing:.3em;color:var(--gold-text)}
.psec h2{font-weight:500;font-size:27px}
.pcallout{background:#f8f6f1;border-left:2px solid var(--gold)}
.pcta{background:#f8f6f1;border:1px solid var(--line)}
.pcta h3{font-weight:500}
.pnote{background:#f8f6f1}

/* 진료비 표 */
.fee-table{border-top:1px solid var(--ink);background:#fff}
.fee-table th{background:#f8f6f1;font-weight:500}
.fee-cat{font-weight:500}

/* 사례 카드(잇몸이식 페이지) */
.case{background:#fff;border-color:var(--line)}
.case .cap b{font-weight:500}
.case-gate{background:#f8f6f1;border-color:var(--line)}

/* 하단 */
footer{background:#13171c}

/* 모바일 메뉴 패널 */
.drawer .panel{background:#fff}
.drawer .panel a{font-family:var(--serif)}

/* 은은한 등장 모션 */
.js-v2 .psec,.js-v2 .pcta,.js-v2 .fee-table,.js-v2 .fee-cat{opacity:0;transform:translateY(26px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js-v2 .psec.in,.js-v2 .pcta.in,.js-v2 .fee-table.in,.js-v2 .fee-cat.in{opacity:1;transform:none}
.subhead h1,.subhead .lead,.subhead .cta,.crumb{animation:v2up 1.2s var(--ease) both}
.subhead .lead{animation-delay:.15s}.subhead .cta{animation-delay:.3s}
@keyframes v2up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .js-v2 .psec,.js-v2 .pcta,.js-v2 .fee-table,.js-v2 .fee-cat{opacity:1;transform:none}
  .subhead h1,.subhead .lead,.subhead .cta,.crumb{animation:none}
}
@media (max-width:760px){.subhead{padding:58px 0 50px}}