/* =========================================================
   POSTON Footer — 사이트 전체(tail.php)에 적용되는 새 하단 디자인
   ========================================================= */

:root{
  --pt-ft-black:#0a0a0a;
  --pt-ft-line:#26262a;
  --pt-ft-white:#ffffff;
  --pt-ft-gray:#b7b7bd;
  --pt-ft-mute:#7a7a80;
  --pt-ft-pink:#ec0a8e;
  --pt-ft-sans:'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
}

#ft{
  background:var(--pt-ft-black);
  font-family:var(--pt-ft-sans);
  padding:64px 40px 0;
}
#ft *{ box-sizing:border-box; }
#ft a{ text-decoration:none; }

.pt-ft-main{
  max-width:1280px; margin:0 auto;
  display:flex; gap:40px; padding-bottom:48px;
}

/* ---- 브랜드(로고+소셜) ---- */
.pt-ft-brand{ flex:1.3; min-width:220px; }
.pt-ft-brand img{ height:26px; width:auto; margin-bottom:14px; }
.pt-ft-tagline{
  font-size:13px; color:var(--pt-ft-mute); line-height:1.6; margin:0 0 20px; max-width:260px;
}
.pt-ft-social{ display:flex; gap:10px; }
.pt-ft-social a{
  width:34px; height:34px; border-radius:50%; background:#1a1a1d;
  display:flex; align-items:center; justify-content:center;
  line-height:0; padding:0; box-sizing:border-box;
}
.pt-ft-social a img{ width:16px; height:16px; object-fit:contain; display:block; margin:0; vertical-align:middle; }
.pt-ft-social a:hover{ background:#2a2a2e; }

/* ---- 링크 컬럼들 ---- */
.pt-ft-col{ flex:1; min-width:130px; }
.pt-ft-col.wide{ flex:1.6; min-width:220px; }
.pt-ft-col h4{
  font-size:14px; font-weight:700; color:#fff; margin:0 0 16px;
}
.pt-ft-col a, .pt-ft-col .pt-ft-notice-link{
  display:block; font-size:13.5px; color:var(--pt-ft-gray); margin-bottom:12px;
}
.pt-ft-col a:hover{ color:#fff; }
.pt-ft-col p.pt-ft-info{
  font-size:12.5px; color:var(--pt-ft-mute); line-height:1.9; margin:0;
}
.pt-ft-empty{ font-size:13px; color:var(--pt-ft-mute); }

/* ---- 하단 바 ---- */
.pt-ft-bottom{
  border-top:1px solid var(--pt-ft-line);
  max-width:1280px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  padding:20px 0 28px;
}
.pt-ft-legal-links{ display:flex; gap:18px; flex-wrap:wrap; }
.pt-ft-legal-links a{ font-size:12.5px; color:var(--pt-ft-mute); }
.pt-ft-legal-links a:hover{ color:var(--pt-ft-gray); }
.pt-ft-copy{ font-size:12.5px; color:var(--pt-ft-mute); }

/* 스크롤-투-탑 버튼 (참고 이미지 우하단 원형 버튼 자리) */
#top_btn{
  position:fixed; right:24px; bottom:24px; z-index:50;
  width:44px; height:44px; border-radius:50%;
  background:#1a1a1d; border:1px solid var(--pt-ft-line);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
#top_btn:hover{ background:#2a2a2e; }
#top_btn img{ width:16px; height:16px; }

/* ---- Responsive ---- */
@media (max-width:900px){
  .pt-ft-main{ flex-wrap:wrap; gap:32px 24px; }
  .pt-ft-brand{ flex:1 1 100%; text-align:center; }
  .pt-ft-brand img{ margin-left:auto; margin-right:auto; }
  .pt-ft-tagline{ margin-left:auto; margin-right:auto; }
  .pt-ft-social{ justify-content:center; }
}
@media (max-width:560px){
  #ft{ padding:48px 20px 0; }
  .pt-ft-bottom{ flex-direction:column; align-items:flex-start; }
}