@charset "UTF-8";
:root {
  --color-primary: #0fb5a6;
  --color-secondary: #ff3a4e;
  --color-success: #13ce66;
  --color-warning: #f7ba2a;
  --color-danger: #ff5a57;
  --color-info: #2957ff;
  --color-white: white;
  --color-black: black;
  --color-gray-050: #f8f9fa;
  --color-gray-100: #f1f3f5;
  --color-gray-200: #e9ecef;
  --color-gray-300: #dee2e6;
  --color-gray-400: #ced4da;
  --color-gray-500: #adb5bd;
  --color-gray-600: #868e96;
  --color-gray-700: #495057;
  --color-gray-800: #343a40;
  --color-gray-900: #212529;
  --color-background: white;
  --color-text-primary: white;
}
.color_scheme_dark {
  --color-white: black;
  --color-black: white;
  --color-gray-050: #2a3136;
  --color-gray-100: #333a41;
  --color-gray-200: #343a40;
  --color-gray-300: #383f45;
  --color-gray-400: #495057;
  --color-gray-500: #868e96;
  --color-gray-600: #adb5bd;
  --color-gray-700: #ced4da;
  --color-gray-800: #dee2e6;
  --color-gray-900: #e9ecef;
  --color-background: #212325;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-white: black;
    --color-black: white;
    --color-gray-050: #2a3136;
    --color-gray-100: #333a41;
    --color-gray-200: #343a40;
    --color-gray-300: #383f45;
    --color-gray-400: #495057;
    --color-gray-500: #868e96;
    --color-gray-600: #adb5bd;
    --color-gray-700: #ced4da;
    --color-gray-800: #dee2e6;
    --color-gray-900: #e9ecef;
    --color-background: #212325;
  }
  .color_scheme_light {
    --color-primary: #0fb5a6;
    --color-secondary: #ff3a4e;
    --color-success: #13ce66;
    --color-warning: #f7ba2a;
    --color-danger: #ff5a57;
    --color-info: #2957ff;
    --color-white: white;
    --color-black: black;
    --color-gray-050: #f8f9fa;
    --color-gray-100: #f1f3f5;
    --color-gray-200: #e9ecef;
    --color-gray-300: #dee2e6;
    --color-gray-400: #ced4da;
    --color-gray-500: #adb5bd;
    --color-gray-600: #868e96;
    --color-gray-700: #495057;
    --color-gray-800: #343a40;
    --color-gray-900: #212529;
    --color-background: white;
    --color-text-primary: white;
  }
}
/* ũѹ Ŀ 
html {
  overflow-x: hidden;
  overflow-y: overlay;

  &::-webkit-scrollbar {
    width: 12px;
    transition: 250ms;
  }
  &::-webkit-scrollbar-track {
    background: transparent;
    transition: 250ms;
  }
  &::-webkit-scrollbar-thumb {
    background: rgba($color-gray-600, 0.5);
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: padding-box;
    transition: 250ms;
  }
}
*/
body {
  font-size: 16px;
  color: #212529;
  color: var(--color-gray-900);
  background-color: white;
  background-color: var(--color-background);
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
}
html {
  box-sizing: border-box;
}
body {
  margin: 0;
  box-sizing: border-box;
}
*:not(.x *), *::before, *::after {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
}
html, body, table, input, textarea, select, button {
  font-family: "Noto Sans KR", "Noto Sans Korean", -apple-system, "SF Pro Display", "Helvetica Neue", "Apple SD Gothic Neo", "Roboto", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
ion-icon {
  vertical-align: middle;
}
.btn {
  height: 26px !important;
}
.app-container {
  width: 100%;
  max-width: 1164px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0 auto;
  box-sizing: border-box;
  zoom: 1;
}
@media (max-width: 1024px) {
  .app-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.app-container:before, .app-container:after {
  content: "";
  display: table;
}
.app-container::after {
  clear: both;
}
.app-content > * {
  box-sizing: content-box;
}
.app--overflow-hidden {
  overflow: hidden;
}
.color_box {
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 16px;
  background-color: var(--color-gray-050);
  border-left: 10px solid #09757a;
}
/*# sourceMappingURL=8ee754cd9d3c8c19eec884cf4b31d4edfd4f8143.base.scss.map */