footer {
  height: var(--footer-height);
  background-color: #000000;
  display: flex;
  justify-content: center;
  padding-top: 40px;
  font-family: "Pretendard-Regular";
}
.footer-wrap {
  width: var(--max-width);
  color: #505050;
  padding: 0px 20px;
}

.footer-wrap .sns {
  display: flex;
  margin-bottom: 12px;
}

.footer-wrap .sns > a {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 24px;
}

.footer-wrap .company {
  font-weight: bold;
  font-size: var(--footer-company-font-size);
}
.footer-wrap .flex select {
  font-size: var(--footer-select-font-size);
  width: var(--footer-select-width);
  padding: var(--footer-select-padding);
  height: var(--footer-select-height);
  background: url("/static/images/select_box_arrow_black.png") no-repeat 93% 50%;
  background-size: 12px 6px;
  background-color: white;
  border-radius: 5px;
  color: #888888;
}
.footer-wrap hr {
  color: #505050;
  margin-top: 15px;
  margin-bottom: 24px;
}
.footer-wrap .info {
  color: #505050;
  font-size: var(--footer-info-font-size);
  line-height: 20px;
  font-weight: 200;
}