html, body{ margin:0; padding:0; }
*{ box-sizing:border-box; }

/* footer 전체 */
.footer{
  width:100%; 
  background:#fff;
  border-top:1px solid #f0f0f0; /* 거의 안 보이게 */
}

/* footer 내부 박스 */
.footer-inner{
  max-width:1200px;
  margin:0 auto;
  background:#fcfcfc;
  border:1px solid #f0f0f0;
  border-radius:14px;
  padding:20px 16px;

  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

/* 정보 박스 */
.footer-info{
  background:#fcfcfc;
  border:1px solid #f0f0f0;
  border-radius:12px;
  padding:16px 14px;
}

/* 제목 ? 존재만 느껴지게 */
.footer-info .footer-title{
  font-size:14px;
  font-weight:600;
  margin-bottom:10px;
  color:#555;
}

/* 리스트 */
.footer-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
  justify-items:center;   /* grid 항목 가운데 */
}

.footer-list li{
  display:flex;
  gap:8px;
  font-size:13px;
  line-height:1.5;
  justify-content:center; /* flex 내용 가운데 */
  text-align:center;
  flex-wrap:wrap;         /* 모바일/긴 텍스트 줄바꿈 안정 */
}

/* key / value 톤다운 */
.footer-list .k{
  color:#777;
  font-weight:500;
}

.footer-list .v{
  color:#777;
  font-weight:500;
}

/* 약관 영역 ? 거의 배경처럼 */
.footer-policy{
  margin-top:14px;
  opacity:0.45;
}

.footer-policy .footer-title{
  font-size:12px;
  font-weight:600;
  color:#777;
  margin-bottom:4px;
}

.policy-nav a{
  font-size:11px;
  font-weight:500;
  color:#888;
}

/* 카피라이트 */
.copyright{
  margin-top:14px;
  text-align:center;
  color:#888;
  font-size:11px;
  letter-spacing:0.2px;
}

/* 1200 박스 안에서 텍스트 가운데 정렬 */
.footer-inner,
.footer-info,
.footer-policy,
.copyright{
  text-align:center;
}

/* 모바일 */
@media (max-width:720px){
  .footer-inner{
    padding:18px 14px;
  }

  .footer-policy{
    opacity:0.4;
  }
}