.footer {
  margin-top: 100px;
  background-color: var(--main-color);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer .nav-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;

  display: flex;
  justify-content: center;
}

.footer .nav {
  padding-block: 20px;
  gap: 20px;

  width: var(--pc-content-width);

  display: flex;
}

.footer .nav .nav-item {
  color: rgba(255, 255, 255, 0.4);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.footer .nav .splitter {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
}

.footer .copyright {
  padding-top: 62px;
  padding-bottom: 94px;

  color: #e6e6e6;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */

  display: flex;
  width: var(--pc-content-width);
  gap: 40px;
}

.footer .copyright img.logo {
  width: 131px;
  height: 38px;
}

.footer .copyright .copyright-content {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.footer .copyright .copyright-content .text {
  color: white;
  font-weight: 300;
}

@media screen and (max-width: 1475px) {
  .footer {
    margin-top: 80px;
    width: 100vw;
    padding-inline: 20px;
    box-sizing: border-box;
  }

  .footer .nav {
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
  }

  .footer .nav .splitter:nth-child(4) {
    visibility: hidden;
    margin-left: 20px;
  }

  .footer .copyright {
    width: 100%;
    flex-direction: column;
  }

  .footer .copyright span {
    display: block;
  }
}