body, p, h1, h2, h3, h4, h5, h6, h7, div, td, th, li, a, span  {font-family: 'Nanum Gothic', sans-serif;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:800;}
h6, .h6 {font-size: .9rem;}
h7, .h7 {font-size: .8rem;}
.card-title {font-weight:800;}
a {color:inherit;}




/* Small devices (tablets, 768px and up) */
@media (max-width: 575px) {
  .head-logo { text-align:center; }
  .head-logo img {width:150px;}
  .head-menu { text-align:center; padding-top:20px;}
  .head-menu a {font-size: 0.8rem; font-weight:800;} 
  
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 576px) {
  .head-logo { text-align:center; }
  .head-logo img {width:150px;}
  .head-menu { text-align:center;  padding-top:20px;}
  .head-menu {font-size: 0.8rem; font-weight:800;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .head-logo { text-align:left; }
  .head-logo img {width:200px;}
  .head-menu { text-align:center;  padding-top:7px;}
  .head-menu a {font-size: 0.9rem; font-weight:800;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .head-logo { text-align:left; }
  .head-logo img {width:200px;}
  .head-menu { text-align:right;  padding-top:7px;}
  .head-menu a {font-size: 0.9rem; font-weight:800;}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .head-logo { text-align:left; }
  .head-logo img {width:200px;}
  .head-menu { text-align:right;  padding-top:7px;}
  .head-menu a {font-size: 0.9rem; font-weight:800;}
  .login-box {width:510px !important;}
}

.head-logo.only-logo {text-align:center !important;}
.login-page { height: calc(100vh - 71px); }
.card-header {padding: .75rem .75rem; }
.card-header h6 {margin-bottom:0px;} 
.card-body {padding:10px 5px 10px 5px;}
.card-tabs .card-header {padding:0px 2px 0px 2px; margin-top:10px;}
.input-label {padding-top:5px;}

/* 작은 셀렉트 박스 */
.mini-input{height:32px; padding:0 2px; font-size:11px; }
.mini-select{height:32px; padding:0 2px; font-size:11px; }


.login-box .card-body {padding: 20px;}

/* 테마 색상 */
/*
.main-sidebar a.brand-link {
	background-color: #343a40!important;
}
.sidebar-dark-teal .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-teal .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #007bff !important;
    color: #fff !important;
}

nav.main-header {
	background-color:#007bff!important;
}
nav.main-header ul.navbar-nav li.nav-item a.nav-link {
	color:#fff !important;
}
*/


/* tabulator 6.3 start */
.tabulator {
	font-size: 13.5px !important;
	height: 630px;
}
.tabulator-5.tabulator {
	height: 285px !important;
}
.tabulator-10.tabulator {
	height: 435px !important;
}

.tabulator-row .tabulator-cell {
    padding: 6px !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 6px !important;
}
.tabulator .tabulator-header .tabulator-col {
	vertical-align: baseline;
}
.tabulator .tabulator-headers, .tabulator .tabulator-col, .tabulator .tabulator-row {
	min-height:32px !important;
}
/* tabulator 6.3 end */  


  
/* tabulator-row --- custom inportant*/
/*
.tabulator {
	border-left: 1px solid #dee2e6 !important;
}


.tabulator .tabulator-header{
	border-bottom: 2px solid #343a40 !important; 
}
*/
.tabulator .tabulator-header .tabulator-col {
	background-color: #fbfbfb !important;
	border-right: 1px solid #dee2e6 !important;
	border-left: 1px solid #dee2e6 !important; 
}
.tabulator-row .tabulator-cell {
	border-right: 1px solid #dee2e6 !important; 
	border-left: 1px solid #dee2e6 !important;
}
.tabulator-row.tabulator-selected {
    background-color: #007bff !important;
    color:#fff !important;
}
.tabulator-footer {
	border-top: 0px solid #fff !important;
	background-color:#fff !important;
}

.tabulator-cell.thumb-cell {
  padding: 1px !important;
}

/* row 색상 변경 */
.tabulator-row.row-danger {
  background-color: #fdecea;
  color: #c0392b;
}
.tabulator-row.row-warning {
  background-color: #fff6e0;
  color: #e67e22;
}


/* info form table */
.table-info-form {
	width: 100%;
	font-size:13px !important;
	border-top: 2px solid #007bff !important;
	border-bottom: 1px solid #dee2e6 !important;
}
.table-info-form tbody{
	border: 0px !important;
}
.table-info-form tr{
	border-right: 1px solid #dee2e6 !important;
}
.table-info-form th {
	text-align: center;
	border-left: 1px solid #dee2e6 !important;
	height:40px;
	background-color:#fbfbfb !important;
}
.table-info-form th, .table-info-form td {
	padding : 4px;
	vertical-align: middle!important;
	border-left: 1px solid #dee2e6 !important;
	height:40px;
}




/* info form table */
.table-info-small {
	width: 100%;
	font-size:13px !important;
	border-top: 2px solid #808080!important;
	border-bottom: 1px solid #dee2e6 !important;
	margin-bottom: 5px !important;
}
.table-info-small tbody{
	border: 0px !important;
}
.table-info-small tr{
	border-right: 1px solid #dee2e6 !important;
}
.table-info-small th {
	text-align: center;
	border-left: 1px solid #dee2e6 !important;
	height:40px;
	background-color:#fbfbfb !important;
}
.table-info-small th, .table-info-form td {
	padding : 4px;
	vertical-align: middle!important;
	border-left: 1px solid #dee2e6 !important;
	height:40px;
}




/* search form table */
.search-box-table {
	width: 100%;
	font-size:13px !important;
}
.search-box-table th {
	text-align: right;
	padding-right: 10px;
}
.search-box-table th, .search-box-table td {
	vertical-align: middle!important;
}

.search-box-table-col3 th { width: 18%; min-width:76px;}
.search-box-table-col3 td { width: 64%; }
.search-box-table-col5 th { width: 10%;  min-width:76px;}
.search-box-table-col5 td { width: 35%; }
.search-box-table-col7 th { width: 7%;  min-width:76px;}
.search-box-table-col7 td { width: 24%; }
.search-box-table-col9 th { width: 6%;  min-width:76px;}
.search-box-table-col9 td { width: 17%; }



/* 커스텀 버튼 */
.btn-indigo-custom {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
    box-shadow: none;
}
/* 커스텀 버튼 */
.btn-indigo-custom:hover {
    color: #fff;
    background-color: #283683;
    border-color: #283683;
    box-shadow: none;
}

/* 커스텀 Valid */
.form-control.is-invalid{
	border: 1px solid #dc3545 !important;	
	padding-right: 2.25rem!important;    
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


.badge-icon {
	padding-top:5px !important;
	padding-bottom:5px !important;
	width:50px;
	font-weight:400;
	font-size: .7rem
}

/* 줄바꿈을(html)을 허용 */
.allow-html-tag {
	white-space: pre-line;
}

/* 필수항목 표시 */
.value-required::after {
    content: "*";
    color: #e74c3c; /* 붉은색 */
    font-weight: bold;
}