:root[data-theme=light]{--base-colors-primary-primary800: #ffc300;--base-colors-primary-primary700: #ffd91d;--base-colors-primary-primary600: #ffe357;--base-colors-primary-primary500: #ffe875;--base-colors-primary-primary400: #ffed92;--base-colors-primary-primary300: #fff2af;--base-colors-primary-primary200: #fff6cc;--base-colors-primary-primary100: #fff9df;--base-colors-primary-primary050: #fffbe8;--base-colors-primary-primary-deep: #de8100;--base-colors-primary-primary900: #ffb301;--base-colors-neutral-neutral800: #131313;--base-colors-neutral-neutral700: #333740;--base-colors-neutral-neutral600: #5a5c5e;--base-colors-neutral-neutral500: #8f9299;--base-colors-neutral-neutral400: #b4b6bb;--base-colors-neutral-neutral300: #caccce;--base-colors-neutral-neutral200: #ecedee;--base-colors-neutral-neutral100: #f5f6f6;--base-colors-neutral-neutral000: #ffffff;--base-colors-neutral-neutral750: #242424;--base-colors-neutral-neutral250: #dadbdd;--base-colors-neutral-neutral150: #ecedee;--base-colors-neutral-neutral550: #717375;--base-colors-neutral-neutral050: #f1f3f5;--base-colors-green-green100: #e6f8eb;--base-colors-green-green200: #c7eed2;--base-colors-green-green300: #a7e5b9;--base-colors-green-green400: #87dc9f;--base-colors-green-green600: #47c96d;--base-colors-green-green700: #28c053;--base-colors-green-green500: #67d286;--base-colors-green-green800: #00a22f;--base-colors-green-green050: #f1f9f3;--base-colors-red-red800: #f63338;--base-colors-red-red700: #ff595c;--base-colors-red-red600: #f56e70;--base-colors-red-red500: #f78284;--base-colors-red-red400: #f89597;--base-colors-red-red300: #f9a8aa;--base-colors-red-red200: #fbbcbd;--base-colors-red-red100: #ffdbdc;--base-colors-red-red050: #fff1f2;--base-colors-red-red900: #ed2d32;--base-colors-blue-blue800-deep: #0067ef;--base-colors-blue-blue700: #539eff;--base-colors-blue-blue600: #6babff;--base-colors-blue-blue500: #83b9ff;--base-colors-blue-blue400: #9cc7ff;--base-colors-blue-blue300: #b4d4ff;--base-colors-blue-blue200: #cce2ff;--base-colors-blue-blue100: #e0edff;--base-colors-blue-blue050: #e8f0fa;--base-colors-blue-blue800: #1775f0;--base-colors-common-bg-surface-dark: #19323f;--base-colors-common-light-gray-ca: #caccce;--base-colors-common-light-gray-f5: #f5f7f9;--base-colors-common-light-gray-ea: #eaecee;--base-colors-purple-purple800: #892fe9;--base-colors-purple-purple700: #984aec;--base-colors-purple-purple600: #a765ee;--base-colors-purple-purple500: #b780f1;--base-colors-purple-purple400: #c69af4;--base-colors-purple-purple300: #d5b5f7;--base-colors-purple-purple200: #e4d0fa;--base-colors-purple-purple100: #f3eafd;--base-colors-purple-purple050: #f9f3ff;--button-disabled-color: #ffffff;--button-outline-background-hover: #f7f7f7;--button-red-background-hover: #ffe5e6;--button-light-solid-background-hover: #fff4c3;--button-trade-red-hover-before: #e4e8ec;--button-trade-red-border-before: #e4e8ec;--button-trade-blue-hover-before: #e4e8ec;--button-trade-blue-border-before: #e4e8ec;--font-line-heights-0: 3.5rem;--font-line-heights-1: 2.5rem;--font-line-heights-2: 1.875rem;--font-line-heights-3: 1.5rem;--font-line-heights-4: 1.375rem;--font-line-heights-5: 1.25rem;--font-line-heights-6: 1.125rem;--font-line-heights-7: 1rem;--font-line-heights-8: .875rem;--font-letter-spacing-0: 0rem;--font-letter-spacing-1: -.062rem;--font-letter-spacing-2: -.039rem;--font-letter-spacing-3: -.022rem;--font-letter-spacing-4: -.006rem;--font-letter-spacing-5: .006rem;--메뉴명-01: 홈;--메뉴명-02: 거래;--메뉴명-03: 자산;--메뉴명-04: 출금신청;--메뉴명-05: 고객지원;--base-size-size-14: .875rem;--base-size-size-13: .812rem;--base-size-size-10: .625rem;--base-size-size-8: .5rem;--base-size-size-16: 1rem;--base-size-size-6: .375rem;--base-size-size-300: 18.75rem;--base-size-size-12: .75rem;--base-size-size-64: 4rem;--base-size-size-130: 8.125rem;--base-size-size-200: 12.5rem;--base-size-size-4: .25rem;--base-size-size-140: 8.75rem;--base-size-size-48: 3rem;--base-size-size-18: 1.125rem;--base-size-size-36: 2.25rem;--base-size-size-24: 1.5rem;--base-size-size-20: 1.25rem;--base-size-size-round: 62.438rem;--base-size-size-100: 6.25rem;--base-size-size-0: 0rem;--base-size-size-40: 2.5rem;--base-size-size-50: 3.125rem;--base-size-size-88: 5.5rem;--shadow-flag: 1px 1px 1px 0 #00000066;--shadow-box: 0 0 10px 0 #00000026;--box-shadow-default: 5px 5px 5px 3px #00000026, 4px 4px 5px 6px #00000033;--font-families-pretendard-gov: "Pretendard GOV";--font-families-roboto: Roboto;--font-families-inter: Inter;--line-heights-0: 30;--line-heights-1: 30;--line-heights-2: AUTO;--line-heights-3: AUTO;--line-heights-4: 24;--line-heights-5: 24;--line-heights-6: 24;--line-heights-7: 24;--line-heights-8: 24;--line-heights-9: 24;--line-heights-10: 24;--line-heights-11: 24;--line-heights-12: 20;--line-heights-13: 20;--line-heights-14: 20;--line-heights-15: 20;--line-heights-16: 20;--line-heights-17: 20;--line-heights-18: 20;--line-heights-19: 20;--line-heights-20: 18;--line-heights-21: 24;--line-heights-22: 18;--line-heights-23: 18;--line-heights-24: 18;--line-heights-25: 18;--line-heights-26: 18;--line-heights-27: 18;--line-heights-28: 18;--line-heights-29: 16;--line-heights-30: 20;--line-heights-31: 16;--line-heights-32: 16;--line-heights-33: 16;--line-heights-34: 16;--line-heights-35: 16;--line-heights-36: 16;--line-heights-37: 16;--line-heights-38: 16;--line-heights-39: 16;--line-heights-40: 16;--line-heights-41: 16;--line-heights-42: 14;--line-heights-43: 14;--line-heights-44: 14;--line-heights-45: 14;--line-heights-46: 14;--line-heights-47: 14;--line-heights-48: 14;--line-heights-49: 14;--line-heights-50: 1.1;--line-heights-51: 1.1;--line-heights-52: 1.1;--line-heights-53: 1.1;--line-heights-54: 1.1;--font-weights-pretendard-gov-0: 600;--font-weights-pretendard-gov-1: 500;--font-weights-pretendard-gov-2: 400;--font-weights-pretendard-gov-3: 700;--font-weights-roboto-4: 400;--font-weights-inter-5: 700;--font-weights-inter-6: 400;--font-size-0: 24px;--font-size-1: 20px;--font-size-2: 18px;--font-size-3: 16px;--font-size-4: 20px;--font-size-5: 20px;--font-size-6: 20px;--font-size-7: 20px;--font-size-8: 18px;--font-size-9: 18px;--font-size-10: 18px;--font-size-11: 18px;--font-size-12: 16px;--font-size-13: 16px;--font-size-14: 16px;--font-size-15: 16px;--font-size-16: 15px;--font-size-17: 15px;--font-size-18: 15px;--font-size-19: 15px;--font-size-20: 14px;--font-size-21: 14px;--font-size-22: 14px;--font-size-23: 14px;--font-size-24: 14px;--font-size-25: 14px;--font-size-26: 14px;--font-size-27: 14px;--font-size-28: 14px;--font-size-29: 13px;--font-size-30: 13px;--font-size-31: 13px;--font-size-32: 13px;--font-size-33: 13px;--font-size-34: 12px;--font-size-35: 12px;--font-size-36: 12px;--font-size-37: 12px;--font-size-38: 12px;--font-size-39: 12px;--font-size-40: 12px;--font-size-41: 12px;--font-size-42: 11px;--font-size-43: 11px;--font-size-44: 11px;--font-size-45: 11px;--font-size-46: 10px;--font-size-47: 10px;--font-size-48: 10px;--font-size-49: 10px;--font-size-50: 16px;--font-size-51: 49px;--font-size-52: 49px;--font-size-53: 39px;--font-size-54: 39px;--letter-spacing-0: -.35px;--letter-spacing-1: -.35px;--letter-spacing-2: -.35px;--letter-spacing-3: -.35px;--letter-spacing-4: -.35px;--letter-spacing-5: -.35px;--letter-spacing-6: -.35px;--letter-spacing-7: -.35px;--letter-spacing-8: -.35px;--letter-spacing-9: -.35px;--letter-spacing-10: -.35px;--letter-spacing-11: -.35px;--letter-spacing-12: -.35px;--letter-spacing-13: -.35px;--letter-spacing-14: -.35px;--letter-spacing-15: -.35px;--letter-spacing-16: -.35px;--letter-spacing-17: -.35px;--letter-spacing-18: -.35px;--letter-spacing-19: -.35px;--letter-spacing-20: -.35px;--letter-spacing-21: -.35px;--letter-spacing-22: -.35px;--letter-spacing-23: -.35px;--letter-spacing-24: -.35px;--letter-spacing-25: 0;--letter-spacing-26: 0;--letter-spacing-27: 0;--letter-spacing-28: 0;--letter-spacing-29: -.35px;--letter-spacing-30: -.35px;--letter-spacing-31: -.35px;--letter-spacing-32: -.35px;--letter-spacing-33: -.35px;--letter-spacing-34: -.35px;--letter-spacing-35: -.35px;--letter-spacing-36: -.35px;--letter-spacing-37: -.35px;--letter-spacing-38: 0;--letter-spacing-39: 0;--letter-spacing-40: 0;--letter-spacing-41: 0;--letter-spacing-42: -.1px;--letter-spacing-43: -.1px;--letter-spacing-44: -.1px;--letter-spacing-45: -.1px;--letter-spacing-46: -.1px;--letter-spacing-47: -.1px;--letter-spacing-48: -.1px;--letter-spacing-49: -.1px;--letter-spacing-50: 0em;--letter-spacing-51: -.05em;--letter-spacing-52: -.05em;--letter-spacing-53: -.05em;--letter-spacing-54: -.05em;--paragraph-spacing-0: 0;--paragraph-spacing-1: 0;--paragraph-spacing-2: 0;--paragraph-spacing-3: 0;--paragraph-spacing-4: 0;--paragraph-spacing-5: 0;--paragraph-spacing-6: 0;--paragraph-spacing-7: 0;--paragraph-spacing-8: 0;--paragraph-spacing-9: 0;--paragraph-spacing-10: 0;--paragraph-spacing-11: 0;--paragraph-spacing-12: 0;--paragraph-spacing-13: 0;--paragraph-spacing-14: 0;--paragraph-spacing-15: 0;--paragraph-spacing-16: 0;--paragraph-spacing-17: 0;--paragraph-spacing-18: 0;--paragraph-spacing-19: 0;--paragraph-spacing-20: 0;--paragraph-spacing-21: 0;--paragraph-spacing-22: 0;--paragraph-spacing-23: 0;--paragraph-spacing-24: 0;--paragraph-spacing-25: 0;--paragraph-spacing-26: 0;--paragraph-spacing-27: 0;--paragraph-spacing-28: 0;--paragraph-spacing-29: 0;--paragraph-spacing-30: 0;--paragraph-spacing-31: 0;--paragraph-spacing-32: 0;--paragraph-spacing-33: 0;--paragraph-spacing-34: 0;--paragraph-spacing-35: 0;--paragraph-spacing-36: 0;--paragraph-spacing-37: 0;--paragraph-spacing-38: 0;--paragraph-spacing-39: 0;--paragraph-spacing-40: 0;--paragraph-spacing-41: 0;--paragraph-spacing-42: 0;--paragraph-spacing-43: 0;--paragraph-spacing-44: 0;--paragraph-spacing-45: 0;--paragraph-spacing-46: 0;--paragraph-spacing-47: 0;--paragraph-spacing-48: 0;--paragraph-spacing-49: 0;--paragraph-spacing-50: 26px;--paragraph-spacing-51: 32px;--paragraph-spacing-52: 32px;--paragraph-spacing-53: 26px;--paragraph-spacing-54: 26px;--text-case-none: none;--text-decoration-none: none;--paragraph-indent-0: 0px;--base-colors-common-bg-surface-default: var(--base-colors-neutral-neutral000);--button-disabled-background: var(--base-colors-neutral-neutral200);--button-disabled-text: var(--base-colors-neutral-neutral400);--button-disabled-border: var(--base-colors-neutral-neutral300);--button-outline-text: var(--base-colors-neutral-neutral750);--button-outline-border: var(--base-colors-neutral-neutral550);--button-primary-background: var(--base-colors-primary-primary800);--button-primary-text: var(--base-colors-neutral-neutral800);--button-primary-border: var(--base-colors-primary-primary800);--button-primary-background-deep: var(--base-colors-primary-primary-deep);--button-primary-background-hover: var(--base-colors-primary-primary900);--button-red-background: var(--base-colors-red-red050);--button-red-text: var(--base-colors-red-red900);--button-red-border: var(--base-colors-red-red900);--button-red-background-none: var(--base-colors-neutral-neutral150);--button-red-background-blank: var(--base-colors-neutral-neutral000);--button-light-solid-background: var(--base-colors-primary-primary100);--button-light-solid-text: var(--base-colors-primary-primary-deep);--button-light-solid-border: var(--base-colors-primary-primary-deep);--button-red-solid-background: var(--base-colors-red-red900);--button-red-solid-border: var(--base-colors-red-red900);--button-red-solid-hover: var(--base-colors-red-red700);--button-blue-solid-background: var(--base-colors-blue-blue800-deep);--button-blue-solid-text: var(--base-colors-neutral-neutral000);--button-blue-solid-border: var(--base-colors-blue-blue800-deep);--button-blue-solid-hover: var(--base-colors-blue-blue800);--button-tab-background: var(--base-colors-neutral-neutral150);--button-tab-button-on: var(--base-colors-neutral-neutral000);--button-tab-button-off: var(--base-colors-neutral-neutral150);--button-tab-text-on: var(--base-colors-neutral-neutral700);--button-tab-text-off: var(--base-colors-neutral-neutral550);--button-tab-menu-background: var(--base-colors-neutral-neutral000);--button-tab-menu-border: var(--base-colors-neutral-neutral250);--button-tab-menu-off: var(--base-colors-neutral-neutral000);--button-tab-menu-on-long: var(--base-colors-red-red050);--button-tab-menu-on-short: var(--base-colors-blue-blue050);--button-tab-menu-on-correct: var(--base-colors-green-green050);--button-tab-menu-text-off: var(--base-colors-neutral-neutral500);--button-tab-menu-on-cancel: var(--base-colors-purple-purple050);--button-outline-gray-background: var(--base-colors-neutral-neutral000);--button-outline-gray-text: var(--base-colors-neutral-neutral400);--button-outline-gray-border: var(--base-colors-neutral-neutral400);--button-blue-background: var(--base-colors-blue-blue050);--button-blue-text: var(--base-colors-blue-blue800-deep);--button-blue-border: var(--base-colors-blue-blue800-deep);--button-blue-background-none: var(--base-colors-neutral-neutral150);--button-blue-background-hover: var(--base-colors-neutral-neutral250);--button-blue-background-blank: var(--base-colors-neutral-neutral000);--button-red-outline-big-background: var(--base-colors-red-red050);--button-red-outline-big-background-blank: var(--base-colors-neutral-neutral000);--button-red-outline-big-background-before: var(--base-colors-neutral-neutral150);--button-red-outline-big-background-hover: var(--base-colors-neutral-neutral250);--button-red-outline-big-text: var(--base-colors-red-red900);--button-red-outline-big-border: var(--base-colors-red-red900);--button-blue-outline-big-background: var(--base-colors-blue-blue050);--button-blue-outline-big-background-blank: var(--base-colors-neutral-neutral000);--button-blue-outline-big-background-before: var(--base-colors-neutral-neutral150);--button-blue-outline-big-background-hover: var(--base-colors-neutral-neutral250);--button-blue-outline-big-text: var(--base-colors-blue-blue800-deep);--button-blue-outline-big-border: var(--base-colors-blue-blue800-deep);--button-trade-red-background: var(--base-colors-red-red050);--button-trade-red-border: var(--base-colors-red-red900);--button-trade-red-hover: var(--base-colors-red-red050);--button-trade-red-background-before: var(--base-colors-neutral-neutral150);--button-trade-blue-background: var(--base-colors-blue-blue050);--button-trade-blue-hover: var(--base-colors-red-red050);--button-trade-blue-border: var(--base-colors-blue-blue800-deep);--button-trade-blue-background-before: var(--base-colors-neutral-neutral150);--font-color-primary: var(--base-colors-primary-primary800);--font-color-default: var(--base-colors-neutral-neutral800);--font-color-default-muted: var(--base-colors-neutral-neutral500);--font-color-red: var(--base-colors-red-red900);--font-color-buy: var(--base-colors-red-red900);--font-color-sell: var(--base-colors-blue-blue800-deep);--font-color-white: var(--base-colors-neutral-neutral000);--font-color-black: var(--base-colors-neutral-neutral800);--font-color-blue: var(--base-colors-blue-blue800-deep);--font-color-footer: var(--base-colors-neutral-neutral600);--font-color-default-muted-dark: var(--base-colors-neutral-neutral550);--font-color-green: var(--base-colors-green-green800);--font-color-purple: var(--base-colors-purple-purple800);--font-color-default-muted-light: var(--base-colors-neutral-neutral400);--font-size-font-36: var(--base-size-size-36);--font-size-font-24: var(--base-size-size-24);--font-size-font-13: var(--base-size-size-13);--font-size-font-20: var(--base-size-size-20);--font-size-font-14: var(--base-size-size-14);--font-size-font-64: var(--base-size-size-64);--font-size-font-48: var(--base-size-size-48);--font-size-font-12: var(--base-size-size-12);--font-size-font-18: var(--base-size-size-18);--font-size-font-16: var(--base-size-size-16);--font-size-font-10: var(--base-size-size-10);--input-color-surface: var(--base-colors-neutral-neutral000);--input-color-border-static: var(--base-colors-neutral-neutral250);--input-color-border-focus: var(--base-colors-primary-primary800);--input-color-border-error: var(--base-colors-red-red900);--input-color-border-disabled: var(--base-colors-neutral-neutral250);--input-color-text-placeholder: var(--base-colors-neutral-neutral400);--input-color-text-disable: var(--base-colors-neutral-neutral400);--input-color-text-static: var(--base-colors-neutral-neutral800);--input-color-bg-disabled: var(--base-colors-common-light-gray-f5);--input-color-text-error: var(--base-colors-red-red900);--input-color-surface-dark: var(--base-colors-neutral-neutral800);--input-color-border-dark: var(--base-colors-neutral-neutral700);--input-color-text-dark: var(--base-colors-neutral-neutral050);--input-check-radio-disable-border: var(--base-colors-neutral-neutral400);--input-check-radio-disable-bg: var(--base-colors-neutral-neutral200);--input-check-radio-active-bg: var(--base-colors-neutral-neutral000);--input-check-radio-active-border: var(--base-colors-neutral-neutral400);--input-check-radio-inactive-disable-bg: var(--base-colors-neutral-neutral400);--input-check-radio-selected-bg: var(--base-colors-primary-primary800);--input-icon-default: var(--base-colors-neutral-neutral700);--input-icon-off: var(--base-colors-neutral-neutral400);--input-icon-on: var(--base-colors-primary-primary800);--input-icon-off-dark: var(--base-colors-neutral-neutral550);--input-icon-white: var(--base-colors-neutral-neutral000);--input-icon-favorite: var(--base-colors-red-red700);--input-icon-success: var(--base-colors-green-green800);--input-icon-blue: var(--base-colors-blue-blue800);--background-bg-default: var(--base-colors-neutral-neutral000);--background-bg-surface: var(--base-colors-common-light-gray-ea);--background-bg-outline: var(--base-colors-neutral-neutral250);--background-bg-surface-muted: var(--base-colors-neutral-neutral250);--background-divider: var(--base-colors-neutral-neutral250);--background-divider-muted: var(--base-colors-neutral-neutral600);--background-bg-innerframe: var(--base-colors-common-light-gray-f5);--background-primary: var(--base-colors-primary-primary800);--background-primary-light: var(--base-colors-primary-primary100);--background-bg-surface-dark: var(--base-colors-common-bg-surface-dark);--background-bg-dom-ask: var(--base-colors-red-red100);--background-bg-dom-bid: var(--base-colors-blue-blue100);--trade-long-background: var(--base-colors-red-red050);--trade-long-text: var(--base-colors-red-red900);--trade-long-border: var(--base-colors-red-red900);--trade-short-background: var(--base-colors-blue-blue050);--trade-short-text: var(--base-colors-blue-blue800-deep);--trade-short-border: var(--base-colors-blue-blue800-deep);--trade-correct-background: var(--base-colors-green-green050);--trade-correct-text: var(--base-colors-green-green800);--trade-correct-border: var(--base-colors-green-green800);--trade-correct-background-solid: var(--base-colors-green-green700);--trade-correct-text-solid: var(--base-colors-neutral-neutral000);--trade-cancel-background: var(--base-colors-purple-purple050);--trade-cancel-text: var(--base-colors-purple-purple800);--trade-cancel-border: var(--base-colors-purple-purple800);--trade-cancel-background-solid: var(--base-colors-purple-purple600);--trade-cancel-text-solid: var(--base-colors-neutral-neutral000);--sidebar-bg-sidebar: var(--base-colors-neutral-neutral750);--sidebar-bg-topbar: var(--base-colors-neutral-neutral750);--table-type1-header-bg: var(--base-colors-neutral-neutral000);--table-type1-header-underline: var(--base-colors-neutral-neutral750);--table-type1-body-border: var(--base-colors-neutral-neutral250);--table-type1-body-bg: var(--base-colors-neutral-neutral000);--table-type1-body-bg-select: var(--base-colors-blue-blue050);--table-type1-body-bg-row: var(--base-colors-common-light-gray-f5);--table-type2-body-border: var(--base-colors-neutral-neutral250);--table-type2-header-underline: var(--base-colors-neutral-neutral250);--table-type2-header-bg: var(--base-colors-neutral-neutral100);--table-type2-body-bg: var(--base-colors-neutral-neutral000);--table-type2-body-border-mid: var(--base-colors-neutral-neutral200);--table-bg-red: var(--base-colors-red-red050);--table-bg-blue: var(--base-colors-blue-blue050);--table-bg-inner: var(--base-colors-common-light-gray-f5);--popup-background: var(--base-colors-neutral-neutral000);--popup-inner-background: var(--base-colors-common-light-gray-f5);--popup-border: var(--base-colors-neutral-neutral300);--nav-on: var(--base-colors-primary-primary800);--nav-off: var(--base-colors-neutral-neutral400);--chips-status-done-bg: var(--base-colors-green-green050);--chips-status-done-text: var(--base-colors-green-green800);--chips-status-pending-bg: var(--base-colors-primary-primary050);--chips-status-pending-text: var(--base-colors-primary-primary-deep);--chips-status-blue-text: var(--base-colors-blue-blue800-deep);--chips-status-blue-bg: var(--base-colors-blue-blue050);--chips-status-red-bg: var(--base-colors-red-red050);--chips-status-red-text: var(--base-colors-red-red900);--padding-padding-64: var(--base-size-size-64);--padding-padding-48: var(--base-size-size-48);--padding-padding-36: var(--base-size-size-36);--padding-padding-16: var(--base-size-size-16);--padding-padding-24: var(--base-size-size-24);--padding-padding-12: var(--base-size-size-12);--padding-padding-4: var(--base-size-size-4);--padding-padding-130: var(--base-size-size-130);--padding-padding-8: var(--base-size-size-8);--padding-padding-z: var(--base-size-size-0);--padding-padding-88: var(--base-size-size-88);--radius-xs: var(--base-size-size-4);--radius-sm: var(--base-size-size-6);--radius-md: var(--base-size-size-10);--radius-lg: var(--base-size-size-24);--radius-pill: var(--base-size-size-round);--radius-default: var(--base-size-size-8);--radius-none: var(--base-size-size-0);--chart-chart-bg-off: var(--base-colors-neutral-neutral150);--chart-chart-bg-on: var(--base-colors-neutral-neutral250);--button-outline-background: var(--base-colors-common-bg-surface-default);--button-red-solid-text: var(--font-color-white);--button-trade-red-text: var(--font-color-buy);--button-trade-red-text-before: var(--font-color-buy);--button-trade-blue-text: var(--font-color-sell);--button-trade-blue-text-before: var(--font-color-sell);--input-icon-favorite-before: var(--background-bg-surface-muted);--table-chip-background: var(--background-bg-surface);--popup-text: var(--font-color-default);--z-index-base: 0;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-overlay: 300;--z-index-fab: 1050;--z-index-speed-dial: 1050;--z-index-app-bar: 1100;--z-index-drawer: 1200;--z-index-modal: 1300;--z-index-toast: 1400;--z-index-snackbar: 1400;--z-index-tooltip: 1500;--z-index-max: 9999;--modal-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)}:root[data-theme=dark]{--base-colors-primary-primary800: #ffc800;--base-colors-primary-primary700: #e1bc02;--base-colors-primary-primary600: #c2a305;--base-colors-primary-primary500: #a48a07;--base-colors-primary-primary400: #86710a;--base-colors-primary-primary300: #67580c;--base-colors-primary-primary200: #493f0f;--base-colors-primary-primary100: #2b2611;--base-colors-primary-primary050: #2b2611;--base-colors-primary-primary-deep: #ffda60;--base-colors-primary-primary900: #ffb301;--base-colors-neutral-neutral800: #ffffff;--base-colors-neutral-neutral700: #ecedee;--base-colors-neutral-neutral600: #dadbdd;--base-colors-neutral-neutral500: #babcbe;--base-colors-neutral-neutral400: #8f9299;--base-colors-neutral-neutral300: #696d77;--base-colors-neutral-neutral200: #313335;--base-colors-neutral-neutral100: #1a1c1e;--base-colors-neutral-neutral000: #131313;--base-colors-neutral-neutral750: #f1f3f5;--base-colors-neutral-neutral250: #5a5c5e;--base-colors-neutral-neutral150: #212325;--base-colors-neutral-neutral550: #caccce;--base-colors-neutral-neutral050: #151719;--base-colors-green-green100: #122317;--base-colors-green-green200: #10381c;--base-colors-green-green300: #0f4d21;--base-colors-green-green400: #0e6226;--base-colors-green-green600: #0b8c30;--base-colors-green-green700: #09a135;--base-colors-green-green500: #0c772b;--base-colors-green-green800: #08b63a;--base-colors-green-green050: #122317;--base-colors-red-red800: #e82c30;--base-colors-red-red700: #cd292c;--base-colors-red-red600: #b22628;--base-colors-red-red500: #962325;--base-colors-red-red400: #7b1f21;--base-colors-red-red300: #5f1c1d;--base-colors-red-red200: #44191a;--base-colors-red-red100: #281616;--base-colors-red-red050: #281616;--base-colors-red-red900: #ff464a;--base-colors-blue-blue800-deep: #318aff;--base-colors-blue-blue700: #0e5fc8;--base-colors-blue-blue600: #0f54ad;--base-colors-blue-blue500: #104893;--base-colors-blue-blue400: #103d78;--base-colors-blue-blue300: #11325d;--base-colors-blue-blue200: #122742;--base-colors-blue-blue100: #121c28;--base-colors-blue-blue050: #121c28;--base-colors-blue-blue800: #0d6ae3;--base-colors-common-bg-surface-dark: #19323f;--base-colors-purple-purple800: #7a2ccd;--base-colors-purple-purple700: #7a2ccd;--base-colors-purple-purple600: #6b28b2;--base-colors-purple-purple500: #5b2496;--base-colors-purple-purple400: #4c217b;--base-colors-purple-purple300: #3d1d5f;--base-colors-purple-purple200: #2e1a44;--base-colors-purple-purple100: #1f1628;--base-colors-purple-purple050: #1f1628;--button-disabled-color: #ffffff;--button-trade-red-hover-before: #393b3d;--button-trade-red-border-before: #393b3d;--button-trade-blue-hover-before: #393b3d;--button-trade-blue-border-before: #393b3d;--font-line-heights-0: 3.5rem;--font-line-heights-1: 2.5rem;--font-line-heights-2: 1.875rem;--font-line-heights-3: 1.5rem;--font-line-heights-4: 1.375rem;--font-line-heights-5: 1.25rem;--font-line-heights-6: 1.125rem;--font-line-heights-7: 1rem;--font-line-heights-8: .875rem;--font-letter-spacing-0: 0rem;--font-letter-spacing-1: -.062rem;--font-letter-spacing-2: -.039rem;--font-letter-spacing-3: -.022rem;--font-letter-spacing-4: -.006rem;--font-letter-spacing-5: .006rem;--메뉴명-01: 홈;--메뉴명-02: 거래;--메뉴명-03: 자산;--메뉴명-04: 출근신청;--메뉴명-05: 고객지원;--base-size-size-14: .875rem;--base-size-size-13: .812rem;--base-size-size-10: .625rem;--base-size-size-8: .5rem;--base-size-size-16: 1rem;--base-size-size-6: .375rem;--base-size-size-300: 18.75rem;--base-size-size-12: .75rem;--base-size-size-64: 4rem;--base-size-size-130: 8.125rem;--base-size-size-200: 12.5rem;--base-size-size-4: .25rem;--base-size-size-140: 8.75rem;--base-size-size-48: 3rem;--base-size-size-18: 1.125rem;--base-size-size-36: 2.25rem;--base-size-size-24: 1.5rem;--base-size-size-20: 1.25rem;--base-size-size-round: 62.438rem;--base-size-size-100: 6.25rem;--base-size-size-0: 0rem;--base-size-size-40: 2.5rem;--base-size-size-50: 3.125rem;--base-size-size-88: 5.5rem;--base-colors-common-bg-surface-default: var(--base-colors-neutral-neutral150);--base-colors-common-light-gray-ca: var(--base-colors-neutral-neutral400);--base-colors-common-light-gray-f5: var(--base-colors-neutral-neutral050);--base-colors-common-light-gray-ea: var(--base-colors-neutral-neutral100);--button-disabled-background: var(--base-colors-neutral-neutral200);--button-disabled-text: var(--base-colors-neutral-neutral300);--button-disabled-border: var(--base-colors-neutral-neutral200);--button-outline-background: var(--base-colors-neutral-neutral100);--button-outline-text: var(--base-colors-neutral-neutral600);--button-outline-border: var(--base-colors-neutral-neutral200);--button-outline-background-hover: var(--base-colors-neutral-neutral100);--button-primary-background: var(--base-colors-primary-primary800);--button-primary-text: var(--base-colors-neutral-neutral000);--button-primary-border: var(--base-colors-primary-primary800);--button-primary-background-deep: var(--base-colors-primary-primary-deep);--button-primary-background-hover: var(--base-colors-primary-primary900);--button-red-background: var(--base-colors-red-red100);--button-red-text: var(--base-colors-red-red700);--button-red-border: var(--base-colors-red-red700);--button-red-background-none: var(--base-colors-neutral-neutral150);--button-red-background-hover: var(--base-colors-neutral-neutral200);--button-red-background-blank: var(--base-colors-neutral-neutral100);--button-light-solid-background: var(--base-colors-primary-primary100);--button-light-solid-text: var(--base-colors-primary-primary800);--button-light-solid-border: var(--base-colors-primary-primary800);--button-light-solid-background-hover: var(--base-colors-primary-primary050);--button-red-solid-background: var(--base-colors-red-red900);--button-red-solid-border: var(--base-colors-red-red700);--button-red-solid-hover: var(--base-colors-red-red700);--button-blue-solid-background: var(--base-colors-blue-blue600);--button-blue-solid-text: var(--base-colors-neutral-neutral800);--button-blue-solid-border: var(--base-colors-blue-blue800-deep);--button-blue-solid-hover: var(--base-colors-blue-blue500);--button-tab-background: var(--base-colors-neutral-neutral050);--button-tab-button-on: var(--base-colors-neutral-neutral200);--button-tab-button-off: var(--base-colors-neutral-neutral050);--button-tab-text-on: var(--base-colors-neutral-neutral700);--button-tab-text-off: var(--base-colors-neutral-neutral400);--button-tab-menu-background: var(--base-colors-neutral-neutral050);--button-tab-menu-border: var(--base-colors-neutral-neutral150);--button-tab-menu-off: var(--base-colors-neutral-neutral050);--button-tab-menu-on-long: var(--base-colors-red-red200);--button-tab-menu-on-short: var(--base-colors-blue-blue300);--button-tab-menu-on-correct: var(--base-colors-green-green600);--button-tab-menu-text-off: var(--base-colors-neutral-neutral250);--button-tab-menu-on-cancel: var(--base-colors-purple-purple700);--button-outline-gray-background: var(--base-colors-neutral-neutral200);--button-outline-gray-text: var(--base-colors-neutral-neutral300);--button-outline-gray-border: var(--base-colors-neutral-neutral200);--button-blue-background: var(--base-colors-blue-blue100);--button-blue-text: var(--base-colors-blue-blue800-deep);--button-blue-border: var(--base-colors-blue-blue700);--button-blue-background-none: var(--base-colors-neutral-neutral100);--button-blue-background-hover: var(--base-colors-neutral-neutral200);--button-blue-background-blank: var(--base-colors-neutral-neutral100);--button-red-outline-big-background: var(--base-colors-red-red100);--button-red-outline-big-background-blank: var(--base-colors-neutral-neutral100);--button-red-outline-big-background-before: var(--base-colors-neutral-neutral150);--button-red-outline-big-background-hover: var(--base-colors-neutral-neutral200);--button-red-outline-big-text: var(--base-colors-red-red900);--button-red-outline-big-border: var(--base-colors-red-red700);--button-blue-outline-big-background: var(--base-colors-blue-blue100);--button-blue-outline-big-background-blank: var(--base-colors-neutral-neutral100);--button-blue-outline-big-background-before: var(--base-colors-neutral-neutral150);--button-blue-outline-big-background-hover: var(--base-colors-neutral-neutral200);--button-blue-outline-big-text: var(--base-colors-blue-blue800-deep);--button-blue-outline-big-border: var(--base-colors-blue-blue700);--button-trade-red-background: var(--base-colors-red-red900);--button-trade-red-border: var(--base-colors-red-red700);--button-trade-red-hover: var(--base-colors-red-red900);--button-trade-red-background-before: var(--base-colors-neutral-neutral200);--button-trade-blue-background: var(--base-colors-blue-blue600);--button-trade-blue-hover: var(--base-colors-blue-blue600);--button-trade-blue-border: var(--base-colors-blue-blue600);--button-trade-blue-background-before: var(--base-colors-neutral-neutral200);--font-color-primary: var(--base-colors-primary-primary800);--font-color-default: var(--base-colors-neutral-neutral700);--font-color-default-muted: var(--base-colors-neutral-neutral500);--font-color-red: var(--base-colors-red-red900);--font-color-buy: var(--base-colors-red-red900);--font-color-sell: var(--base-colors-blue-blue800-deep);--font-color-white: var(--base-colors-neutral-neutral700);--font-color-black: var(--base-colors-neutral-neutral100);--font-color-blue: var(--base-colors-blue-blue800-deep);--font-color-footer: var(--base-colors-neutral-neutral400);--font-color-default-muted-dark: var(--base-colors-neutral-neutral500);--font-color-green: var(--base-colors-green-green800);--font-color-purple: var(--base-colors-purple-purple800);--font-color-default-muted-light: var(--base-colors-neutral-neutral600);--font-size-font-36: var(--base-size-size-36);--font-size-font-24: var(--base-size-size-24);--font-size-font-13: var(--base-size-size-13);--font-size-font-20: var(--base-size-size-20);--font-size-font-14: var(--base-size-size-14);--font-size-font-64: var(--base-size-size-64);--font-size-font-48: var(--base-size-size-48);--font-size-font-12: var(--base-size-size-12);--font-size-font-18: var(--base-size-size-18);--font-size-font-16: var(--base-size-size-16);--font-size-font-10: var(--base-size-size-10);--input-color-surface: var(--base-colors-neutral-neutral050);--input-color-border-static: var(--base-colors-neutral-neutral200);--input-color-border-focus: var(--base-colors-primary-primary700);--input-color-border-error: var(--base-colors-red-red500);--input-color-border-disabled: var(--base-colors-neutral-neutral200);--input-color-text-placeholder: var(--base-colors-neutral-neutral300);--input-color-text-disable: var(--base-colors-neutral-neutral300);--input-color-text-static: var(--base-colors-neutral-neutral700);--input-color-bg-disabled: var(--base-colors-neutral-neutral200);--input-color-text-error: var(--base-colors-red-red900);--input-color-surface-dark: var(--base-colors-neutral-neutral050);--input-color-border-dark: var(--base-colors-neutral-neutral200);--input-color-text-dark: var(--base-colors-neutral-neutral750);--input-check-radio-disable-border: var(--base-colors-neutral-neutral300);--input-check-radio-disable-bg: var(--base-colors-neutral-neutral200);--input-check-radio-active-bg: var(--base-colors-neutral-neutral200);--input-check-radio-active-border: var(--base-colors-neutral-neutral300);--input-check-radio-inactive-disable-bg: var(--base-colors-neutral-neutral300);--input-check-radio-selected-bg: var(--base-colors-primary-primary800);--input-icon-default: var(--base-colors-neutral-neutral600);--input-icon-off: var(--base-colors-neutral-neutral400);--input-icon-on: var(--base-colors-primary-primary800);--input-icon-off-dark: var(--base-colors-neutral-neutral250);--input-icon-white: var(--base-colors-neutral-neutral800);--input-icon-favorite: var(--base-colors-red-red900);--input-icon-success: var(--base-colors-green-green800);--input-icon-blue: var(--base-colors-blue-blue800);--background-bg-default: var(--base-colors-neutral-neutral150);--background-bg-surface: var(--base-colors-neutral-neutral100);--background-bg-outline: var(--base-colors-neutral-neutral200);--background-bg-surface-muted: var(--base-colors-neutral-neutral050);--background-divider: var(--base-colors-neutral-neutral200);--background-divider-muted: var(--base-colors-neutral-neutral250);--background-bg-innerframe: var(--base-colors-neutral-neutral050);--background-primary: var(--base-colors-primary-primary800);--background-primary-light: var(--base-colors-primary-primary100);--background-bg-surface-dark: var(--base-colors-neutral-neutral200);--background-bg-dom-ask: var(--base-colors-red-red300);--background-bg-dom-bid: var(--base-colors-blue-blue300);--trade-long-background: var(--base-colors-red-red300);--trade-long-text: var(--base-colors-red-red900);--trade-long-border: var(--base-colors-red-red500);--trade-short-background: var(--base-colors-blue-blue300);--trade-short-text: var(--base-colors-blue-blue800-deep);--trade-short-border: var(--base-colors-blue-blue400);--trade-correct-background: var(--base-colors-green-green100);--trade-correct-text: var(--base-colors-neutral-neutral750);--trade-correct-border: var(--base-colors-green-green400);--trade-correct-background-solid: var(--base-colors-green-green400);--trade-correct-text-solid: var(--base-colors-neutral-neutral750);--trade-cancel-background: var(--base-colors-purple-purple100);--trade-cancel-text: var(--base-colors-neutral-neutral800);--trade-cancel-border: var(--base-colors-purple-purple400);--trade-cancel-background-solid: var(--base-colors-purple-purple800);--trade-cancel-text-solid: var(--base-colors-neutral-neutral750);--sidebar-bg-sidebar: var(--base-colors-neutral-neutral100);--sidebar-bg-topbar: var(--base-colors-neutral-neutral050);--table-type1-header-bg: var(--base-colors-neutral-neutral000);--table-type1-header-underline: var(--base-colors-neutral-neutral250);--table-type1-body-border: var(--base-colors-neutral-neutral200);--table-type1-body-bg: var(--base-colors-neutral-neutral150);--table-type1-body-bg-select: var(--base-colors-neutral-neutral000);--table-type1-body-bg-row: var(--base-colors-neutral-neutral050);--table-type2-body-border: var(--base-colors-neutral-neutral150);--table-type2-header-underline: var(--base-colors-neutral-neutral150);--table-type2-header-bg: var(--base-colors-neutral-neutral050);--table-type2-body-bg: var(--base-colors-neutral-neutral100);--table-type2-body-border-mid: var(--base-colors-neutral-neutral200);--table-bg-red: var(--base-colors-red-red100);--table-bg-blue: var(--base-colors-blue-blue100);--table-bg-inner: var(--base-colors-neutral-neutral100);--table-chip-background: var(--base-colors-neutral-neutral200);--popup-background: var(--base-colors-neutral-neutral100);--popup-inner-background: var(--base-colors-neutral-neutral050);--popup-border: var(--base-colors-neutral-neutral200);--popup-text: var(--base-colors-neutral-neutral750);--nav-on: var(--base-colors-primary-primary800);--nav-off: var(--base-colors-neutral-neutral400);--chips-status-done-bg: var(--base-colors-green-green200);--chips-status-done-text: var(--base-colors-green-green800);--chips-status-pending-bg: var(--base-colors-primary-primary200);--chips-status-pending-text: var(--base-colors-primary-primary800);--chips-status-blue-text: var(--base-colors-blue-blue800);--chips-status-blue-bg: var(--base-colors-blue-blue200);--chips-status-red-bg: var(--base-colors-red-red200);--chips-status-red-text: var(--base-colors-red-red900);--padding-padding-64: var(--base-size-size-64);--padding-padding-48: var(--base-size-size-48);--padding-padding-36: var(--base-size-size-36);--padding-padding-16: var(--base-size-size-16);--padding-padding-24: var(--base-size-size-24);--padding-padding-12: var(--base-size-size-12);--padding-padding-4: var(--base-size-size-4);--padding-padding-130: var(--base-size-size-130);--padding-padding-8: var(--base-size-size-8);--padding-padding-z: var(--base-size-size-0);--padding-padding-88: var(--base-size-size-88);--radius-xs: var(--base-size-size-4);--radius-sm: var(--base-size-size-6);--radius-md: var(--base-size-size-10);--radius-lg: var(--base-size-size-24);--radius-pill: var(--base-size-size-round);--radius-default: var(--base-size-size-8);--radius-none: var(--base-size-size-0);--chart-chart-bg-off: var(--base-colors-neutral-neutral200);--chart-chart-bg-on: var(--base-colors-neutral-neutral000);--button-red-solid-text: var(--font-color-white);--button-trade-red-text: var(--font-color-white);--button-trade-red-text-before: var(--font-color-buy);--button-trade-blue-text: var(--font-color-white);--button-trade-blue-text-before: var(--font-color-sell);--input-icon-favorite-before: var(--background-divider-muted);--z-index-base: 0;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-overlay: 300;--z-index-fab: 1050;--z-index-speed-dial: 1050;--z-index-app-bar: 1100;--z-index-drawer: 1200;--z-index-modal: 1300;--z-index-toast: 1400;--z-index-snackbar: 1400;--z-index-tooltip: 1500;--z-index-max: 9999;--modal-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)}