@import url("../renewal-tokens.css?v=20260902d");
/* ═══════════════════════════════════════════════════════════════
   공통 푸터(footer/footer.html) 리뉴얼 스케일 (2026-09-01, g1 🟡 Y8)
   style.css:852~925 의 레거시 다크 푸터 치수(브랜드 40px Poppins·링크 16px·copyright 15px·
   padding 80/110·높이 399px)를 renewal-skin 이 색만 덮어 본문 13.5px 옆에서 유독 컸다.
   인증 화면 .authfoot(11px) 과 본문 사이 스케일(11~12.5px)로 내리고, 링크 hover 를 준다.
   프래그먼트(footer.html)가 이 파일을 직접 <link> 하므로 14개 페이지에 그대로 적용된다.
   ⚠️ renewal-skin.css:238~245 가 푸터 글자색에 !important 를 쓰고 있어, 그와 다른 값이
      필요한 곳(링크 hover·copyright)만 !important 로 넘는다 — 스킨 정리(WP-DS) 후 제거 가능.
   ═══════════════════════════════════════════════════════════════ */
footer.footer { background: transparent; padding: 0; }
#footer {
  padding: 28px 0 40px;
  background: transparent;
  border-top: 1px solid var(--rn-border-faint);
}
#footer .footer_in { align-items: flex-start; }
#footer .footer_in h2 {
  width: 200px;
  font-family: inherit;
  font-size: 16px; font-weight: 800; letter-spacing: -.01em; line-height: 1.4;
}
#footer .footer_in .foot_info { width: calc(100% - 200px); }
#footer .footer_in .foot_info .foot_menu li { padding: 0 20px 0 0; }
#footer .footer_in .foot_info .foot_menu li a {
  font-size: 12px; font-weight: 700; line-height: 1.5;
  transition: color .15s ease;
}
#footer .footer_in .foot_info .foot_menu li a:hover { color: var(--rn-text) !important; }
#footer .footer_in .foot_info dl { margin: 12px 0 0; }
#footer .footer_in .foot_info dl dd { font-size: 11.5px; line-height: 1.6; padding: 0 20px 4px 0; }
#footer .footer_in .foot_info dl dd b { margin-right: 6px; font-weight: 700; }
#footer .footer_in .foot_info .copyright {
  font-size: 11px; line-height: 1.5; padding: 16px 0 0;
  color: var(--rn-text-faint) !important;
}
@media screen and (max-width: 900px) {
  #footer .footer_in h2, #footer .footer_in .foot_info { width: 100%; }
  #footer .footer_in h2 { margin-bottom: 10px; }
}

/* ── 2026-09-07 자립 레이아웃 (민수님 지시: 사용자 진입 페이지 전부 푸터) ──
   style.css 를 싣지 않는 페이지(대표 계정 목록·회원사 관리 등)에서도 같은 형태가 되도록
   style.css:854~925 의 골격(가로 배치·폭·메뉴/항목 정렬)을 여기서도 선언한다. 값은 위 리뉴얼 스케일과 동일. */
#footer .footer_in { display: flex; flex-wrap: wrap; }
#footer .w1350 { max-width: 1350px; width: 90%; margin: 0 auto; box-sizing: border-box; }
#footer .footer_in .foot_info { box-sizing: border-box; }
#footer .footer_in .foot_info .foot_menu { display: flex; list-style: none; margin: 0; padding: 0; }
#footer .footer_in .foot_info .foot_menu li { position: relative; }
#footer .footer_in .foot_info .foot_menu li a { display: block; text-decoration: none; color: var(--rn-text-sub, #4e5968); }
#footer .footer_in .foot_info dl { font-size: 0; }
#footer .footer_in .foot_info dl dd { display: inline-block; vertical-align: top; box-sizing: border-box; margin: 0; color: var(--rn-text-sub, #4e5968); }
#footer .footer_in .foot_info dl dd b { display: inline-block; color: var(--rn-text, #191f28); }
#footer .footer_in .foot_info .copyright { margin: 0; }
#footer .footer_in h2 { margin: 0; color: var(--rn-text, #191f28); }
