/* ==========================================================================
   S6. 푸터 — 연회색 바탕, 오른쪽 열에 연락처와 약관 링크
   치수는 러프(1440 기준) 측정값.
   ========================================================================== */

.site-footer {
  --footer-muted: #425456;          /* Contact / 약관 링크 (러프: 초록빛 진회색) */
  --footer-text: #323232;

  background: var(--color-gray-footer);
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 337px;
  padding: 34px 0 33px 622px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
}

.site-footer ul {
  list-style: none;
}

.site-footer a {
  text-decoration: none;
  text-underline-offset: 3px;
}

.site-footer a:hover { text-decoration: underline; }

.site-footer a:focus-visible {
  outline: 2px solid var(--color-cyan);
  outline-offset: 2px;
  border-radius: 2px;
}

.site-footer__label {
  color: var(--footer-muted);
}

.site-footer__list {
  margin-top: 12px;
  color: var(--footer-text);
}

.site-footer__legal {
  color: var(--footer-muted);
}