@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2")
    format("woff2");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2")
    format("woff2");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2")
    format("woff2");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2")
    format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2")
    format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2")
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2")
    format("woff2");
  font-weight: 900;
  font-display: swap;
}

body {
  font-family: "Pretendard", sans-serif;
}

.form-btn-primary {
  color: white;
  background-color: #001431;
  border-color: #001431;
}

.form-btn-secondary {
  color: #6d6d6d;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  padding: 16px;
  font-size: 18px;
}

.form-btn-info {
  background-color: #0e82b6;
  color: white;
}

.form-btn-muted {
  background-color: #9d9d9d;
  color: white;
}

.form-btn-primary:active,
.form-btn-primary:focus,
.form-btn-primary:hover,
.form-btn-primary:disabled {
  background-color: #001431 !important;
  color: white !important;
  outline: none;
  box-shadow: none;
}

.form-btn-secondary:active,
.form-btn-secondary:focus,
.form-btn-secondary:hover,
.form-btn-secondary:disabled {
  background-color: #e8e8e8 !important;
  color: #6d6d6d !important;
}

.form-btn-info:active,
.form-btn-info:focus,
.form-btn-info:hover,
.form-btn-info:disabled {
  background-color: #0e82b6 !important;
  color: white !important;
}

.form-btn-muted:active,
.form-btn-muted:focus,
.form-btn-muted:hover,
.form-btn-muted:disabled {
  background-color: #9d9d9d !important;
  color: white !important;
}

.form-btn-primary:hover,
.form-btn-secondary:hover,
.form-btn-info:hover,
.form-btn-muted:hover {
  filter: brightness(0.9);
}

@media (max-width: 768px) {
  input::placeholder,
  .form-btn-primary {
    font-size: 17px;
  }
}