/* =========================
   Normal Page Footer
   ========================= */

.bottom{
  position: static;
  width: 100%;
  margin-top: 0px;
}

.bottom footer.foot{
  width: 100%;
  margin: 0;
  padding: 26px 20px;
  background: #070c16 !important;
  border-top: 1px solid rgba(255,255,255,.08);
  box-shadow: none !important;
}

/* ✅ 3칸 (로고 최소, 사업자 넓게, 약관 자동) */
.bottom footer.foot > .cols{
  max-width: 1120px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: auto 1fr auto; /* 🔥 핵심 */
  gap: 24px;
  align-items: start;
}

/* =========================
   로고
   ========================= */

.bottom .foot-brand{
  display: flex;
  align-items: flex-start;
}

.bottom .brand-logo{
  width: 132px;     /* 🔥 고정 */
  height: auto;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(122,167,255,.18);
}

/* =========================
   사업자정보
   ========================= */

.bottom .biz-info{
  font-size: 12px;
  line-height: 1.6;
  color: rgba(233,238,252,.85);
}

/* =========================
   약관
   ========================= */

.bottom .footer-links{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 800;
}

.bottom .footer-links a{
  color: rgba(233,238,252,.7);
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 12px;
  transition: background .15s ease, color .15s ease;
}

.bottom .footer-links a:hover{
  background: #e8eefc;
  color: #070c16;
}

.bottom .footer-links .sep{
  opacity: .4;
}

/* =========================
   하단 가운데
   ========================= */

.bottom .copyright{
  max-width: 1120px;
  margin: 30px auto 0;
  text-align: center;
  font-size: 12px;
  color: rgba(233,238,252,.6);
}

/* =========================
   Mobile
   ========================= */

@media (max-width: 900px){

  .bottom footer.foot > .cols{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .bottom .footer-links{
    justify-content: flex-start;
  }

  .bottom .copyright{
    margin-top: 20px;
  }
}