@font-face{
	font-family:'Perfect Girl';
	src:url('/fonts/perfectgirl/perfectgirl-sansserif-webfont.woff2') format('woff2'),
	    url('/fonts/perfectgirl/perfectgirl-sansserif-webfont.woff') format('woff');
	font-weight:400;
	font-style:normal;
	font-display:swap;
}



:root{
	/* ── 색 · 중립 (시안 7종) ──────────────────────────────────────────── */
	--dn-ink:#0a0a0a;          /* 제목·본문 최강조. 흰 바탕 19.3:1 */
	--dn-body:#333333;         /* 본문 기본 12.6:1 */
	--dn-sub:#6b6b6b;          /* 보조 설명 5.74:1 — AA 통과 하한선이다 */
	--dn-border:#e4e4e4;       
	--dn-cream:#E4F2EE;        /* 섹션 배경 — 홈과 같은 바탕 */
	--dn-cream2:#D3EBE3;       /* 섹션 배경 2단 */
	--dn-paper:#ffffff;
	--dn-dark:#0a0a0a;         /* 어두운 면 */
	--dn-dark2:#050505;        /* 어두운 면 2단 (시안 값) */

	/* ── 색 · 강조 ─────────────────────────────────────────────────────── */
	
	--dn-mint:#74d5ca;
	--dn-mint-ink:#0e6b62;     /* 민트 계열 글자색 — 흰 바탕에서 읽히는 값 */
	--dn-hl:#fff3a3;           /* 하이라이트(중요) 연노랑 — 잉크 글자를 얹었을 때 17.5:1 */
	--dn-deepgreen:var(--dn-ink,#0a0a0a);    /* 흰 글자를 얹는 다크 면 전용 8.00:1 */
	--dn-accent:var(--dn-ink); /* 사이트 강조 = 잉크. 민트는 포인트로만 */

	
	--dn-teal:var(--dn-mint);      /* var() 참조 0건 — 안전 별칭 */
	--dn-topbar:var(--dn-ink);     /* 색 참조 0건 (--dn-topbar-ht 와 혼동 주의) */
	--dn-bronze:var(--dn-sub);     
	--dn-filled:var(--dn-ink);
	--dn-accent-ink:var(--dn-ink);
	--dn-oncolor:#ffffff;
	--dn-deep:var(--dn-dark2);
	--dn-point:var(--dn-mint,#74d5ca);            /* 라벨·밑선에만. 면적을 넓게 쓰지 않는다 */

	
	--dn-rail-bg:rgba(85,85,85,.96);
	--dn-rail-border:rgba(234,239,238,.35);
	--dn-quickbar-bg:#1a1a1a;  /* 하단 상담바 = 표준 배경색 rgb(26,26,26) */
	--dn-headcta-bg:#555555;
	--dn-headcta-fg:#eaefee;

	
	--dn-rail-bg:rgba(85,85,85,.96);
	--dn-rail-border:rgba(234,239,238,.35);
	--dn-quickbar-bg:#1a1a1a;  /* 하단 상담바 = 표준 배경색 rgb(26,26,26) */
	--dn-headcta-bg:#555555;
	--dn-headcta-fg:#eaefee;

	
	--dn-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Segoe UI',sans-serif;
	--dn-serif:var(--dn-font);

	/* ── 상단 헤더 — 홈과 같은 동작. 값을 바꿀 땐 여기 한 곳만 고친다 ── */
	--dn-header-pos:sticky;
	--dn-header-top:0px;
	--dn-header-z:900;
	/* 히어로 영문 표기용 디스플레이 세리프. --dn-serif 와 별개 토큰이다. */
	--dn-serif-display:'Cormorant Garamond','Noto Serif KR',Georgia,'Times New Roman',serif;
	/* 히어로 영문 표제 전용. 시안이 쓰는 글꼴이라 별도 토큰으로 둔다 —
	   --dn-serif-display 는 다른 자리에서도 쓰므로 그쪽을 바꾸지 않는다. */
	--dn-hero-display:'Perfect Girl','Cormorant Garamond',Georgia,serif;

	/* ── 굵기 — 홈에서 뽑은 값 ────────────────────────────────────
	   클래스마다 숫자를 다시 적지 말고 이 두 값을 참조한다. */
	--dn-w-h1:600;
	--dn-w-body:400;

	/* ── 타이포 스케일 (v2.html:861 값을 그대로 옮김) ──────────────── */
	--dn-t-h1:clamp(34px, 2.4vw + 25px, 52px);
	--dn-t-h2:clamp(25px, 1.35vw + 20px, 40px);
	--dn-t-h2s:clamp(21px, .55vw + 19px, 26px);   /* h2 보조단 */
	--dn-t-h3:clamp(18px, .45vw + 16.3px, 22px);  
	--dn-t-h4:16px;
	--fs-1:13px;   /* 캡션 */
	--fs-2:14px;   /* 보조 */
	--fs-3:16px;   /* 본문 */
	--fs-4:18px;   /* 리드 */
	--dn-ls-text:normal;    /* 본문(한글) 자간 — 음수를 주지 않는다 */
	--dn-ls-label:.10em;     /* 라벨(대문자 라틴) 자간 */

	
	--dn-t-balabel:15px;     /* 전후사진 라벨 (13 → 15) */
	--dn-t-badgeval:22px;    /* 배지 값줄 (22+16 혼합 → 22 단일) */
	--dn-lh-badgedesc:1.57;  /* 배지 설명줄 행간 (1.7 → 1.57) */

	/* ── 간격 ──────────────────────────────────────────────────────────── */
	--dn-gap-1:8px;  --dn-gap-2:12px; --dn-gap-3:16px; --dn-gap-4:20px; --dn-gap-5:32px;
	--dn-sec-y:60px;          /* 섹션 세로 */
	--dn-sec-y-lg:96px;       /* 큰 섹션 */
	--dn-pad-x:24px;          /* 좌우 여백 */

	/* ── 컨테이너 ─────────────────────────────────────────────────────── */
	--dn-w-wide:1200px; --dn-w-mid:900px; --dn-w-narrow:760px;

	
	--dn-r-sm:4px; --dn-r-md:8px; --dn-r-lg:16px; --dn-r-pill:999px;

	/* ── 그림자 3단 (종전 7종 → 3종 수렴) ────────────────────────────── */
	--dn-sh-1:0 1px 2px rgba(10,10,10,.06);
	--dn-sh-2:0 4px 12px rgba(10,10,10,.08);
	--dn-sh-3:0 12px 32px rgba(10,10,10,.12);

	/* ── 높이 ─────────────────────────────────────────────────────────── */
	--dn-nav-ht:72px; --dn-topbar-ht:36px;
}



/* 가짜 볼드를 끈다 — 가변 폰트라 실제 굵기가 있다 */
body{font-synthesis-weight:none;font-synthesis-style:none}




.dn-sub h1, main h1, article h1{font-size:var(--dn-t-h1)}
.dn-sub h2, main h2, article h2{font-size:var(--dn-t-h2)}
.dn-sub h3, main h3, article h3{font-size:var(--dn-t-h3)}
.dn-sub h4, main h4, article h4{font-size:var(--dn-t-h4)}
main aside h2, .dn-card h2, .dn-hours h2{font-size:var(--dn-t-h2s)}
main, article{font-family:var(--dn-font); letter-spacing:var(--dn-ls-text)}


.dn-ba__label,.dn-ba__side-label{font-size:var(--dn-t-balabel)}
.dn-badges__v{font-size:var(--dn-t-badgeval)}
.dn-badges__d{line-height:var(--dn-lh-badgedesc)}


.topic-related-posts,.dn-relgrid,.dn-relposts{
	display:grid; gap:var(--dn-gap-3);
	grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	margin-block:var(--dn-sec-y) 0;
}
.topic-related-posts>*,.dn-relgrid>*,.dn-relposts>*{
	border:1px solid var(--dn-border); border-radius:var(--dn-r-md);
	background:var(--dn-paper); overflow:hidden;
}
@media (max-width:767px){
	.topic-related-posts,.dn-relgrid,.dn-relposts{grid-template-columns:1fr; gap:var(--dn-gap-2)}
}

/* ── 라운드 통일 — 9999px 9건을 999px 로 ──────────────────────────── */
.dn-btn--pill,.dn-chip,.dn-tag,.dn-badge{border-radius:var(--dn-r-pill)}