: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: #fefefe;
  --color-gray-100: #fdfdfd;
  --color-gray-200: #f7f8f9;
  --color-gray-300: #e9ebee;
  --color-gray-400: #c5c8ce;
  --color-gray-500: #646f7c;
  --color-gray-600: #374553;
  --color-gray-700: #28323c;
  --color-gray-800: #161d24;
  --color-background: white;
  --color-text-primary: white;
}
.color_scheme_dark {
  --color-white: #17171b;
  --color-black: white;
  --color-gray-050: #17181c;
  --color-gray-100: #1e2427;
  --color-gray-200: #2e363a;
  --color-gray-300: #41474c;
  --color-gray-400: #5a6166;
  --color-gray-500: #999fa4;
  --color-gray-600: #c5c8ce;
  --color-gray-700: #f7f8f9;
  --color-gray-800: #fdfdfd;
  --color-background: #17181c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-white: #17171b;
    --color-black: white;
    --color-gray-050: #17181c;
    --color-gray-100: #1e2427;
    --color-gray-200: #2e363a;
    --color-gray-300: #41474c;
    --color-gray-400: #5a6166;
    --color-gray-500: #999fa4;
    --color-gray-600: #c5c8ce;
    --color-gray-700: #f7f8f9;
    --color-gray-800: #fdfdfd;
    --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: #fefefe;
    --color-gray-100: #fdfdfd;
    --color-gray-200: #f7f8f9;
    --color-gray-300: #e9ebee;
    --color-gray-400: #c5c8ce;
    --color-gray-500: #646f7c;
    --color-gray-600: #374553;
    --color-gray-700: #28323c;
    --color-gray-800: #161d24;
    --color-background: white;
    --color-text-primary: white;
  }
}
body {
  font-size: 16px;
  color: #646f7c;
  color: var(--color-gray-500);
  background-color: white;
  background-color: var(--color-background);
  transition: color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
body {
  margin: 0;
}
*, *::before, *::after {
  box-sizing: inherit;
}
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-main .app-container {
  width: 100%;
  max-width: 1150px;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
  box-sizing: border-box;
  zoom: 1;
}
@media (max-width: 1024px) {
  .app-main .app-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.app-main .app-container:before, .app-main .app-container:after {
  content: "";
  display: table;
}
.app-main .app-container::after {
  clear: both;
}
.app-content > * {
  box-sizing: content-box;
}
.app-clearfix {
  zoom: 1;
}
.app-clearfix:before, .app-clearfix:after {
  content: "";
  display: table;
}
.app-clearfix::after {
  clear: both;
}
/*# sourceMappingURL=b4db72117ca3b527da76d39b8f88b5304aee8bd0.base.scss.map */