@charset "utf-8";
/* =====================================================
   악취 저감 설비 — business/css/deodor.css
   Accent: var(--c_base7) — 친환경 그린
   ===================================================== */

/* ── 데스크탑 (1200px~) ───────────────────────────────── */
@media screen and (min-width: 1200px), print {

	.deodor-page {background:#fff;}

	/* ─── HERO ─── */
	.dd-hero {
		position:relative; padding:140px 70px 120px; overflow:hidden;
		min-height:520px; display:flex; align-items:center;
		width:1400px; border-radius:20px; margin:100px auto;
	}
	.dd-hero-bg {
		position:absolute; inset:0; background-size:cover; background-position:center;
		filter:brightness(.42) saturate(1.15);
		transform:scale(1.06); transition:transform 8s ease;
	}
	.dd-hero.is-in .dd-hero-bg {transform:scale(1);}
	.dd-hero-overlay {
		position:absolute; inset:0;
		background:
			radial-gradient(circle at 15% 30%, rgba(46,125,50,.55) 0%, transparent 55%),
			radial-gradient(circle at 85% 70%, rgba(125,227,182,.35) 0%, transparent 55%),
			linear-gradient(135deg, rgba(13,43,78,.88), rgba(13,43,78,.55));
	}
	.dd-hero-inner {position:relative; z-index:1; color:#fff;}
	.dd-hero-title {
		font-size:var(--fs64); font-weight:800; line-height:1.15;
		letter-spacing:-.02em; margin:14px 0 26px; color:#fff;
	}
	.dd-hero-title em {
		font-style:normal;
		background:linear-gradient(120deg, #7de3b6, #a8f0d1);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.dd-hero-lead {
		font-size:var(--fs20); color:rgba(255,255,255,.85); line-height:1.7;
		max-width:760px; margin-bottom:40px;
	}
	.dd-hero-lead strong {color:#7de3b6; font-weight:700;}
	.dd-hero-stats {display:flex; flex-wrap:wrap; gap:14px;}
	.dd-hero-stats .pill {
		display:inline-flex; align-items:baseline; gap:10px;
		padding:14px 24px; border-radius:100px;
		background:rgba(255,255,255,.08); backdrop-filter:blur(12px);
		border:1px solid rgba(255,255,255,.18);
	}
	.dd-hero-stats .pill i {
		font-style:normal; font-size:var(--fs28); font-weight:800;
		background:linear-gradient(120deg, #7de3b6, #a8f0d1);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.dd-hero-stats .pill em {font-style:normal; font-size:var(--fs14); color:rgba(255,255,255,.7);}

	/* ─── 공통 섹션 ─── */
	.dd-sec {padding:110px 0;}
	.dd-sec:nth-child(odd) {background:var(--bg2);}
	.dd-sec + .dd-sec {border-top:1px solid var(--border1);}
	.dd-sec-head {text-align:center; max-width:900px; margin:0 auto 60px;}
	.dd-sec-head .d-eyebrow {padding-left:0; color:var(--c_base7);}
	.dd-sec-head .d-eyebrow::before {display:none;}
	.dd-sec-head .d-title em {background:linear-gradient(120deg, var(--c_base7), #7de3b6); background-clip:text; -webkit-background-clip:text; color:transparent;}
	.dd-sec-head .d-title-desc {margin:14px auto 0;}

	/* ─── 01. 개요 ─── */
	/* .dd-intro {background:var(--bg2);} */
	.dd-two-col {display:grid; grid-template-columns:repeat(2, 1fr); gap:32px;}
	.dd-card {padding:44px 40px; border-radius:20px;}
	.dd-card.highlight {
		background:linear-gradient(135deg, var(--c_base7) 0%, #1a5c1f 100%);
		border-color:transparent; color:#fff;
	}
	.d-card h4+p {margin:0 0 20px;}
	.dd-card.highlight .d-card-num {color:rgba(255,255,255,.7);}
	.dd-card.highlight h4 {color:#fff;}
	.dd-card.highlight p {color:rgba(255,255,255,.85);}
	.dd-card.highlight p strong {color:#a8f0d1;}
	.dd-card.highlight:hover {box-shadow:0 30px 60px -20px rgba(46,125,50,.5);}
	.dd-feat {margin-top:24px; display:flex; flex-direction:column; gap:12px;}
	.dd-feat li {display:flex; align-items:center; gap:12px; font-size:var(--fs16); color:#5b6772;}
	.dd-card.highlight .dd-feat li {color:rgba(255,255,255,.9);}
	.dd-feat .dot {width:8px; height:8px; border-radius:50%; background:var(--c_base7); flex-shrink:0;}
	.dd-feat .dot.green {background:#a8f0d1;}

	/* ─── 02. 처리 공정 (반응식) ─── */
	.dd-rxn-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; margin-bottom:60px;}
	.dd-rxn-card {
		background:#fff; border:1px solid var(--border1); border-radius:18px;
		padding:36px 32px; transition:all .4s;
	}
	.dd-rxn-card:hover {border-color:var(--c_base7); transform:translateY(-4px); box-shadow:0 20px 40px -20px rgba(46,125,50,.25);}
	.rxn-head {display:flex; align-items:center; gap:16px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border1);}
	.rxn-badge {
		display:inline-flex; align-items:center; justify-content:center;
		width:44px; height:44px; border-radius:12px;
		background:linear-gradient(135deg, var(--c_base7), #7de3b6);
		color:#fff; font-size:var(--fs16); font-weight:800;
	}
	.rxn-head h4 {font-size:var(--fs22); font-weight:800; color:var(--c_base6);}
	.rxn-body {display:flex; flex-direction:column; gap:16px;}
	.rxn-row {display:flex; align-items:center; gap:14px; padding:14px 18px; background:var(--bg2); border-radius:12px;}
	.rxn-type {
		display:inline-flex; align-items:center; justify-content:center;
		padding:6px 12px; border-radius:6px;
		font-size:var(--fs12); font-weight:800; letter-spacing:.06em;
		flex-shrink:0;
	}
	.rxn-type.chem {background:rgba(21,101,192,.12); color:var(--c_base1);}
	.rxn-type.bio {background:rgba(46,125,50,.12); color:var(--c_base7);}
	.rxn-row code {font-family:'Consolas','Menlo',monospace; font-size:var(--fs14); color:var(--c_base6); font-weight:600;}

	.dd-flow {
		display:grid; grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;
		gap:12px; align-items:stretch;
	}
	.dd-flow-step {
		background:#fff; border:1px solid var(--border1); border-radius:14px;
		padding:24px 18px; text-align:center;
		opacity:0; transform:translateY(30px);
		transition:all .5s cubic-bezier(.2,.8,.2,1);
	}
	.dd-flow-step.is-in {opacity:1; transform:translateY(0);}
	.dd-flow-step:hover {border-color:var(--c_base7); transform:translateY(-4px);}
	.dd-flow-step.end {background:var(--c_base7); border-color:var(--c_base7);}
	.dd-flow-step.end h5, .dd-flow-step.end p {color:#fff;}
	.dd-flow-step.end .step-n {color:rgba(255,255,255,.7);}
	.dd-flow-step .step-n {display:block; font-size:var(--fs13); font-weight:800; letter-spacing:.14em; color:var(--c_base7); margin-bottom:10px;}
	.dd-flow-step h5 {font-size:var(--fs17); font-weight:800; color:var(--c_base6); margin-bottom:6px;}
	.dd-flow-step p {font-size:var(--fs14); color:#7b8794; line-height:1.5;}
	.dd-flow-arrow {display:flex; align-items:center; justify-content:center; font-size:var(--fs20); font-weight:800; color:var(--c_base7);}

	/* ─── 03. TECH 카드 ─── */
	.dd-tech-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
	.dd-tech-card {
		position:relative;
		background:#fff; border:1px solid var(--border1); border-radius:18px;
		padding:40px 36px 36px;
		transition:all .4s cubic-bezier(.2,.8,.2,1);
		overflow:hidden;
	}
	.dd-tech-card::before {
		content:''; position:absolute; left:0; top:0; width:100%; height:4px;
		background:linear-gradient(90deg, var(--c_base7), #7de3b6);
		transform:scaleX(0); transform-origin:left; transition:transform .4s;
	}
	.dd-tech-card:hover {
		transform:translateY(-8px); border-color:transparent;
		box-shadow:0 30px 60px -20px rgba(46,125,50,.3);
	}
	.dd-tech-card:hover::before {transform:scaleX(1);}
	.dd-tech-card .tech-n {display:block; font-size:var(--fs13); font-weight:800; letter-spacing:.14em; color:var(--c_base7); margin-bottom:14px;}
	.dd-tech-card h4 {font-size:var(--fs24); font-weight:800; color:var(--c_base6); margin-bottom:14px;}
	.dd-tech-card p {font-size:var(--fs15); color:#5b6772; line-height:1.7;}
	.dd-tech-card .tech-arr {
		position:absolute; right:32px; top:32px;
		width:38px; height:38px; border-radius:50%;
		background:var(--bg2); color:var(--c_base7);
		display:flex; align-items:center; justify-content:center;
		font-weight:700; transition:all .35s;
	}
	.dd-tech-card:hover .tech-arr {background:var(--c_base7); color:#fff; transform:translate(4px, -4px);}

	/* ─── 04. 적용 및 활용분야 ─── */
	.dd-fields {
		background:var(--bg1);
		background-image:
			radial-gradient(circle at 12% 15%, rgba(46,125,50,.08), transparent 45%),
			radial-gradient(circle at 88% 85%, rgba(46,125,50,.05), transparent 45%);
	}
	/* 5개 항목 3+2 그리드 (두번째 줄 가운데 정렬) */
	.dd-field-grid {
		display:grid; grid-template-columns:repeat(6, 1fr); gap:22px;
		list-style:none; padding:0; margin:0;
	}
	.dd-field {
		grid-column:span 2;
		position:relative; padding:36px 30px 32px;
		background:#fff; border:1px solid var(--border1); border-radius:18px;
		overflow:hidden; transition:transform .4s, box-shadow .4s, border-color .4s;
	}
	.dd-field:nth-child(4) {grid-column:2 / span 2;}
	.dd-field:nth-child(5) {grid-column:4 / span 2;}
	.dd-field::before {
		content:""; position:absolute; left:0; top:0; width:100%; height:4px;
		background:linear-gradient(90deg, var(--c_base7), #7de3b6);
		transform:scaleX(0); transform-origin:left; transition:transform .5s ease;
	}
	.dd-field:hover {
		transform:translateY(-8px); border-color:transparent;
		box-shadow:0 24px 48px -22px rgba(46,125,50,.35);
	}
	.dd-field:hover::before {transform:scaleX(1);}
	.dd-field .field-num {
		position:absolute; top:26px; right:28px;
		font-family:'Poppins','Pretendard',sans-serif; font-size:var(--fs14);
		font-weight:800; letter-spacing:.08em; color:var(--c_base7); opacity:.55;
	}
	.dd-field .field-icon {
		width:58px; height:58px; border-radius:14px; margin-bottom:22px;
		background:linear-gradient(135deg, rgba(46,125,50,.14), rgba(102,187,106,.14));
		color:var(--c_base7);
		display:flex; align-items:center; justify-content:center;
		transition:background .4s, color .4s, transform .4s;
	}
	.dd-field .field-icon svg {width:30px; height:30px;}
	.dd-field:hover .field-icon {
		background:linear-gradient(135deg, var(--c_base7), #7de3b6); color:#fff;
		transform:rotate(-4deg) scale(1.06);
	}
	.dd-field .field-tit {
		font-size:var(--fs18); font-weight:800; color:var(--c_base6);
		line-height:1.4; margin-bottom:12px; letter-spacing:-.01em;
	}
	.dd-field .field-desc {
		font-size:var(--fs14); color:#5b6772; line-height:1.7;
	}
	
	/* ─── 05. FAQ ─── */
	.dd-faq-list {display:flex; flex-direction:column; gap:14px; max-width:1000px; margin:0 auto;}
	.dd-faq-item {background:#fff; border:1px solid var(--border1); border-radius:14px; overflow:hidden; transition:all .3s;}
	.dd-faq-item.is-open {border-color:var(--c_base7); box-shadow:0 20px 40px -20px rgba(46,125,50,.25);}
	.dd-faq-q {width:100%; padding:26px 30px; background:none; border:none; display:flex; align-items:center; gap:20px; text-align:left; cursor:pointer;}
	.dd-faq-q .q-mark {font-size:var(--fs22); font-weight:800; color:var(--c_base7); flex-shrink:0; width:32px;}
	.dd-faq-q .q-text {flex:1; font-size:var(--fs18); font-weight:700; color:var(--c_base6); letter-spacing:-.01em;}
	.dd-faq-q .q-toggle {width:28px; height:28px; position:relative; flex-shrink:0;}
	.dd-faq-q .q-toggle::before, .dd-faq-q .q-toggle::after {content:''; position:absolute; background:var(--c_base6); top:50%; left:50%; transition:all .3s;}
	.dd-faq-q .q-toggle::before {width:14px; height:2px; transform:translate(-50%,-50%);}
	.dd-faq-q .q-toggle::after {width:2px; height:14px; transform:translate(-50%,-50%);}
	.dd-faq-item.is-open .dd-faq-q .q-toggle::after {transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
	.dd-faq-a {max-height:0; overflow:hidden; padding:0 30px 0 82px; transition:max-height .4s ease, padding .3s ease;}
	.dd-faq-item.is-open .dd-faq-a {max-height:400px; padding:0 30px 26px 82px;}
	.dd-faq-a .a-mark {display:inline-block; font-size:var(--fs18); font-weight:800; color:var(--c_base4); margin-right:12px; vertical-align:top;}
	.dd-faq-a p {display:inline; font-size:var(--fs16); color:#5b6772; line-height:1.75;}
	.dd-faq-a p strong {color:var(--c_base7); font-weight:700;}

	/* ─── CTA ─── */
	.dd-cta-wrap {padding:0 0 120px;}
	.dd-cta-wrap .d-cta {background:var(--c_base7);}
	.dd-cta-wrap .d-cta-overlay {background:linear-gradient(135deg, rgba(26,92,31,.9), rgba(26,92,31,.55) 55%, rgba(13,43,78,.85));}

}

/* ── 태블릿 (~1199px) ─────────────────────────────────── */
@media screen and (max-width: 1199px) {

	.deodor-page {background:#fff;}
	
	/* ─── HERO ─── */
	.dd-hero {
		position:relative; padding:80px 30px; overflow:hidden;
		display:flex; align-items:center;
		border-radius:20px; margin:100px 30px;
	}
	.dd-hero-bg {
		position:absolute; inset:0; background-size:cover; background-position:center;
		filter:brightness(.42) saturate(1.15);
		transform:scale(1.06); transition:transform 8s ease;
	}
	.dd-hero.is-in .dd-hero-bg {transform:scale(1);}
	.dd-hero-overlay {
		position:absolute; inset:0;
		background:
			radial-gradient(circle at 15% 30%, rgba(46,125,50,.55) 0%, transparent 55%),
			radial-gradient(circle at 85% 70%, rgba(125,227,182,.35) 0%, transparent 55%),
			linear-gradient(135deg, rgba(13,43,78,.88), rgba(13,43,78,.55));
	}
	.dd-hero-inner {position:relative; z-index:1; color:#fff;}
	.dd-hero-title {
		font-size:var(--fs64); font-weight:800; line-height:1.15;
		letter-spacing:-.02em; margin:14px 0 26px; color:#fff;
	}
	.dd-hero-title em {
		font-style:normal;
		background:linear-gradient(120deg, #7de3b6, #a8f0d1);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.dd-hero-lead {
		font-size:var(--fs20); color:rgba(255,255,255,.85); line-height:1.7;
		max-width:760px; margin-bottom:40px;
	}
	.dd-hero-lead strong {color:#7de3b6; font-weight:700;}
	.dd-hero-stats {display:flex; flex-wrap:wrap; gap:14px;}
	.dd-hero-stats .pill {
		display:inline-flex; align-items:baseline; gap:10px;
		padding:14px 24px; border-radius:100px;
		background:rgba(255,255,255,.08); backdrop-filter:blur(12px);
		border:1px solid rgba(255,255,255,.18);
	}
	.dd-hero-stats .pill i {
		font-style:normal; font-size:var(--fs28); font-weight:800;
		background:linear-gradient(120deg, #7de3b6, #a8f0d1);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.dd-hero-stats .pill em {font-style:normal; font-size:var(--fs14); color:rgba(255,255,255,.7);}

	.dd-sec {padding:80px 30px;}
	.dd-sec + .dd-sec {border-top:1px solid var(--border1);}
	.dd-sec-head {text-align:center; margin-bottom:44px;}
	.dd-sec-head .d-eyebrow {color:var(--c_base7);}
	.dd-sec-head .d-title em {background:linear-gradient(120deg, var(--c_base7), #7de3b6); background-clip:text; -webkit-background-clip:text; color:transparent;}

	.dd-intro {background:var(--bg2);}
	.dd-two-col {display:grid; grid-template-columns:1fr; gap:20px;}
	.dd-card {padding:32px 26px; border-radius:16px;}
	.dd-card.highlight {background:linear-gradient(135deg, var(--c_base7), #1a5c1f); color:#fff;}
	.dd-card.highlight .d-card-num {color:rgba(255,255,255,.7);}
	.dd-card.highlight h4 {color:#fff;}
	.dd-card.highlight p {color:rgba(255,255,255,.85);}
	.dd-feat {margin-top:20px; display:flex; flex-direction:column; gap:10px;}
	.dd-feat li {display:flex; align-items:center; gap:10px; font-size:var(--fs15); color:#5b6772;}
	.dd-card.highlight .dd-feat li {color:rgba(255,255,255,.9);}
	.dd-feat .dot {width:7px; height:7px; border-radius:50%; background:var(--c_base7); flex-shrink:0;}
	.dd-feat .dot.green {background:#a8f0d1;}

	.dd-rxn-grid {display:grid; grid-template-columns:1fr; gap:16px; margin-bottom:40px;}
	.dd-rxn-card {background:#fff; border:1px solid var(--border1); border-radius:16px; padding:26px 22px;}
	.rxn-head {display:flex; align-items:center; gap:12px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid var(--border1);}
	.rxn-badge {display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; background:var(--c_base7); color:#fff; font-size:var(--fs14); font-weight:800;}
	.rxn-head h4 {font-size:var(--fs18); font-weight:800; color:var(--c_base6);}
	.rxn-body {display:flex; flex-direction:column; gap:12px;}
	.rxn-row {display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:12px 14px; background:var(--bg2); border-radius:10px;}
	.rxn-type {display:inline-flex; padding:4px 10px; border-radius:6px; font-size:var(--fs12); font-weight:800;}
	.rxn-type.chem {background:rgba(21,101,192,.12); color:var(--c_base1);}
	.rxn-type.bio {background:rgba(46,125,50,.12); color:var(--c_base7);}
	.rxn-row code {font-family:'Consolas',monospace; font-size:var(--fs13); color:var(--c_base6);}

	.dd-flow {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
	.dd-flow-step {background:#fff; border:1px solid var(--border1); border-radius:12px; padding:18px 14px; text-align:center; opacity:0; transform:translateY(20px); transition:all .5s;}
	.dd-flow-step.is-in {opacity:1; transform:translateY(0);}
	.dd-flow-step.end {background:var(--c_base7); border-color:var(--c_base7);}
	.dd-flow-step.end h5, .dd-flow-step.end p {color:#fff;}
	.dd-flow-step.end .step-n {color:rgba(255,255,255,.7);}
	.dd-flow-step .step-n {display:block; font-size:var(--fs12); font-weight:800; letter-spacing:.14em; color:var(--c_base7); margin-bottom:8px;}
	.dd-flow-step h5 {font-size:var(--fs15); font-weight:800; color:var(--c_base6); margin-bottom:4px;}
	.dd-flow-step p {font-size:var(--fs13); color:#7b8794; line-height:1.5;}
	.dd-flow-arrow {display:none;}

	.dd-tech-grid {display:grid; grid-template-columns:1fr; gap:16px;}
	.dd-tech-card {position:relative; background:#fff; border:1px solid var(--border1); border-radius:16px; padding:28px 24px;}
	.dd-tech-card .tech-n {display:block; font-size:var(--fs12); font-weight:800; letter-spacing:.14em; color:var(--c_base7); margin-bottom:10px;}
	.dd-tech-card h4 {font-size:var(--fs20); font-weight:800; color:var(--c_base6); margin-bottom:10px;}
	.dd-tech-card p {font-size:var(--fs14); color:#5b6772; line-height:1.65;}
	.dd-tech-card .tech-arr {position:absolute; right:22px; bottom:22px; width:32px; height:32px; border-radius:50%; background:var(--bg2); color:var(--c_base7); display:flex; align-items:center; justify-content:center; font-weight:700;}

	.dd-fields {background:var(--bg1);}
	.dd-field-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; list-style:none; padding:0; margin:0;}
	.dd-field {position:relative; padding:28px 24px; background:#fff; border:1px solid var(--border1); border-radius:14px;}
	.dd-field:nth-child(4), .dd-field:nth-child(5) {grid-column:auto;}
	.dd-field .field-num {position:absolute; top:20px; right:22px; font-size:var(--fs13); font-weight:800; color:var(--c_base7); opacity:.55;}
	.dd-field .field-icon {width:52px; height:52px; border-radius:12px; margin-bottom:18px; background:linear-gradient(135deg, rgba(46,125,50,.14), rgba(102,187,106,.14)); color:var(--c_base7); display:flex; align-items:center; justify-content:center;}
	.dd-field .field-icon svg {width:26px; height:26px;}
	.dd-field .field-tit {font-size:var(--fs16); font-weight:800; color:var(--c_base6); line-height:1.4; margin-bottom:10px;}
	.dd-field .field-desc {font-size:var(--fs13); color:#5b6772; line-height:1.65;}

	.dd-faq-list {display:flex; flex-direction:column; gap:12px;}
	.dd-faq-item {background:#fff; border:1px solid var(--border1); border-radius:12px; overflow:hidden; transition:all .3s;}
	.dd-faq-item.is-open {border-color:var(--c_base7);}
	.dd-faq-q {width:100%; padding:20px 22px; background:none; border:none; display:flex; align-items:flex-start; gap:14px; text-align:left; cursor:pointer;}
	.dd-faq-q .q-mark {font-size:var(--fs20); font-weight:800; color:var(--c_base7); flex-shrink:0; width:26px;}
	.dd-faq-q .q-text {flex:1; font-size:var(--fs16); font-weight:700; color:var(--c_base6); line-height:1.5;}
	.dd-faq-q .q-toggle {width:24px; height:24px; position:relative; flex-shrink:0;}
	.dd-faq-q .q-toggle::before, .dd-faq-q .q-toggle::after {content:''; position:absolute; background:var(--c_base6); top:50%; left:50%; transition:all .3s;}
	.dd-faq-q .q-toggle::before {width:12px; height:2px; transform:translate(-50%,-50%);}
	.dd-faq-q .q-toggle::after {width:2px; height:12px; transform:translate(-50%,-50%);}
	.dd-faq-item.is-open .dd-faq-q .q-toggle::after {transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
	.dd-faq-a {max-height:0; overflow:hidden; padding:0 22px 0 62px; transition:max-height .4s ease, padding .3s ease;}
	.dd-faq-item.is-open .dd-faq-a {max-height:400px; padding:0 22px 22px 62px;}
	.dd-faq-a .a-mark {display:inline-block; font-size:var(--fs16); font-weight:800; color:var(--c_base4); margin-right:8px; vertical-align:top;}
	.dd-faq-a p {display:inline; font-size:var(--fs14); color:#5b6772; line-height:1.7;}
	.dd-faq-a p strong {color:var(--c_base7);}

	.dd-cta-wrap {padding:0 30px 80px;}
	.dd-cta-wrap .d-cta {background:var(--c_base7);}
	.dd-cta-wrap .d-cta-overlay {background:linear-gradient(135deg, rgba(26,92,31,.9), rgba(13,43,78,.85));}

}

/* ── 모바일 (~767px) ─────────────────────────────────── */
@media screen and (max-width: 767px) {

	.dd-hero {padding:50px 20px; margin: 50px 20px;}
	.dd-hero-stats {gap:8px;}
	.dd-hero-stats .pill {padding:8px 14px;}

	.dd-sec {padding:60px 20px;}
	.dd-sec-head {margin-bottom:32px;}

	.dd-card {padding:24px 20px;}

	.dd-flow {grid-template-columns:1fr;}

	.dd-tech-card {padding:22px 20px;}

	.dd-field-grid {grid-template-columns:1fr; gap:12px;}
	.dd-field {padding:24px 20px;}
	.dd-field .field-num {top:18px; right:20px;}
	.dd-field .field-icon {width:46px; height:46px; margin-bottom:14px;}
	.dd-field .field-icon svg {width:23px; height:23px;}
	.dd-field .field-tit {margin-bottom:8px;}
	.dd-field .field-desc {}

	.dd-faq-q {padding:16px 18px;}
	.dd-faq-item.is-open .dd-faq-a {padding:0 18px 18px 52px;}

	.dd-cta-wrap {padding:0 20px 60px;}

}