/*
  footer.css
  ------------------------------------------------------------
  하단 푸터: 로고+회사정보 / 메뉴 링크 / 연락처+SNS.
  연락처, 주소, SNS 링크는 js/footer.js가 SITE_CONFIG 값으로 채워 넣습니다.
  (HTML에는 채워질 자리(id)만 있고, 값은 하드코딩되어 있지 않습니다.)
*/

footer{
  background:var(--ink); color:var(--sand); padding:88px 48px 0;
}
.footer-grid{
  display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:48px;
  max-width:1240px; margin:0 auto; padding-bottom:70px;
  border-bottom:1px solid rgba(245,238,220,0.12);
}
.footer-brand .logo{color:var(--foam); margin-bottom:22px;}
.footer-brand p{font-size:13.5px; line-height:1.9; color:rgba(245,238,220,0.6); max-width:280px;}

.footer-col h4{
  font-family:var(--font-en-main);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--brass-light);
  font-weight:700; margin-bottom:22px;
}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:13px;}
.footer-col a{font-family:var(--font-en-main); font-size:14.5px; color:rgba(245,238,220,0.85); transition:color .3s;}
.footer-col a:hover{color:var(--brass-light);}

.footer-contact p{font-size:14.5px; margin-bottom:10px; color:rgba(245,238,220,0.85);}
.sns-row{display:flex; gap:12px; margin-top:20px;}
.sns-row a{
  width:38px; height:38px; border:1px solid rgba(245,238,220,0.25); border-radius:50%;
  display:flex; align-items:center; justify-content:center; transition:all .3s var(--ease);
}
.sns-row a:hover{background:var(--brass); border-color:var(--brass);}
.sns-row svg{width:16px; height:16px; stroke:var(--sand);}

.footer-bottom{
  max-width:1240px; margin:0 auto; padding:26px 0;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  font-size:12px; color:rgba(245,238,220,0.45); letter-spacing:.02em;
}

@media (max-width:920px){
  .footer-grid{grid-template-columns:1fr; gap:44px;}
}