/* ━━━ 클린존 섹션 보강 (pages/utm.php #cleanzone) — 2026-08-06 ━━━
   KT 공식 자료의 서비스 프로세스·비교표·가격표를 자사 규격으로 재구성.
   ⚠ 톤: KT B2B 엔터프라이즈. 그라데이션·필버튼·glow 없음. 표/도식 중심.
   ⚠ 표는 사이트 표준 .kt-tech__table 을 그대로 따른다(가운데 정렬·CSS 변수 색).
      여기서 색을 하드코딩하면 다른 표와 톤이 어긋난다 — 최소한만 덧댄다. */

.kt-cz__h3 {
  font-size: 1.06rem;
  font-weight: var(--weight-bold, 700);
  color: var(--color-primary-dark, #0f2947);
  margin: 34px 0 10px;
  padding-left: 11px;
  border-left: 3px solid var(--color-primary, #0050C8);
  line-height: 1.45;
}

.kt-cz__lead {
  font-size: .94rem;
  color: var(--color-text, #475569);
  line-height: 1.75;
  margin: 0 0 14px;
}

/* ── 열 폭 — 두 표의 축을 맞춘다 ──
   비교표(3열)·요금표(3열) 모두 첫 열을 같은 폭으로 고정해, 섹션 안에서
   표가 바뀌어도 시선이 흔들리지 않게 한다. */
.kt-cz__table { table-layout: fixed; width: 100%; }
.kt-cz__table th:first-child,
.kt-cz__table td:first-child { width: 22%; }
.kt-cz__table th:nth-child(2),
.kt-cz__table th:nth-child(3) { width: 39%; }

/* 첫 열(구분·속도) — 항목명. 2026-08-06 가운데 정렬로 변경(사장님 요청).
   열 제목("구분"·"청약 속도")이 가운데라 값도 같은 축에 두는 편이 표가 정돈돼 보인다. */
.kt-cz__table th[scope="row"] {
  text-align: center;
  font-weight: var(--weight-bold, 700);
  color: var(--color-text-strong, #0f1f3d);
  background: var(--color-bg-soft, #f7f9fc);
  border-bottom: 1px solid var(--color-border, #e2e8f0);
  padding: 11px 14px;
  font-size: var(--text-sm, .875rem);
  white-space: nowrap;
}

/* 값 열 — 열 제목과 같은 가운데 축.
   ⚠ 처음엔 우측 정렬이었는데 열 폭이 넓어 값이 오른쪽 끝에 붙어,
      가운데 있는 제목과 눈으로 이어지지 않았다(2026-08-06 수정). */
.kt-cz__table td {
  text-align: center;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}

/* 요금은 자릿수가 길어 줄바꿈 방지 */
.kt-cz__table--fee td { white-space: nowrap; }
/* 비교표는 서술형이라 줄바꿈 허용 */
.kt-cz__table--cmp td { white-space: normal; line-height: 1.6; }

.kt-cz__caption {
  caption-side: top;
  text-align: left;
  font-size: .82rem;
  color: var(--color-text-muted, #7a8798);
  padding: 0 0 7px;
}

.kt-cz__em {
  display: inline-block;
  margin-top: 3px;
  color: #a83226;
  font-weight: var(--weight-bold, 700);
  font-size: .92em;
}

.kt-cz__note {
  font-size: .9rem;
  color: var(--color-text, #475569);
  line-height: 1.75;
  background: var(--color-bg-soft, #f7f9fc);
  border: 1px solid var(--color-border, #e2e8f0);
  border-left: 3px solid #b9c6da;
  padding: 12px 14px;
  margin: 14px 0 0;
}

.kt-cz__note strong { color: var(--color-text-strong, #0f1f3d); }

/* ── 가입 조건 경고 — 일반 인터넷·오피스넷으로는 신청 자체가 안 된다 ──
   상담 단계에서 알면 늦는 정보라 요금표보다 먼저, 눈에 띄게 둔다. */
.kt-cz__req {
  background: #fdf6ec;
  border: 1px solid #edd9b7;
  border-left: 3px solid #c98a1e;
  padding: 13px 15px;
  margin: 0 0 16px;
  font-size: .92rem;
  line-height: 1.75;
  color: #6b4d18;
}

.kt-cz__req strong { color: #7a4f00; }

.kt-cz__req-title {
  display: block;
  font-weight: var(--weight-bold, 700);
  color: #7a4f00;
  margin-bottom: 5px;
  font-size: .96rem;
}

.kt-cz__req ul { margin: 7px 0 0; padding-left: 17px; }
.kt-cz__req li { margin-bottom: 4px; }

@media (max-width: 720px) {
  .kt-cz__h3 { font-size: 1rem; margin-top: 26px; }
  .kt-cz__table { min-width: 460px; }
  .kt-cz__table th:first-child,
  .kt-cz__table td:first-child { width: 26%; }
}