:root{--color-primary-100: #F2F6FF;--color-primary-200: #D9E4FF;--color-primary-300: #A6C1FF;--color-primary-400: #598BFF;--color-primary-500: #3366FF;--color-primary-600: #274BDB;--color-primary-700: #1A34B8;--color-primary-800: #102694;--color-primary-900: #091C7A;--color-primary-transparent-100: rgba(51, 102, 255, .08);--color-primary-transparent-200: rgba(51, 102, 255, .16);--color-primary-transparent-300: rgba(51, 102, 255, .24);--color-primary-transparent-400: rgba(51, 102, 255, .32);--color-primary-transparent-500: rgba(51, 102, 255, .4);--color-primary-transparent-600: rgba(51, 102, 255, .48);--color-primary-focus: var(--color-primary-600);--color-primary-hover: var(--color-primary-400);--color-primary-default: var(--color-primary-500);--color-primary-active: var(--color-primary-600);--color-primary-disabled: var(--color-basic-transparent-300);--color-primary-focus-border: var(--color-primary-700);--color-primary-hover-border: var(--color-primary-hover);--color-primary-default-border: var(--color-primary-default);--color-primary-active-border: var(--color-primary-active);--color-primary-disabled-border: var(--color-primary-disabled);--color-primary-transparent-focus: var(--color-primary-transparent-300);--color-primary-transparent-hover: var(--color-primary-transparent-200);--color-primary-transparent-default: var(--color-primary-transparent-100);--color-primary-transparent-active: var(--color-primary-transparent-300);--color-primary-transparent-disabled: var(--color-basic-transparent-200);--color-primary-transparent-focus-border: var(--color-primary-500);--color-primary-transparent-hover-border: var(--color-primary-500);--color-primary-transparent-default-border: var(--color-primary-500);--color-primary-transparent-active-border: var(--color-primary-500);--color-primary-transparent-disabled-border: var(--color-basic-transparent-300);--color-success-100: #EDFFF3;--color-success-200: #B3FFD6;--color-success-300: #8CFAC7;--color-success-400: #51F0B0;--color-success-500: #00E096;--color-success-600: #00B383;--color-success-700: #008F72;--color-success-800: #007566;--color-success-900: #00524C;--color-success-transparent-100: rgba(0, 224, 150, .08);--color-success-transparent-200: rgba(0, 224, 150, .16);--color-success-transparent-300: rgba(0, 224, 150, .24);--color-success-transparent-400: rgba(0, 224, 150, .32);--color-success-transparent-500: rgba(0, 224, 150, .4);--color-success-transparent-600: rgba(0, 224, 150, .48);--color-success-focus: var(--color-success-600);--color-success-hover: var(--color-success-400);--color-success-default: var(--color-success-500);--color-success-active: var(--color-success-600);--color-success-disabled: var(--color-basic-transparent-300);--color-success-focus-border: var(--color-success-700);--color-success-hover-border: var(--color-success-hover);--color-success-default-border: var(--color-success-default);--color-success-active-border: var(--color-success-active);--color-success-disabled-border: var(--color-success-disabled);--color-success-transparent-focus: var(--color-success-transparent-300);--color-success-transparent-hover: var(--color-success-transparent-200);--color-success-transparent-default: var(--color-success-transparent-100);--color-success-transparent-active: var(--color-success-transparent-300);--color-success-transparent-disabled: var(--color-basic-transparent-200);--color-success-transparent-focus-border: var(--color-success-500);--color-success-transparent-hover-border: var(--color-success-500);--color-success-transparent-default-border: var(--color-success-500);--color-success-transparent-active-border: var(--color-success-500);--color-success-transparent-disabled-border: var(--color-basic-transparent-300);--color-info-100: #F2F8FF;--color-info-200: #C7E2FF;--color-info-300: #94CBFF;--color-info-400: #42AAFF;--color-info-500: #0095FF;--color-info-600: #006FD6;--color-info-700: #0057C2;--color-info-800: #0041A8;--color-info-900: #002885;--color-info-transparent-100: rgba(0, 149, 255, .08);--color-info-transparent-200: rgba(0, 149, 255, .16);--color-info-transparent-300: rgba(0, 149, 255, .24);--color-info-transparent-400: rgba(0, 149, 255, .32);--color-info-transparent-500: rgba(0, 149, 255, .4);--color-info-transparent-600: rgba(0, 149, 255, .48);--color-info-focus: var(--color-info-600);--color-info-hover: var(--color-info-400);--color-info-default: var(--color-info-500);--color-info-active: var(--color-info-600);--color-info-disabled: var(--color-basic-transparent-300);--color-info-focus-border: var(--color-info-700);--color-info-hover-border: var(--color-info-hover);--color-info-default-border: var(--color-info-default);--color-info-active-border: var(--color-info-active);--color-info-disabled-border: var(--color-info-disabled);--color-info-transparent-focus: var(--color-info-transparent-300);--color-info-transparent-hover: var(--color-info-transparent-200);--color-info-transparent-default: var(--color-info-transparent-100);--color-info-transparent-active: var(--color-info-transparent-300);--color-info-transparent-disabled: var(--color-basic-transparent-200);--color-info-transparent-focus-border: var(--color-info-500);--color-info-transparent-hover-border: var(--color-info-500);--color-info-transparent-default-border: var(--color-info-500);--color-info-transparent-active-border: var(--color-info-500);--color-info-transparent-disabled-border: var(--color-basic-transparent-300);--color-warning-100: #FFFDF2;--color-warning-200: #FFF1C2;--color-warning-300: #FFE59E;--color-warning-400: #FFC94D;--color-warning-500: #FFAA00;--color-warning-600: #DB8B00;--color-warning-700: #B86E00;--color-warning-800: #945400;--color-warning-900: #703C00;--color-warning-transparent-100: rgba(255, 170, 0, .08);--color-warning-transparent-200: rgba(255, 170, 0, .16);--color-warning-transparent-300: rgba(255, 170, 0, .24);--color-warning-transparent-400: rgba(255, 170, 0, .32);--color-warning-transparent-500: rgba(255, 170, 0, .4);--color-warning-transparent-600: rgba(255, 170, 0, .48);--color-warning-focus: var(--color-warning-600);--color-warning-hover: var(--color-warning-400);--color-warning-default: var(--color-warning-500);--color-warning-active: var(--color-warning-600);--color-warning-disabled: var(--color-basic-transparent-300);--color-warning-focus-border: var(--color-warning-700);--color-warning-hover-border: var(--color-warning-hover);--color-warning-default-border: var(--color-warning-default);--color-warning-active-border: var(--color-warning-active);--color-warning-disabled-border: var(--color-warning-disabled);--color-warning-transparent-focus: var(--color-warning-transparent-300);--color-warning-transparent-hover: var(--color-warning-transparent-200);--color-warning-transparent-default: var(--color-warning-transparent-100);--color-warning-transparent-active: var(--color-warning-transparent-300);--color-warning-transparent-disabled: var(--color-basic-transparent-200);--color-warning-transparent-focus-border: var(--color-warning-500);--color-warning-transparent-hover-border: var(--color-warning-500);--color-warning-transparent-default-border: var(--color-warning-500);--color-warning-transparent-active-border: var(--color-warning-500);--color-warning-transparent-disabled-border: var(--color-basic-transparent-300);--color-danger-100: #FFF2F2;--color-danger-200: #FFD6D9;--color-danger-300: #FFA8B4;--color-danger-400: #FF708D;--color-danger-500: #FF3D71;--color-danger-600: #DB2C66;--color-danger-700: #B81D5B;--color-danger-800: #94124E;--color-danger-900: #700940;--color-danger-transparent-100: rgba(255, 61, 113, .08);--color-danger-transparent-200: rgba(255, 61, 113, .16);--color-danger-transparent-300: rgba(255, 61, 113, .24);--color-danger-transparent-400: rgba(255, 61, 113, .32);--color-danger-transparent-500: rgba(255, 61, 113, .4);--color-danger-transparent-600: rgba(255, 61, 113, .48);--color-danger-focus: var(--color-danger-600);--color-danger-hover: var(--color-danger-400);--color-danger-default: var(--color-danger-500);--color-danger-active: var(--color-danger-600);--color-danger-disabled: var(--color-basic-transparent-300);--color-danger-focus-border: var(--color-danger-700);--color-danger-hover-border: var(--color-danger-hover);--color-danger-default-border: var(--color-danger-default);--color-danger-active-border: var(--color-danger-active);--color-danger-disabled-border: var(--color-danger-disabled);--color-danger-transparent-focus: var(--color-danger-transparent-300);--color-danger-transparent-hover: var(--color-danger-transparent-200);--color-danger-transparent-default: var(--color-danger-transparent-100);--color-danger-transparent-active: var(--color-danger-transparent-300);--color-danger-transparent-disabled: var(--color-basic-transparent-200);--color-danger-transparent-focus-border: var(--color-danger-500);--color-danger-transparent-hover-border: var(--color-danger-500);--color-danger-transparent-default-border: var(--color-danger-500);--color-danger-transparent-active-border: var(--color-danger-500);--color-danger-transparent-disabled-border: var(--color-basic-transparent-300);--color-basic-100: #FFFFFF;--color-basic-200: #F7F9FC;--color-basic-300: #EDF1F7;--color-basic-400: #E4E9F2;--color-basic-500: #C5CEE0;--color-basic-600: #8F9BB3;--color-basic-700: #2E3A59;--color-basic-800: #222B45;--color-basic-900: #1A2138;--color-basic-1000: #151A30;--color-basic-1100: #101426;--color-basic-transparent-100: rgba(143, 155, 179, .08);--color-basic-transparent-200: rgba(143, 155, 179, .16);--color-basic-transparent-300: rgba(143, 155, 179, .24);--color-basic-transparent-400: rgba(143, 155, 179, .32);--color-basic-transparent-500: rgba(143, 155, 179, .4);--color-basic-transparent-600: rgba(143, 155, 179, .48);--color-basic-control-transparent-100: rgba(255, 255, 255, .08);--color-basic-control-transparent-200: rgba(255, 255, 255, .16);--color-basic-control-transparent-300: rgba(255, 255, 255, .24);--color-basic-control-transparent-400: rgba(255, 255, 255, .32);--color-basic-control-transparent-500: rgba(255, 255, 255, .4);--color-basic-control-transparent-600: rgba(255, 255, 255, .48);--color-basic-focus: var(--color-basic-400);--color-basic-hover: var(--color-basic-200);--color-basic-default: var(--color-basic-300);--color-basic-active: var(--color-basic-400);--color-basic-disabled: var(--color-basic-transparent-300);--color-basic-focus-border: var(--color-basic-500);--color-basic-hover-border: var(--color-basic-hover);--color-basic-default-border: var(--color-basic-default);--color-basic-active-border: var(--color-basic-active);--color-basic-disabled-border: var(--color-basic-disabled);--color-basic-transparent-focus: var(--color-basic-transparent-300);--color-basic-transparent-hover: var(--color-basic-transparent-200);--color-basic-transparent-default: var(--color-basic-transparent-100);--color-basic-transparent-active: var(--color-basic-transparent-300);--color-basic-transparent-disabled: var(--color-basic-transparent-200);--color-basic-transparent-focus-border: var(--color-basic-600);--color-basic-transparent-hover-border: var(--color-basic-600);--color-basic-transparent-default-border: var(--color-basic-600);--color-basic-transparent-active-border: var(--color-basic-600);--color-basic-transparent-disabled-border: var(--color-basic-transparent-300);--background-basic-color-1: var(--color-basic-100);--background-basic-color-2: var(--color-basic-200);--background-basic-color-3: var(--color-basic-300);--background-basic-color-4: var(--color-basic-400);--background-alternative-color-1: var(--color-basic-800);--background-alternative-color-2: var(--color-basic-900);--background-alternative-color-3: var(--color-basic-1000);--background-alternative-color-4: var(--color-basic-1100);--border-basic-color-1: var(--color-basic-100);--border-basic-color-2: var(--color-basic-200);--border-basic-color-3: var(--color-basic-300);--border-basic-color-4: var(--color-basic-400);--border-basic-color-5: var(--color-basic-500);--border-alternative-color-1: var(--color-basic-800);--border-alternative-color-2: var(--color-basic-900);--border-alternative-color-3: var(--color-basic-1000);--border-alternative-color-4: var(--color-basic-1100);--border-alternative-color-5: var(--color-basic-1100);--border-primary-color-1: var(--color-primary-500);--border-primary-color-2: var(--color-primary-600);--border-primary-color-3: var(--color-primary-700);--border-primary-color-4: var(--color-primary-800);--border-primary-color-5: var(--color-primary-900);--border-success-color-1: var(--color-success-500);--border-success-color-2: var(--color-success-600);--border-success-color-3: var(--color-success-700);--border-success-color-4: var(--color-success-800);--border-success-color-5: var(--color-success-900);--border-info-color-1: var(--color-info-500);--border-info-color-2: var(--color-info-600);--border-info-color-3: var(--color-info-700);--border-info-color-4: var(--color-info-800);--border-info-color-5: var(--color-info-900);--border-warning-color-1: var(--color-warning-500);--border-warning-color-2: var(--color-warning-600);--border-warning-color-3: var(--color-warning-700);--border-warning-color-4: var(--color-warning-800);--border-warning-color-5: var(--color-warning-900);--border-danger-color-1: var(--color-danger-500);--border-danger-color-2: var(--color-danger-600);--border-danger-color-3: var(--color-danger-700);--border-danger-color-4: var(--color-danger-800);--border-danger-color-5: var(--color-danger-900);--text-basic-color: var(--color-basic-800);--text-alternate-color: var(--color-basic-100);--text-control-color: var(--color-basic-100);--text-disabled-color: var(--color-basic-transparent-600);--text-hint-color: var(--color-basic-600);--text-primary-color: var(--color-primary-default);--text-primary-focus-color: var(--color-primary-focus);--text-primary-hover-color: var(--color-primary-hover);--text-primary-active-color: var(--color-primary-active);--text-primary-disabled-color: var(--color-primary-400);--text-success-color: var(--color-success-default);--text-success-focus-color: var(--color-success-focus);--text-success-hover-color: var(--color-success-hover);--text-success-active-color: var(--color-success-active);--text-success-disabled-color: var(--color-success-400);--text-info-color: var(--color-info-default);--text-info-focus-color: var(--color-info-focus);--text-info-hover-color: var(--color-info-hover);--text-info-active-color: var(--color-info-active);--text-info-disabled-color: var(--color-info-400);--text-warning-color: var(--color-warning-default);--text-warning-focus-color: var(--color-warning-focus);--text-warning-hover-color: var(--color-warning-hover);--text-warning-active-color: var(--color-warning-active);--text-warning-disabled-color: var(--color-warning-400);--text-danger-color: var(--color-danger-default);--text-danger-focus-color: var(--color-danger-focus);--text-danger-hover-color: var(--color-danger-hover);--text-danger-active-color: var(--color-danger-active);--text-danger-disabled-color: var(--color-danger-400);--color-control-focus: var(--color-basic-300);--color-control-hover: var(--color-basic-200);--color-control-default: var(--color-basic-100);--color-control-active: var(--color-basic-300);--color-control-disabled: var(--color-basic-transparent-300);--color-control-focus-border: var(--color-basic-500);--color-control-hover-border: var(--color-control-hover);--color-control-default-border: var(--color-control-default);--color-control-active-border: var(--color-control-active);--color-control-disabled-border: var(--color-control-disabled);--color-control-transparent-focus: var(--color-basic-control-transparent-300);--color-control-transparent-hover: var(--color-basic-control-transparent-200);--color-control-transparent-default: var(--color-basic-control-transparent-100);--color-control-transparent-active: var(--color-basic-control-transparent-300);--color-control-transparent-disabled: var(--color-basic-transparent-200);--color-control-transparent-focus-border: var(--color-basic-100);--color-control-transparent-hover-border: var(--color-basic-100);--color-control-transparent-default-border: var(--color-basic-100);--color-control-transparent-active-border: var(--color-basic-100);--color-control-transparent-disabled-border: var(--color-basic-transparent-300);--outline-color: var(--color-basic-transparent-200)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--background-basic-color-1);color:var(--text-basic-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}