@charset "UTF-8";

.card .card-header {
	border-bottom: none !important;
	padding: 20px 0 !important;
	margin-bottom: 10px;
}

tbody, td, tfoot, th, thead, tr {
	height: 58px !important;
}

.tui-grid-body-container{
	width: 100% !important;
    height: 500px !important;
}
.tui-grid-table-container{
	width: auto !important;
}
.tui-grid-table{
	width: auto;
}

.card-body{
    border-top: none;
}

.tui-grid-body-container {
    width: 100% !important;
    height: 100% !important;
    overflow: visible;
}

div.card-body:has(div.tui-grid-container) {
    padding: 0px;
    height: 630px !important;
}

.tui-grid-border-line-left, .tui-grid-border-line-right {
    background-color: #fff;
}

.tui-grid-border-line.tui-grid-border-line-right {
    border-right: none;
}
  
/*
col:nth-child(1) {
    width: 20% !important;
}
 col:nth-child(2) {
    width: 60% !important;
}
col:nth-child(3) {
    width: 20% !important;
}
col:nth-child(4) {
    width: 30% !important;
}
*/

.tui-grid-body-area{
    overflow: visible !important;
   /*  height: 522px !important; */
    height: calc(58px * 10) !important;
}
.tui-grid-cell{
    border: none;
    box-sizing: border-box !important;
}

.tui-grid-table tbody td{
	padding: 14px 8px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ddd;
}

[data-column-name="brddataNo"], [data-column-name="wrterMemberId"], [data-column-name="createDt"] {
    text-align: center !important;
}

[data-column-name="brddataNo"], [data-column-name="wrterMemberId"], [data-column-name="createDt"], [data-column-name="oprtngDe"] {
    text-align: center !important;
}

.tui-grid-cell-header{
    border-color: #f9f9f9;
    font-size: 16px;
}
.tui-grid-header-area .tui-grid-table{
	width: 100%;
    /* border-top: 2px solid #555; */
    border-bottom: 1px solid #999;
}

.tui-grid-layer-focus-border {
  /* transform: translateX(-1px); 1px 보정 */
   transform: translate(-1px, -1px); /* 1px 보정 */
}

.tui-grid-cell-content{
  font-size: 14px;	
}

.tui-grid-container .tui-grid-pagination{
	margin: 15px 0 0;
}

.btn-sm {
  display: inline-flex;
  align-items: center; 
}

.btn-sm img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
 
.btn-search {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #ff5b00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e14a00;
}
.btn-search:hover {
  background-color: #e96b00;
  color: #fff;
}

.btn-add {
	--bs-btn-color: #fff;
	--bs-btn-bg:#E7013A;
	--bs-btn-border-color:#E7013A;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #CA1F1C;
	justify-content: center;
}

.g-card-header-btn {
	--bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .75rem;
    --bs-btn-border-radius: .2rem;
}

.btn-add:hover {
  background-color: #c82333;
  color: #fff;
}

.button-group {
  display: inline-flex;
  align-items: center; 
  gap: 10px; 
  align-items: flex-start;
}

/* 버튼 묶음 - 오른쪽 정렬 */
.btn-group-horizontal {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
}
label[for="applyFilter"] {
  margin-right: 13px;
}
#applyFilter {
  margin-right: 16px;  /* 셀렉트박스와 조회 버튼 간격 넓히기 */
} 
  
/* qna */

.table-total-controls{
	display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}