@font-face {
  font-family: 'nanum_gothic';
  src:
    url('./font/NanumGothic.ttf') format('woff'),
    url('./font/NanumGothic.otf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'nanum_gothic';
  src:
    url('./font/NanumGothicBold.ttf') format('woff'),
    url('./font/NanumGothicBold.otf') format('truetype');
  font-style: normal;
  font-weight: bold;
}

html,
body,
ul,
span,
div {
  font-family: 'nanum_gothic';
  color: var(--cc-text, #000000);
}

.header {
  width: 100%;
  border: 1px solid rgb(230, 230, 230);
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 16px;
  justify-content: space-between;
  padding-right: 16px;
  gap: 12px;
  color: var(--cc-dark-primary, #0c4479);
  font-size: 0.95rem;
}

@media (min-width: 640px) {
  .header {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1rem;
  }
}

.mantine-List-item {
  word-break: keep-all;
}