@charset "utf-8";
/* footer.css — 기존 사이트 푸터(.site-foot)만 떼어낸 조각.
   기사형 index.html 은 style.css 를 통째로 싣지 않는다. style.css 의
   전역 규칙(body padding·header{position:fixed}·.btn::after 화살표·.agree·.txt …)이
   기사 레이아웃과 클래스 이름이 겹쳐 본문을 망가뜨리기 때문이다.
   값은 style.css 에서 그대로 복사했다 — 푸터 디자인을 바꾸려면 두 파일을 같이 고칠 것. */

.site-foot {
  --brand: #02254B;
  --brand-800: #02254B;
  --brand-100: #eaeff4;
  --sub: #55616e;
  --line: #e3e6ea;
  --line-d: #cfd5db;
  --maxw: 1180px;
  --sans: 'Pretendard Variable', 'Pretendard', 'Nanum Gothic', 'NanumGothic', -apple-system,
    BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  --serif: var(--sans);

  font-family: var(--sans);
  background: #f2f2f2;        /* 연한 회색 — 원래는 브랜드 톤(#eaeff4, 푸른기) 이었다 */
  border-top: 1px solid var(--line);
  padding: 26px 0 30px;
  text-align: left;
}

.site-foot * { box-sizing: border-box; margin: 0; padding: 0; }

.site-foot .container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 clamp(16px, 5.14vw, 40px);
}

.site-foot .foot-body {
  font-size: 10px;
  line-height: 1.65;
  color: var(--sub);
  letter-spacing: -.01em;
}

.site-foot .foot-logo {
  height: 16px;
  width: auto;
  display: block;
  margin-bottom: 8px;
}

.site-foot .foot-divider {
  border-top: 1px dashed var(--line-d);
  margin: 8px 0;
}

.site-foot .foot-legal { margin-top: 10px; }