@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap');

* {margin: 0; padding: 0;}
/* html {font-size: 10px;} */
html, body {height: 100%; background: #fff; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif; color: #1D1D1D;}
ul,li {list-style: none;}
a {text-decoration: none; font-size: 16px; color: #1D1D1D;}
h1,h2,h3,h4,h5 {font-size: 16px; font-weight: 400;}
button {background: transparent; border: 0; box-sizing: border-box; outline: none; color: #1D1D1D; cursor: pointer;}
input, textarea, select, button {border: 0; outline: none; resize: none; }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #1D1D1D !important;
};
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #1D1D1D !important;
};
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #1D1D1D !important;
};


body {
    line-height: normal; font-family: 'Noto Sans KR', sans-serif;
}
input, label, select, textarea, a, span, h1, h2, h3, h4, h5, em, p, div {line-height: normal; font-family: 'Noto Sans KR', sans-serif; font-style: normal;}
input[type=radio] {cursor: pointer;}
input[type=radio] + label {cursor: pointer;}


.hidden {position: fixed !important; z-index: -100 !important; top: -200%; left: -200%; margin: 0 !important; padding: 0 !important; width: 0 !important; height: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important;}
.display-none {display: none !important;}
.dim {display: none; position: fixed; z-index: 8000; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.7);}
.dim.on {display: block;}
.disabled {opacity: 0.5; pointer-events: none !important;}

.btn.style00 {padding: 3px 6px; min-width: 91px; background: #fff; border-radius: 4px; border: 1px solid #002B5E; font-size: 14px; color: #002B5E;}
.btn.style01 {padding: 3px 6px; min-width: 91px; height: 40px; background: #fff; border-radius: 4px; border: 1px solid #002B5E; font-size: 14px; color: #002B5E;}
.btn.style02 {margin: 0 auto; padding: 3px 4px; min-width: 91px; height: 40px; background: #002B5E; border: 1px solid #002B5E; border-radius: 4px; font-size: 14px; color: #fff;}
.btn.style03 {padding: 3px 4px; min-width: 91px; height: 40px; background: #002B5E; border: 1px solid #002B5E; border-radius: 4px; font-size: 14px; color: #fff;}
.btn {text-align: center; cursor: pointer;}
.customTable .btn {height: auto !important;}
.floatBtn {position: absolute; top: 24px; right: 40px;}
.floatBtn.btn {height: auto;}
.excel {display: flex; justify-content: center; align-items: center; padding: 0 4px !important; height: 26px !important;}

.myInput {padding: 2px 8px; border: 1px solid #C6C6C6; height: 40px; border-radius: 4px; box-sizing: border-box;}
.myTTA {padding: 8px; border: 1px solid #C6C6C6; border-radius: 4px; box-sizing: border-box;}
.myDate {padding: 2px 8px; width: 200px; border: 1px solid #C6C6C6; height: 40px; border-radius: 4px; box-sizing: border-box;}
.myFile {width: 210px;}
.mySelect {padding: 2px 8px; width: 200px; border: 1px solid #C6C6C6; height: 40px; border-radius: 4px; box-sizing: border-box;}
.customTable .mySelect {height: auto !important;} 

.prev {cursor: pointer;}
.next {cursor: pointer;}

br.pc {display: block !important;}
br.t {display: none !important;}
br.m {display: none !important;}

@media screen and (max-width:1024px) {
    br.pc {display: none !important;}
    br.m {display: block !important;}
}