* {margin: 0;padding: 0;box-sizing: border-box;}
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;
    --primary001:#26283B;
    --primary002:#3D53E3;

    --gray900:#1E1E23;
    --gray800:#303030;
    --gray700:#62676E;
    --gray600:#9097A1;
    --gray500:#BFC3C7;
    --gray400:#DCE0E5;
    --gray300:#F0F1F2;
    --gray200:#F4F6F7;
    --gray100:#FFFFFF;

    --sys-active:#3D53E3;
    --sys-error:#D24040;
    --sys-selbg1:#EDF0FF;
    --sys-selbg2:#EDF0FF;

    --size-32:2.28rem;
    --size-24:1.7rem;
    --size-18:1.28rem;
    --size-16:1.14rem;
    --size-14:1rem;
    --size-12:0.86rem;
    --size-11:0.78rem;
    --lh-150:150%;
    --lh-130:130%;
    --lh-120:120%;
}
html {font-size:14px;line-height: var(--lh-130);}
html, body, div, span, iframe, object, embed, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, a, abbr, address, b, bdo, blockquote, cite, code, del, dfn, p, pre, em, i, ins, kbd, q, s, samp, strong, sub, sup, u, var, img, map, area, form, fieldset, legend, input, textarea, select, button, label, keygen, table, caption, thead, tbody, tfoot, tr, th, td, article, aside, audio, bdi, canvas, datalist, details, dialog, figcaption, figure, footer, header, main, mark, menu, menuitem, meter, nav, output, progress, section, rp, rt, ruby, summary, time, video, wbr, hr {margin: 0;padding: 0;}
html, body {width: 100%;min-height: 100%;-webkit-overflow-scrolling: none;overscroll-behavior: none;}
body {font-family: "Pretendard", sans-serif;line-height:var(--lh-130);letter-spacing: -0.0625rem;color:var(--gray800);font-weight:400;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-touch-callout: none;background:var(--gray200)}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
h1, h2, h3, h4, h5, pre, input, button, select, textarea {font: inherit;}
input, button, select, textarea {color: inherit;-webkit-appearance: none;}
a {color: inherit;text-decoration: none;}
input, select, label, img, button {vertical-align: middle;-webkit-tap-highlight-color: transparent;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
img, fieldset {width: 100%;border: 0;min-width: 0;}
ul, ol, li {list-style: none;}
a, button, label {cursor: pointer;}
button {border: 0;background: transparent;outline: none;}
i, em, address {font-style: normal;}
a {color: #999;-webkit-tap-highlight-color: transparent;}
a[href] {color: inherit;-webkit-tap-highlight-color: inherit;}
select {height:42px;padding:12px 14px;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0 none;}
select::-ms-expand {display: none;}
#wrap {height:100vh}
legend,
.sr-only{overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px 0 0 -1px; clip: rect(0, 0, 0, 0);}
div,
table {box-sizing: border-box;-webkit-box-sizing: border-box;}

button[class^="btn-"] {padding: 0 0.5rem;border-radius:8px;text-align: center;white-space: nowrap;color:var(--gray100);font-weight:500}
[class^="btn"][class*="-lg"] {height:60px;font-size:var(--size-18);}
[class^="btn"][class*="-md"] {height:50px;font-size:var(--size-16);}
[class^="btn"][class*="-sm"] {height:40px;padding:0 22px;border-radius:4px;font-size:var(--size-16);}
[class^="btn"][class*="-xs"] {height:36px;padding:0 12px;border-radius:4px;}
[class^="btn"][class*="-pm2"] {background-color:var(--gray700)}
[class^="btn"][class*="-confirm"] {background-color:var(--primary001);}
[class^="btn"][class*="-pm1"],
[class^="btn"][class*="-search"] {background-color:var(--primary002)}
[class^="btn"][class*="-cancel"] {background-color:var(--gray700)}
[class^="btn"][class*="-etc1"] {background-color:var(--gray600)}
[class^="btn"][class*="-etc2"] {border:1px solid var(--gray400);background-color:var(--gray100);color:var(--gray700)}
[class^="btn"][class*="-excel"] {display:flex;align-items: center;border:1px solid var(--gray400);background-color:var(--gray100);color:var(--gray700)}
[class^="btn"][class*="-excel"] .ico {display:block;background-image: url(../images/ico_excel.svg);background-repeat: no-repeat;}

#container {position:relative;}
.contents {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.img_area {margin:0 0 42px}
.img_area img {width:320px;}
.title {margin:0 0 12px;font-size:var(--size-24);line-height:var(--lh-150);font-weight:700}
.sub_title {margin:0 0 32px;color:var(--gray600);font-size:var(--size-16);line-height:var(--lh-150)}

.error button {width:400px;}



@font-face {
    font-family:'Pretendard';
    font-style:light;
    font-weight:300;
    src:url(font/Pretendard-Light.woff2) format('woff2'),
        url(font/Pretendard-Light.woff) format('woff'),
        url(font/Pretendard-Light.otf) format('opentype');
}


@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:400;
    src:url(font/Pretendard-Regular.woff2) format('woff2'),
        url(font/Pretendard-Regular.woff) format('woff'),
        url(font/Pretendard-Regular.otf) format('opentype');
    }

@font-face {
    font-family:'Pretendard';
    font-style:medium;
    font-weight:500;
    src:url(font/Pretendard-Medium.otf) format('woff2'),
        url(font/Pretendard-Medium.woff) format('woff'),
        url(font/Pretendard-Medium.woff2) format('opentype');
}



@font-face {
    font-family:'Pretendard';
    font-style:bold;
    font-weight:700;
    src:url(font/Pretendard-Bold.woff2) format('woff2'),
        url(font/Pretendard-Bold.woff) format('woff'),
        url(font/Pretendard-Bold.otf) format('opentype');
}