body {
	margin: 0px;
	padding: 0px;
}

.gth {
	display: inline-block;
	width: 100px;
	height: 35px;
	box-sizing: border-box;
}

.gthLineWrap {
	display: inline-block;
	width: 10px;
	height: 35px;
	cursor: col-resize;
	box-sizing: border-box;
}

.gthLineWrap:hover {
	cursor: col-resize;
}

.gthLine {
	display: inline-block;
	margin-left: 4px;
	width: 1px;
	height: 27px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #D9DDE3;
}

.lineDragging {
	opacity: 0.5;
}

body.bbgridLineDragging,
body.bbgridLineDragging * {
	cursor: col-resize !important;
	-ms-user-select: none !important;
	-moz-user-select: none !important;
	-khtml-user-select: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}

.bbgridBodyWrap {
	width: 100%;
	border: 1px solid #DBDFE4;
	box-sizing: border-box;
	background-color: #FFFFFF;
/* 	overflow: auto; */
	overflow: scroll;/*그리드에항상스크롤반영*/
	margin: 0 auto;
}



.bbgridBody {
	height: 430px;
}

.gthData {
	word-break: break-all;
	cursor: default;
	
	overflow: hidden;
	height: 35px;
	text-align: center;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	
	/*말줄임표*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	/*드래그방지*/
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.bbgridSortIcon {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	vertical-align: -2px;
}

.gtdCenter {
	text-align: center;
}

.gtdRight {
	text-align: right;
}


.gtd {
	display: inline-block;
	width: 100px;
	height: 35px;
	border-right: 0px;
	border-bottom: 1px solid #DBDFE4;
	box-sizing: border-box;
}

.gtdData {
	word-break: break-all;
	cursor: default;
	
	height: 35px;
	padding-left: 5px;
	
	font-size: 14px;
	/*line-height: 35px;*/
	
	/*말줄임표*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	/*드래그방지*/
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* 관리기 체크박스 Tabler 스타일 적용 */
.bbgridHeader input[type=checkbox],
.bbgridBody input[type=checkbox] {
	--tblr-form-check-bg: var(--tblr-bg-forms, #ffffff);
	flex-shrink: 0;
	width: 1rem;/*체크박스 크기변경*/
	height: 1rem;/*체크박스 크기변경*/
	margin-top: 0.0892857143rem;
	vertical-align: top;
	appearance: none;
	background-color: var(--tblr-form-check-bg);
	background-image: var(--tblr-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: var(--tblr-border-width, 1px) var(--tblr-border-style, solid) var(--tblr-border-color-translucent, rgba(98, 105, 118, 0.24));
	/*border-radius: var(--tblr-border-radius, 4px);*//*체크박스 radius제거*/
	print-color-adjust: exact;
	
	margin-top: 8px;/*체크박스 위치조정*/
}

.bbgridHeader input[type=checkbox]:focus,
.bbgridBody input[type=checkbox]:focus {
	border-color: #83b7e8;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb, 32, 107, 196), 0.25);
}

.bbgridHeader input[type=checkbox]:checked,
.bbgridBody input[type=checkbox]:checked {
	background-color: #2865BF;/*체크박스 배경색*/
	border-color: var(--tblr-border-color-translucent, rgba(98, 105, 118, 0.24));
	--tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.gtdDataInput,
.gtdDataSelect {
	margin-top: 2px;
	height: 30px;
	border-radius: 0px;
	border: 1px solid #DADFE5;
	
	box-sizing: border-box;
/* 	padding: 4px; */
}

.gtdDataInput:focus,
.gtdDataSelect:focus {
	outline: 0px;
   	border: 1px solid #000000;
}

.gtdWrap,
.gtdWrap_selected {
	height: 35px;
}

.gtdWrap:nth-child(2n) {
	background-color: #F8F9FA;
}

.gtdWrap:hover{
	background-color: #FFFF99;
}

.gtdWrap_selected:hover {
	background-color: #FFFF99 !important;
}

.gtdWrap_selected {
	background-color:#E5EEFF !important;
}

.bbgridHeader {
	height: 35px;
	
}

.bbgridHeaderWrap {
	width: 100%;
	border-top: 1px solid #DBDFE4;
	border-bottom: 0px;
	border-left: 1px solid #DBDFE4;
	border-right: 1px solid #DBDFE4;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
	background-color: #FCFDFE;
}

















#lineWrapper {
	position: fixed;
	width: 100%;
	height: 10px;
	cursor: row-resize;
}

#lineWrapper:hover {
	cursor: row-resize;
}

#lineCore {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 1px;
	background-color: #DBDFE4;
}

.lineDragging {
	opacity: 0.5;
}








#lineWrapperVert {
	position: fixed;
	width: 10px;
	min-height: 10px;
	cursor: col-resize;
}

#lineWrapperVert:hover {
	cursor: col-resize;
}

#lineCoreVert {
	position: absolute;
	left: 0px;
	width: 1px;
	min-height: 10px;
	background-color: #DBDFE4;
}

.lineDraggingVert {
	opacity: 0.5;
}








.bbtreedlg_wrap {
	width: 100%;
	box-sizing: border-box;
}

.bbtreedlg_left {
	width: calc(50% - 30px);
	box-sizing: border-box;
	float: left;
}

.bbtreedlg_middle {
	font-size: 1px;
	width: 60px;
	box-sizing: border-box;
	float: left;
	font-size: 1px;
}

.bbtreedlg_right {
	width: calc(50% - 30px);
	box-sizing: border-box;
	float: left;
}


.bbtreegrid_treegrid_wrap {
	width: 100%;
	box-sizing: border-box;
}

.bbtreegrid_gap_left {
	font-size: 1px;
	width: 2%;
	box-sizing: border-box;
	float: left;
}

.bbtreegrid_tree_wrap {
	width: 20%;
	box-sizing: border-box;
	float: left;
}

.bbtreegrid_gap_middle {
	font-size: 1px;
	width: 10px;
	box-sizing: border-box;
	float: left;
	font-size: 1px;
}

.bbtreegrid_grid_wrap {
	width: calc(76% - 10px);
	box-sizing: border-box;
	float: left;
}

.bbtreegrid_gap_right {
	font-size: 1px;
	width: 2%;
	box-sizing: border-box;
	float: left;
}










.bbtreeHeaderWrap {
	width: 100%;
	border: 1px solid #DBDFE4;
	box-sizing: border-box;
	overflow: auto;
	margin: 0 auto;
	background-color: #FCFDFE;
}

.bbtree_ul {
	margin:0;
	padding:0;
}

.bbtree_li {
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
	
	float: left;
	border: 0px solid white;
	box-sizing: border-box;
	width: 100%;
	
	cursor: default;
}

.bbtree_selectedItem {
	background-color: #E5EEFF;
}

.bbtree_li:hover,
.bbtree_selectedItem:hover {
	background-color: #D0E0FF;
}

.bbtree_item {
	margin:0;
	padding:0;
}

.bbtree_btn_wrap {
	margin:0;
	padding:0;
	font-size: 1px;
	line-height: 1px;
	
	float: left;
	border: 0px solid white;
	box-sizing: border-box;
	
	height: 30px;
}

.bbtree_btn_plus {
	background: url("/library/bbtree/plus.png") no-repeat center;
	width: 30px;
	height: 30px;
	border: 0;
	
	cursor: pointer;
}

.bbtree_btn_minus {
	background: url("/library/bbtree/minus.png") no-repeat center;
	width: 30px;
	height: 30px;
	border: 0;
	
	cursor: pointer;
}

.bbtree_btn_none {
	background-color:transparent;
	width: 30px;
	height: 30px;
	border: 0;
}

.bbtree_img {
	float: left;
	border: 0px solid white;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 3px;
	
	width: 30px;
	height: 30px;
}

.bbtree_text {
	border: 0px solid white;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 12px;
	padding-left: 5px;
	margin-left: -5px;

	cursor: default;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbtree_line_l {
	background: url("/library/bbtree/l.png") no-repeat center;
	background-size: cover;
}

.bbtree_line_k {
	background: url("/library/bbtree/k.png") no-repeat center;
	background-size: cover;
}

.bbtree_line_s {
	background: url("/library/bbtree/s.png") no-repeat center;
	background-size: cover;
}

/* 드래그방지 */
.bbtree_item,
.bbtree_text,
.bblistbox_item,
.bblistbox_text {
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}










.bblistboxHeaderWrap {
	width: 100%;
	border: 1px solid #DBDFE4;
	box-sizing: border-box;
	overflow: auto;
	margin: 0 auto;
	background-color: #FCFDFE;
}

.bblistbox_ul {
	margin:0;
	padding:0;
}

.bblistbox_li {
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
	
	float: left;
	border: 0px solid white;
	box-sizing: border-box;
	width: 100%;
	
	cursor: default;
}

.bblistbox_selectedItem {
	background-color: #E5EEFF;
}

.bblistbox_li:hover,
.bblistbox_selectedItem:hover {
	background-color: #D0E0FF;
}

.bblistbox_item {
	margin:0;
	padding:0;
}

.bblistbox_btn_wrap {
	margin:0;
	padding:0;
	font-size: 1px;
	line-height: 1px;
	
	float: left;
	border: 0px solid white;
	box-sizing: border-box;
	
	height: 30px;
}

.bblistbox_img {
	float: left;
	border: 0px solid white;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 3px;
	
	width: 30px;
	height: 30px;
}

.bblistbox_text {
	border: 0px solid white;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 12px;
	padding-left: 5px;
	margin-left: -5px;

	cursor: default;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.bbtreegrid_wrap {
	display: flex;
}

.bbtreegrid_img {
	border: 0px solid white;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 3px;
	
	width: 30px;
	height: 30px;
}

.bbtreegrid_text {
	flex: 1; /* 남은 공간 모두 차지 */
	
	border: 0px solid white;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 12px;
	padding-left: 5px;
	margin-left: -5px;

	cursor: default;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 관리기 다크모드 적용 */
[data-bs-theme="dark"] .bbgridHeaderWrap,
[data-bs-theme="dark"] .bbgridBodyWrap,
[data-bs-theme="dark"] .bbtreeHeaderWrap {
	background-color: var(--tblr-bg-surface);
	border-color: var(--tblr-border-color);
	color: var(--tblr-body-color);
}

[data-bs-theme="dark"] .gtd,
[data-bs-theme="dark"] .gthLine,
[data-bs-theme="dark"] .gtdDataInput,
[data-bs-theme="dark"] .gtdDataSelect {
	border-color: var(--tblr-border-color);
}

[data-bs-theme="dark"] .gtdWrap:nth-child(2n) {
	background-color: var(--tblr-bg-surface-secondary);
}

[data-bs-theme="dark"] .gtdWrap:hover,
[data-bs-theme="dark"] .bbtree_li:hover {
	background-color: rgba(var(--tblr-primary-rgb), 0.20);
}

[data-bs-theme="dark"] .gtdWrap_selected,
[data-bs-theme="dark"] .bbtree_selectedItem {
	background-color: rgba(var(--tblr-primary-rgb), 0.30) !important;
}

[data-bs-theme="dark"] .gtdWrap_selected:hover,
[data-bs-theme="dark"] .bbtree_selectedItem:hover {
	background-color: rgba(var(--tblr-primary-rgb), 0.38) !important;
}