@charset "utf-8";

/* 디스크·협착증 — 상세 구조 · 브랜드 차콜 톤 */
.cd-disc-detail{
	--cd-disc-ink:#2a2826;
	--cd-disc-sub:#5c5955;
	--cd-disc-muted:#7a7670;
	--cd-disc-line:#e5e2dc;
	--cd-disc-soft:#f7f5f1;
	--cd-disc-cream:#faf9f7;
	--cd-disc-accent:var(--disc-accent, #4d4a45);
	--cd-disc-accent-soft:var(--disc-accent-soft, #ebeae8);
	color:var(--cd-disc-ink);
	background:#fff;
	font-family:'Pretendard', sans-serif;
}
.cd-disc-detail__sec{
	padding:100px 0;
	box-sizing:border-box;
}
.cd-disc-detail__sec.is-soft{background:var(--cd-disc-soft);}
.cd-disc-detail__sec.is-cream{background:var(--cd-disc-cream);}
.cd-disc-detail__sec--cta{
	padding-bottom:110px;
	background:var(--cd-disc-soft);
}

.cd-disc-detail__head{margin:0 0 44px;text-align:center;}
.cd-disc-detail__head.is-line .cd-disc-detail__head-line{
	display:block;
	width:48px;
	height:6px;
	margin:0 auto 22px;
	border-radius:0;
	background:var(--cd-disc-accent);
}
.cd-disc-detail__title{
	margin:0;
	font-family:'KoPubWorldBatang','Pretendard',serif;
	font-size:clamp(32px, 3.8vw, 44px);
	line-height:1.4;
	font-weight:400;
	letter-spacing:-0.02em;
	word-break:keep-all;
}
.cd-disc-detail__subtitle{
	margin:16px 0 0;
	font-family:'Pretendard', sans-serif;
	font-size:clamp(17px, 1.6vw, 20px);
	line-height:1.7;
	font-weight:500;
	color:var(--cd-disc-muted);
	word-break:keep-all;
}

.cd-disc-detail__copy{
	max-width:42em;
	margin:0 auto;
}
.cd-disc-detail__copy p{
	margin:0;
	font-size:clamp(17px, 1.55vw, 19px);
	line-height:1.85;
	color:var(--cd-disc-sub);
	word-break:keep-all;
}
.cd-disc-detail__copy.is-center{text-align:center;}
.cd-disc-detail__sec--explain .cd-disc-detail__copy{
	max-width:none;
}

/* explain — PC에서 부제·본문 문장 한 줄 유지 */
@media all and (min-width:1024px){
	.cd-disc-detail__sec--explain .cd-disc-detail__copy{
		max-width:none;
		width:100%;
	}
	.cd-disc-detail__sec--explain .cd-disc-detail__subtitle,
	.cd-disc-detail__sec--explain .cd-disc-detail__copy p{
		white-space:nowrap;
	}
	.cd-clinic-message .cd-disc-detail__copy{
		max-width:none;
		width:100%;
	}
	.cd-clinic-message .cd-disc-detail__copy p{
		white-space:nowrap;
	}
}
.cd-disc-detail__explain-media{
	max-width:1100px;
	margin:0 auto 40px;
	border-radius:0;
	overflow:visible;
	background:transparent;
}
.cd-disc-detail__explain-media img{
	display:block;
	width:100%;
	height:auto;
	background:transparent;
}
.cd-disc-detail__explain-split{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:28px 40px;
	align-items:center;
	justify-items:center;
	max-width:1100px;
	margin:0 auto 40px;
}
.cd-disc-detail__explain-half{
	margin:0;
	padding:0;
	background:transparent;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
}
.cd-disc-detail__explain-half img{
	display:block;
	width:100%;
	max-width:480px;
	height:auto;
	margin:0 auto;
	object-fit:contain;
	object-position:center;
	background:transparent;
}
@media (max-width:767px){
	.cd-disc-detail__explain-split{
		grid-template-columns:1fr;
		gap:24px;
		margin-bottom:32px;
	}
	.cd-disc-detail__explain-half img{
		max-width:360px;
	}
}

/* concerns — 2×2 */
.cd-disc-detail__concern-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:20px;
	margin:0;
	padding:0;
	list-style:none;
}
.cd-disc-detail__concern-item{
	margin:0;
	padding:30px 28px;
	border:1px solid var(--cd-disc-line);
	border-radius:4px;
	background:#fff;
	box-sizing:border-box;
	transition:border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
@media (hover:hover){
	.cd-disc-detail__concern-item:hover{
		border-color:rgba(77,74,69,0.45);
		transform:translateY(-2px);
		box-shadow:0 10px 24px rgba(42,40,38,0.06);
	}
}
.cd-disc-detail__concern-title{
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 10px;
	font-family:'Pretendard', sans-serif;
	font-size:clamp(18px, 1.7vw, 22px);
	font-weight:700;
	line-height:1.35;
	letter-spacing:-0.02em;
	word-break:keep-all;
}
.cd-disc-detail__concern-icon{
	flex:0 0 auto;
	width:56px;
	height:56px;
	object-fit:contain;
}
.cd-disc-detail__concern-text{
	margin:0;
	font-size:clamp(16px, 1.4vw, 18px);
	line-height:1.7;
	color:var(--cd-disc-muted);
	word-break:keep-all;
}

/* checklist — 텍스트 + 세로 이미지 */
.cd-disc-detail__checklist-inner{
	display:grid;
	grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap:48px 56px;
	align-items:center;
	box-sizing:border-box;
}
.cd-disc-detail__checklist-copy .cd-disc-detail__head{text-align:left;}
.cd-disc-detail__checklist-copy .cd-disc-detail__head.is-line .cd-disc-detail__head-line{margin-left:0;margin-right:auto;}
.cd-disc-detail__check-list{
	max-width:none;
	margin:0;
	padding:0;
	list-style:none;
}
.cd-disc-detail__check-list li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:16px 0;
	border-bottom:1px solid var(--cd-disc-line);
	font-size:clamp(17px, 1.5vw, 19px);
	line-height:1.7;
	color:var(--cd-disc-sub);
	word-break:keep-all;
}
.cd-disc-detail__check-list li:last-child{border-bottom:0;}
.cd-disc-detail__check-list li::before{
	content:"";
	flex-shrink:0;
	width:5px;
	height:5px;
	margin-top:0.6em;
	border-radius:50%;
	background:var(--cd-disc-accent);
}
.cd-disc-detail__checklist-media{
	margin:0;
	border-radius:4px;
	overflow:hidden;
	background:var(--cd-disc-soft);
}
.cd-disc-detail__checklist-media img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:3 / 4;
	object-fit:cover;
}
.cd-disc-detail__checklist-media .disc_ph{
	min-height:420px;
	aspect-ratio:3 / 4;
}

/* care */
.cd-disc-detail__care-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px 28px;
	margin:0;
	padding:0;
	list-style:none;
}
.cd-disc-detail__care-item{
	margin:0;
	padding:24px 22px;
	border:1px solid var(--cd-disc-line);
	border-radius:4px;
	background:#fff;
	box-sizing:border-box;
}
.cd-disc-detail__care-title{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-family:'Pretendard', sans-serif;
	font-size:clamp(17px, 1.5vw, 20px);
	font-weight:700;
	line-height:1.35;
	letter-spacing:-0.02em;
	word-break:keep-all;
}
.cd-disc-detail__care-icon{
	flex:0 0 auto;
	width:40px;
	height:40px;
	object-fit:contain;
}
.cd-disc-detail__care-text{
	margin:10px 0 0;
	font-size:clamp(15px, 1.3vw, 17px);
	line-height:1.7;
	color:var(--cd-disc-muted);
	word-break:keep-all;
}
.cd-disc-detail__note{
	max-width:46em;
	margin:28px auto 0;
	padding:16px 18px;
	border-radius:4px;
	background:rgba(77,74,69,0.06);
	font-size:15px;
	line-height:1.7;
	color:var(--cd-disc-sub);
	word-break:keep-all;
	text-align:center;
}

/* process — 번호 + 본문 + 이미지 */
.cd-disc-detail__process-list{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	overflow:visible;
	position:static;
	counter-reset:none;
}
.cd-disc-detail__process-list > .cd-disc-detail__process-item{
	counter-increment:none;
}
.cd-disc-detail__process-list > .cd-disc-detail__process-item::before,
.cd-disc-detail__process-list > .cd-disc-detail__process-item::after{
	content:none !important;
	display:none !important;
}
.cd-disc-detail__process-item{
	display:flex !important;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:24px 28px;
	width:100%;
	max-width:100%;
	margin:0 0 16px;
	padding:28px 32px;
	border:1px solid var(--cd-disc-line);
	border-radius:4px;
	background:#fff;
	box-sizing:border-box;
	float:none;
	clear:both;
}
.cd-disc-detail__process-item:last-child{margin-bottom:0;}
.cd-disc-detail__process-track{
	display:block;
	flex:0 0 auto;
	width:auto;
	padding:0;
}
.cd-disc-detail__process-step{
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border:1px solid var(--cd-disc-accent);
	border-radius:50%;
	background:#fff;
	font-family:'Pretendard', sans-serif;
	font-size:14px;
	font-weight:700;
	letter-spacing:0.02em;
	color:var(--cd-disc-accent);
	box-sizing:border-box;
}
.cd-disc-detail__process-line{display:none !important;}
.cd-disc-detail__process-body{
	flex:1 1 240px;
	min-width:0;
	width:auto;
	max-width:none;
	padding-top:4px;
	box-sizing:border-box;
}
.cd-disc-detail__process-title{
	margin:0;
	font-family:'Pretendard', sans-serif;
	font-size:clamp(20px, 2vw, 26px);
	font-weight:700;
	line-height:1.4;
	letter-spacing:-0.02em;
	word-break:keep-all;
}
.cd-disc-detail__process-text{
	margin:12px 0 0;
	font-size:clamp(16px, 1.45vw, 18px);
	line-height:1.8;
	color:var(--cd-disc-sub);
	word-break:keep-all;
}
.cd-disc-detail__process-media{
	flex:0 1 320px;
	width:100%;
	max-width:360px;
	margin-left:auto;
	border-radius:4px;
	overflow:hidden;
	background:var(--cd-disc-soft);
	box-sizing:border-box;
}
.cd-disc-detail__process-media img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:4 / 3;
	object-fit:cover;
}
.cd-disc-detail__process-media .disc_ph{
	min-height:200px;
	aspect-ratio:4 / 3;
}
@media all and (max-width:640px){
	.cd-disc-detail__process-item{
		display:grid !important;
		grid-template-columns:auto 1fr;
		grid-template-areas:
			"step title"
			"text text"
			"media media";
		align-items:center;
		column-gap:14px;
		row-gap:12px;
		padding:22px 18px;
	}
	.cd-disc-detail__process-track{
		grid-area:step;
	}
	.cd-disc-detail__process-body{
		display:contents;
		padding-top:0;
	}
	.cd-disc-detail__process-title{
		grid-area:title;
		align-self:center;
	}
	.cd-disc-detail__process-text{
		grid-area:text;
		margin:0;
	}
	.cd-disc-detail__process-media{
		grid-area:media;
		flex:none;
		max-width:none;
		margin-left:0;
		width:100%;
	}
}

/* FAQ accordion */
.cd-disc-detail__accordion{
	max-width:820px;
	margin:0 auto;
}
.cd-disc-detail__accordion-item{
	margin:0 0 12px;
	border:1px solid var(--cd-disc-line);
	border-radius:4px;
	background:#fff;
	overflow:hidden;
}
.cd-disc-detail__accordion-summary{
	display:flex;
	align-items:center;
	gap:12px;
	padding:18px 20px;
	cursor:pointer;
	list-style:none;
}
.cd-disc-detail__accordion-summary::-webkit-details-marker{display:none;}
.cd-disc-detail__accordion-qmark{
	flex:0 0 auto;
	width:28px;
	height:28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--cd-disc-accent);
	color:#fff;
	font-size:13px;
	font-weight:700;
}
.cd-disc-detail__accordion-label{
	flex:1 1 auto;
	font-size:clamp(16px, 1.5vw, 19px);
	font-weight:700;
	line-height:1.45;
	letter-spacing:-0.015em;
	word-break:keep-all;
}
.cd-disc-detail__accordion-icon{
	flex:0 0 auto;
	width:10px;
	height:10px;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	transform:rotate(45deg);
	transition:transform 0.2s ease;
}
.cd-disc-detail__accordion-item[open] .cd-disc-detail__accordion-icon{
	transform:rotate(-135deg);
	margin-top:4px;
}
.cd-disc-detail__accordion-body{
	padding:0 20px 20px 60px;
}
.cd-disc-detail__accordion-body p{
	margin:0;
	font-size:clamp(15px, 1.4vw, 17px);
	line-height:1.85;
	color:var(--cd-disc-sub);
	word-break:keep-all;
}
.cd-disc-detail__accordion-amark{
	font-weight:700;
	color:var(--cd-disc-accent);
	margin-right:6px;
}

/* 공통 메시지 구간 — 브랜드 배경 흐리게 */
.cd-clinic-message{
	position:relative;
	overflow:hidden;
	background:#2a2826;
}
.cd-clinic-message__bg{
	position:absolute;
	inset:-12px;
	background:url("../images/sub/clinic_message_bg.png") center center / cover no-repeat;
	filter:blur(5px);
	opacity:0.85;
	transform:scale(1.02);
	pointer-events:none;
}
.cd-clinic-message::after{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(42,40,38,0.42);
	pointer-events:none;
}
.cd-clinic-message__inner{
	position:relative;
	z-index:1;
}
.cd-clinic-message .cd-disc-detail__head-line{
	background:#fff;
}
.cd-clinic-message .cd-disc-detail__title{
	color:#fff;
}
.cd-clinic-message .cd-disc-detail__copy p{
	color:rgba(255,255,255,0.88);
}

/* CTA */
.cd-disc-detail__cta-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:12px;
	margin-top:32px;
}
.cd-disc-detail__cta-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:52px;
	padding:0 28px;
	border-radius:2px;
	background:var(--cd-disc-accent);
	color:#fff;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	letter-spacing:-0.01em;
	transition:opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
.cd-disc-detail__cta-btn.is-ghost{
	background:#fff;
	color:var(--cd-disc-accent);
	border:1px solid var(--cd-disc-accent);
}
@media (hover:hover){
	.cd-disc-detail__cta-btn:hover{opacity:0.92;transform:translateY(-1px);}
	.cd-disc-detail__cta-btn.is-ghost:hover{background:var(--cd-disc-soft);}
}

@media all and (max-width:900px){
	.cd-disc-detail__sec{padding:72px 0;}
	.cd-disc-detail__concern-list,
	.cd-disc-detail__care-list{grid-template-columns:1fr;}
	.cd-disc-detail__checklist-inner{
		grid-template-columns:1fr;
		gap:32px;
	}
	.cd-disc-detail__checklist-copy .cd-disc-detail__head{text-align:center;}
	.cd-disc-detail__checklist-copy .cd-disc-detail__head.is-line .cd-disc-detail__head-line{margin-left:auto;margin-right:auto;}
	.cd-disc-detail__checklist-media{max-width:420px;margin:0 auto;}
	.cd-disc-detail__accordion-body{padding-left:20px;}
}