.footer {
    background: #2f333a; /* 배경색 */
    color: var(--white); /* 글자색 */
    padding: 60px 48px; /* 패딩 */
    display: flex;
    flex-direction: column; /* 세로 방향으로 정렬 */
    align-items: center; /* 가운데 정렬 */
    color:#fff;
  }
  
  .footLogo {
    font-size: var(--size20); /* 로고 글자 크기 */
    font-weight: 600; /* 로고 글자 두께 */
  }
  
  .address {
    font-size: var(--size18); /* 주소 글자 크기 */
    margin: 8px 0 20px; /* 마진 설정 */
  }
  
  .infoList {
    display: flex; /* Flexbox 사용 */
    align-items: center; /* 수직 정렬 */
    gap: 40px; /* 항목 간의 간격 */
  }
  
  .infoList > li {
    display: flex; /* Flexbox 사용 */
    align-items: center; /* 수직 정렬 */
    gap: 16px; /* 아이콘과 텍스트 간의 간격 */
    font-size: var(--size18); /* 글자 크기 */
  }
  
  .infoList > li img {
    width: 20px; /* 아이콘 크기 */
  }
  
  .copy {
    color: #767676; /* 저작권 텍스트 색상 */
    font-size: var(--size20); /* 저작권 텍스트 크기 */
    margin-top: 40px; /* 마진 설정 */
  }