@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');

/* ==========================================================================
   자연치아 공통 블록 — natural / n_sub311 이 함께 쓴다
   마크업: /_inc/wd_natural_blocks.php
   ========================================================================== */
.nt-quote, .nt-graph, .nt-black {
	--fs-quote:clamp(19px,2.4vw,46px);
	--fs-h3:clamp(27px,3.1vw,60px);
	--fs-black:clamp(22px,2.6vw,50px);
	font-family:"Noto Sans KR",sans-serif;
	letter-spacing:-.03em;
	text-align:left;
	box-sizing:border-box;
}
.nt-quote *, .nt-graph *, .nt-black * {box-sizing:border-box;word-break:keep-all;}
.nt-quote :where(h3,p,ul), .nt-graph :where(h3,p,ul), .nt-black :where(h3,p,ul) {margin:0;padding:0;list-style:none;}
.nt-col {width:100%;max-width:740px;margin:0 auto;padding:0 20px;}
.nt-h3 {font-size:var(--fs-h3);font-weight:700;line-height:1.25;color:#000;text-align:left;}

/* 인용 */
.nt-quote {padding:180px 20px;text-align:center;}
.nt-quote__txt {font-family:"Noto Serif KR",serif;font-size:var(--fs-quote);font-weight:400;line-height:1.3;color:#111;letter-spacing:-.02em;text-align:center;}
.nt-quote__txt strong {font-weight:700;}
.nt-quote__txt::before, .nt-quote__txt::after {display:block;font-family:"Noto Serif KR",serif;font-size:2.4em;font-weight:700;line-height:.75;color:#dbe2fb;height:.45em;}
.nt-quote__txt::before {content:"\201C";margin-bottom:.45em;}
.nt-quote__txt::after {content:"\201D";margin-top:.5em;}

/* 그래프 */
.nt-graph {padding-bottom:150px;}
.nt-graph__img {display:block;width:100%;max-width:700px;height:auto;margin-top:-10px;}

/* 검정 — 기본은 화면 전체 폭 / --box 는 본문 폭 박스 */
.nt-black {padding:150px 0;background:#000;color:#fff;}
.nt-black--box {width:calc(100% - 40px);max-width:850px;margin:0 auto;}
.nt-black__title {font-size:var(--fs-black);font-weight:700;line-height:1.36;color:#fff;text-align:left;}
.nt-black__desc {margin-top:1.75em !important;font-size:var(--fs-black);font-weight:300;line-height:1.36;color:#fff;}
.nt-black__num {margin-top:1.45em !important;font-size:var(--fs-black);font-weight:700;line-height:1.36;color:#fff;}
.nt-black__dots {margin-top:45px !important;}
.nt-black__dots li {width:10px;height:10px;margin-left:2px;border-radius:50%;background:#fff;}
.nt-black__dots li + li {margin-top:58px;}

@media screen and (max-width:1520px) {
	.nt-quote {padding:130px 20px;}
	.nt-graph {padding-bottom:110px;}
	.nt-black {padding:110px 0;}
}

@media screen and (max-width:860px) {
	.nt-quote, .nt-graph, .nt-black {
		--fs-quote:clamp(17px,4.9vw,24px);
		--fs-h3:clamp(25px,6.6vw,34px);
		--fs-black:clamp(20px,5.5vw,28px);
	}
	.nt-quote {padding:72px 16px 90px;}
	.nt-quote__txt::before {margin-bottom:.4em;}
	.nt-quote__txt::after {margin-top:.45em;}
	.nt-col {padding:0 24px;}
	.nt-graph {padding-bottom:90px;}
	.nt-graph__img {margin-top:14px;}
	.nt-black {padding:60px 0 80px;}
	.nt-black--box {width:calc(100% - 32px);}
	.nt-black--box .nt-col {padding:0 22px;}
	.nt-black__dots {margin-top:24px !important;}
	.nt-black__dots li {width:6px;height:6px;}
	.nt-black__dots li + li {margin-top:34px;}
}