/* =========================================================================
   화사한봄날 — footer.css
   모든 페이지가 함께 쓰는 공통 푸터.
   모든 규칙을 .site-footer 안으로 한정해서, 각 페이지 인라인 <style>에
   남아 있는 옛 푸터 규칙(footer{}, .footer-top{} 등)보다 항상 우선하게 한다.
   ========================================================================= */

.site-footer{
  background:#27201C;
  color:rgba(255,255,255,.55);
  font-family:'Pretendard','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  padding:0;
  border:0;
}
.site-footer *{box-sizing:border-box;}
.site-footer .container{
  max-width:1100px; margin:0 auto; padding:0 24px;
}
.site-footer a{text-decoration:none;}

.site-footer .footer-top{
  display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px;
  padding:52px 0 32px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-footer .footer-logo{
  font-family:'Cormorant Garamond','Noto Serif KR',serif;
  font-size:22px; font-weight:400; line-height:1.25;
  color:rgba(255,255,255,.9);
}
.site-footer .footer-logo small{
  display:block;
  font-family:'Pretendard','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:9px; letter-spacing:.18em; color:#C4A07A; margin-top:4px;
}
.site-footer .footer-desc{
  font-size:13px; line-height:1.75; color:rgba(255,255,255,.4);
  margin:14px 0 0; max-width:260px;
}
.site-footer .footer-col h4{
  font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:#C4A07A; margin:0 0 14px; font-weight:600;
}
.site-footer .footer-col a{
  display:block; font-size:13px; color:rgba(255,255,255,.5);
  margin-bottom:9px; transition:color .2s;
}
.site-footer .footer-col a:hover{color:#C4A07A;}

.site-footer .footer-bottom{
  display:block; padding:22px 0 34px;
}
.site-footer .footer-copy{
  font-size:12px; color:rgba(255,255,255,.4); margin:0 0 8px;
}
.site-footer .footer-biz{
  display:flex; flex-wrap:wrap; gap:4px 16px;
  font-size:11px; color:rgba(255,255,255,.32);
}
.site-footer .footer-biz a{color:inherit; transition:color .2s;}
.site-footer .footer-biz a:hover{color:#C4A07A;}

@media (max-width:768px){
  .site-footer .footer-top{grid-template-columns:1fr; gap:28px; padding:44px 0 28px;}
  .site-footer .footer-desc{max-width:none;}
  .site-footer .footer-bottom{padding:20px 0 30px;}
}