/* footer */
footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;

  padding-top: 100px;

  color: #FFFFFF;
  background-color: #565656;
}

.footer-title {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 150%;

  text-align: center;
}

.footer-subtitle {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 150%;

  text-align: center;

  color: #E0E0E0;
}

.footer-button {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 150%;

  text-align: center;

  border: none;
  outline: none;
  border-radius: 32px;
  padding: 14px 32px;

  color: #0D0D2B;
  background: #FFFFFF;
}

.footer-sns-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 170px;

  width: 100%;

  cursor: pointer;
}

.footer-search {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 48px;

  width: 100%;
  max-width: 942px;

  background: #FBFCFE;

  padding: 62px 48px 55px;
  border-radius: 16px 16px 0px 0px;
}

.footer-search-text {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;

  color: rgba(13, 13, 43, 0.45);

  mix-blend-mode: normal;
}

.footer-search-category {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;

  color: rgba(13, 13, 43, 0.37);

  mix-blend-mode: normal;
}

.footer-search-button {
  font-size: 1.125rem;
  line-height: 150%;

  text-align: center;

  border: none;
  outline: none;
  border-radius: 32px;
  padding: 16px 32px;

  color: #FFFFFF;
  background: #000000;
}