/* =========================================================
   공통 푸터 — 모든 공개 페이지가 같은 푸터(scripts/footer.html)를 쓴다
   페이지별 스타일(travel.html 자체 스타일 포함)과 섞이지 않게 sf- 이름만 쓴다
   ========================================================= */
footer.site-footer.sf{background:var(--night,#0F3A40);color:#B6D2D2;padding:26px 0 18px;font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.sf .wrap{max-width:1100px;margin:0 auto;padding:0 30px}
.sf-row{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:16px 32px;align-items:start}
.sf p{margin:0}
.sf-name{font-family:'Nanum Myeongjo',serif;font-weight:700;font-size:16px;color:#F1F4F2;line-height:1.4}
.sf-name span{display:block;font-family:inherit;font-family:'Pretendard',system-ui,sans-serif;font-weight:500;font-size:11.5px;color:#98C0C0;letter-spacing:.02em;margin-top:2px}
.sf-tag{font-size:12.5px;line-height:1.6;margin-top:6px;opacity:.78}
.sf h4{font-size:11px;letter-spacing:.14em;color:#F59B4E;font-weight:600;margin:2px 0 6px}
.sf-col p{font-size:12.5px;line-height:1.65;opacity:.82}
.sf a{color:#F1F4F2;text-decoration:none;border-bottom:1px solid rgba(245,155,78,.6)}
.sf-soc{display:flex;gap:8px}
.sf-soc a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(182,210,210,.25);display:flex;align-items:center;justify-content:center;color:#B6D2D2;opacity:.8}
.sf-soc a:hover{opacity:1;border-color:#2492A0}
.sf-soc svg{width:16px;height:16px}
.sf-copy{margin-top:16px!important;padding-top:12px;border-top:1px solid rgba(182,210,210,.14);font-size:11.5px;opacity:.5}
@media(max-width:760px){
  footer.site-footer.sf{padding:22px 0 16px}
  .sf .wrap{padding:0 20px}
  .sf-row{grid-template-columns:1fr 1fr;gap:14px 18px}
  .sf-brand{grid-column:1/-1}
  .sf-soc{grid-column:1/-1}
}