/* 푸터 */
#footer {
  border-top: 1px solid var(--Color-Grey-40);
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: var(--Color-Grey-80);
  background: var(--Color-White);
}

#footer a {
  color: var(--Color-Grey-80);
  text-decoration: none;
}

#footer a:not(:last-child):after {
  position: relative;
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='14' viewBox='0 0 1 14' fill='none'%3E%3Crect width='1' height='14' fill='%23D7D7D7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 8px; /* 필요하면 간격 조절 */
  top: 2px;
}

#footer .text {
  margin-right: 24px;
}

#footer .text:last-child {
  margin-right: 0;
}

#footer .footer-link {width: 100%;}

.font-primary {
  font-weight: 400;
}

.font-secondary {
  font-weight: 500;
}

.font-tertiary {
  font-weight: 700;
}

.footer-company {display: block; margin-bottom: 24px;}

.footer-inner {
  font-size: 14px;
  color: var(--Color-Grey-80);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 0;
  max-width: 938px;
}

.footer-inner .footer-list {display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.footer-inner .footer-list > * {margin-top: 10px;}

.footer-terms {display: inline-flex; margin-right: 24px;}

@media screen and (max-width: 689px) {
  #footer .text {margin-right: 0; margin-bottom: 4px;}
  #footer .text:last-child {margin-bottom: 24px;}
  .footer-inner {padding: 32px 24px;}
  .footer-inner .footer-list {display: flex; flex-direction: column; margin: 0;}
  .footer-inner .footer-list > * {margin-top: 0;}
  .footer-inner .footer-list .text:last-child {margin: 0;}

  .footer-terms {display: flex; margin-bottom: 10px;}
}