/* ===== 푸터 — toss footer 구조/타이포 이식 (Pretendard, Daval 정보) =====
   출처: tossplace.com <footer> --tds 토큰 (헤더 17px bold #fff / 링크 14px 600 #d1d6db /
   회사명 17px bold #4e5968 / 회사정보 14px #d1d6db / 정책 12px). 컬러만 오렌지 hover. */
.tp-footer{
  background:#17171c;
  color:#d1d6db;
  padding:clamp(48px,6vw,80px) clamp(20px,5vw,40px);
}
.tp-footer *{box-sizing:border-box;}
.tp-footer-inner{max-width:1120px; margin:0 auto;}

.tp-cols{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(36px,7vw,110px);
}
.tp-col{
  list-style:none;
  margin:0; padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  font-style:normal;
}
.tp-col-h{
  font-size:17px;
  font-weight:700;
  color:#ffffff;
  line-height:1.6;
  margin-bottom:4px;
}
.tp-col li{list-style:none;}
.tp-col a,
.tp-col span{
  font-size:14px;
  font-weight:600;
  color:#d1d6db;
  line-height:1.6;
  text-decoration:none;
}
.tp-col a:hover{color:var(--orange,#f97316);}

.tp-spacer{height:50px;}
.tp-spacer.sm{height:20px;}

.tp-company{display:block; font-style:normal;}
.tp-company-name{
  display:block;
  font-size:17px;
  font-weight:700;
  color:#4e5968;
  line-height:1.6;
}
.tp-company-info{
  display:block;
  margin-top:8px;
  font-size:14px;
  font-weight:400;
  color:#d1d6db;
  line-height:1.6;
}
.tp-company-info a{color:#4e5968; text-decoration:none;}
.tp-company-info a:hover{color:var(--orange,#f97316);}

.tp-policy{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  list-style:none;
  margin:0; padding:0;
}
.tp-policy li{list-style:none;}
.tp-policy a{
  font-size:12px;
  font-weight:400;
  color:#d1d6db;
  line-height:1.6;
  text-decoration:none;
}
.tp-policy a:hover{color:var(--orange,#f97316);}

@media (max-width:560px){
  .tp-cols{gap:32px;}
  .tp-spacer{height:36px;}
}