@charset "utf-8";

/* ==========================================================================
   교정 공통 스타일 — n_sub211(치아교정) · sub215(인비절라인)이 함께 쓴다
   마크업: /_inc/ortho/*.php   이미지: /img/sub/ortho/
   여기서 바꾸면 두 페이지에 함께 반영된다.
   ========================================================================== */

/* 글자 크기 토큰: clamp(모바일, PC/18.9 vw, PC) */
#ctt_con {
  --fs-title:clamp(30px,2.86vw,54px);
  --fs-h2:clamp(31px,3.76vw,71px);
  --fs-h3:clamp(30px,2.70vw,51px);
  --fs-h3-lg:clamp(32px,3.86vw,73px);
  --fs-h4:clamp(28px,2.60vw,49px);
  --fs-h5:clamp(19px,1.80vw,34px);
  --fs-sub:clamp(16px,1.96vw,37px);
  --fs-body:clamp(16px,1.59vw,30px);
  --fs-body-sm:clamp(15px,1.43vw,27px);
  --fs-label:clamp(14px,1.32vw,25px);
  --fs-cap:clamp(13px,1.16vw,22px);
}

/* 공통 틀 */
.wd-sec * {box-sizing:border-box;}
.wd-sec {position:relative;}
.wd-wrap {max-width:1400px;margin:0 auto;padding:0 20px;}
.wd-wrap--narrow {max-width:840px;}          /* 사진 800 기준 */
.wd-dark {background:#000;color:#fff;}
.pc {display:inline;}
.mo {display:none;}

/* ---------------- 대표원장 인사 타이틀 (hero_title.php) + 책임진료 (hero_cols.php) ---------------- */
.wd-hero__title {font-size:var(--fs-title);font-weight:800;letter-spacing:-0.03em;line-height:1.22;color:#0d0d0d;margin:0 auto 26px;max-width:1100px;text-align:left;word-break:keep-all;}
.wd-hero__sub {font-size:var(--fs-sub);color:#444;margin:0 auto 46px;font-weight:500;max-width:1100px;text-align:left;}
.wd-hero__cols {display:flex;gap:60px;max-width:1100px;margin:0 auto;text-align:left;}
.wd-hero__cols > div {flex:1;}
.wd-hero__cols h4 {font-size:var(--fs-h4);font-weight:800;line-height:1.4;margin:0;color:#0d0d0d;text-align:left;word-break:keep-all;}
.wd-hero__cols h5 {font-size:var(--fs-h5);font-weight:800;margin:0 0 18px;color:#0d0d0d;text-align:left;}
.wd-hero__cols p {font-size:var(--fs-body-sm);line-height:1.7;color:#555;margin:0;}

/* ---------------- 신뢰 문구 + 우수증례상 카드 (award.php) ---------------- */
.wd-quote {padding:100px 0;text-align:left;}
.wd-quote__text {font-size:var(--fs-title);line-height:1.28;font-weight:700;color:#8c8c8c;margin:0 auto 60px;max-width:1100px;word-break:keep-all;}
.wd-quote__text strong {color:#fff;font-weight:800;}
.wd-award-card {background:#f4f5f8;border-radius:36px;padding:60px;display:flex;gap:50px;align-items:center;color:#111;flex-direction:column;}
.wd-award-card__info {flex:0 0 30%;}
.wd-award-card__info h4 {font-size:var(--fs-h5);font-weight:800;margin:0 0 28px;line-height:1.35;text-align:left;}
.wd-award-card__info h5 {font-size:var(--fs-h5);font-weight:800;margin:0 0 18px;line-height:1.4;text-align:left;}
.wd-award-card__info p {font-size:var(--fs-cap);line-height:1.75;color:#555;margin:0;}
.wd-award-card__imgs {flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.wd-award-card__imgs img {width:100%;display:block;}

/* ---------------- 대표원장 인사말 + 배지 (doctor.php) ---------------- */
.wd-doctor {padding:100px 0;text-align:left;}
.wd-doctor__photo {position:relative;border-radius:18px;overflow:hidden;margin-bottom:44px;}
.wd-doctor__photo img {width:100%;display:block;}
.wd-doctor__badge {position:absolute;right:24px;bottom:22px;color:#303030;font-size:var(--fs-cap);font-weight:600;}
.wd-doctor h3 {font-size:var(--fs-h4);font-weight:800;line-height:1.28;margin:0 auto 38px;color:#0d0d0d;max-width:700px;text-align:left;}
.wd-doctor p {font-size:var(--fs-body);line-height:1.6;color:#333;margin:0 auto 30px;max-width:700px;}
.wd-doctor p strong {color:#111;}
.wd-badges {list-style:none;margin:56px auto 0;max-width:700px;padding:34px 20px;border:1px solid #e6e8ec;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;}
.wd-badges li {text-align:center;padding:0 14px;border-left:1px solid #eceef1;}
.wd-badges li:first-child {border-left:0;}
/* #ctt_con 을 붙여 각 페이지의 "#ctt_con img {height:auto}" 보다 우선하게 한다 */
#ctt_con .wd-badges__check {width:22px !important;height:auto;display:block;margin:0 auto 22px;}
#ctt_con .wd-badges__logo {height:74px;width:auto !important;display:block;margin:0 auto 18px;}
.wd-badges strong {display:block;padding-top:18px;border-top:1px solid #eceef1;font-size:var(--fs-cap);font-weight:800;color:#111;line-height:1.45;}

/* ==========================================================================
   반응형
   ========================================================================== */
@media screen and (max-width:1024px) {
  .wd-award-card {flex-direction:column;padding:40px 30px;}
  .wd-award-card__info {flex:none;}
}

@media screen and (max-width:860px) {
  .pc {display:none;}
  .mo {display:inline;}

  .wd-quote, .wd-doctor {padding-top:60px;padding-bottom:60px;}
  .wd-wrap {padding:0 20px;}

  .wd-hero__sub {margin-bottom:28px;}
  .wd-hero__cols {flex-direction:column;gap:30px;padding-top:30px;}

  .wd-quote__text {margin-bottom:34px;}
  .wd-award-card {border-radius:20px;padding:30px 20px;gap:30px;}
  .wd-award-card__imgs {gap:8px;}

  .wd-doctor h3 {margin-bottom:22px;}
  .wd-doctor p {margin-bottom:22px;}
  .wd-badges {padding:22px 8px;margin-top:36px;}
  .wd-badges li {padding:0 6px;}
  #ctt_con .wd-badges__check {width:18px !important;margin-bottom:14px;}
  #ctt_con .wd-badges__logo {height:48px;margin-bottom:12px;}
  .wd-badges strong {padding-top:12px;}
}