:root {
  --color-primary: #247bff;
  --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: #21252a;
  --color-gray-100: #262b30;
  --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: #17181c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-white: black;
    --color-black: white;
    --color-gray-050: #21252a;
    --color-gray-100: #262b30;
    --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: #17181c;
  }
  .color_scheme_light {
    --color-primary: #247bff;
    --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;
}
html::-webkit-scrollbar {
  width: 12px;
  transition: 250ms;
}
html::-webkit-scrollbar-track {
  background: transparent;
  transition: 250ms;
}
html::-webkit-scrollbar-thumb {
  background: rgba(134, 142, 150, 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;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html, body, table, input, textarea, select, button {
  font-family: -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: 1080px;
  padding-left: 2rem;
  padding-right: 2rem;
  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;
}
/*# sourceMappingURL=826d22d2f1a4bf55e9a9652c3f98ef07f1166de3.base.scss.map */