@charset "utf-8";
/* =====================================================
   수처리 설비 — business/css/water.css
   Accent: var(--c_base5) — 시안/아쿠아
   ===================================================== */

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

	.water-page {background:#fff;}

	/* ─── HERO ─── */
	.wt-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;
	}
	.wt-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;
	}
	.wt-hero.is-in .wt-hero-bg {transform:scale(1);}
	.wt-hero-overlay {
		position:absolute; inset:0;
		background:
			radial-gradient(circle at 15% 30%, rgba(0,172,193,.55) 0%, transparent 55%),
			radial-gradient(circle at 85% 70%, rgba(21,101,192,.4) 0%, transparent 55%),
			linear-gradient(135deg, rgba(13,43,78,.88), rgba(13,43,78,.55));
	}
	.wt-hero-inner {position:relative; z-index:1; color:#fff;}
	.wt-hero-title {
		font-size:var(--fs64); font-weight:800; line-height:1.15;
		letter-spacing:-.02em; margin:14px 0 26px; color:#fff;
	}
	.wt-hero-title em {
		font-style:normal;
		background:linear-gradient(120deg, #7de3f0, #a8d9ff);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.wt-hero-lead {
		font-size:var(--fs20); color:rgba(255,255,255,.85); line-height:1.7;
		max-width:760px; margin-bottom:40px;
	}
	.wt-hero-lead strong {color:#7de3f0; font-weight:700;}
	.wt-hero-stats {display:flex; flex-wrap:wrap; gap:14px;}
	.wt-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);
	}
	.wt-hero-stats .pill i {
		font-style:normal; font-size:var(--fs24); font-weight:800;
		background:linear-gradient(120deg, #7de3f0, #a8d9ff);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.wt-hero-stats .pill em {font-style:normal; font-size:var(--fs14); color:rgba(255,255,255,.7);}

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

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

	/* ─── 02. 처리 공정 (상향류) ─── */
	.wt-flow {
		display:flex; flex-direction:column-reverse; gap:14px;
		max-width:640px; margin:0 auto;
	}
	.wt-flow-step {
		background:#fff; border:1px solid var(--border1); border-radius:14px;
		padding:22px 28px; display:flex; align-items:center; gap:24px;
		opacity:0; transform:translateY(30px);
		transition:all .5s cubic-bezier(.2,.8,.2,1);
		position:relative;
	}
	.wt-flow-step.is-in {opacity:1; transform:translateY(0);}
	.wt-flow-step:hover {border-color:var(--c_base5); transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(0,172,193,.3);}
	.wt-flow-step.end {background:linear-gradient(135deg, var(--c_base5), var(--c_base1)); border-color:transparent;}
	.wt-flow-step.end h5, .wt-flow-step.end p, .wt-flow-step.end .step-n {color:#fff;}
	.wt-flow-step .step-n {
		font-size:var(--fs13); font-weight:800; letter-spacing:.14em;
		color:var(--c_base5); flex-shrink:0; min-width:74px;
	}
	.wt-flow-step .step-body {flex:1;}
	.wt-flow-step h5 {font-size:var(--fs18); font-weight:800; color:var(--c_base6); margin-bottom:4px;}
	.wt-flow-step p {font-size:var(--fs14); color:#7b8794; line-height:1.5;}
	.wt-flow-arrow {
		display:flex; align-items:center; justify-content:center;
		font-size:var(--fs24); font-weight:800; color:var(--c_base5);
		height:28px;
	}
	.wt-note {
		margin-top:60px; max-width:900px; margin-left:auto; margin-right:auto;
		padding:24px 30px; background:linear-gradient(135deg, rgba(0,172,193,.06), rgba(21,101,192,.05));
		border-left:4px solid var(--c_base5); border-radius:0 12px 12px 0;
		display:flex; align-items:center; gap:20px;
	}
	.wt-note .note-badge {
		display:inline-block; padding:6px 12px; border-radius:6px;
		background:var(--c_base5); color:#fff;
		font-size:var(--fs12); font-weight:800; letter-spacing:.06em;
		flex-shrink:0;
	}
	.wt-note p {font-size:var(--fs16); color:#5b6772; line-height:1.7;}
	.wt-note p strong {color:var(--c_base5); font-weight:700;}

	/* ─── 03. TECH 카드 (feature) ─── */
	.wt-tech-grid {display:grid; grid-template-columns:1fr; gap:24px; max-width:1100px; margin:0 auto;}
	.wt-tech-card.feature {
		display:grid; grid-template-columns:1.1fr 1fr;
		background:#fff; border:1px solid var(--border1); border-radius:20px;
		overflow:hidden;
		transition:all .4s cubic-bezier(.2,.8,.2,1);
	}
	.wt-tech-card.feature:hover {
		transform:translateY(-6px); border-color:transparent;
		box-shadow:0 30px 60px -20px rgba(0,172,193,.3);
	}
	.wt-tech-card.feature .tech-img {
		background-size:contain; background-position:center; background-repeat:no-repeat;
		min-height:360px; transition:transform .6s;
	}
	.wt-tech-card.feature:hover .tech-img {transform:scale(1.05);}
	.wt-tech-card.feature .tech-body {padding:48px 44px; display:flex; flex-direction:column; justify-content:center;}
	.wt-tech-card.feature .tech-n {font-size:var(--fs13); font-weight:800; letter-spacing:.14em; color:var(--c_base5); margin-bottom:12px;}
	.wt-tech-card.feature h4 {font-size:var(--fs28); font-weight:800; color:var(--c_base6); letter-spacing:-.01em; margin-bottom:14px;}
	.wt-tech-card.feature p {font-size:var(--fs16); color:#5b6772; line-height:1.75; margin-bottom:24px;}
	.wt-tech-card.feature .tech-tags {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px;}
	.wt-tech-card.feature .tech-tags span {
		display:inline-block; padding:6px 14px; border-radius:100px;
		background:var(--bg2); color:var(--c_base6);
		font-size:var(--fs13); font-weight:600;
	}
	.wt-tech-card.feature .tech-arr {font-size:var(--fs16); font-weight:700; color:var(--c_base5); transition:transform .3s;}
	.wt-tech-card.feature:hover .tech-arr {transform:translateX(6px);}

/* ─── 04. 적용 및 활용 가능분야 ─── */
	.wt-fields {
		background:var(--bg1);
		background-image:
			radial-gradient(circle at 10% 10%, rgba(0,172,193,.08), transparent 45%),
			radial-gradient(circle at 90% 90%, rgba(21,101,192,.06), transparent 45%);
	}
	.wt-field-grid {
		display:grid; grid-template-columns:repeat(3, 1fr); gap:26px;
		list-style:none; padding:0; margin:0;
	}
	.wt-field {
		position:relative; padding:44px 32px 36px;
		background:#fff; border:1px solid var(--border1); border-radius:20px;
		overflow:hidden; transition:transform .4s, box-shadow .4s, border-color .4s;
		display:flex; flex-direction:column;
	}
	.wt-field::before {
		content:""; position:absolute; left:0; top:0; width:100%; height:4px;
		background:linear-gradient(90deg, var(--c_base5), #7de3f0);
		transform:scaleX(0); transform-origin:left; transition:transform .55s ease;
	}
	.wt-field::after {
		content:""; position:absolute; right:-40px; bottom:-40px;
		width:180px; height:180px; border-radius:50%;
		background:radial-gradient(circle, rgba(0,172,193,.08), transparent 70%);
		transition:transform .5s;
	}
	.wt-field:hover {
		transform:translateY(-8px); border-color:transparent;
		box-shadow:0 26px 52px -22px rgba(0,172,193,.4);
	}
	.wt-field:hover::before {transform:scaleX(1);}
	.wt-field:hover::after {transform:scale(1.25);}
	.wt-field .field-num {
		position:absolute; top:28px; right:32px;
		font-family:'Poppins','Pretendard',sans-serif; font-size:var(--fs14);
		font-weight:800; letter-spacing:.08em; color:var(--c_base5); opacity:.6;
	}
	.wt-field .field-icon {
		width:64px; height:64px; border-radius:16px; margin-bottom:24px;
		background:linear-gradient(135deg, rgba(0,172,193,.14), rgba(21,101,192,.14));
		color:var(--c_base5);
		display:flex; align-items:center; justify-content:center;
		transition:background .4s, color .4s, transform .45s;
		position:relative; z-index:1;
	}
	.wt-field .field-icon svg {width:32px; height:32px;}
	.wt-field:hover .field-icon {
		background:linear-gradient(135deg, var(--c_base5), #7de3f0); color:#fff;
		transform:rotate(-4deg) scale(1.06);
	}
	.wt-field .field-tit {
		font-size:var(--fs20); font-weight:800; color:var(--c_base1);
		line-height:1.4; margin-bottom:14px; letter-spacing:-.01em;
		position:relative; z-index:1;
	}
	.wt-field .field-desc {
		font-size:var(--fs14); color:#5b6772; line-height:1.75;
		flex:1; position:relative; z-index:1;
	}
	.wt-field .field-tags {
		display:flex; flex-wrap:wrap; gap:8px; margin-top:22px;
		padding:22px 0 0; border-top:1px dashed var(--border1);
		list-style:none;
		position:relative; z-index:1;
	}
	.wt-field .field-tags li {
		font-size:var(--fs12); font-weight:700; color:var(--c_base5);
		background:rgba(0,172,193,.1); padding:6px 12px; border-radius:100px;
		letter-spacing:-.01em;
	}
	.wt-field:hover .field-tags li {background:rgba(0,172,193,.16);}

	/* ─── 05. FAQ ─── */
	.wt-faq-list {display:flex; flex-direction:column; gap:14px; max-width:1000px; margin:0 auto;}
	.wt-faq-item {background:#fff; border:1px solid var(--border1); border-radius:14px; overflow:hidden; transition:all .3s;}
	.wt-faq-item.is-open {border-color:var(--c_base5); box-shadow:0 20px 40px -20px rgba(0,172,193,.25);}
	.wt-faq-q {width:100%; padding:26px 30px; background:none; border:none; display:flex; align-items:center; gap:20px; text-align:left; cursor:pointer;}
	.wt-faq-q .q-mark {font-size:var(--fs22); font-weight:800; color:var(--c_base5); flex-shrink:0; width:32px;}
	.wt-faq-q .q-text {flex:1; font-size:var(--fs18); font-weight:700; color:var(--c_base6);}
	.wt-faq-q .q-toggle {width:28px; height:28px; position:relative; flex-shrink:0;}
	.wt-faq-q .q-toggle::before, .wt-faq-q .q-toggle::after {content:''; position:absolute; background:var(--c_base6); top:50%; left:50%; transition:all .3s;}
	.wt-faq-q .q-toggle::before {width:14px; height:2px; transform:translate(-50%,-50%);}
	.wt-faq-q .q-toggle::after {width:2px; height:14px; transform:translate(-50%,-50%);}
	.wt-faq-item.is-open .wt-faq-q .q-toggle::after {transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
	.wt-faq-a {max-height:0; overflow:hidden; padding:0 30px 0 82px; transition:max-height .4s ease, padding .3s ease;}
	.wt-faq-item.is-open .wt-faq-a {max-height:400px; padding:0 30px 26px 82px;}
	.wt-faq-a .a-mark {display:inline-block; font-size:var(--fs18); font-weight:800; color:var(--c_base1); margin-right:12px; vertical-align:top;}
	.wt-faq-a p {display:inline; font-size:var(--fs16); color:#5b6772; line-height:1.75;}
	.wt-faq-a p strong {color:var(--c_base5); font-weight:700;}

	/* ─── CTA ─── */
	.wt-cta-wrap {padding:0 0 120px;}
	.wt-cta-wrap .d-cta-overlay {background:radial-gradient(ellipse at 15% 20%, rgba(0,172,193,.65) 0%, transparent 55%), linear-gradient(135deg, rgba(13,43,78,.9), rgba(13,43,78,.55) 55%, rgba(13,43,78,.9));}

}

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

	.water-page {background:#fff;}

	/* ─── HERO ─── */
	.wt-hero {
		position:relative; padding:80px 30px; overflow:hidden;
		display:flex; align-items:center;
		border-radius:20px; margin:100px 30px;
	}
	.wt-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;
	}
	.wt-hero.is-in .wt-hero-bg {transform:scale(1);}
	.wt-hero-overlay {
		position:absolute; inset:0;
		background:
			radial-gradient(circle at 15% 30%, rgba(0,172,193,.55) 0%, transparent 55%),
			radial-gradient(circle at 85% 70%, rgba(21,101,192,.4) 0%, transparent 55%),
			linear-gradient(135deg, rgba(13,43,78,.88), rgba(13,43,78,.55));
	}
	.wt-hero-inner {position:relative; z-index:1; color:#fff;}
	.wt-hero-title {
		font-size:var(--fs64); font-weight:800; line-height:1.15;
		letter-spacing:-.02em; margin:14px 0 26px; color:#fff;
	}
	.wt-hero-title em {
		font-style:normal;
		background:linear-gradient(120deg, #7de3f0, #a8d9ff);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.wt-hero-lead {
		font-size:var(--fs20); color:rgba(255,255,255,.85); line-height:1.7;
		max-width:760px; margin-bottom:40px;
	}
	.wt-hero-lead strong {color:#7de3f0; font-weight:700;}
	.wt-hero-stats {display:flex; flex-wrap:wrap; gap:14px;}
	.wt-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);
	}
	.wt-hero-stats .pill i {
		font-style:normal; font-size:var(--fs24); font-weight:800;
		background:linear-gradient(120deg, #7de3f0, #a8d9ff);
		background-clip:text; -webkit-background-clip:text; color:transparent;
	}
	.wt-hero-stats .pill em {font-style:normal; font-size:var(--fs14); color:rgba(255,255,255,.7);}

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

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

	.wt-flow {display:flex; flex-direction:column-reverse; gap:12px;}
	.wt-flow-step {background:#fff; border:1px solid var(--border1); border-radius:12px; padding:18px 22px; display:flex; align-items:center; gap:16px; opacity:0; transform:translateY(20px); transition:all .5s;}
	.wt-flow-step.is-in {opacity:1; transform:translateY(0);}
	.wt-flow-step.end {background:linear-gradient(135deg, var(--c_base5), var(--c_base1)); border-color:transparent;}
	.wt-flow-step.end h5, .wt-flow-step.end p, .wt-flow-step.end .step-n {color:#fff;}
	.wt-flow-step .step-n {font-size:var(--fs12); font-weight:800; letter-spacing:.14em; color:var(--c_base5); flex-shrink:0; min-width:60px;}
	.wt-flow-step h5 {font-size:var(--fs16); font-weight:800; color:var(--c_base6); margin-bottom:2px;}
	.wt-flow-step p {font-size:var(--fs13); color:#7b8794; line-height:1.5;}
	.wt-flow-arrow {display:flex; align-items:center; justify-content:center; font-size:var(--fs20); font-weight:800; color:var(--c_base5);}
	.wt-note {margin-top:40px; padding:20px 24px; background:linear-gradient(135deg, rgba(0,172,193,.06), rgba(21,101,192,.05)); border-left:4px solid var(--c_base5); border-radius:0 10px 10px 0; display:flex; flex-direction:column; align-items:flex-start; gap:12px;}
	.wt-note .note-badge {display:inline-block; padding:5px 10px; border-radius:6px; background:var(--c_base5); color:#fff; font-size:var(--fs12); font-weight:800;}
	.wt-note p {font-size:var(--fs14); color:#5b6772; line-height:1.65;}
	.wt-note p strong {color:var(--c_base5);}

	.wt-tech-grid {display:grid; grid-template-columns:1fr; gap:16px;}
	.wt-tech-card.feature {display:grid; grid-template-columns:1fr; background:#fff; border:1px solid var(--border1); border-radius:16px; overflow:hidden;}
	.wt-tech-card.feature .tech-img {aspect-ratio:2/1; min-height:200px; background-size:cover; background-position:center;}
	.wt-tech-card.feature .tech-body {padding:30px 26px;}
	.wt-tech-card.feature .tech-n {font-size:var(--fs12); font-weight:800; letter-spacing:.14em; color:var(--c_base5); margin-bottom:10px;}
	.wt-tech-card.feature h4 {font-size:var(--fs22); font-weight:800; color:var(--c_base6); margin-bottom:10px;}
	.wt-tech-card.feature p {font-size:var(--fs14); color:#5b6772; line-height:1.7; margin-bottom:18px;}
	.wt-tech-card.feature .tech-tags {display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px;}
	.wt-tech-card.feature .tech-tags span {display:inline-block; padding:5px 12px; border-radius:100px; background:var(--bg2); color:var(--c_base6); font-size:var(--fs12); font-weight:600;}
	.wt-tech-card.feature .tech-arr {font-size:var(--fs14); font-weight:700; color:var(--c_base5);}

	.wt-fields {background:var(--bg2);}
	.wt-field-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; list-style:none; padding:0; margin:0;}
	.wt-field {position:relative; padding:32px 26px 28px; background:#fff; border:1px solid var(--border1); border-radius:16px; display:flex; flex-direction:column;}
	.wt-field .field-num {position:absolute; top:22px; right:24px; font-size:var(--fs13); font-weight:800; color:var(--c_base5); opacity:.6;}
	.wt-field .field-icon {width:52px; height:52px; border-radius:14px; margin-bottom:18px; background:linear-gradient(135deg, rgba(0,172,193,.14), rgba(21,101,192,.14)); color:var(--c_base5); display:flex; align-items:center; justify-content:center;}
	.wt-field .field-icon svg {width:26px; height:26px;}
	.wt-field .field-tit {font-size:var(--fs17); font-weight:800; color:var(--c_base1); line-height:1.4; margin-bottom:10px;}
	.wt-field .field-desc {font-size:var(--fs13); color:#5b6772; line-height:1.7; flex:1;}
	.wt-field .field-tags {display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; padding:16px 0 0; border-top:1px dashed var(--border1); list-style:none;}
	.wt-field .field-tags li {font-size:var(--fs12); font-weight:700; color:var(--c_base5); background:rgba(0,172,193,.1); padding:4px 10px; border-radius:100px;}

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

	.wt-cta-wrap {padding:0 30px 80px;}

}

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

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

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

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

	.wt-flow-step {padding:14px 18px;}
	.wt-flow-step .step-n {min-width:52px;}

	.wt-tech-card.feature .tech-body {padding:24px 20px;}

	.wt-field-grid {grid-template-columns:1fr; gap:14px;}
	.wt-field {padding:26px 22px 24px;}
	.wt-field .field-num {top:20px; right:22px}
	.wt-field .field-icon {width:48px; height:48px; margin-bottom:16px;}
	.wt-field .field-icon svg {width:24px; height:24px;}
	.wt-field .field-tit { margin-bottom:8px;}
	.wt-field .field-tags {margin-top:14px; padding-top:14px;}

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

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

}