@font-face {
  font-family: 'RIDIBatang';
  font-weight: normal;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
}

* {
  font-family: 'Noto Sans KR', -apple-system, AppleSDGothicNeo, "맑은 고딕", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  line-height: 1.58824;
}

:root {
  /* --wb: #fff;
  --wbOpacity: #ffffffcc; */
  /* --bgColor: transparent; */
  --bgColor: #ffffff;
  /* --bgColorHover: #ffffffcc; */
  --bgColorHover: #fafafa;
  --bgHeaderColor: rgba(255, 255, 255, .7);
  --bgColorSide: rgba(60, 60, 67, .03);
  --bgColorSideHover: #dedede;
  --bgColorSideMobile: #fff;
  --borderColor: #e1e1e1;
  --sidebarBorderColor: rgba(0, 0, 0, .1);
  /* --grayColor: #8e8e93; */
  --textColor: #1d1d1f;
  --textColorSecondary: #646464;
  --textColorHard: #000;
  --primaryColorLight: #4C6394;
  /* --primaryColor: #002c62; */
  /* --primaryColor: #134686; */
  /* --primaryColor: #1C3966; */
  /* --primaryColor: #1D4077; */
  /* --primaryColor: #225ba0;
  --primaryColorLight: #5c88d2;
  --primaryColorDark: #003271; */
  --primaryColor: #002966;
  --primaryColorLight: #3f5193;
  --primaryColorDark: #00003a;
  /* --secondaryColor: ; */
  --errorColor: #b00020;

  --swiper-theme-color: #fafafa;
}

.isDark:root{
  /* --wb: #000;
  --wbOpacity: #000000cc; */
  --bgColor: #1f1f1f;
  --bgColorHover: #141414;
  --bgHeaderColor: rgba(45, 45, 45, .7);
  --bgColorSide: rgba(235, 235, 240, .03);
  --bgColorSideHover: #393939;
  --bgColorSideMobile: #000;
  --borderColor: #3c3c3c;
  --sidebarBorderColor: rgba(255, 255, 255, .1);
  /* --grayColor: #98989d; */
  --textColor: #f5f5f5;
  --textColorSecondary: #99999c;
  --textColorHard: #fff;
  /* --primaryColorLight: #C9D7F3;
  --primaryColorDark: #697790; */
  /* --primaryColor: #a3bfe0;
  --primaryColorLight: #d5f2ff;
  --primaryColorDark: #738fae; */
  --primaryColor: #8cabd9;
  --primaryColorLight: #beddff;
  --primaryColorDark: #5c7ca7;
  /* --secondaryColor: ; */
  --errorColor: #cf6679;
  --swiper-theme-color: #fafafa;
}


.b {
  fill: var(--textColor);
}

.c {
  fill: var(--textColorSecondary);
}


html {
  font-family: 'Noto Sans KR', -apple-system, AppleSDGothicNeo, "맑은 고딕", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: start;
  background-color: var(--bgColor);
  color: var(--textColor);
  width: 100%;
  max-width: 60rem;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #808080;
  background-clip: padding-box;
  border: 4px solid transparent;
  box-shadow: inset -1px -1px 0 #797979, inset 1px 1px 0 #797979;
  border-radius: 6px;
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

::-webkit-scrollbar-corner {
  background-color: transparent
}

::-webkit-scrollbar-thumb:active {
  border: none;
}

::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, .1);
}

article, footer {
  padding: 0 1rem;
}

a {
  text-decoration: none;
  color: var(--primaryColor);
}

p, p * {
  font-family: 'RIDIBatang', 'Noto Sans KR', -apple-system, AppleSDGothicNeo, "맑은 고딕", sans-serif;
}

*::selection {
  background: var(--primaryColorLight);
  color: var(--bgColorHover);
}





.logo {
  margin: 40px auto;
  height: 60px;
}

svg {
  height: 100%;
}


footer {
  margin: 40px 0;
}