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


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;1,500&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.carousel-control-next,
.carousel-control-prev {
  filter: invert(100%);
}

button:focus,
button:active,
button:hover,
input:focus,
input:active,
input:hover,
textarea:focus,
textarea:active,
textarea:hover,
.btn:focus,
.btn:active,
.btn:hover,
.page-link:focus,
.page-link:active,
.page-link:hover {
  outline: none !important;
  box-shadow: none !important;
}

button:disabled,
.btn:disabled {
  cursor: not-allowed;
  pointer-events: auto !important;
}

.btn {
  white-space: nowrap;
}

.dropdown-menu {
  z-index: 10 !important;
}

tbody {
  border-top: none !important;
}

th,
td {
  white-space: nowrap;
  font-weight: normal;
}

blockquote {
  border-left: 5px solid #ccc;
  padding-right: 1.5em;
  padding-left: 1.5em;
  overflow: hidden;
  font-style: italic;
}

.modal {
  z-index: 55 !important;
}

.modal-backdrop {
  z-index: 50 !important;
}

.modal ~ .modal {
  z-index: 65 !important;
}

.modal-backdrop ~ .modal-backdrop {
  /* issue: 60 -> 50 */
  z-index: 50 !important;
}

.bi {
  margin-right: 0.3125rem;
}

.loading-light {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.loading-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2f3243;
  width: 100%;
  height: 100%;
}