/* ============================================================
   kt잇다 — 푸터 스타일 (footer.css)
   common.css 의 토큰을 사용합니다. common.css 뒤에 로드하세요.
   ============================================================ */

.footer { border-top:1px solid var(--gray-200); background:#fff; margin-top:0; padding:48px 0 56px; }
.footer-biz-head { display:inline-flex; align-items:center; gap:7px; appearance:none; border:none; background:none; font-family:inherit; font-size:15px; font-weight:700; color:var(--gray-800); margin-bottom:20px; cursor:default; }
.footer-logo { display:none; }
.footer-biz-body { display:block; }
.footer-biz { font-size:13px; color:var(--gray-400); line-height:2; }
.footer-copy { font-size:12.5px; color:var(--gray-400); margin-top:18px; }
.footer-links { display:flex; flex-wrap:wrap; gap:10px; padding:0; margin-top:24px; border-top:none; }
.footer-links a { font-size:13px; font-weight:600; color:var(--gray-600); background:var(--gray-50); padding:9px 14px; border-radius:var(--r-8); }
.footer-links a:hover { color:var(--blue-600); }
.footer-certs { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:24px; }
.footer-cert { display:inline-flex; align-items:center; gap:8px; padding:2px 0; font-size:12px; font-weight:400; color:var(--gray-500); }
.footer-cert:hover { color:var(--blue-600); }
.footer-cert .mark { width:36px; height:36px; border-radius:6px; background:var(--gray-200); flex-shrink:0; }
@media (max-width:768px) {
  .footer { margin-bottom:0; }
}
@media (max-width:480px) {
  .footer { text-align:left; padding:36px 0 44px; }
  .footer-biz-head { display:inline-flex; align-items:center; justify-content:flex-start; gap:7px; font-size:14px; font-weight:700; color:var(--gray-800); margin-bottom:20px; cursor:pointer; }
  .footer-biz-head::after { content:''; width:8px; height:8px; border-right:1.6px solid var(--gray-400); border-bottom:1.6px solid var(--gray-400); transform:rotate(-135deg); transition:transform .25s; margin-top:3px; }
  .footer-biz-head[aria-expanded="false"]::after { transform:rotate(45deg); margin-top:-2px; }
  .footer-biz-body { display:grid; grid-template-rows:1fr; transition:grid-template-rows .28s ease; overflow:hidden; }
  .footer-biz-body.collapsed { grid-template-rows:0fr; }
  .footer-biz-body > .footer-biz { min-height:0; overflow:hidden; }
  .footer-logo { display:none; }
  .footer-biz { font-size:12.5px; line-height:1.95; color:var(--gray-400); }
  .footer-links { justify-content:flex-start; gap:10px; padding:0; margin-top:22px; border-top:none; }
  .footer-certs { display:grid; grid-template-columns:1fr 1fr; gap:16px 12px; margin:22px 0 0; justify-items:start; align-items:center; }
  .footer-cert { flex-direction:row; align-items:center; gap:8px; text-align:left; line-height:1.35; }
  .footer-links a { font-size:12px; font-weight:600; color:var(--gray-600); background:var(--gray-50); padding:8px 12px; border-radius:var(--r-8); }
  .footer-copy { margin-top:20px; font-size:12px; }
}
@media (min-width:769px) {
  .footer-biz-head { font-size:16px; }
  .footer-biz { font-size:14px; }
  .footer-copy { font-size:13px; }
  .footer-links a { font-size:14px; }
  .footer-cert { font-size:13px; }
}