@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Recipekorea';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* common */
body {font-family: 'Pretendard-Regular' !important; font-size: 16px; /* background: #f4f7fa; */ /* background: #005399;*/ }
.container {position: relative; max-width: 1200px; padding-left: 1em; padding-right: 1em; margin: 0 auto; }
.container:after {display: block; content: ''; clear: both; }

/* col */
._col_wrap {margin-left: -1em; margin-right: -1em; }
._col_wrap li {float: left; margin-left: 1em; margin-right: 1em; }
._col_wrap li._col1 {width: calc(8.333% - 2em);}
._col_wrap li._col2 {width: calc(16.666% - 2em);}
._col_wrap li._col3 {width: calc(25% - 2em);}
._col_wrap li._col4 {width: calc(33.333% - 2em);}
._col_wrap li._col5 {width: calc(41.666% - 2em);}
._col_wrap li._col6 {width: calc(50% - 2em);}
._col_wrap li._col7 {width: calc(58.333% - 2em);}
._col_wrap li._col8 {width: calc(66.666% - 2em);}
._col_wrap li._col9 {width: calc(75% - 2em);}
._col_wrap li._col10 {width: calc(83.333% - 2em);}
._col_wrap li._col11 {width: calc(91.666% - 2em);}
._col_wrap li._col12 {width: calc(100% - 2em);}

._col_wrap:after, ._col_wrap li:after {display: block; content: ''; clear: both;}

/* row */
._row_wrap {/* margin-top: -1em; margin-bottom: -1em; */ }
._row_wrap li {margin-top: 1em; margin-bottom: 1em;}
._row3 {height: calc(25vh - 4.5em); }
._row6 {height: calc(50vh - 7em); }
._row9 {height: calc(75vh - 9.5em); }
._row12 {height: calc(100vh - 12em);}


/* form */
.form_control {position: relative; display: block; width: 100%; height: auto; padding: .375em .75em; border: 1px solid #ddd; background: #fff; font-family: 'Pretendard-Regular'; font-size: 14px; }
select.form_control {padding: .375em; }
textarea.form_control {width: 100%; }
.btn {padding: .75em 1.25em; border: 0; font-family: 'Pretendard-Regular'; font-size: 16px; border-radius: .5em; cursor: pointer; }


/* modal */
.modal {position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }
.modal-dialog {position: relative; width: auto; margin: 0.5rem;   pointer-events: none;}
.modal-content {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); /* border-radius: 0.3rem; */ outline: 0;}
.modal-backdrop {position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}
.modal-header {display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px);}
.modal-header .close {padding: 1rem 1rem; margin: -1rem -1rem -1rem auto;}
.modal-title {margin-bottom: 0; line-height: 1.5;}
.modal-body {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}
.modal-footer {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; /* justify-content: flex-end;*/ justify-content: center; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); }
.modal-footer .btn {margin: 0 .25em; border-radius: 0; padding: .6em 1.2em; }
.modal-footer .btn_save {background: #115896; color: #fff; }
.modal-footer .btn_delete { background-color: #cc0000; color: #fff; }


@media (min-width: 576px) {
	.modal-dialog {max-width: 500px; margin: 1.75rem auto;}
  	.modal-dialog-scrollable {max-height: calc(100% - 3.5rem);}
  	.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem);}
  	.modal-dialog-centered {min-height: calc(100% - 3.5rem); }
  	.modal-dialog-centered::before {height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content;}
  	.modal-sm {max-width: 300px;}
}

@media (min-width: 992px) {
	.modal-lg, .modal-xl {max-width: 800px;}
}

@media (min-width: 1200px) {
  	.modal-xl {max-width: 1140px;}
}


/* tabulator */
.tabulator .tabulator-tableHolder .tabulator-placeholder span {font-size: 16px; }

canvas.chart {
	/* background:white; */
}

/* svg text {fill: #fff !important; } */