@import url("style-base.css");
/* 2026-10-20 모바일 정리: 가운데 정렬, 섹션 여백 확대, 푸터 간소화 */
@media (max-width: 640px) {
  section { padding-block: 80px; }
  .hero-dark { padding-block: 48px 64px; }
  .ticker { padding-block: 64px 48px; }
  .sec-head { gap: 12px; margin-bottom: 36px; text-align: center; justify-items: center; }
  .sec-head .lead { max-width: 30em; }
  .hero-dark .hero-grid > div:first-child { text-align: center; }
  .hero-dark .hero-grid { gap: 36px; }
  #contact .contact { text-align: center; justify-items: center; gap: 32px; }
  #contact .contact form.inquiry { justify-self: stretch; }
  .sc-list { gap: 10px; }
  .tw-intro, .audit-grid > div:first-child > .label, .audit-grid > div:first-child > h2, .audit-grid > div:first-child > .audit-lead { text-align: center; }
  .tw-intro .lead, .audit-lead, .tw-intro h2, .audit-grid h2 { text-wrap: balance; }
  .tw-stats li { padding: 18px 6px 0; text-align: center; }
  .tw-stats li + li { padding-left: 6px; }
  .audit-cond { margin-top: 28px; }
  .sc-result { margin-top: 20px; }
  .proc { gap: 0; }
  .roles-6 { gap: 12px; }
  .sec-result .cases { margin-inline: -20px; padding: 4px 20px 8px; scroll-padding-inline: 20px; }
  .band { text-align: center; justify-items: center; }
  .audit-cond + .btn { display: flex; justify-content: center; width: 100%; }
  .hero-dark .hero-grid > div:first-child .lead, .sec-head .lead, .sec-head h2 { text-wrap: balance; }
  .faq { margin-top: 4px; }

  /* 푸터: 가운데 정렬 한 줄 구성 */
  .site-foot { padding-block: 44px 104px; text-align: center; }
  .site-foot .foot-grid { grid-template-columns: 1fr; gap: 22px; justify-items: center; }
  .foot-grid > div:first-child { grid-column: auto; }
  .foot-logo { height: 26px; width: auto; margin: 0 auto 12px; }
  .foot-grid > div:nth-child(1) { display: flex; flex-direction: column; align-items: center; order: 1; }
  .foot-grid > div:nth-child(1) p { margin: 2px 0; font-size: 12.5px; line-height: 1.6; }
  .foot-grid > div:nth-child(1) > p:last-of-type { display: none; }
  .foot-grid > div:nth-child(3) { display: none; }
  .foot-grid h4 { display: none; }
  .foot-grid > div:nth-child(2) { order: 2; }
  .foot-contact { order: 3; }
  .foot-grid ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; }
  .foot-grid li { font-size: 13px; }
  .foot-contact ul { gap: 8px 6px; }
  .foot-contact li a { display: inline-block; padding: 6px 10px; border: 1px solid rgb(201 167 124 / .3); border-radius: 999px; font-size: 12px; }
  .site-foot .foot-grid::after { content: "© 매드커뮤니케이션. All rights reserved."; order: 4; padding-top: 18px; width: 100%; border-top: 1px solid rgb(201 167 124 / .15); font-size: 11.5px; color: var(--muted); }
}