@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap);
/* ==========================================================================
   reset CSS
========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input, select, textarea, button,
a, span {font-family: 'Noto Sans KR', 'Roboto', sans-serif; color:inherit;-webkit-font-smoothing: antialiased;word-wrap: break-word;margin:0;padding:0;outline:0;vertical-align:middle;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance: none;-moz-appearance: none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none}
b,span,figure {vertical-align:top;font-size:inherit}
a{text-decoration:none;vertical-align:top;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
button{cursor:pointer;margin:0;padding:0;border:none;background:none;font-size:inherit;font-weight: inherit}
a:hover,a:active,a:visited,a:link {text-decoration:none}
a:focus,button:focus {outline:0;text-decoration:none}
ul,ol,li {list-style:none}
html {-webkit-text-size-adjust: 100%;}
html,body {position:relative;width:100%;height:100%;font-size:14px;word-break:break-all}
:lang(en) html,
:lang(en) body {word-break: break-word}
::-moz-selection {background: #b3d4fc;text-shadow: none}
::selection {background: #b3d4fc;text-shadow: none}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
audio, canvas, iframe, img, svg, video {vertical-align: middle}
fieldset {border: 0;margin: 0;padding: 0}
textarea {resize: vertical}
table{width:100%;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
input {-moz-appearance: none;-webkit-appearance: none; font-size:inherit;background:transparent}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin:0;}
:after,
:before {box-sizing:border-box}
/**:lang(en):not(i) {font-family: 'Roboto', sans-serif;letter-spacing:normal!important}*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}
input {-webkit-tap-highlight-color : transparent;}
html {scrollbar-width:none;-ms-overflow-style: none}
html::-webkit-scrollbar {width:0}

.alert {z-index: 99999;border-radius:4px;position: fixed;top:62px;right:50px;font-size: 14px;line-height: 1.64;background:#000;color:#fff;background-size:20px auto;padding: 12px 50px 15px 52px;min-width:468px;transition: opacity linear .15s;animation: fade ease-in-out 5s forwards;}
.alert p {font-weight:bold;font-size:16px;}
.alert div {font-weight: 500;margin-top:3px}

.react-datepicker-wrapper {width:100%;}
.react-datepicker-wrapper input {width:100%}

@keyframes fade {
    0% {opacity: 0;top: -1%}
    5% {opacity: 1;top: 62px}
    95% {opacity: 1;top: 62px}
    100% {opacity: 0;top: -1%}
}