.easi-grid {	width:100%;}
.easi-grid > .easi-grid-table-wrapper{	width:100%;	overflow-x:auto; 	white-space:nowrap; /*padding: 0px; border: 1px solid #ccc; border-radius: 0px;*/ }
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table{	width:100%;	border-collapse:collapse;	border-spacing:0;	color:#333;}

/* 스크롤바CSS */
.easi-grid-table-wrapper::-webkit-scrollbar       {	width: 12px!important;  	}
.easi-grid-table-wrapper::-webkit-scrollbar-thumb {	height: 30px; 	background: #ddd; border-radius: 8px;	}
.easi-grid-table-wrapper::-webkit-scrollbar-track {	background: rgba(100, 100, 100, 0.3);  	}
.easi-grid-table-wrapper::-webkit-scrollbar-track-piece  {  background-color: #fafafa;}
/*.easi-grid-table-wrapper::-webkit-scrollbar-button       {  background-color: #333;  width: 2px; }*/
.easi-grid-table-wrapper::-webkit-scrollbar-button:vertical:increment {}
.easi-grid-table-wrapper::-webkit-scrollbar-button:vertical:decrement {}

/* ==========================================================================   그리드 헤더 HEADER 부분 ============================================================*/
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th   {	vertical-align:middle;	text-align:center; padding:8px 5px 8px 5px; border-top:1px solid  #ccc; font-family: "맑은 고딕"; font-size: 12px;
	                                                                            border-right:0px solid #aaa;	min-width:40px; border-bottom:1px solid #ccc; background-color:#f3f3f3; color: #333;}   /* 다크모드를 위하여 배경색 색상중요*/
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th:last-child{	/*border-right:none;*/}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th:first-child    {	position: -webkit-sticky;	position: sticky;	background: rgba(240,240,240,0.95);	left: 0; z-index:1;}   /* 첫열고정하기 */
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row{	padding: 3px;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row.allow-sorting{	cursor:pointer;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row > .easi-grid-header-row-inner{	padding:8px 8px;	display:flex;	align-items:center;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row.allow-sorting > .easi-grid-header-row-inner,
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row.asc > .easi-grid-header-row-inner,
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row.desc > .easi-grid-header-row-inner{	padding:8px 5px 8px 5px;	position:relative;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row.asc > .easi-grid-header-row-inner:after{  /*--------- 오름차순 --------*/
	/*font-family:"Font Awesome 5 Pro";	content:"\f0de";*/	content:"▲";	-moz-osx-font-smoothing:grayscale;	-webkit-font-smoothing:antialiased;
	display:flex;	flex-direction:row;	justify-content:center;	align-items:center;	font-style:normal;	font-variant:normal;	text-rendering:auto;	font-size:12px;	font-weight:700;
	width:15px;	height:100%;	position:absolute;	top:-4px;	right:0;	padding-top:6px;
}

.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row.desc > .easi-grid-header-row-inner:after{   /*--------- 역순내림차순 -------*/
	/*font-family:"Font Awesome 5 Pro";	content:"\f0dd";*/	content:"▼"; -moz-osx-font-smoothing:grayscale;	-webkit-font-smoothing:antialiased;	display:flex;	flex-direction:row;	justify-content:center;	align-items:center;
	font-style:normal; 	font-variant:normal;	text-rendering:auto;	font-size:12px;	font-weight:900;	width:15px;	height:100%;	position:absolute;	top: 4px;	right:0;	padding-bottom:6px;
}

.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row > .easi-grid-header-row-inner > .easi-grid-header-row-checkbox-wrap{	padding:0px 10px 0px 6px;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row > .easi-grid-header-row-inner > .easi-grid-header-row-checkbox-wrap > .easi-grid-all-checkbox{
	margin:3px 0px !important;	outline:none;
}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-header-row > .easi-grid-header-row-inner > .easi-grid-header-row-content{	flex-grow:1;	text-align:center; 	white-space: pre-wrap; /*2줄가능하게함*/ }
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-filter-row{  padding: 2px; border-top:#ccc; }
/*----------------------------------------------------------------------------------------------  그리드헤더의 필터검색바 ---------------------------*/
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-filter-row > .easi-grid-search-wrapper{ 	width:100%; 	display:flex; }
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-filter-row > .easi-grid-search-wrapper > .search-text-input{
	flex:1;	height:25px;	border-radius:2px;	border:1px solid #ccc;	font-weight:normal;	color:#666;	padding:0px 10px;   background-color: #fefefe;	border-top-right-radius:0px;	border-bottom-right-radius:0px;	outline:none;	width:100%;}

/*----------------------------------------------------------------------------------------------  그리드헤더의 필터검색 버튼 ---------------------------*/
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > thead > tr > th.easi-grid-filter-row > .easi-grid-search-wrapper > .search-button{
	width:20px;  height:25px; 	line-height:25px;	outline:none; border-radius:3px;	border-top-left-radius:0px;	border-bottom-left-radius:0px;	border:0px solid #aaa;	border-left:2px;
	background:  transparent; /*#efefef;*/	cursor:pointer;
}


/* ==========================================================================   그리드 행바디 BODY 부분 ============================================================*/

.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr                    { 	background: transparent; }
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td:first-child   {	position: -webkit-sticky;	position: sticky;	background: rgba(255,255,255,0.85);	 left: 0; /*z-index:99;*/ color:#333;  border-left:1px solid #f0f0f0; }   /* 첫열고정하기 */
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td               {	vertical-align:middle;	text-align:left; padding:6px 4px; color: #777; font-size:11px; border-bottom:1px solid #ccc; border-right:1px solid #f0f0f0; font-variant-numeric: tabular-nums;  }
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .dark-theme {	border-bottom:1px solid #555;  }   /* 다크모드를 위하여 색상중요*/
/*.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td:last-child    {	border-right:none; }*/
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr.easi-grid-empty-row > td    {	text-align:center;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .easi-grid-td-inner  {	width:100%;	display:flex;	padding:0;	margin:0;	align-items:center;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .easi-grid-td-inner > .easi-grid-icon-container {	display:inline-block;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .easi-grid-td-inner > .easi-grid-icon-container > div{	display:inline-block;	text-align:center;	vertical-align:middle;}

/* 최초원본이나 js에서 스타일변경함 공병기 24.3.1에
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .easi-grid-td-inner > .easi-grid-icon-container .easi-grid-checkbox-wrap{	padding:0px 10px 0px 6px;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .easi-grid-td-inner > .easi-grid-icon-container .easi-grid-checkbox-wrap > input[type=checkbox]{	margin:3px 0px !important;	outline:none;}
*/

.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td > .easi-grid-td-inner > .easi-grid-content {	flex-grow:1;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr.selected td                     {/*	background: #F0F6FC; #ffeecc; */	color:#000; background-color: #fff7e6; }       /* ----------------#fefef6 연노랑색 선택된 행의 배경색*/
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr.easi-grid-hidden                {	display:none;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td.update-column, .easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td.delete-column{	text-align:center;}
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td.update-column > button,
.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td.delete-column > button {border:none;	background:transparent;	outline:none;}

/* ==========================================================================   그리드 페이지 부분 ============================================================*/
.easi-grid > .easi-grid-pager{	display:flex;	width:100%;	padding-top:10px;}

.easi-grid > .easi-grid-pager > .easi-grid-page-size-selector-wrapper{	width:60px;	height:28px;}
.easi-grid > .easi-grid-pager > .easi-grid-page-size-selector-wrapper > .easi-grid-page-size-selector{
	width:100%;	height:100%;	border:1px solid #ccc;	border-radius:3px;	padding:0px 5px;	font-size: 14px; font-weight:900; background:#fff;}

/*---------------------------------------------------------------------------  페이지이동버튼 ------------------------------------------------*/
.easi-grid > .easi-grid-pager > .easi-grid-page-navigator{	flex-grow:1;	text-align:right;	-ms-user-select: none;	-moz-user-select: -moz-none;	-webkit-user-select: none;	user-select: none;}
.easi-grid > .easi-grid-pager > .easi-grid-page-navigator > .easi-grid-page-item{	display:inline-block;	min-width:40px;	height:24px;	padding: 5px 5px 3px;color:#666;	border-radius:13px;	/*background:#dddddd;*/	border:0px solid #ccc;	margin-right:3px;	cursor:pointer;	text-align:center;}
.easi-grid > .easi-grid-pager > .easi-grid-page-navigator > .easi-grid-page-item:last-child{	margin-right:0px;}
.easi-grid > .easi-grid-pager > .easi-grid-page-navigator > .easi-grid-page-item.selected{	background:#999; color: #fff; border: 0px solid #252525;}
.easi-grid > .easi-grid-pager > .easi-grid-page-navigator > .easi-grid-page-item.disabled{	cursor:default;	opacity:1;}
.easi-grid > .easi-grid-counter{	width:100%;	padding:5px 0px;	color:#666;	font-weight:bold;	text-align:right;}

@media (max-width: 700px){
	.easi-grid > .easi-grid-table-wrapper > .easi-grid-table > tbody > tr > td{	padding:14px 8px;  }
	.easi-grid > .easi-grid-pager > .easi-grid-page-navigator > .easi-grid-page-item{	min-width:22px;	}
}