@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

:root {
    --main-color: rgba(66, 66, 66, 1);
    --main-color1: rgba(66, 66, 66, 0.1);
    --main-color2: rgba(66, 66, 66, 0.2);
    --main-color3: rgba(66, 66, 66, 0.3);
    --main-color4: rgba(66, 66, 66, 0.4);
    --main-color5: rgba(66, 66, 66, 0.5);
    --main-color6: rgba(66, 66, 66, 0.6);
    --main-color7: rgba(66, 66, 66, 0.7);
    --main-color8: rgba(66, 66, 66, 0.8);
    --main-color9: rgba(66, 66, 66, 0.9);

    --main-border: #333;
    --main-hover: yellow;
    --main-bg1: #50577A;
    --main-bg2: #FD711E;     /*253,113,30*/
    --main-text : #eaeaea;
    /* --main-placeholder : #bdbdbd; */
    --main-placeholder : #757575;
    
    --li-odd : #f5f5f5;
    --main-text1 : #2b2b2b;
    --sel-row: rgba(255, 236, 239, .7);
    --btn-bg : #0277bd;

    --btn-search : linear-gradient(0, #283593 0%, #5c6bc0 100%);
    --btn-reset : linear-gradient(0, #1b5e20 0%, #43a047 100%);
    --btn-save : linear-gradient(0, #e65100 0%, #ff8a65 100%);
    --btn-del : linear-gradient(0, #b71c1c 0%, #ef5350 100%);
    --btn-excel : linear-gradient(0, #6554AF 0%, #9575DE 100%);
    --btn-udt : purple;
    --btn-header-hover : orange;

    /* --scroll-bg : #7986cb; */
    /* --scroll-bg : #8d6e63; */
    --scroll-bg : #9e9e9e;

    --li-hover : #757575;

    /* --input-bg : #e0e0e0; */
    /* --input-bg : #9fa8da; */
    --input-bg : #bdbdbd;
    --fixed-bg : #424242;
    --cal-main: rgba(66, 66, 66, 0.9);

    --search-word : #ffcc80;

    --gr-btn-search : linear-gradient(0, #283593 0%, #5c6bc0 100%);
    --gr-btn-reset : linear-gradient(0, #1b5e20 0%, #43a047 100%);
    --gr-btn-save : linear-gradient(0, #e65100 0%, #ff8a65 100%);
    --gr-btn-del : linear-gradient(0, #b71c1c 0%, #ef5350 100%);
    --gr-btn-excel : linear-gradient(0, #6554AF 0%, #9575DE 100%);

    --gr-btn-type1 : linear-gradient(0, #263238 0%, #607d8b 100%);
    --gr-btn-type2 : linear-gradient(0, #00695c  0%, #80cbc4 100%);
    --gr-btn-type3 : linear-gradient(0, #01579b  0%, #03a9f4 100%);
    --gr-btn-type4 : linear-gradient(0, #6a1b9a  0%, #ba68c8 100%);

    --point-color1: cyan;
    --point-color2: bisque;
    --point-color3: lime;
    --point-color4: tomato;
}

* { padding:0; margin:0; box-sizing: border-box; }
html, body { padding:0; margin:0; box-sizing: border-box; width:100vw; height:100vh; font-family:'noto sans kr'; color:#2b2b2b; overflow: hidden;}
.flex-normal { display:flex; align-items: center; }
.flex-s-s { display:flex; justify-content: flex-start; align-items: flex-start; }
.flex-s-e { display:flex; justify-content: flex-start; align-items: flex-end; }
.flex-s-c { display:flex; justify-content: flex-start; align-items: center; }
.flex-e-s { display:flex; justify-content: flex-end; align-items: flex-start; }
.flex-e-e { display:flex; justify-content: flex-end; align-items: flex-end; }
.flex-e-c { display:flex; justify-content: flex-end; align-items: center; }
.flex-c-s { display:flex; justify-content: center; align-items: flex-start; }
.flex-c-e { display:flex; justify-content: center; align-items: flex-end; }
.flex-c-c { display:flex; justify-content: center; align-items: center; }
.flex-sb-s { display:flex; justify-content: space-between; align-items: flex-start; }
.flex-sb-e { display:flex; justify-content: space-between; align-items: flex-end; }
.flex-sb-c { display:flex; justify-content: space-between; align-items: center; }
.flex-sa-s { display:flex; justify-content: space-around; align-items: flex-start; }
.flex-sa-e { display:flex; justify-content: space-around; align-items: flex-end; }
.flex-sa-c { display:flex; justify-content: space-around; align-items: center; }


.flex-col-s-s { display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}

.flex-wrap-ok { flex-wrap:wrap; }
.flex-wrap-no { flex-wrap:nowrap; }
.flex-gap-5 { gap:5px; }
.flex-gap-10 { gap:10px; }
.flex-gap-15 { gap:15px; }
.flex-gap-20 { gap:20px; }

/** 공통 */
a { text-decoration: none; color:#2b2b2b; }
input, select, button, label { display:inline-block; padding:0 8px; border-radius:5px; box-sizing: border-box; line-height:25px; height:25px; font-size: 13px; color:var(--main-text)}
select, input { outline: none; color:#2b2b2b; }
button { background:var(--main-color2);  cursor:pointer; font-size: 12px;}  /*border:1px solid var(--main-color5);*/
button:hover { opacity:0.8; }
.w100 { width:100%; }
.h35 { height:35px; }
form, .h100 { height:100%; }
.disp-none { display:none; }
input::placeholder { color:var(--main-placeholder);}
li.no-data { padding:20px !important; font-size: 16px; justify-content: center;}

button, input, select { border:none; } /*border:1px solid var(--input-bg); */

input[type=checkbox] { display:none; }
input[type=checkbox] + label { position:relative; width:16px; height:16px; line-height:16px; text-align:center; border-radius:3px; border:1px solid #E8E9EB; box-sizing:border-box; background: #ffffff; }
input[type=checkbox]:checked + label { border:1px solid var(--btn-header-hover); }
input[type=checkbox]:checked + label:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:var(--btn-header-hover) url('/img/icon/checkbox_check.svg') no-repeat center; }

input[type=radio] { display:none; }
input[type=radio] + label { display:inline-flex; justify-content:center; align-items:center; }
input[type=radio] + label > span { display:flex; justify-content:center; align-items:center; width:12px; height:12px; border:1px solid #ffffff; background:#ffffff; border-radius:50%; }
input[type=radio]:checked + label > span:after { content:""; width:8px; height:8px; border-radius:50%; background:#5142CE; }

ul[id^=scrollwrap]::-webkit-scrollbar { width:4px; height:8px; }
ul[id^=scrollwrap]::-webkit-scrollbar-thumb { background-color: var(--scroll-bg); border-radius: 4px; opacity:0.5; }  /*background-color: var(--main-color3)*/
ul[id^=scrollwrap]::-webkit-scrollbar-track { background-color: var(--main-placeholder); border-radius: 4px; }
ul[id^=scrollwrap]::-webkit-scrollbar-corner { background-color: var(--main-placeholder); }

div[id^=scrollwrap]::-webkit-scrollbar { width:4px; height:8px; }
div[id^=scrollwrap]::-webkit-scrollbar-thumb { background-color: var(--scroll-bg); border-radius: 4px; opacity:0.5; }
div[id^=scrollwrap]::-webkit-scrollbar-track { background-color: var(--main-placeholder); border-radius: 4px; }
div[id^=scrollwrap]::-webkit-scrollbar-corner { background-color: var(--main-placeholder); }

div[id=search_wrap]::-webkit-scrollbar { width:0px; height:2px; }
div[id=search_wrap]::-webkit-scrollbar-thumb { background-color: var(--scroll-bg); border-radius: 4px; opacity:0.5; }
div[id=search_wrap]::-webkit-scrollbar-track { background-color: var(--main-placeholder); border-radius: 4px; }
div[id=search_wrap]::-webkit-scrollbar-corner { background-color: var(--main-placeholder); }

select[id^=selbox]::-webkit-scrollbar { width:6px; height:8px; }
select[id^=selbox]::-webkit-scrollbar-thumb { background-color: var(--scroll-bg); border-radius: 4px; opacity:0.5; }     /*background-color: var(--main-placeholder);*/
select[id^=selbox]::-webkit-scrollbar-track { background-color: var(--main-placeholder); border-radius: 4px; }
select[id^=selbox]::-webkit-scrollbar-corner { background-color:var(--main-placeholder); }

.btn_neo { border-radius:7px; padding:7px 14px; color:#ffffff; }
.btn_neo_submit { border-radius:22px; width:152px; height:44px; line-height:44px; font-size:16px; }
.btn_neo_submit_1 { border-radius:22px; min-width:152px; height:44px; line-height:44px; font-size:16px; padding:0 20px; }
.btn_neo_confirm { background:var(--btn-save); color:#ffffff; }
.btn_neo_refresh { background:#E8E9EB; color:#797979; }

.btn_neo_search { background: var(--btn-search) !important; }
.btn_neo_reset { background: var(--btn-reset) !important; }
.btn_neo_save { background: var(--btn-save) !important; }
.btn_neo_del { background: var(--btn-del) !important; }
.btn_neo_excel { background: var(--btn-excel) !important; } 

li { list-style: none; }
.kch_container li > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


body { width:100vw; height:100vh; margin:0; box-sizing: border-box; background:var(--main-color6); }