/* footer.css — 공통 footer 스타일 */

.footer {
  background-color: #212121;
  padding: 3.75rem 0;
}
.footer__inner {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  gap: 5rem;
  padding: 0 1.5rem;
}
.footer_logo { flex-shrink: 0; }
.footer_logo img { width: 120px; height: auto; }
.footer__inner .footer_cont { display: flex; flex-direction: column; flex: 1; }
.footer__inner .footer_cont .copyright { color: var(--gray-100); font-size: 0.8rem; font-weight: 400; margin-top: 30px; }
.footer__inner .footer_cont ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.footer__inner .footer_cont ul.link { gap: 30px; margin-bottom: 20px; }
.footer__inner .footer_cont ul.link li a { font-size: 1rem; font-weight: 700; color: #999; text-decoration: none; }
.footer__inner .footer_cont ul.link li:first-child a { color: #fff; }
.footer__inner .footer_cont ul li { color: var(--gray-100); font-size: 0.8rem; line-height: 19px; font-weight: 400; word-break: keep-all; }
.footer__inner .footer_cont ul li span { font-weight: 700; color: #fff; margin-right: 8px; }
.footer__inner .footer_cont ul:not(.link) li:not(:last-of-type)::after { margin: 0 8px; content: "|"; }
@media (max-width: 768px) {
  .footer__inner { flex-direction: column; gap: 32px; }
  .footer__inner .footer_cont ul.link { gap: 20px; }
}