/* 회사 사이트 공용 바닥글 — 2026-10-21 통일(페이지마다 제각각이던 바닥글을 홈 기준 하나로).
 * 마크업은 scripts/site-footer.py 가 각 페이지 <footer class="sf"> 로 넣는다. 고칠 땐 이 파일과 그 스크립트만.
 * 노인 사용자 기준: 글씨 14px 이상, 링크 누르는 영역 40px 안팎, 어두운 바탕 위 흰 글씨. */
footer.sf { background: #222a21; color: rgba(255,255,255,.8); padding: 60px 0 40px; margin: 0; border: 0; text-align: left; font-size: 15px; line-height: 1.6; }
footer.sf a { text-decoration: none; }
footer.sf a:hover { text-decoration: underline; }
footer.sf a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; border-radius: 2px; }
.sf-wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.sf-top { display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.sf-name { font-size: 24px; font-weight: 900; color: #fff; letter-spacing: -0.02em; }
.sf-slogan { font-size: 15px; margin-top: 4px; }
footer.sf .sf-tel { display: inline-block; margin-top: 18px; padding: 4px 0; font-size: 30px; font-weight: 800; color: #fff; letter-spacing: -0.01em; }
.sf-hours { font-size: 15px; margin-top: 2px; }
.sf-links { display: grid; grid-template-columns: repeat(2, auto); gap: 0 36px; align-content: start; }
footer.sf .sf-links a { display: block; padding: 9px 0; color: #fff; font-size: 16px; font-weight: 600; }
.sf-meta { margin-top: 36px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.16); font-size: 14.5px; line-height: 1.9; }
/* 문장 속 링크: 줄 간격은 그대로 두고 누르는 영역만 위아래로 넓힘(인라인 요소 padding) */
footer.sf .sf-meta a { color: #fff; padding: 10px 0; }
.sf-legal { margin-top: 10px; font-size: 14px; }
@media (max-width: 600px) {
  footer.sf { padding: 44px 0 36px; } /* 폰 하단 고정 바 몫은 nav.js 가 body 아래 여백으로 따로 잡음 */
  .sf-wrap { padding: 0 20px; }
  .sf-top { gap: 28px; }
  .sf-links { gap: 0 24px; }
}