@charset "UTF-8";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";

/* node_modules/@angular/material/prebuilt-themes/azure-blue.css */
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* src/assets/d2x/new/css/__root.css */
:root {
  --color-background: #14151a;
  --color-header-black: #23283E;
  --color-statusbar-black: #2F2F42;
  --color-surface-1: #292A3C;
  --color-surface-2: #2c2f37;
  --color-primary: #66F094;
  --color-primary-hover: #62ffc3;
  --color-primary-active: #aeffe1;
  --color-primary-2: #4DF293;
  --color-primary-second: #4FF2A5;
  --color-primary-second-hover: #62ffc3;
  --color-primary-second-active: #aeffe1;
  --color-primary-purple-2: #4C09FE;
  --color-primary-purple-2-hover: #6936ff;
  --color-secondary: #5865f2;
  --color-secondary-hover: #7b85f5;
  --color-secondary-active: #4a57e8;
  --color-input-focus: #7301FD;
  --color-button-purple: #6A77F0;
  --color-text-primary: #ffffff;
  --color-text-secondary: #A3A4A4;
  --color-text-third: #686677;
  --color-text-dark-primary: #212529;
  --color-text-dark-secondary: #495057;
  --color-text-placeholder: #6a6d73;
  --color-text-link: #ff6b6b;
  --color-text-black: #000;
  --color-text-title-black:#1B1E2C;
  --color-text-gray: #686677;
  --color-text-white: #FFFFFF;
  --color-text-purpple: #7276EE;
  --color-border: #3a3d46;
  --color-border-dotted: #4d5059;
  --color-border-active: var(--color-primary);
  --color-disabled: #4e5057;
  --color-danger: #e53e3e;
  --color-warning: #FF9A9A;
  --color-thumbnail-bg: #ff7070;
  --color-black-alpha-50: rgba(0, 0, 0, 0.5);
  --color-black-alpha-60: rgba(0, 0, 0, 0.6);
  --color-black-alpha-70: rgba(0, 0, 0, 0.7);
  --color-black-alpha-80: rgba(0, 0, 0, 0.8);
  --color-black-alpha-90: rgba(0, 0, 0, 0.9);
  --color-panel-body: #1B1E2C;
  --color-panel-bottom: #141414;
  --color-panel-border: #545457;
  --basic-font-famaily:
    "Pretendard Variable",
    Pretendard,
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    Roboto,
    "Helvetica Neue",
    "Segoe UI",
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Malgun Gothic",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    sans-serif;
  --emphasis-font-family: "Aggravo", var(--basic-font-famaily);
  --font-size-xl: 2.4rem;
  --font-size-lg: 2.0rem;
  --font-size-md: 1.6rem;
  --font-size-sm: 1.4rem;
  --font-size-sm-2: 1.3rem;
  --font-size-xs: 1.2rem;
  --font-size-xs-2: 1.1rem;
  --font-size-xxs: 1.0rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-xs-2: 6px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-20: 20px;
  --spacing-28: 28px;
  --spacing-40: 40px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-sm-2: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-circle: 50%;
  --border-base: 1px solid var(--color-border);
  --border-dotted: 1px dotted var(--color-border-dotted);
  --shadow-modal: 0 4px 20px rgba(0, 0, 0, 0.25);
  --transition-fast: all 0.2s ease-in-out;
  --z-index-dropdown: 1000;
  --z-index-modal-backdrop: 2000;
  --z-index-modal: 2001;
  --z-index-header: 500;
  --bg: var(--color-background);
  --text: var(--color-text-primary);
  --panel: var(--color-surface-1);
  --panel2: var(--color-surface-2);
  --panel3: #1a2033;
  --edit-panel-body: var(--color-panel-body);
  --edit-panel-bottom: var(--color-panel-bottom);
  --border: var(--color-border);
  --edit-border: var(--color-panel-border);
  --accent: #7aa2ff;
  --primary-color-green: var(--color-primary);
  --left-top-h: 107px;
  --left-bottom-h: 119px;
  --right-top-h: 450px;
  --right-bottom-h: 94px;
  --ico-caret-down: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 9l5 6 5-6z' fill='%23000'/></svg>");
}

/* src/assets/d2x/new/css/__reset.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  font-size: 62.5%;
}
body {
  width: 100%;
  height: 100%;
  background-color: var(--color-background);
  color: var(--color-text-primary);
  font-family: var(--basic-font-famaily);
  font-size: 1.6rem;
  font-weight: 400;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
button {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
}
input,
textarea {
  font-family: inherit;
  background: none;
  border: none;
}
input:focus,
textarea:focus {
  outline: none;
}

/* src/assets/d2x/new/css/__animation.css */
.animation {
  opacity: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.zoom-in {
  animation-name: zoomIn;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.fade-up {
  animation-name: fadeUp;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes cube-spin {
  0% {
    transform: rotateX(-35deg) rotateY(-45deg);
  }
  50% {
    transform: rotateX(-35deg) rotateY(-225deg);
  }
  100% {
    transform: rotateX(-35deg) rotateY(-405deg);
  }
}
.loading-cube-container {
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
}
.loading-cube {
  width: 50px;
  height: 50px;
  background-color: var(--color-secondary);
  animation: cube-spin 2s infinite linear;
  transform-style: preserve-3d;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.card__loading-icon {
  animation: spin 2s linear infinite;
}
@keyframes ellipsis {
  0% {
    content: "";
  }
  20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60% {
    content: "...";
  }
  80% {
    content: "....";
  }
  100% {
    content: ".....";
  }
}
.animate-ellipsis .dots::after {
  content: "";
  animation: ellipsis 1.5s infinite steps(1, end);
  display: inline-block;
  width: auto;
  text-align: left;
  vertical-align: bottom;
}
.delay-1 {
  animation-delay: 0.1s;
}
.delay-2 {
  animation-delay: 0.2s;
}
.delay-3 {
  animation-delay: 0.3s;
}
.delay-4 {
  animation-delay: 0.4s;
}
.delay-5 {
  animation-delay: 0.5s;
}
.delay-6 {
  animation-delay: 0.6s;
}
.delay-7 {
  animation-delay: 0.7s;
}
.delay-8 {
  animation-delay: 0.8s;
}
.delay-9 {
  animation-delay: 0.9s;
}
.delay-10 {
  animation-delay: 1.0s;
}
@keyframes pv-spin {
  to {
    filter: hue-rotate(360deg);
  }
}
@media (hover:hover) {
  .player-viewport:hover video {
    box-shadow: 0 14px 40px rgba(0, 0, 0, .45);
  }
}

/* src/assets/d2x/new/css/__color.css */
.fc-primary {
  color: var(--color-primary);
}
.fc-secondary {
  color: var(--color-secondary);
}
.fc-white {
  color: var(--color-text-primary);
}
.fc-gray {
  color: var(--color-text-gray);
}
.fc-red {
  color: var(--color-text-link);
}
.fc-wh {
  color: #fff;
}
.fc-purple {
  color: var(--color-text-purpple);
}
.fc-purple-2 {
  color: var(--color-text-purpple-2);
}

/* src/assets/d2x/new/css/__common.css */
img {
  max-width: 100%;
  transition: all 0.3s;
}
.pc-show {
  display: block;
}
.mb-show {
  display: none;
}
.lh1 {
  line-height: 1;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
}
.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-jc {
  justify-content: center;
}
.flex-js {
  justify-content: flex-start;
}
.flex-je {
  justify-content: flex-end;
}
.flex-jsb {
  justify-content: space-between;
}
.flex-jsa {
  justify-content: space-around;
}
.flex-ac {
  align-items: center;
}
.flex-ae {
  align-items: flex-end;
}
.flex-as {
  align-items: flex-start;
}
.flex-ast {
  align-items: stretch;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.relative {
  position: relative;
}
.absol {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.fs-12 {
  font-size: var(--font-size-xs);
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-surface-1 {
  background-color: var(--color-surface-1);
}
.bg-surface-2 {
  background-color: var(--color-surface-2);
}
.m-0 {
  margin: 0;
}
.mt-sm {
  margin-top: var(--spacing-sm);
}
.mt-md {
  margin-top: var(--spacing-md);
}
.mt-lg {
  margin-top: var(--spacing-lg);
}
.mr-sm {
  margin-right: var(--spacing-sm);
}
.mr-md {
  margin-right: var(--spacing-md);
}
.mb-sm {
  margin-bottom: var(--spacing-sm);
}
.mb-md {
  margin-bottom: var(--spacing-md);
}
.mb-lg {
  margin-bottom: var(--spacing-lg);
}
.ml-sm {
  margin-left: var(--spacing-sm);
}
.ml-md {
  margin-left: var(--spacing-md);
}
.p-0 {
  padding: 0;
}
.p-sm {
  padding: var(--spacing-sm);
}
.p-md {
  padding: var(--spacing-md);
}
.p-lg {
  padding: var(--spacing-lg);
}
.px-md {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}
.py-md {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}
.op50 {
  opacity: 0.5;
}
.op60 {
  opacity: 0.6;
}
.op70 {
  opacity: 0.7;
}
.op80 {
  opacity: 0.8;
}
.op90 {
  opacity: 0.9;
}
.op100 {
  opacity: 1.0;
}
.gap-xs {
  gap: var(--spacing-xs);
}
.gap-sm {
  gap: var(--spacing-sm);
}
.gap-md {
  gap: var(--spacing-md);
}
.gap-lg {
  gap: var(--spacing-lg);
}
.gap-xl {
  gap: var(--spacing-xl);
}
hr {
  height: 1px;
  background: var(--color-border);
  border: none;
  margin: var(--spacing-md) 0;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.header {
  position: sticky;
  top: 0;
  height: 72px;
  color: var(--color-text-gray);
  background: var(--color-background);
  border-bottom: 1px solid var(--color-panel-border);
  z-index: var(--z-index-header, 500);
}
.header .cont-wrap {
  height: 100%;
}
body.type-user .header .cont-wrap {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 2560px;
}
.header .logo {
  width: 300px;
  font-size: 2.2rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-white);
  font-family: var(--emphasis-font-family);
}
.header .nav {
  gap: 6.0rem;
}
.header .nav a {
  font-size: var(--font-size-sm, 1.4rem);
  transition: all 0.3s;
  cursor: pointer;
}
.header .nav a.active {
  color: #fff;
}
.header .nav a:hover {
  color: var(--color-text-white);
}
.header .auth-wrap {
  width: 320px;
}
.header .auth-wrap .btn {
  position: relative;
  width: 120px;
  height: 44px;
  font-size: var(--font-size-md, 1.6rem);
  border-radius: var(--radius-sm, 8px);
}
.header .auth-wrap .btn-register {
  border: 1px solid var(--color-primary-second);
  background-color: transparent;
  color: var(--color-primary-second);
}
.header .auth-wrap .btn-register:hover {
  background-color: var(--color-primary-second-hover);
  color: var(--color-primary-text-gray, #212529);
}
.header .auth-wrap .btn-login {
  background-color: var(--color-primary);
  color: var(--color-primary-text-gray, #212529);
}
.header .auth-wrap .btn-login:hover {
  background-color: var(--color-primary-hover);
}
.header .auth-wrap .account-menu {
  transition: all 0.3s;
}
.header .auth-wrap .account-menu a {
  color: var(--color-text-gray);
}
.header .auth-wrap .btn-onoff.mb-show {
  display: none;
}
.header .auth-wrap .btn-onoff {
  position: relative;
  padding: 0;
  width: 32px;
  height: 32px;
  color: #C4C4C4;
}
.header .auth-wrap .btn-onoff::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translate(-50%, -45%) rotate(-45deg);
}
.header .auth-wrap.is-open .btn-onoff {
  color: #9A9A9A;
  transform: rotate(180deg);
}
.footer {
  background: #F1F0F1;
  color: var(--color-text-black, #6c757d);
  padding: 3.2rem 0 2.0rem 0;
  font-size: var(--font-size-sm-2, 1.3rem);
}
body.type-user .footer {
  background: #0D0F19;
}
body.type-user .footer .cont-wrap {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}
.footer .links {
  gap: 2.4rem;
  margin: 0 auto 2.0rem;
  font-weight: 500;
  font-size: 1.6rem;
}
body.type-user .footer .links {
  color: #D2D2D2;
}
.footer .footer-bottom {
  display: flex;
  justify-content: space-between;
}
.footer .info {
  line-height: 1.65;
}
body.type-user .footer .info {
  color: #989898;
}
.footer .info .info-txt {
  margin: 0 auto 3.2rem;
}
.footer .copyright {
  color: #fff;
  margin-top: var(--spacing-md);
  opacity: 0.5;
}
.footer .contact-wrap {
  margin: 0 auto 0.4rem;
}
.footer .contact {
  font-size: 1.6rem;
  font-weight: 500;
}
body.type-user .footer .contact {
  color: #989898;
}
.youtube-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube-wrap.bg-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  border-radius: var(--radius-sm);
  transition: var(--transition-fast);
  white-space: nowrap;
  cursor: pointer;
}
.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-background);
}
.form-control {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-primary);
  font-size: var(--font-size-md);
  transition: var(--transition-fast);
}
.form-control:focus {
  border-color: var(--color-primary);
}
.modal-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--color-black-alpha-50);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: var(--z-index-modal-backdrop);
  animation: fadeIn 0.3s ease-out forwards;
}
.modal-content {
  background-color: var(--color-surface-1);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-modal);
  width: 90%;
  max-width: 480px;
}
.tabs-container {
  display: flex;
  gap: var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--spacing-lg);
}
.tab-item {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  border-bottom: 2px solid transparent;
  transform: translateY(1px);
}
.tab-item.is-active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}
.layer {
  position: fixed;
  inset: 0;
  z-index: var(--z-index-modal, 1000);
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s ease;
}
.layer.is-open {
  pointer-events: auto;
  opacity: 1;
}
.layer-mask {
  position: absolute;
  inset: 0;
  background: var(--color-black-alpha-80, rgba(0, 0, 0, .8));
}
.layer-center {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
}
.layer-center .layer-dialog {
  width: 480px;
  max-width: calc(100% - 48px);
  background: var(--color-surface-1);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md, 12px);
  box-shadow: var(--shadow-modal, 0 10px 40px rgba(0, 0, 0, .3));
  transform: translateY(8px) scale(.98);
  transition: transform .18s ease, opacity .18s ease;
  position: relative;
}
.layer-center .layer-dialog.sm {
  padding: 40px 20px 28px 20px;
  width: 360px;
}
.layer.is-open .layer-dialog {
  transform: translateY(0) scale(1);
}
.layer-head {
  position: relative;
}
.layer-title {
  margin: 0 auto var(--spacing-20);
  font-size: var(--font-size-md, 1.6rem);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-primary);
}
.layer-close.absol {
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-100%);
}
.layer-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
  transition:
    background .15s ease,
    color .15s ease,
    transform .06s ease;
}
.layer-close:hover {
  background: var(--color-surface-2);
  color: var(--color-text-primary);
}
.layer-close:active {
  transform: scale(.96);
}
.layer-body {
  margin: 0 auto 38px;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm-2, 1.3rem);
}
.layer-actions {
  gap: var(--spacing-sm);
}
.layer-actions .btn {
  min-width: 100px;
  height: 40px;
  font-size: var(--font-size-sm-2);
  font-weight: 400;
  border-radius: var(--radius-xs);
}
.layer-actions .btn-primary {
  background: var(--color-button-purple);
  color: #fff;
}
.layer-actions .btn-primary:hover {
  filter: brightness(1.06);
}
.layer-actions .btn-ghost {
  background: #303041;
  border: 1px solid var(--color-text-secondary);
}
.layer-actions .btn-ghost:hover {
  background: var(--color-surface-1);
}
.layer-actions .btn-danger {
  background: var(--color-button-purple);
  color: #fff;
}
.layer-actions .btn-danger:hover {
  filter: brightness(1.06);
}
.layer-full {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 24px 24px;
}
.layer-full .layer-panel {
  width: min(100%, var(--panel-max, 1000px));
  min-height: 300px;
  height: auto;
}
.layer-full .layer-panel.is-shorts {
  --panel-max: 420px;
}
.layer-full .layer-panel.is-wide {
  --panel-max: 1000px;
}
.layer.is-open .layer-panel {
  transform: translateY(0) scale(1);
}
.layer-topbar {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
  padding: 0 12px 0 16px;
}
.layer-topbar .topbar-title {
  font-size: var(--font-size-md, 1.6rem);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold, 700);
}
.player-viewport {
  position: relative;
  display: grid;
  place-items: center;
  padding: 12px;
  background: #000;
  aspect-ratio: var(--ar, 16/9);
}
.player-viewport .player-placeholder,
.player-viewport .player-fallback {
  color: #bdbdbd;
  font-size: 14px;
  letter-spacing: -0.01em;
}
.player-viewport video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  background: #000;
  border-radius: 4px;
}
.layer-dialog.light {
  background: #FFFFFF;
  border: 1px solid #dee2e6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.layer-dialog.light .layer-title {
  color: var(--color-text-dark, #212529);
  text-align: left;
}
.layer-dialog.light .layer-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid #e9ecef;
}
.layer-dialog.light .layer-close {
  position: static;
  transform: none;
  color: #868e96;
}
.layer-dialog.light .layer-body {
  padding: var(--spacing-lg);
  margin: 0;
  color: var(--color-text-dark, #212529);
  font-size: var(--font-size-sm, 1.6rem);
}
.layer-dialog.light .layer-actions {
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid #e9ecef;
  justify-content: flex-end;
}
.layer-dialog.light .btn-outline {
  border-color: #ced4da;
  color: #495057;
}
.layer-dialog.light .btn-primary {
  background-color: var(--color-button-purple, #6A77F0);
}
.layer .layer-dialog.type-col {
  padding: 0;
}
.layer .layer-dialog.type-col .layer-title {
  margin: 0 auto;
  padding: 20px;
  border-bottom: 1px solid #40414E;
}
.layer .layer-dialog.type-col .layer-body {
  margin: 0 auto;
  padding: 20px;
  border-bottom: 1px solid #40414E;
}
.layer .layer-dialog.type-col .layer-body .form-row {
  margin: 0 auto 20px;
  width: 100%;
}
.layer .layer-dialog.type-col .layer-body .form-row:last-child {
  margin: 0 auto;
}
.layer .layer-dialog.type-col .layer-body .form-label-wrap {
  padding: 0 0 8px 0;
}
.layer .layer-dialog.type-col .layer-body .form-label-wrap label {
  font-size: var(--font-size-sm-2);
}
.layer .layer-dialog.type-col .layer-body .form-control {
  height: 44px;
  background: #303044;
  border: 1px solid #40414E;
}
.layer .layer-dialog.type-col .layer-actions {
  padding: 20px;
}
.layer[data-layer=member-withdraw] .layer-body .layer-desc {
  margin: 0 auto 1.2rem;
  font-size: var(--font-size-sm-2);
  line-height: 1.65;
}
.layer[data-layer=member-withdraw] .layer-body .guide-box {
  gap: 2.3rem;
  margin: 0 auto 2.2rem;
  padding: 1.9rem 1.5rem;
  line-height: 1.65;
  border-radius: var(--radius-sm);
  border: 1px solid #9795A0;
  font-size: var(--font-size-xs);
}
.layer .layer-dialog.type-col.type-inn-close .layer-close {
  top: 12px;
  right: 20px;
}
.layer .layer-dialog.type-inn-close .layer-close {
  top: 8px;
  right: 8px;
  transform: unset;
  z-index: 10;
}
.layer .layer-dialog.type-inn-close {
  border-radius: 0;
}
.layer[data-layer=purchase-done] .layer-dialog .layer-title {
  margin: 0 auto 1.2rem;
}
.layer[data-layer=purchase-done] .layer-dialog .layer-body {
  margin: 0 auto 2.5rem;
}
.layer[data-layer=purchase-done] .layer-dialog .layer-body .desc {
  font-size: var(--font-size-sm-2);
  color: var(--color-text-fourth);
}
.table-basic {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-xs, 1.4rem);
}
.table-basic th,
.table-basic td {
  padding: var(--spacing-md);
  text-align: center;
  border-bottom: 1px solid #e9ecef;
}
.table-basic th {
  background-color: #f8f9fa;
  color: #495057;
  font-weight: var(--font-weight-medium);
}
.table-basic td {
  color: var(--color-text-dark, #212529);
}
.table-basic tbody tr:last-child td {
  border-bottom: none;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}
.form-group label {
  font-weight: var(--font-weight-medium);
}
.form-control {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
  border-radius: var(--radius-sm);
  color: var(--color-text-dark, #212529);
  font-size: var(--font-size-sm, 1.6rem);
}
.form-control:focus {
  border-color: var(--color-secondary);
}
.form-radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin: var(--spacing-sm) 0;
}
.form-radio-group label {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-weight: 400;
}
@media (max-aspect-ratio: 9/16) {
  .player-viewport video {
    height: 100%;
    width: auto;
  }
}
@media (min-aspect-ratio: 16/9) {
  .player-viewport video {
    width: 100%;
    height: auto;
  }
}
.player-viewport.cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
}
.player-viewport.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background:
    radial-gradient(
      closest-side,
      rgba(255, 255, 255, .85) 90%,
      rgba(255, 255, 255, 0)) top left / 8px 8px no-repeat,
    conic-gradient(
      from 0turn,
      rgba(255, 255, 255, .0),
      rgba(255, 255, 255, .7),
      rgba(255, 255, 255, .0)) center/40px 40px no-repeat;
  animation: pv-spin 1s linear infinite;
  pointer-events: none;
}
.layer [data-act],
.layer .layer-close,
.layer .btn {
  outline: none;
}
.layer [data-act]:focus-visible,
.layer .layer-close:focus-visible,
.layer .btn:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-secondary) 25%, transparent);
  border-radius: 8px;
}
h1,
h2,
h3,
h4,
h5,
h5,
h6,
h7,
h8,
h9 {
  color: var(--color-text-title-black);
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media (max-width: 480px) {
  .layer-center {
    padding: 16px;
  }
  .layer-center .layer-dialog,
  .layer-center .layer-dialog.sm {
    width: 100%;
  }
}

/* src/assets/d2x/new/css/__font.css */
@font-face {
  font-family: "Aggravo";
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff) format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Aggravo";
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff) format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Aggravo";
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");
  font-weight: 700;
  font-display: swap;
}
.ft-aggravo {
  font-family: "Aggravo", var(--basic-font-famaily);
}

/* src/styles.scss */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
* ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
a,
button {
  border: 0;
  outline: 0;
  cursor: pointer;
}
input {
  border: 0;
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: normal;
  box-sizing: border-box;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
audio,
canvas,
embed,
iframe,
img,
object,
video {
  display: block;
  max-width: 100%;
  height: auto;
}
:root {
  --point-color: #4DF293;
  --sub-color: #6a77f0;
  --mat-sys-body-medium-size: 14px;
  --mat-sys-label-large-size: 14px;
}
::ng-deep .mat-drawer-backdrop {
  display: none !important;
}
.mat-drawer-backdrop.mat-drawer-shown {
  visibility: hidden !important;
}
.mat-drawer {
  --mat-sidenav-container-background-color: none;
}
.mat-accent.mat-mdc-checkbox {
  --mat-checkbox-label-text-color: #9795a0;
}
.d2x-client-title {
  color: var(--point-color);
  text-align: left;
  font: normal normal medium 16px/27px Pretendard;
  letter-spacing: -0.48px;
  opacity: 1;
}
.mat-mdc-dialog-surface {
  border-radius: 0 !important;
}
.mat-mdc-tab-header {
  margin-bottom: 20px;
}
.mat-mdc-tab-header-pagination {
  min-width: 22px !important;
}
.pointer {
  cursor: pointer;
}
.mdc-tab__text-label {
  font-size: 14.5px;
}
.mat-mdc-tab-group {
  width: 100%;
}
.d2x-client-menu {
  background-color: #1b1e2c !important;
}
.prompt-input__textarea::-webkit-scrollbar {
  width: 8px;
}
.prompt-input__textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.prompt-input__textarea::-webkit-scrollbar-thumb {
  background-color: #60636b;
  border-radius: 4px;
}
.custom-quill-editor {
  width: 100%;
  height: 320px;
  border: none;
}
.custom-quill-editor .ql-editor::before {
  content: attr(data-placeholder);
  color: #aaa;
  opacity: 0.5;
  position: absolute;
  pointer-events: none;
}
.custom-quill-editor .ql-editor.ql-blank::before {
  color: #aaa;
  font-style: normal;
  content: attr(data-placeholder);
  opacity: 0.8;
  position: absolute;
  pointer-events: none;
  font-size: 13px;
  font-weight: 400;
  margin-top: -3px;
}
.custom-quill-editor .ql-editor.ql-blank::before {
  display: block;
}
.custom-quill-editor .ql-editor:not(.ql-blank)::before {
  display: none;
}
.custom-quill-editor .ql-container.ql-bubble {
  width: 100%;
  box-sizing: border-box;
  background-color: #2c2e3b;
  height: 100%;
  border: none;
  color: #ffffff;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #40414e;
}
.custom-quill-editor .ql-editor {
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  outline: none;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #ffffff;
}
.custom-quill-editor .ql-editor:focus {
  box-shadow: none;
  border-color: #40414e;
}
.custom-quill-editor .ql-editor img {
  max-width: 100%;
  height: auto;
}
.custom-quill-editor .ql-editor * {
  color: #ffffff !important;
  background-color: transparent !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  font-family: "pretendard", sans-serif;
}
.custom-quill-editor .ql-editor::-webkit-scrollbar {
  width: 8px;
}
.custom-quill-editor .ql-editor::-webkit-scrollbar-track {
  background-color: transparent;
}
.custom-quill-editor .ql-editor::-webkit-scrollbar-thumb {
  background-color: #60636b;
  border-radius: 4px;
}
.mat-typography {
  font-size: 13px !important;
  margin: 0;
}
.markdown-preview * {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  font-family: "pretendard", sans-serif !important;
}
.markdown-preview h2 {
  margin: 0;
  margin-bottom: 8px !important;
}
.markdown-preview::-webkit-scrollbar {
  width: 8px;
}
.markdown-preview::-webkit-scrollbar-track {
  background-color: transparent;
}
.markdown-preview::-webkit-scrollbar-thumb {
  background-color: #60636b;
  border-radius: 4px;
}
@font-face {
  font-family: "Pretendard-SemiBold";
  src: url("./media/Pretendard-SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-Bold";
  src: url("./media/Pretendard-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareEB";
  src: url("./media/NanumSquareEB.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumMyeongjoExtraBold";
  src: url("./media/NanumMyeongjoExtraBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumMyeongjoBold";
  src: url("./media/NanumMyeongjoBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "JalnanGothic";
  src: url("./media/JalnanGothic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Binggrae-Bold";
  src: url("./media/Binggrae-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cafe24Dangdanghae-v2.0";
  src: url("./media/Cafe24Dangdanghae-v2.0.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cafe24Ssurround-v2.0";
  src: url("./media/Cafe24Ssurround-v2.0.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansTTFBold";
  src: url("./media/GmarketSansTTFBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HakgyoansimRikodeoOTFR";
  src: url("./media/HakgyoansimRikodeoOTFR.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KBO_Dia_gothic_bold";
  src: url("./media/KBO_Dia_gothic_bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumBarunGothicBold";
  src: url("./media/NanumBarunGothicBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareRoundOTFEB";
  src: url("./media/NanumSquareRoundOTFEB.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nexen_B";
  src: url("./media/Nexen_B.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OTTtangsbudaejjigaeM";
  src: url("./media/OTTtangsbudaejjigaeM.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Paperlogy-8ExtraBold";
  src: url("./media/Paperlogy-8ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-ExtraBold";
  src: url("./media/Pretendard-ExtraBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-Medium";
  src: url("./media/Pretendard-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-Regular";
  src: url("./media/Pretendard-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RecipekoreaM";
  src: url("./media/RecipekoreaM.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SANGJU-Gotgam";
  src: url("./media/SANGJU-Gotgam.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SCDream8";
  src: url("./media/SCDream8.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SEBANGGothicBold";
  src: url("./media/SEBANGGothicBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "WAGURI";
  src: url("./media/WAGURI.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.transition {
  transition: all 0.5s;
}
.border-horizontal-common {
  height: 1px;
  margin: 16px 0 0;
  background-color: #40414e;
}
.page-padding-base {
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}
.login-background {
  background: url("./media/bg-green-img.svg") no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.login-background::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
  height: 105%;
  background: rgba(0, 7, 15, 0.63);
}
.info-label {
  flex-shrink: 0;
  width: 98px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.4rem;
  font-weight: var(--font-weight-medium);
}
.section-container {
  background: #2F2F42;
  padding: 30px 25px;
}

/* node_modules/aos/dist/aos.css */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
  transform: scale(.6);
}
[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6);
}
[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6);
}
[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6);
}
[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6);
}
[data-aos=zoom-out] {
  transform: scale(1.2);
}
[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}
[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */