/* =========================================================
   스킨: 피부과 — 뼈대 A 위에 '에디토리얼 · 아치' 디자인을 입힌다.
   치과(카드형·풀사진 히어로)와 다르게: 명조 제목, 아치 사진 틀, 진한 띠 진료시간, 선(라인) 목록.
   ========================================================= */
:root {
	--dwa-accent: #9C6B3E;   /* 작은 영문 제목(웜 브라운) */
	--dwa-tint: var(--dw-bg);
	--dwa-card-r: 6px;
	--dwd-serif: 'Noto Serif KR', 'Nanum Myeongjo', serif;
	--dwd-arch: 999px 999px 28px 28px;
}

/* ---------- 글꼴: 큰 제목은 명조 ---------- */
.dw-front .dw-hero-content h1,
.dwa-title,
.dw-page-hero h1,
.dw-page-hero .dw-page-title,
.dw-lead,
.dw-page-blocks h2.wp-block-heading,
.dwa-svc-card strong,
.dwa-doc-body h3 { font-family: var(--dwd-serif); font-weight: 600; letter-spacing: -.02em; }
.dw-front .dw-hero-content h1 { font-weight: 600; line-height: 1.28; }

/* 작은 영문 제목: 대문자 대신 이탤릭 + 앞 선 */
.dwa-eyebrow,
.dw-front .dw-hero-kicker { font-family: var(--dwd-serif); font-style: italic; font-weight: 500; text-transform: none; letter-spacing: .04em; font-size: 15px; }
.dwa-eyebrow::before { content: ""; display: inline-block; width: 28px; height: 1px; margin-right: 10px; vertical-align: middle; background: currentColor; }
.dwa-head--center .dwa-eyebrow::after { content: ""; display: inline-block; width: 28px; height: 1px; margin-left: 10px; vertical-align: middle; background: currentColor; }

/* ---------- 메인: 풀사진 대신 오른쪽 아치 사진 ---------- */
.dw-front .dw-hero,
.dw-front .dw-hero-slide { background: var(--dwa-tint); }
.dw-front .dw-hero-slide::before,
.dw-front .dw-hero-slide::after,
.dw-front .dw-hero-bg::after { display: none !important; }
@media (min-width: 861px) {
	.dw-front .dw-hero-bg {
		left: auto !important; right: max(32px, calc(50% - 620px)) !important;
		top: 104px !important; bottom: 96px !important; width: min(44%, 560px) !important; height: auto !important;
		border-radius: var(--dwd-arch); overflow: hidden;
		box-shadow: 0 30px 60px rgba(74, 37, 48, .14);
	}
	.dw-front .dw-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
	.dw-front .dw-hero-content { max-width: 520px; }
	/* 아치 뒤 얇은 선 장식 */
	.dw-front .dw-hero-slide .dw-hero-inner::after {
		content: ""; position: absolute; pointer-events: none;
		right: calc(max(32px, calc(50% - 620px)) - 22px); top: 82px; bottom: 118px; width: min(44%, 560px);
		border: 1px solid color-mix(in srgb, var(--dw-primary) 35%, transparent); border-radius: var(--dwd-arch);
	}
	.dw-front .dw-hero-inner { position: static; }
}
@media (max-width: 860px) {
	.dw-front .dw-hero-bg { left: 20px !important; right: 20px !important; top: 84px !important; height: 52% !important; width: auto !important; border-radius: 240px 240px 22px 22px; overflow: hidden; }
	.dw-front .dw-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
}

/* ---------- 진료시간: 떠 있는 흰 카드 대신 진한 띠 ---------- */
.dwa-info-inner { background: var(--dw-navy); color: #fff; box-shadow: 0 20px 44px rgba(42, 26, 31, .22); border-radius: 4px; }
.dwa-info-ico { background: rgba(255, 255, 255, .1); color: #F1D3B3; border-radius: 50%; }
.dwa-info-hours dt { color: rgba(255, 255, 255, .62); }
.dwa-info-hours dd { color: #fff; }
.dwa-info-note { color: #F1D3B3; }
.dwa-info-cta { border-left-color: rgba(255, 255, 255, .18); }
.dwa-info-tel, .dwa-info-tel b { color: #fff; }
.dwa-info-tel small { color: rgba(255, 255, 255, .62); }
.dwa-info-tel > span:first-child { border-color: rgba(255, 255, 255, .28); color: #F1D3B3; }
.dwa-info-btn.dw-btn-primary { background: #fff; color: var(--dw-navy); border-color: #fff; border-radius: 2px; }
.dwa-info-btn.dw-btn-primary:hover { background: #F1D3B3; border-color: #F1D3B3; color: var(--dw-navy); }

/* ---------- 진료 과목: 카드 대신 2단 선 목록 ---------- */
.dwa-svc-grid, .dwa-svc-grid.dwa-n3, .dwa-svc-grid.dwa-n5, .dwa-svc-grid.dwa-n6 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 64px; border-top: 1px solid var(--dw-line); }
.dwa-svc-card > a, .dwa-svc-card > div {
	display: grid; grid-template-columns: 54px minmax(0, 1fr) 24px; grid-template-rows: auto auto; column-gap: 22px; row-gap: 4px; align-items: center;
	padding: 26px 6px; border: 0; border-bottom: 1px solid var(--dw-line); border-radius: 0; background: transparent;
}
.dwa-svc-card > a:hover { transform: none; box-shadow: none; border-color: var(--dw-primary); }
.dwa-svc-ico { grid-row: 1 / span 2; width: 54px; height: 54px; margin: 0; border-radius: 50%; background: transparent; border: 1px solid var(--dw-line); }
.dwa-svc-ico svg { width: 24px; height: 24px; }
.dwa-svc-card > a:hover .dwa-svc-ico { background: var(--dw-primary); border-color: var(--dw-primary); }
.dwa-svc-card strong { grid-column: 2; font-size: 20px; font-weight: 600; }
.dwa-svc-desc { grid-column: 2; font-size: 14.5px; }
.dwa-svc-go { grid-column: 3; grid-row: 1 / span 2; margin: 0; padding: 0; opacity: .35; transform: none; }
.dwa-svc-card > a:hover .dwa-svc-go { opacity: 1; transform: translateX(4px); }

/* ---------- 병원 특징: 사진 왼쪽 아치 + 선 목록 ---------- */
.dwa-why.has-img .dwa-why-inner { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(48px, 7vw, 96px); }
.dwa-why-media { order: -1; }
.dwa-why-media img { border-radius: var(--dwd-arch); aspect-ratio: 4 / 5.2; }
.dwa-why-media::before { inset: -18px 18px 18px -18px; background: none; border: 1px solid color-mix(in srgb, var(--dw-primary) 35%, transparent); border-radius: var(--dwd-arch); }
.dwa-why-list { gap: 0; }
.dwa-why-list li { padding: 22px 0; border: 0; border-top: 1px solid var(--dw-line); border-radius: 0; background: transparent; }
.dwa-why-list li:last-child { border-bottom: 1px solid var(--dw-line); }
.dwa-why-num { font-family: var(--dwd-serif); font-style: italic; font-weight: 500; font-size: 26px; line-height: 1; color: var(--dwa-accent); min-width: 44px; }

/* ---------- 의료진: 테두리 카드 대신 아치 사진 + 가운데 정렬 ---------- */
.dwa-doc-card { background: transparent; border: 0; border-radius: 0; text-align: center; overflow: visible; }
.dwa-doc-photo { border-radius: var(--dwd-arch); background: linear-gradient(180deg, var(--dwa-soft), var(--dwa-tint)); }
.dwa-doc-body { padding: 24px 10px 0; }
.dwa-doc-major { font-family: var(--dwd-serif); font-style: italic; font-weight: 500; color: var(--dwa-accent); }
.dwa-doc-body h3 { font-size: 24px; }
.dwa-doc-career { justify-items: center; border-top-color: var(--dw-line); }
.dwa-doc-career li { padding-left: 0; color: var(--dw-muted); font-size: 13.5px; }
.dwa-doc-career li::before { display: none; }

/* ---------- 둘러보기: 큰 사진 1장 대신 같은 크기 3×2, 글자는 사진 아래 그라데이션 ---------- */
.dwa-tour-grid { grid-auto-rows: 280px; gap: 10px; }
.dwa-tour-item { border-radius: 4px; }
.dwa-tour-item.is-wide { grid-column: auto; grid-row: auto; }
.dwa-tour-item figcaption { left: 0; right: 0; bottom: 0; padding: 40px 20px 16px; border-radius: 0; background: linear-gradient(transparent, rgba(42, 26, 31, .55)); color: #fff; font-family: var(--dwd-serif); font-size: 16px; font-weight: 500; backdrop-filter: none; }

/* ---------- 진료 절차: 카드 대신 가로 선 타임라인 ---------- */
.dwa-step-list { position: relative; gap: 24px; }
.dwa-step-list::before { content: ""; position: absolute; left: 30px; right: 30px; top: 30px; height: 1px; background: var(--dw-line); }
.dwa-step-list li { padding: 0; border: 0; border-radius: 0; background: transparent; text-align: left; }
.dwa-step-list li:not(:last-child)::after { display: none; }
.dwa-step-ico { position: relative; z-index: 1; background: var(--dwa-tint); color: var(--dw-primary); border: 1px solid var(--dw-primary); box-shadow: 0 0 0 8px var(--dwa-tint); }
.dwa-sec:nth-of-type(odd) .dwa-step-ico { background: #fff; box-shadow: 0 0 0 8px #fff; }
.dwa-step-no { font-family: var(--dwd-serif); font-style: italic; font-weight: 500; letter-spacing: .04em; color: var(--dwa-accent); font-size: 14px; }

/* ---------- 버튼: 각진 모서리 ---------- */
.dw-front .dw-hero .dw-btn, .dwa-home .dw-btn { border-radius: 2px; }

@media (max-width: 860px) {
	.dwa-svc-grid, .dwa-svc-grid.dwa-n3, .dwa-svc-grid.dwa-n5, .dwa-svc-grid.dwa-n6 { grid-template-columns: 1fr; }
	.dwa-why-media { order: 0; }
	.dwa-step-list::before { display: none; }
	.dwa-tour-grid { grid-auto-rows: 200px; }
}