/* 신규 상세페이지 20개 전용 스타일 — .cp-scope 하위로만 적용, 사이트 전역에 영향 없음 */

.cp-hero-inner{display:grid;gap:40px;align-items:center}
.cp-hero-split-left .cp-hero-inner{grid-template-columns:1fr 1fr}
.cp-hero-split-left .cp-hero-visual{order:-1}
.cp-hero-split-right .cp-hero-inner{grid-template-columns:1fr 1fr}
.cp-hero-centered .cp-hero-inner{grid-template-columns:1fr;text-align:center;max-width:720px;margin:0 auto}
.cp-hero-centered .cp-hero-visual{max-width:520px;margin:0 auto}
.cp-hero-centered .cp-hero-text .btn{margin-top:8px}
.cp-hero-image-bg{position:relative;padding:0!important;min-height:480px;display:flex;align-items:center}
.cp-hero-image-bg .cp-hero-visual{position:absolute;inset:0;z-index:0}
.cp-hero-image-bg .cp-hero-visual .img-box{width:100%;height:100%;border-radius:0}
.cp-hero-image-bg .cp-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.1) 100%)}
.cp-hero-image-bg .cp-hero-inner{grid-template-columns:1fr;position:relative;z-index:1;padding:64px 0}
.cp-hero-image-bg .cp-hero-text{max-width:560px}
.cp-hero-stacked-cards .cp-hero-inner{grid-template-columns:1.2fr .8fr}

@media(max-width:860px){
	.cp-hero-split-left .cp-hero-inner,
	.cp-hero-split-right .cp-hero-inner,
	.cp-hero-stacked-cards .cp-hero-inner{grid-template-columns:1fr}
	.cp-hero-split-left .cp-hero-visual{order:0}
}

.cp-content p{line-height:1.85;margin-bottom:20px;color:var(--muted)}
.cp-content h2{font-size:1.6rem;font-weight:900;margin:40px 0 16px;color:var(--cp-primary,var(--green))}
.cp-content h3{font-size:1.2rem;font-weight:800;margin:28px 0 12px}

.cp-steps{counter-reset:cp-step;list-style:none;margin:24px 0}
.cp-steps li{counter-increment:cp-step;position:relative;padding:8px 0 8px 44px;margin-bottom:12px}
.cp-steps li::before{content:counter(cp-step);position:absolute;left:0;top:6px;width:30px;height:30px;border-radius:50%;background:var(--cp-primary,var(--green));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.cp-steps li strong{display:block;margin-bottom:4px}
.cp-steps li p{margin-bottom:0;color:var(--muted)}

.cp-checklist{list-style:none;margin:24px 0;display:grid;gap:10px}
.cp-checklist li{position:relative;padding-left:30px;line-height:1.6}
.cp-checklist li::before{content:"✓";position:absolute;left:0;top:0;color:var(--cp-primary,var(--green));font-weight:900}

.cp-quote{margin:28px 0;padding:20px 24px;font-size:1.05rem;line-height:1.7;font-style:normal;color:#333;border-left:4px solid var(--cp-accent,var(--orange));background:#fafafa}

.cp-notice{margin:24px 0;padding:18px 20px;border-radius:8px;line-height:1.7;font-size:.96rem;border-left:4px solid var(--cp-primary,var(--green));background:var(--green-light)}

.cp-faq{display:grid;gap:12px}
.cp-faq-item{border:1px solid var(--border);border-radius:10px;padding:16px 20px}
.cp-faq-item summary{cursor:pointer;font-weight:700}
.cp-faq-item p{margin:12px 0 0;color:var(--muted);line-height:1.7}

.cp-bottom-cta{color:#fff}
.cp-bottom-cta .btn{font-weight:800}