/* 포지 푸터 — 기존 워프(The7) 푸터 디자인 인용 (2026-09-20 사용자 결정. 지코와 달라야 한다)
   site.css 의 지코 푸터 위에 덮어쓴다. 로드 순서: site.css → header.css → footer.css.
   라이브 값: 배경 var(--pz-footer) + congruent_outline 패턴, 본문 회색 var(--pz-muted), 링크 var(--pz-muted) 14px,
   제목 흰색, 첫 열은 흰 심볼 + 이름 + 소개, 하단 띠 rgba(255,255,255,.12) 에 작은 로고 + 저작권 | 사업자 | 메일.
   지금 열 나누기(시공분야 / 바로가기 / 고객센터)와 꽉 찬 워드마크는 그대로 둔다. */

.rk-footer {
  background: var(--pz-footer) url('/assets/img/footer-pattern.png') repeat;
  color: var(--pz-muted);
  font-size: 14px;
  padding: 0;
}
.rk-footer__inner {
  width: min(calc(100% - 40px), 1240px); margin: 0 auto;
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px;
  padding: 56px 0 44px;
}
.rk-footer__col h2 {
  margin: 0 0 14px; color: var(--pz-white);
  font-size: 16px; font-weight: 700; letter-spacing: -0.02em;
}
.rk-footer__col p { margin: 0; line-height: 1.75; }
.rk-footer__links, .rk-footer__contact { margin: 0; padding: 0; list-style: none; }
.rk-footer__links li, .rk-footer__contact li { margin: 0 0 9px; }
.rk-footer a { color: var(--pz-muted); text-decoration: none; }
.rk-footer a:hover { color: var(--pz-white); }
.rk-footer__contact li { display: flex; align-items: center; gap: 8px; }
.rk-footer__contact svg { width: 13px; height: 13px; fill: var(--pz-muted); flex: 0 0 auto; }
.rk-footer__hours { margin-top: 10px; }

/* 첫 열: 흰 심볼 → 이름 → 소개 (라이브 그대로) */
.rk-footer__col--about h2 { display: flex; flex-direction: column; gap: 12px; font-size: 18px; font-family: var(--pz-font-logo); }
.rk-footer__col--about h2 img { width: 44px; height: 44px; display: block; }
.rk-footer__col--about p { max-width: 300px; }

/* 꽉 찬 워드마크 */
.rk-footer__wordmark { width: min(calc(100% - 40px), 1240px); margin: 0 auto; padding: 8px 0 36px; }
.rk-footer__wordmark span {
  display: block; text-align: center; color: var(--pz-white);
  font-family: var(--pz-font-logo); font-weight: 700; line-height: 1;
  /* 7글자가 콘텐츠 폭(최대 1240)을 꽉 채우도록 폭에서 역산. 글자 하나 ≈ 0.98em → 7자 6.86em */
  font-size: clamp(48px, calc((100vw - 40px) / 6.86), 180px);
  letter-spacing: -0.01em;
}

/* 하단 띠 */
.rk-footer__bottom { background: rgba(255, 255, 255, 0.12); color: var(--pz-ivory); font-size: 12.5px; }
.rk-footer__bottom-inner {
  width: min(calc(100% - 40px), 1240px); margin: 0 auto;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px;
  min-height: 44px;
}
.rk-footer__copy { display: inline-flex; align-items: center; gap: 10px; color: var(--pz-ivory); }
.rk-footer__copy img { width: 22px; height: 22px; }
.rk-footer__biz { color: var(--pz-line); text-align: right; }
.rk-footer__legal { display: inline-flex; align-items: center; gap: 12px; }
.rk-footer__legal a { color: var(--pz-ivory); }
.pz-soc-wrap { margin-left: 4px; }
.pz-soc { width: 24px; height: 24px; border-color: rgba(255, 255, 255, 0.28); color: var(--pz-ivory); }

.rk-totop { background: var(--pz-white); color: var(--pz-footer); }

@media (max-width: 900px) {
  .rk-footer__inner { grid-template-columns: 1fr 1fr; gap: 28px 24px; padding: 44px 0 32px; }
  .rk-footer__col--about { grid-column: 1 / -1; }
  .rk-footer__bottom-inner { grid-template-columns: 1fr; gap: 6px; padding: 12px 0; text-align: left; }
  .rk-footer__biz { text-align: left; }
}
@media (max-width: 520px) {
  .rk-footer__inner { grid-template-columns: 1fr; }
}