@charset "UTF-8";
:root {
    --app-background-color: #222322;
    --app-text-color: #ffffff;
    --app-text-point-color: #87a5db;
    --tblr-blue: #206bc4;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-black: #000000;
    --tblr-white: #ffffff;
    --tblr-gray: #49566c;
    --tblr-gray-dark: #1d273b;
    --tblr-gray-100: #f1f5f9;
    --tblr-gray-200: #e2e8f0;
    --tblr-gray-300: #c8d3e1;
    --tblr-gray-400: #9ba9be;
    --tblr-gray-500: #6c7a91;
    --tblr-gray-600: #49566c;
    --tblr-gray-700: #313c52;
    --tblr-gray-800: #1d273b;
    --tblr-gray-900: #0f172a;
    --tblr-primary: #206bc4;
    --tblr-secondary: #616876;
    --tblr-success: #2fb344;
    --tblr-info: #4299e1;
    --tblr-warning: #f76707;
    --tblr-danger: #d63939;
    --tblr-light: #f8fafc;
    --tblr-dark: #1d273b;
    --tblr-muted: #616876;
    --tblr-blue: #206bc4;
    --tblr-azure: #4299e1;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-lime: #74b816;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-facebook: #1877F2;
    --tblr-twitter: #1da1f2;
    --tblr-linkedin: #0a66c2;
    --tblr-google: #dc4e41;
    --tblr-youtube: #ff0000;
    --tblr-vimeo: #1ab7ea;
    --tblr-dribbble: #ea4c89;
    --tblr-github: #181717;
    --tblr-instagram: #e4405f;
    --tblr-pinterest: #bd081c;
    --tblr-vk: #6383a8;
    --tblr-rss: #ffa500;
    --tblr-flickr: #0063dc;
    --tblr-bitbucket: #0052cc;
    --tblr-tabler: #206bc4;
    --tblr-primary-rgb: 32, 107, 196;
    --tblr-secondary-rgb: 97, 104, 118;
    --tblr-success-rgb: 47, 179, 68;
    --tblr-info-rgb: 66, 153, 225;
    --tblr-warning-rgb: 247, 103, 7;
    --tblr-danger-rgb: 214, 57, 57;
    --tblr-light-rgb: 248, 250, 252;
    --tblr-dark-rgb: 29, 39, 59;
    --tblr-muted-rgb: 97, 104, 118;
    --tblr-blue-rgb: 32, 107, 196;
    --tblr-azure-rgb: 66, 153, 225;
    --tblr-indigo-rgb: 66, 99, 235;
    --tblr-purple-rgb: 174, 62, 201;
    --tblr-pink-rgb: 214, 51, 108;
    --tblr-red-rgb: 214, 57, 57;
    --tblr-orange-rgb: 247, 103, 7;
    --tblr-yellow-rgb: 245, 159, 0;
    --tblr-lime-rgb: 116, 184, 22;
    --tblr-green-rgb: 47, 179, 68;
    --tblr-teal-rgb: 12, 166, 120;
    --tblr-cyan-rgb: 23, 162, 184;
    --tblr-facebook-rgb: 24, 119, 242;
    --tblr-twitter-rgb: 29, 161, 242;
    --tblr-linkedin-rgb: 10, 102, 194;
    --tblr-google-rgb: 220, 78, 65;
    --tblr-youtube-rgb: 255, 0, 0;
    --tblr-vimeo-rgb: 26, 183, 234;
    --tblr-dribbble-rgb: 234, 76, 137;
    --tblr-github-rgb: 24, 23, 23;
    --tblr-instagram-rgb: 228, 64, 95;
    --tblr-pinterest-rgb: 189, 8, 28;
    --tblr-vk-rgb: 99, 131, 168;
    --tblr-rss-rgb: 255, 165, 0;
    --tblr-flickr-rgb: 0, 99, 220;
    --tblr-bitbucket-rgb: 0, 82, 204;
    --tblr-tabler-rgb: 32, 107, 196;
    --tblr-white-rgb: 255, 255, 255;
    --tblr-black-rgb: 0, 0, 0;
    --tblr-body-color-rgb: 29, 39, 59;
    --tblr-body-bg-rgb: 241, 245, 249;
    --tblr-font-sans-serif: 'Noto Sans KR', sans-serif;
    --tblr-font-monospace:  Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --tblr-body-font-family: var(--tblr-font-sans-serif);
    --tblr-body-font-size: 0.875rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #1d273b;
    --tblr-body-bg: #f1f5f9;
    --tblr-border-width: 1px;
    --tblr-border-style: solid;
    --tblr-border-color: #e6e7e9;
    --tblr-border-color-translucent: rgba(97, 104, 118, 0.16);
    --tblr-border-radius: 4px;
    --tblr-border-radius-sm: 2px;
    --tblr-border-radius-lg: 8px;
    --tblr-border-radius-xl: 1rem;
    --tblr-border-radius-2xl: 2rem;
    --tblr-border-radius-pill: 100rem;
    --tblr-link-color: var(--tblr-primary);
    --tblr-link-hover-color: var(--tblr-primary-darken);
    --tblr-code-color: var(--tblr-gray-600);
    --tblr-highlight-bg: #fdeccc;
    --tblr-breakpoint-xs: 0;
    --tblr-breakpoint-sm: 576px;
    --tblr-breakpoint-md: 768px;
    --tblr-breakpoint-lg: 992px;
    --tblr-breakpoint-xl: 1200px;
    --tblr-breakpoint-xxl: 1400px;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Spoqa Han Sans,Spoqa Han Sans JP,"Sans-serif";
    font-family: SUIT
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    font-family: Spoqa Han Sans,Spoqa Han Sans JP,"Sans-serif";
    font-family: SUIT;
    background: var(--app-background-color);
}
/* 스크롤바 */
/* width */
::-webkit-scrollbar {width: 7px;}
/* Track */
::-webkit-scrollbar-track {background: #CCCCCC;}
/* Handle */
::-webkit-scrollbar-thumb {background: #404040;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #202020;}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    cursor: pointer
}

button,input,select,textarea {
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    font-family: Spoqa Han Sans,Spoqa Han Sans JP,SUIT,"Sans-serif"
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

section {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 3px;
}
img		{	vertical-align: middle;	border-style: none}
@font-face {
    font-family: Spoqa Han Sans;
    src: url(/fonts/SpoqaHanSansNeo-Regular-41a55a27ea5631028e7a14647bc394fb.eot);
    src: url(/fonts/SpoqaHanSansNeo-Regular-17458b7840c51e9c8a8646c495049cbb.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Spoqa Han Sans;
    src: url(/fonts/SpoqaHanSansNeo-Medium-b0af8631a777319af6d02d44b29b7bd1.eot);
    src: url(/fonts/SpoqaHanSansNeo-Medium-f4d5d7240069d0dd291579991883da22.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Digital-7;
    src: url(/fonts/digital-7.mono-0d89a288b88139645fd734ec62010fc5.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 200;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 800;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: SUIT;
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.eot#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.ttf) format("truetype");
    font-display: swap
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: var(--tblr-font-weight-medium);
    line-height: 1.2;
}

h1, .h1 {
    font-size: 1.5rem;
}

h2, .h2 {
    font-size: 1.25rem;
}

h3, .h3 {
    font-size: 1rem;
}

h4, .h4 {
    font-size: 0.875rem;
}

h5, .h5 {
    font-size: 0.75rem;
}

h6, .h6 {
    font-size: 0.625rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.text-gray-700 {
    color: #716d66 !important
}
.text-yellow {
    --tblr-bg-opacity: 1;
    color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
}
.text-red {
    --tblr-bg-opacity: 1;
    color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
}
.text-blue {
    --tblr-bg-opacity: 1;
    color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
}
.text-green {
    --tblr-bg-opacity: 1;
    color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
}
.font-weight-light {
    font-weight: var(--tblr-font-weight-light)!important;
}
.font-weight-normal {
    font-weight: var(--tblr-font-weight-normal)!important;
}
.font-weight-medium {
    font-weight: var(--tblr-font-weight-medium)!important;
}
.font-weight-bold {
    font-weight: var(--tblr-font-weight-bold)!important;
}
.system-maintenance {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 1.2rem;
}
.system-maintenance img {
    width: 100%;
    max-width: 450px;
}
.system-maintenance p {
    margin-bottom: .5rem;
}
@media (max-width: 567px) {
    .system-maintenance {
        height: initial;
        padding: 1rem 1rem;
    }
}