@charset "UTF-8";
/* 공통: 폰트 합성 방지(얇은 폰트에서 가짜 Bold/Italic 방지) */
:root {
  font-synthesis: none;
}

/* 300 Light */
@font-face {
  font-family: "PyeojinGothic";
  src: url("/fonts/PyeojinGothic/woff2/PyeojinGothic-Light.woff2") format("woff2"), url("/fonts/PyeojinGothic/woff/PyeojinGothic-Light.woff") format("woff"), url("/fonts/PyeojinGothic/ttf/PyeojinGothic-Light.ttf") format("truetype"), url("/fonts/PyeojinGothic/otf/PyeojinGothic-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* 400 Regular */
@font-face {
  font-family: "PyeojinGothic";
  src: url("/fonts/PyeojinGothic/woff2/PyeojinGothic-Regular.woff2") format("woff2"), url("/fonts/PyeojinGothic/woff/PyeojinGothic-Regular.woff") format("woff"), url("/fonts/PyeojinGothic/ttf/PyeojinGothic-Regular.ttf") format("truetype"), url("/fonts/PyeojinGothic/otf/PyeojinGothic-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* 500 Medium */
@font-face {
  font-family: "PyeojinGothic";
  src: url("/fonts/PyeojinGothic/woff2/PyeojinGothic-Medium.woff2") format("woff2"), url("/fonts/PyeojinGothic/woff/PyeojinGothic-Medium.woff") format("woff"), url("/fonts/PyeojinGothic/ttf/PyeojinGothic-Medium.ttf") format("truetype"), url("/fonts/PyeojinGothic/otf/PyeojinGothic-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* 600 SemiBold */
@font-face {
  font-family: "PyeojinGothic";
  src: url("/fonts/PyeojinGothic/woff2/PyeojinGothic-SemiBold.woff2") format("woff2"), url("/fonts/PyeojinGothic/woff/PyeojinGothic-SemiBold.woff") format("woff"), url("/fonts/PyeojinGothic/ttf/PyeojinGothic-SemiBold.ttf") format("truetype"), url("/fonts/PyeojinGothic/otf/PyeojinGothic-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* 700 Bold */
@font-face {
  font-family: "PyeojinGothic";
  src: url("/fonts/PyeojinGothic/woff2/PyeojinGothic-Bold.woff2") format("woff2"), url("/fonts/PyeojinGothic/woff/PyeojinGothic-Bold.woff") format("woff"), url("/fonts/PyeojinGothic/ttf/PyeojinGothic-Bold.ttf") format("truetype"), url("/fonts/PyeojinGothic/otf/PyeojinGothic-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.text-40-b {
  font-size: clamp(37px, 9vw, 42px);
  font-weight: 700;
  line-height: 1.4;
}

.text-32-b {
  font-size: clamp(29px, 7.5vw, 34px);
  font-weight: 700;
  line-height: 1.4;
}

.text-32 {
  font-size: clamp(29px, 7.5vw, 34px);
  font-weight: 400;
  line-height: 1.4;
}

.text-28 {
  font-size: clamp(25px, 6.5vw, 30px);
  font-weight: 400;
  line-height: 1.4;
}

.text-28-b {
  font-size: clamp(25px, 6.5vw, 30px);
  font-weight: 700;
  line-height: 1.4;
}

.text-28-b-3 {
  font-size: clamp(25px, 6.5vw, 30px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-26-b-3 {
  font-size: clamp(23px, 6vw, 28px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-26-b {
  font-size: clamp(23px, 6vw, 28px);
  font-weight: 700;
  line-height: 1.3;
}

.text-26 {
  font-size: clamp(23px, 6vw, 28px);
  font-weight: 400;
  line-height: 1.3;
}

.text-24-b-3 {
  font-size: clamp(21px, 5.5vw, 26px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-24-b {
  font-size: clamp(21px, 5.5vw, 26px);
  font-weight: 700;
  line-height: 1.3;
}

.text-24-3 {
  font-size: clamp(21px, 5.5vw, 26px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-24 {
  font-size: clamp(21px, 5.5vw, 26px);
  font-weight: 400;
  line-height: 1.3;
}

.text-22-b {
  font-size: clamp(19px, 5vw, 24px);
  font-weight: 700;
  line-height: 1.3;
}

.text-22-b-3 {
  font-size: clamp(19px, 5vw, 24px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-22 {
  font-size: clamp(19px, 5vw, 24px);
  font-weight: 400;
  line-height: 1.3;
}

.text-20-b-3 {
  font-size: clamp(17px, 4.5vw, 22px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-20-b {
  font-size: clamp(17px, 4.5vw, 22px);
  font-weight: 700;
  line-height: 1.3;
}

.text-20-3 {
  font-size: clamp(17px, 4.5vw, 22px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.03rem;
}

.text-20 {
  font-size: clamp(17px, 4.5vw, 22px);
  font-weight: 400;
  line-height: 1.3;
}

.text-18-b {
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 700;
  line-height: 1.3;
}

.text-18-b-3 {
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-18 {
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 400;
  line-height: 1.3;
}

.text-18-3 {
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-16-b {
  font-size: clamp(15px, 3.5vw, 18px);
  font-weight: 700;
  line-height: 1.3;
}

.text-16-3 {
  font-size: clamp(15px, 3.5vw, 18px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-16 {
  font-size: clamp(15px, 3.5vw, 18px);
  font-weight: 400;
  line-height: 1.3;
}

.text-14-b {
  font-size: clamp(13px, 3vw, 16px);
  font-weight: 700;
  line-height: 1.3;
}

.text-14-b-3 {
  font-size: clamp(13px, 3vw, 16px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-14 {
  font-size: clamp(13px, 3vw, 16px);
  font-weight: 400;
  line-height: 1.3;
}

.text-14-3 {
  font-size: clamp(13px, 3vw, 16px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.03rem;
}

.text-12 {
  font-size: clamp(12px, 2.5vw, 14px);
  font-weight: 400;
  line-height: 1.3;
}

.text-tertiary {
  color: #e8f0f8;
}

.text-quaternary {
  color: #999999;
}

.text-quinary {
  color: #ececec;
}

.text-senary {
  color: #666666;
}

.text-excellent {
  color: #1a96ff;
}

.text-great {
  color: #10b972;
}

.text-good {
  color: #ffc824;
}

.text-normal {
  color: #f24040;
}

.text-Memory {
  color: #10b972;
}

.text-ExecutiveFunction {
  color: #a660dc;
}

.text-Calculation {
  color: #1996ff;
}

.text-Language {
  color: #10afb9;
}

.text-Attention {
  color: #ff7a00;
}

.text-VisuoSpatial {
  color: #ff6bcd;
}

.text-a-primary {
  color: #2c4367;
}

.text-a-secondary {
  color: #6e859d;
}

.text-a-tertiary {
  color: #799cab;
}

.text-a-quaternary {
  color: #0089ff;
}

.text-gray-20 {
  color: #8e8e8e;
}

.bg-tertiary {
  background-color: #e8f0f8;
}

.bg-quaternary {
  background-color: #999999;
}

.bg-quinary {
  background-color: #ececec;
}

.bg-senary {
  background-color: #666666;
}

.bg-excellent {
  background-color: #1a96ff;
}

.bg-great {
  background-color: #10b972;
}

.bg-good {
  background-color: #ffc824;
}

.bg-normal {
  background-color: #f24040;
}

.bg-Memory {
  background-color: rgba(16, 185, 114, 0.1);
}

.bg-ExecutiveFunction {
  background-color: rgba(166, 96, 220, 0.1);
}

.bg-Calculation {
  background-color: rgba(25, 150, 255, 0.1);
}

.bg-Language {
  background-color: rgba(16, 175, 185, 0.1);
}

.bg-Attention {
  background-color: rgba(255, 122, 0, 0.1);
}

.bg-VisuoSpatial {
  background-color: rgba(255, 107, 205, 0.1);
}

.bg-a-primary {
  background-color: #2c4367;
}

.bg-a-secondary {
  background-color: #6e859d;
}

.bg-a-tertiary {
  background-color: #799cab;
}

.bg-a-quaternary {
  background-color: #0089ff;
}

.border-primary {
  border-color: #0172f0 !important;
}

html,
body,
#q-app {
  font-family: "PyeojinGothic", -apple-system, "Roboto", "Helvetica Neue", Arial, "Noto Sans KR", "Apple SD Gothic Neo", "Segoe UI", sans-serif;
}

#q-app,
.q-dialog {
  white-space: pre-line !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#q-app .max-width,
.q-dialog .max-width {
  max-width: 64rem;
}
body.extra-display #q-app .max-width,
body.extra-display .q-dialog .max-width {
  min-width: 37.5rem;
  max-width: calc(var(--vh, 1vh) * 60);
}

#q-app .default-view-layout,
.q-dialog .default-view-layout {
  padding: 1.5rem 1.25rem 2.5rem;
}
body.responsive-device #q-app .default-view-layout,
body.responsive-device .q-dialog .default-view-layout {
  padding: 1.5rem 2.5rem 2.5rem;
}

#q-app .responsive-full-height,
.q-dialog .responsive-full-height {
  min-height: calc(var(--vh, 1vh) * 100);
}
#q-app .responsive-at-height,
.q-dialog .responsive-at-height {
  min-height: calc(var(--vh, 1vh) * 100 - 6.75rem);
}

.q-dialog.vertical-dialog .q-card {
  width: 90vw;
  max-width: 25rem;
}
body.responsive-device .q-dialog.vertical-dialog .q-card {
  width: 87.5vw;
  max-width: 43.75rem;
}

body.extra-display .q-dialog.vertical-dialog .q-card {
  width: calc(var(--vh, 1vh) * 54);
  max-width: 33.75rem;
}

.q-dialog.horizontal-dialog .q-card {
  width: 80vw;
  max-width: 37rem;
}
body.responsive-device .q-dialog.horizontal-dialog .q-card {
  width: 85vw;
  max-width: 68.75rem;
}

body.extra-display .q-dialog.horizontal-dialog .q-card {
  width: 80vw;
  max-width: 60rem;
}

.chat-text-box {
  width: 100%;
  padding: 0.625rem 1rem;
  border-radius: 1.25rem;
  box-shadow: 0 0 0 1px #ececec;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  margin-bottom: 0.5rem;
}

.lh-21 {
  line-height: 21px !important;
}

.lh-28 {
  line-height: 28px !important;
}

:root {
  --space-xs: clamp(2px, 0.5vw, 4px);
  --space-sm: clamp(4px, 1vw, 6px);
  --space-md: clamp(8px, 2vw, 12px);
  --space-lg: clamp(12px, 3vw, 18px);
  --space-xl: clamp(16px, 4vw, 24px);
  --space-2xl: clamp(20px, 5vw, 30px);
  --space-3xl: clamp(24px, 6vw, 36px);
  --size-4: clamp(2px, 1vw, 6px);
  --size-8: clamp(6px, 2vw, 10px);
  --size-10: clamp(8px, 2.5vw, 12px);
  --size-12: clamp(10px, 3vw, 15px);
  --size-16: clamp(14px, 4vw, 20px);
  --size-20: clamp(18px, 5vw, 25px);
  --size-24: clamp(22px, 6vw, 30px);
  --size-28: clamp(26px, 7vw, 35px);
  --size-32: clamp(30px, 8vw, 40px);
  --size-36: clamp(34px, 9vw, 45px);
  --size-40: clamp(38px, 10vw, 50px);
  --size-44: clamp(42px, 11vw, 55px);
  --size-48: clamp(46px, 12vw, 60px);
  --size-56: clamp(52px, 14vw, 70px);
  --size-64: clamp(60px, 16vw, 80px);
  --size-72: clamp(68px, 18vw, 90px);
  --size-78: clamp(74px, 19.5vw, 98px);
  --size-80: clamp(76px, 20vw, 100px);
  --f-size-140: 140px;
  --f-size-160: 160px;
  --radius-sm: clamp(2px, 0.5vw, 4px);
  --radius-md: clamp(4px, 1vw, 6px);
  --radius-lg: clamp(8px, 2vw, 12px);
  --radius-xl: clamp(12px, 3vw, 18px);
  --radius-2xl: clamp(16px, 4vw, 24px);
  --font-12: clamp(10px, 2.5vw, 15px);
  --font-14: clamp(12px, 3vw, 17px);
  --font-16: clamp(14px, 3.5vw, 19px);
  --font-18: clamp(15px, 4vw, 21px);
  --font-20: clamp(16px, 4.5vw, 24px);
  --font-22: clamp(18px, 5vw, 26px);
  --font-24: clamp(20px, 5.5vw, 28px);
  --font-26: clamp(22px, 6vw, 30px);
  --font-28: clamp(24px, 6.5vw, 32px);
  --font-32: clamp(28px, 7.5vw, 36px);
  --font-40: clamp(36px, 9vw, 44px);
}
body.responsive-device :root {
  --space-xs: clamp(3px, 0.4vw, 5px);
  --space-sm: clamp(6px, 0.8vw, 10px);
  --space-md: clamp(12px, 1.5vw, 20px);
  --space-lg: clamp(18px, 2.2vw, 30px);
  --space-xl: clamp(24px, 3vw, 40px);
  --space-2xl: clamp(30px, 3.8vw, 50px);
  --space-3xl: clamp(36px, 4.5vw, 60px);
  --size-78: clamp(70px, 16vw, 120px);
  --font-12: clamp(16px, 3.5vw, 22px);
  --font-14: clamp(18px, 4vw, 24px);
  --font-16: clamp(20px, 4.5vw, 28px);
  --font-18: clamp(22px, 5vw, 30px);
  --font-20: clamp(24px, 5.5vw, 32px);
  --font-22: clamp(26px, 6vw, 34px);
  --font-24: clamp(28px, 6.5vw, 36px);
  --font-26: clamp(29px, 7vw, 37px);
  --font-28: clamp(30px, 7.5vw, 38px);
  --font-32: clamp(35px, 8.5vw, 43px);
  --font-40: clamp(38px, 10vw, 46px);
}

.size-4 {
  width: var(--size-4);
  height: var(--size-4);
}

.size-8 {
  width: var(--size-8);
  height: var(--size-8);
}

.size-12 {
  width: var(--size-12);
  height: var(--size-12);
}

.size-16 {
  width: var(--size-16);
  height: var(--size-16);
}

.size-20 {
  width: var(--size-20);
  height: var(--size-20);
}

.size-24 {
  width: var(--size-24);
  height: var(--size-24);
}

.size-32 {
  width: var(--size-32);
  height: var(--size-32);
}

.size-36 {
  width: var(--size-36);
  height: var(--size-36);
}

.size-40 {
  width: var(--size-40);
  height: var(--size-40);
}

.size-48 {
  width: var(--size-48);
  height: var(--size-48);
}

.size-56 {
  width: var(--size-56);
  height: var(--size-56);
}

.size-64 {
  width: var(--size-64);
  height: var(--size-64);
}

.size-78 {
  width: var(--size-78);
  height: var(--size-78);
}

@media (max-width: 349px) {
  .q-mr-xxs-xs {
    margin-right: var(--space-xs) !important;
  }

  .q-mr-xxs-sm {
    margin-right: var(--space-sm) !important;
  }

  .q-mr-xxs-md {
    margin-right: var(--space-md) !important;
  }

  .q-mr-xxs-lg {
    margin-right: var(--space-lg) !important;
  }

  .q-mr-xxs-xl {
    margin-right: var(--space-xl) !important;
  }

  .q-mr-xxs-2xl {
    margin-right: var(--space-2xl) !important;
  }

  .q-mr-xxs-3xl {
    margin-right: var(--space-3xl) !important;
  }

  .q-pa-xxs-xs {
    padding: var(--space-xs) !important;
  }

  .q-pa-xxs-sm {
    padding: var(--space-sm) !important;
  }

  .q-pa-xxs-md {
    padding: var(--space-md) !important;
  }

  .q-pa-xxs-lg {
    padding: var(--space-lg) !important;
  }

  .q-pa-xxs-xl {
    padding: var(--space-xl) !important;
  }

  .q-pa-xxs-2xl {
    padding: var(--space-2xl) !important;
  }

  .q-pa-xxs-3xl {
    padding: var(--space-3xl) !important;
  }
}
@media (min-width: 350px) and (max-width: 599px) {
  .q-mr-xs-xs {
    margin-right: var(--space-xs) !important;
  }

  .q-mr-xs-sm {
    margin-right: var(--space-sm) !important;
  }

  .q-mr-xs-md {
    margin-right: var(--space-md) !important;
  }

  .q-mr-xs-lg {
    margin-right: var(--space-lg) !important;
  }

  .q-mr-xs-xl {
    margin-right: var(--space-xl) !important;
  }

  .q-mr-xs-2xl {
    margin-right: var(--space-2xl) !important;
  }

  .q-mr-xs-3xl {
    margin-right: var(--space-3xl) !important;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .q-mr-sm-xs {
    margin-right: var(--space-xs) !important;
  }

  .q-mr-sm-sm {
    margin-right: var(--space-sm) !important;
  }

  .q-mr-sm-md {
    margin-right: var(--space-md) !important;
  }

  .q-mr-sm-lg {
    margin-right: var(--space-lg) !important;
  }

  .q-mr-sm-xl {
    margin-right: var(--space-xl) !important;
  }

  .q-mr-sm-2xl {
    margin-right: var(--space-2xl) !important;
  }

  .q-mr-sm-3xl {
    margin-right: var(--space-3xl) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .q-mr-md-xs {
    margin-right: var(--space-xs) !important;
  }

  .q-mr-md-sm {
    margin-right: var(--space-sm) !important;
  }

  .q-mr-md-md {
    margin-right: var(--space-md) !important;
  }

  .q-mr-md-lg {
    margin-right: var(--space-lg) !important;
  }

  .q-mr-md-xl {
    margin-right: var(--space-xl) !important;
  }

  .q-mr-md-2xl {
    margin-right: var(--space-2xl) !important;
  }

  .q-mr-md-3xl {
    margin-right: var(--space-3xl) !important;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .q-mr-lg-xs {
    margin-right: var(--space-xs) !important;
  }

  .q-mr-lg-sm {
    margin-right: var(--space-sm) !important;
  }

  .q-mr-lg-md {
    margin-right: var(--space-md) !important;
  }

  .q-mr-lg-lg {
    margin-right: var(--space-lg) !important;
  }

  .q-mr-lg-xl {
    margin-right: var(--space-xl) !important;
  }

  .q-mr-lg-2xl {
    margin-right: var(--space-2xl) !important;
  }

  .q-mr-lg-3xl {
    margin-right: var(--space-3xl) !important;
  }
}
@media (min-width: 1920px) {
  .q-mr-xl-xs {
    margin-right: var(--space-xs) !important;
  }

  .q-mr-xl-sm {
    margin-right: var(--space-sm) !important;
  }

  .q-mr-xl-md {
    margin-right: var(--space-md) !important;
  }

  .q-mr-xl-lg {
    margin-right: var(--space-lg) !important;
  }

  .q-mr-xl-xl {
    margin-right: var(--space-xl) !important;
  }

  .q-mr-xl-2xl {
    margin-right: var(--space-2xl) !important;
  }

  .q-mr-xl-3xl {
    margin-right: var(--space-3xl) !important;
  }
}
:root {
  --q-space-none: 0;
  --q-space-xs: var(--space-xs);
  --q-space-sm: var(--space-sm);
  --q-space-md: var(--space-md);
  --q-space-lg: var(--space-lg);
  --q-space-xl: var(--space-xl);
  --q-space-2xl: var(--space-2xl);
  --q-space-3xl: var(--space-3xl);
}
.analyzing-outer[data-v-2e552c52] {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.83);
}
.analyzing-lottie[data-v-2e552c52] {
  width: 10rem;
}
.common-bottom-dialog .q-dialog__backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.common-bottom-dialog .bottom-dialog-outer {
  padding: 1.25rem 1rem 2.5rem;
  border-radius: 1.25rem 1.25rem 0 0;
}
body.responsive-device .common-bottom-dialog .bottom-dialog-outer {
  padding: 1.25rem 2rem 2.5rem;
}
.common-bottom-dialog .bottom-dialog-title {
  padding: 1.25rem 0;
}
.common-bottom-dialog .bottom-dialog-comment {
  padding-bottom: 1.25rem;
}
.common-bottom-dialog .bottom-dialog-button {
  color: white;
  border-radius: 0.625rem;
  background: linear-gradient(180deg, #008aff 26.56%, #0069c2 100%);
  box-shadow: 0px 13px 9px 0px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  padding: 0.8125rem 1.35rem 0.75rem 1.35rem;
}
.common-bottom-dialog .dialog-button {
  border-radius: 0.625rem;
  padding: 0.8125rem 0.75rem 0.75rem;
}
.common-bottom-dialog .dialog-button.first-button {
  color: #666666;
}
.common-bottom-dialog .dialog-button.second-button {
  color: white;
  background: linear-gradient(180deg, #0172f0 26.56%, #0057b9 100%);
  box-shadow: 0px 13px 9px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  margin-left: 0.46875rem;
}
.common-bottom-dialog .dialog-space {
  width: 0.94rem;
  flex-grow: unset !important;
}
.common-center-dialog.fullscreen {
  z-index: 100;
}
.common-center-dialog.fullscreen.main {
  z-index: 10000;
}
.common-center-dialog .q-dialog__backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.common-center-dialog .dialog-card {
  border-radius: var(--radius-xl);
  padding: var(--space-xl) var(--space-lg) var(--space-lg);
  width: clamp(300px, 75vw, 450px);
  max-width: clamp(300px, 75vw, 450px);
}
body.responsive-device .common-center-dialog .dialog-card {
  padding: var(--space-3xl) var(--space-2xl) var(--space-2xl);
  width: clamp(350px, 65vw, 500px);
  max-width: clamp(350px, 65vw, 500px);
}
.common-center-dialog .dialog-card-section {
  padding: 0 0 var(--space-2xl);
}
.common-center-dialog .dialog-card-section.sm-pb {
  padding-bottom: var(--space-lg);
}
.common-center-dialog .main-error-icon {
  margin-bottom: var(--space-md);
}
.common-center-dialog .dialog-title {
  padding: 0 0 var(--space-lg);
}
.common-center-dialog .main-error-comment {
  margin-bottom: calc(-1 * var(--space-xl));
  padding: var(--space-lg) var(--space-sm);
  border-radius: var(--radius-xl);
  background: #f4f4f4;
}
.common-center-dialog .main-error-comment > .text-24-b-3 {
  letter-spacing: -0.045rem;
}
.common-center-dialog .main-error-comment > .text-16-3 {
  letter-spacing: -0.03375rem;
}
.common-center-dialog .center-dialog-button {
  color: white;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, #008aff 26.56%, #0069c2 100%);
  box-shadow: 0px 13px 9px 0px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  padding: var(--space-md) var(--space-lg) var(--space-md) var(--space-lg);
  min-height: clamp(2.8rem, 7vw, 3.5rem);
}
.common-center-dialog .dialog-button {
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-md) var(--space-md);
  min-height: clamp(2.8rem, 7vw, 3.5rem);
}
.common-center-dialog .dialog-button.first-button {
  color: #666666;
}
.common-center-dialog .dialog-button.first-button.first-button-isWaiting {
  color: #ffffff;
  background: linear-gradient(180deg, #0172f0 26.56%, #0057b9 100%);
}
.common-center-dialog .dialog-button.second-button {
  color: white;
  background: linear-gradient(180deg, #0172f0 26.56%, #0057b9 100%);
  -webkit-appearance: none;
  margin-left: var(--space-sm);
}
.common-center-dialog .dialog-button.second-button.second-button-isWaiting {
  color: #ffffff;
  background: linear-gradient(180deg, #ff2600 26.56%, #bf0e0e 100%);
}
.common-center-dialog .dialog-space {
  width: var(--space-md);
  flex-grow: unset !important;
}
.common-center-dialog .p-none {
  padding: 0 !important;
  min-width: clamp(110px, 25vw, 130px) !important;
}
.common-center-dialog .btn-close {
  z-index: 100;
  display: flex;
  margin-left: auto;
  padding: var(--space-sm);
  min-height: 0;
  position: absolute;
  top: var(--space-sm);
  right: var(--space-sm);
}
body.responsive-device .common-center-dialog .btn-close {
  top: var(--space-lg);
  right: var(--space-lg);
}
body.responsive-device .common-center-dialog .btn-close .q-icon {
  font-size: var(--size-32) !important;
}
.common-center-dialog .d-none {
  display: none !important;
}
.loading-outer[data-v-2e781b2d] {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.9);
}
.loading-lottie[data-v-2e781b2d] {
  width: 5rem;
}
.dots-loading-animation[data-v-87a53cd0] {
  z-index: 1000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--38a0d33e);
  height: var(--78743bec);
  margin: 0 auto;
}
body.responsive-device .dots-loading-animation[data-v-87a53cd0] {
  width: var(--b451a966);
  height: var(--09817700);
}

/*# sourceMappingURL=app.15ebc05c.css.map*/