/* =====================================================================
   footer.css  —  하단 (회사정보 · 링크)
   화면 아래쪽 푸터에만 쓰는 CSS (모바일용 640px 설정 포함)
   ★ 읽는 순서가 중요합니다 : common.css → header.css → footer.css
      HTML 의 <link> 세 줄 순서를 바꾸지 마세요.
   ===================================================================== */

footer{background:var(--basalt); color:rgba(255,255,255,0.72); padding:44px 0; font-size:1.3rem;}

footer .foot-links{
  display:flex; justify-content:flex-end; align-items:center; gap:0;
  padding-bottom:18px; margin-bottom:22px; border-bottom:1px solid rgba(255,255,255,0.12);
  font-size:1.35rem; flex-wrap:wrap;
}

footer .foot-links a{color:rgba(255,255,255,0.86); font-weight:700; padding:4px 14px;}

footer .foot-links a:hover{color:#fff;}

footer .foot-links a + a{border-left:1px solid rgba(255,255,255,0.2);}

footer .foot-links a.strong{color:#fff;}

footer .foot-corp{padding:18px 0; border-top:1px solid rgba(255,255,255,0.12);}

footer .foot-links + .foot-corp{border-top:none; padding-top:0;}

footer .foot-corp h4{font-size:1.4rem; font-weight:800; color:#fff; margin-bottom:9px;}

footer .foot-corp p{margin:0 0 4px; line-height:1.9;}

footer .foot-corp .copy{margin-top:8px; font-size:1.2rem; color:rgba(255,255,255,0.5);}

footer .sep{padding:0 6px; color:rgba(255,255,255,0.42);}

footer .biz-check{
  display:inline-block; margin-left:8px; padding:2px 9px;
  border:1px solid rgba(255,255,255,0.28); border-radius:999px;
  font-size:1.15rem; font-weight:700; color:rgba(255,255,255,0.82); white-space:nowrap;
}

footer .biz-check:hover{border-color:rgba(255,255,255,0.74); color:#fff;}

footer .foot-host{
  border-top:1px solid rgba(255,255,255,0.12); padding-top:16px; margin-top:4px;
  font-size:1.25rem; color:rgba(255,255,255,0.58);
}

footer a{color:inherit; text-decoration:none;}

footer a:hover{color:rgba(255,255,255,0.85);}

@media (max-width:640px){

  footer .foot-links{
    display:grid; grid-template-columns:1fr 1fr; gap:8px 0;
    justify-content:stretch; text-align:center;
  }
  footer .foot-links a{padding:5px 6px;}
  footer .foot-links a + a{border-left:none;}
  footer .foot-links a:nth-child(odd){border-right:1px solid rgba(255,255,255,0.18);}

  footer .sep{display:block; width:0; height:0; padding:0; font-size:0; line-height:0; overflow:hidden;}
  footer .foot-corp p{margin:0 0 7px; line-height:1.6; word-break:keep-all;}
  footer .foot-corp h4{margin-bottom:11px;}
  footer .biz-check{margin-left:6px;}
}