@charset "utf-8";

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  color: #333;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

img { border: 0; }

.page {
  max-width: 1290px;
  margin: 0 auto;
}

.secimg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  vertical-align: top;
}

/* ── 상담폼 영역 ───────────────────────────────────────────────
   iframe 안(appu.kr)이 자체 배경·카드를 갖는다. 우리는 자리와 높이만 준다.
   🔴 height 실측 근거 (2026-08-25 · `&ft=n` 적용 후 재측정 · form-sweep.mjs)
      폼은 뷰포트가 아니라 **자기 폭**에 반응한다. 이 재현본은 컨테이너가 full-bleed 라
      폼 폭 = min(뷰포트, 1290) 이고, 그래서 CSS 미디어쿼리 폭이 곧 폼 폭이다.
        폼 폭 320 → 실 콘텐츠·제출버튼 하단 714
        폼 폭 360·375 → 699
        폼 폭 390~540 → 674
        폼 폭 545~1290 → 907~909   ← 내부 브레이크포인트가 540~545 사이
      ⇒ 540 미만 780px(여유 66~106) · 540 이상 980px(여유 71~73).
      ⚠️ 구 값 1120/1280 은 **ft 포함**(폼 안 다이사 사업자정보 푸터 있음) 기준이라
         지금 쓰면 375px 에서 406px 빈 공백이 생긴다. 되살리지 말 것. */
.formzone {
  margin: 0;
  padding: 0;
  background: #fff;
}

.formzone iframe {
  display: block;
  width: 100%;
  border: 0;
  height: 780px;
}

@media (min-width: 540px) {
  .formzone iframe { height: 980px; }
}

/* 계측용 표식(E2 scroll_50) — 렌더에 영향 없음 */
#scrollSentinel {
  display: block;
  width: 1px;
  height: 1px;
}

#footer {
  background: #4d4d4d;
  color: #cfcfcf;
  text-align: center;
  padding: 26px 16px 30px;
}

#footer .inner_box {
  max-width: 1290px;
  margin: 0 auto;
}

#footer .address p {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.8;
  word-break: keep-all;
}

#footer .address p:last-child {
  margin-top: 10px;
  margin-bottom: 0;
  color: #a9a9a9;
}