.footer {padding-top: 28.75rem;padding-bottom: 17.5rem;background: url(../../images/common/bg_footer.png) no-repeat center;background-size: cover;overflow: hidden;}
.footer .foot-area {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 3.4375rem;}
.footer .foot-area > * {opacity: 0;transform: translateY(30px);will-change: transform, opacity;}
.footer .foot-info {display: flex;flex-direction: column;list-style: none;padding: 0;}
.footer .foot-info li {color: var(--gray-0, #FFF);text-align: center;font-size: 0.875rem;font-weight: 300;line-height: 140%;letter-spacing: -0.035rem;opacity: 0;transform: translateY(15px);will-change: transform, opacity;}

@media screen and (max-width:768px) {
  .footer{padding-top:14.375rem;padding-bottom: 8.75rem;}
  .footer .foot-area{gap: 2.5rem;}
  .footer .logo img{width: 8.125rem;}
}

/* webp 지원 브라우저 */
@supports (background-image: url("../../images/common/bg_footer.webp")) {
  .footer {
    background: url(../../images/common/bg_footer.webp) no-repeat center;
    background-size: cover;
  }
}