/* 렌트 페이지의 공통 콕카 푸터: 원본 렌트 CSS와 격리하기 위한 범위 한정 스타일.
 * Atomic 값은 setting.css의 실제 정의를 그대로 사용합니다.
 * 공통 마크업과 사업자 정보는 /footer.php에서 관리합니다. */
.site-footer, .site-footer * {
  margin: 0; padding: 0; border: 0; box-sizing: border-box;
  font-size: 16px; line-height: 1.5em; font-family: 'Pretendard', sans-serif;
  font-weight: 400; letter-spacing: -0.05em; vertical-align: baseline;
  color: #2c1e1c; word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-footer { background: #fff; --soft: #91949f; }
.site-footer a { text-decoration: none; }
.site-footer a:focus-visible { outline: 3px solid #2263ee; outline-offset: 4px; }
.site-footer img { line-height: 0; }
.site-footer .co_g4 { color: #91949f; }
.site-footer .co_g6 { color: #5d606c; }
.site-footer.wAc, .site-footer .wAc { align-items: center; }
.site-footer.wFDc, .site-footer .wFDc { flex-direction: column; }
.site-footer.wFw, .site-footer .wFw { flex-wrap: wrap; }
.site-footer.wdf, .site-footer .wdf { display: flex; }
.site-footer.wdg, .site-footer .wdg { display: grid; }
.site-footer.wdif, .site-footer .wdif { display: inline-flex; }
.site-footer.wfW6, .site-footer .wfW6 { font-weight: 600; }
.site-footer.wfs16, .site-footer .wfs16 { font-size: 16px; }
.site-footer.wfs18, .site-footer .wfs18 { font-size: 18px; }
.site-footer.wg16, .site-footer .wg16 { gap: 16px; }
.site-footer.wg24, .site-footer .wg24 { gap: 24px; }
.site-footer.wg40, .site-footer .wg40 { gap: 40px; }
.site-footer.wg8, .site-footer .wg8 { gap: 8px; }
.site-footer.whp40, .site-footer .whp40 { height: 40px; }
.site-footer.wmlpa, .site-footer .wmlpa { margin-left: auto; }
.site-footer.wmrpa, .site-footer .wmrpa { margin-right: auto; }
.site-footer.wpbp12, .site-footer .wpbp12 { padding-bottom: 12px; }
.site-footer.wpbp56, .site-footer .wpbp56 { padding-bottom: 56px; }
.site-footer.wplp16, .site-footer .wplp16 { padding-left: 16px; }
.site-footer.wplp60, .site-footer .wplp60 { padding-left: 60px; }
.site-footer.wprp16, .site-footer .wprp16 { padding-right: 16px; }
.site-footer.wprp60, .site-footer .wprp60 { padding-right: 60px; }
.site-footer.wptp12, .site-footer .wptp12 { padding-top: 12px; }
.site-footer.wptp56, .site-footer .wptp56 { padding-top: 56px; }
.site-footer.wwp102, .site-footer .wwp102 { width: 102px; }
@media (max-width: 1200px) {
.site-footer.tfs14, .site-footer .tfs14 { font-size: 14px; }
.site-footer.tfs16, .site-footer .tfs16 { font-size: 16px; }
.site-footer.tg32, .site-footer .tg32 { gap: 32px; }
.site-footer.thp32, .site-footer .thp32 { height: 32px; }
.site-footer.tpbp48, .site-footer .tpbp48 { padding-bottom: 48px; }
.site-footer.tpbp8, .site-footer .tpbp8 { padding-bottom: 8px; }
.site-footer.tplp12, .site-footer .tplp12 { padding-left: 12px; }
.site-footer.tprp12, .site-footer .tprp12 { padding-right: 12px; }
.site-footer.tptp48, .site-footer .tptp48 { padding-top: 48px; }
.site-footer.tptp8, .site-footer .tptp8 { padding-top: 8px; }
.site-footer.twp82, .site-footer .twp82 { width: 82px; }
}
@media (max-width: 768px) {
.site-footer.mAs, .site-footer .mAs { align-items: flex-start; }
.site-footer.mFDc, .site-footer .mFDc { flex-direction: column; }
.site-footer.mdb, .site-footer .mdb { display: block; }
.site-footer.mfs12, .site-footer .mfs12 { font-size: 12px; }
.site-footer.mfs14, .site-footer .mfs14 { font-size: 14px; }
.site-footer.mg16, .site-footer .mg16 { gap: 16px; }
.site-footer.mg24, .site-footer .mg24 { gap: 24px; }
.site-footer.mg8, .site-footer .mg8 { gap: 8px; }
.site-footer.mpbp12, .site-footer .mpbp12 { padding-bottom: 12px; }
.site-footer.mpbp40, .site-footer .mpbp40 { padding-bottom: 40px; }
.site-footer.mplp16, .site-footer .mplp16 { padding-left: 16px; }
.site-footer.mplp20, .site-footer .mplp20 { padding-left: 20px; }
.site-footer.mprp16, .site-footer .mprp16 { padding-right: 16px; }
.site-footer.mprp20, .site-footer .mprp20 { padding-right: 20px; }
.site-footer.mptp12, .site-footer .mptp12 { padding-top: 12px; }
.site-footer.mptp40, .site-footer .mptp40 { padding-top: 40px; }
}
/* 콕카 page.css의 푸터 전용 예외: 로고 비율, 최대 폭, 사업자 구분선. */
.site-footer .wordmark { flex-shrink: 0; }
.site-footer .wordmark img { object-fit: contain; }
.site-footer .footer-inner { max-width: 1344px; margin-top: auto; margin-bottom: auto; }
.site-footer .footer-links, .site-footer .footer-business, .site-footer .footer-copyright { line-height: 1; }
.site-footer .footer-business p { display: flex; }
.site-footer .footer-business span + span::before { content: "|"; margin-right: 8px; color: var(--soft); }
/* 콕카 media.css와 동일한 모바일 푸터 예외. */
@media (max-width: 768px) {
  .site-footer .footer-business { margin-top: -8px; line-height: 17px; }
  .site-footer .footer-business p { display: contents; }
  .site-footer .footer-business span + span::before { display: none; }
  .site-footer .footer-copyright { line-height: 12px; }
}