@charset "UTF-8";
/* ============================================================
   NEWNEEK 클론 — footer.css
   전역 푸터
   Bricks 변환 시 → 별도 Footer 템플릿 (templates/footer.html 참조)
   ============================================================ */

.footer {
  padding: 36px 0 56px;
  background: var(--bg-soft);
}

@media (min-width: 768px) {
  .footer {
    padding: 48px 0 64px;
  }
}

.footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
}

@media (min-width: 768px) {
  .footer__inner {
    gap: var(--sp-6);
  }
}

.footer__logo a {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: var(--text-strong);
  line-height: 1;
}

.footer__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--sp-10);
}

@media (min-width: 768px) {
  .footer__body {
    flex-direction: row;
  }
}

.footer__company {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.footer__nav {
  order: -1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media (min-width: 768px) {
  .footer__nav {
    order: 0;
    flex-direction: row;
    gap: var(--sp-16);
  }
}

.footer__col {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

.footer__col-title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--text-muted);
}

.footer__col ul {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.footer__col a {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  white-space: nowrap;
}

.footer__col a:hover {
  color: var(--text-strong);
  text-decoration: underline;
}

.footer__company strong {
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--text-muted);
}

.footer__company address {
  font-size: var(--fs-sm);
  line-height: 1.64;
  color: var(--text-muted);
  word-break: keep-all;
}