@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  --site-soft-font: "Pretendard Variable", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
  --site-title-font: "GmarketSansBold", "Pretendard Variable", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option,
optgroup,
label,
small,
p,
span,
a,
li,
dt,
dd,
div,
th,
td,
blockquote,
pre,
code,
kbd,
samp,
legend,
figcaption,
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.form-control,
.custom-select,
.input-group-text,
.navbar,
.nav-link,
.navbar-brand,
.dropdown-menu,
.dropdown-item,
.card,
.card-header,
.card-body,
.table,
.modal,
.modal-title,
.modal-body,
.modal-footer,
.alert,
.badge,
.page-link,
.pagination,
.breadcrumb,
.list-group,
.list-group-item,
.note-editor,
.note-toolbar,
.note-editable,
.note-modal,
.note-status-output,
.note-placeholder,
.note-btn,
.note-current-fontname,
.note-current-fontsize,
.note-dropdown-menu,
.swal2-popup,
.swal2-title,
.swal2-html-container {
  font-family: var(--site-soft-font) !important;
}

body,
button,
input,
select,
textarea,
option,
label,
p,
span,
a,
li,
dt,
dd,
div,
th,
td,
blockquote,
legend,
figcaption,
.form-control,
.custom-select,
.input-group-text,
.nav-link,
.navbar-brand,
.dropdown-item,
.card,
.card-body,
.table,
.modal,
.alert,
.badge,
.page-link,
.list-group-item,
.note-editable,
.note-placeholder {
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.card-header,
.btn,
.dropdown-header,
.modal-title,
.alert-heading,
.navbar-brand,
.table thead th,
.note-toolbar,
.display-1,
.display-2,
.display-3,
.display-4,
.l2-hero-title,
.l2-hero-title *,
.l2-nav .navbar-nav .nav-link,
.l2-nav .navbar-brand,
.card-header > *,
.btn-l2,
.btn-outline-l2,
.badge-highlight,
.l2-title-link,
.l2-post-title,
.l2-section-title,
.l2-comment-count,
.pagination .page-link {
  font-family: var(--site-title-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.card-header,
.btn,
.dropdown-header,
.modal-title,
.alert-heading,
.navbar-brand,
.table thead th,
.note-toolbar {
  font-weight: 700 !important;
  letter-spacing: -0.03em;
}

.display-1,
.display-2,
.display-3,
.display-4,
.jumbotron h1,
.jumbotron h2,
.l2-hero-title,
.l2-hero-title * {
  font-weight: 800 !important;
  letter-spacing: -0.04em;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
  font-family: var(--site-soft-font) !important;
  font-weight: 400 !important;
}