@charset "utf-8";

.CI-GRID-AREA {
	position: relative;
}

.CI-GRID-WRAPPER {
	border: 0; 
	border-top: 2px solid #6d6d6d;
	border-bottom: 1px solid #dcdcdc;
}
.CI-GRID-MAIN-WRAPPER {
	background: #fff;
}

.CI-GRID-HEADER-SCROLLER {
	background-color: #f8f8f8;
}

.CI-GRID-HEADER-TABLE-THEAD {
	/*background: #5E728A;*/
}

.CI-GRID-HEADER-TABLE-THEAD tr {
	line-height: 1.2;
}

.CI-GRID-BODY-TABLE-TBODY tr {
	line-height: 1.2;
}

.CI-GRID-HEADER-TABLE-THEAD th, 
.CI-GRID-HEADER-TABLE-THEAD td{
	text-align: center;
	color: #000000;
	font-weight: bold;
	padding: 7px 10px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-weight: normal;
}

.CI-GRID-BODY-TABLE-TBODY th,
.CI-GRID-BODY-TABLE-TBODY td {
	padding: 7px 10px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.CI-GRID-ODD {
	background: #f8f8f8;
}


.CI-GRID-BODY-TABLE-TBODY tr:hover {
	background: #ECECEC;
}

.CI-GRID-BODY-TABLE-TBODY tr.CI-GRID-ROW-SELECTED {
	background: #E2EFF5;
}


.CI-GRID-BODY-TABLE-TBODY tr.CI-GRID-ROW-SELECTED:hover {
	background: #E2EFF5;
}


/* 디자인용 보더 */
.CI-GRID-BORDER-RIGHT {
	border-right: 1px solid #E1E1E1;
}

.CI-GRID-BORDER-BOTTOM {
	border-top: 1px solid #E1E1E1;
}

.CI-GRID-BORDER-FIXED {
	position : absolute;
	top : 0;
	z-index: 3;
	width : 1px;
	background : #E0E0E0;
	display: none;
}

.CI-GRID-FIXED-INNER-BORDER {
	
	border-right: 1px solid #E1E1E1;
}

/* 디자인용 사각형 */
.CI-GRID-RECT-RIGHT-TOP {
	background: #f8f8f8;
	border-left : 0px solid #e8e8e8;
}

.CI-GRID-RESIZER-HELPER {
	background: #A3C6DA;
}

.CI-GRID-HEADER-MICELINOUS {
	top: 50%;
	margin-top : -7px;
	right: -5px;
	height: 15px;
}

.CI-GRID-GROUPING-INDI {
	display: inline-block;
	
	width: 10px;
	height: 15px;

	margin-right: 5px;

	text-indent: -999px;

	background-image: url(../img/webponent.grid.flat.png);

	background-position: -12px -10px;
	
}

.CI-GRID-SORTER {
	display: block;
	margin-top: -1px;
	width: 10px;
	height: 15px;

	text-indent: -9999px;

	background-image: url(../img/webponent.grid.flat.png);
}

.CI-GRID-SORTER-NONE {

	background-position: -189px -10px;
}
.CI-GRID-SORTER {background:url("/WEB-APP/webponent/grid/img/spr_grid.png") 0px -70px no-repeat;}
.CI-GRID-SORTER-DESC {background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -73px -70px no-repeat;}
.CI-GRID-SORTER-ASC {background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -36px -70px no-repeat;}

.ci-grid-filtering-opener {
	position: absolute;
	z-index: 10;
	right: 1px;
	top: 1px;
	margin: 0;
	padding: 0;
	border: none;
	border-left: 1px solid #465A72;
	background: none;
	background-color: #5E728A;
	background-image: url(../img/webponent.grid.flat.png);
	background-position: -327px 0px;
}

.ci-grid-filtering-opener.filtering-opened {
	background-position: -292px 0px;
}

.ci-grid-filtering-panel-wrapper {

	cursor: -webkit-grab;

	opacity: 0.3;

	position: absolute;
	height: 40px;

	z-index: 11;

	border: 1px solid #A9B6BF;
	background: #CFD9E2;
	overflow: hidden;

	padding-top: 6px;
	padding-left: 1px;
}


.ci-grid-filtering-panel-wrapper.ci-grid-filtering-panel-wrapper-focused {
	opacity: 1;
}

.ci-grid-filtering-panel {
	overflow: hidden;
}

.ci-grid-filtering-panel-inner {
	width: 20000px;
	height: 100%;

}

.ci-grid-filtering-panel-scroll-indi{
	position: absolute;
	right: 0;
	top: 11px;
	background-image: url(../img/webponent.grid.flat.png);
	background-position: -80px -10px;
}

.ci-grid-filtering-input {
	margin: 0 10px;
	padding: 0 8px;
	height: 27px;
	border: 1px solid transparent;
	border-radius: 5px;
	outline: none;

}

.ci-grid-setting-opener {
	position: absolute;
	z-index: 10;
	right: 5px;
	top: -30px;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	background-image: url(../img/webponent.grid.flat.png);
	background-position: -114px -113px;
}

.ci-grid-setting-dialog.ui-front {
	z-index: 12;
}

.ci-grid-setting-dialog {
	
	position: absolute;


	border: 1px solid #465A72;

	border-radius: 5px;
}

.ci-grid-setting-dialog.ui-dialog {
	background: #5E728A;
}

.ci-grid-setting-dialog .ui-widget-header {
	border: none;
	background: none;
	color: inherit;
	font-weight: inherit;
}

.ci-grid-setting-dialog .ui-dialog-titlebar {
	padding: 15px;

}

.ci-grid-setting-dialog .ui-dialog-title {
	font-size: 14px;
	color: #fff;
}

.ci-grid-setting-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
	border: none;
	background: none;
	text-indent: -999px;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	right: 8px;
	background-image: url(../img/webponent.grid.flat.png);
	background-position: -3px -108px;
}

.ci-grid-setting-dialog  .ui-dialog-content {
	padding: 15px;
	padding-top: 0;
}


.ci-grid-setting-dialog  .ui-dialog-buttonpane {
	margin-top: 0;
	padding: 10px;
	text-align: center;
	background: #415369;
}

.ci-grid-setting-dialog .ui-dialog-buttonset button {
	font-family: "Nanum Gothic";
	margin: 0;
	margin-right: 8px;
	padding: 0;
	padding: 0 10px;
	border: none;
	border: 1px solid #304258;
	border-radius: 5px;
	background: #5E728A;
	height: 30px;
	color: #fff;
	font-size: 13px;
}

.ci-grid-setting-dialog .ui-dialog-buttonset button.ci-dialog-button-save {
	background: #1EC5B1;
}

.ci-grid-setting-manual-panel {
	margin-bottom: 30px;
	border: 1px solid #4C6176;
	border-radius: 5px;
	background-color: #576C81;
	background-image: url(../img/webponent.grid.flat.png);
	background-position: -0px -189px;
	background-repeat: no-repeat;
	padding: 15px;
	padding-left: 85px;
	
}

.ci-grid-setting-manual {
	color: #ddd;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ci-grid-setting-column-container {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ci-grid-setting-column {
	cursor: -webkit-grab;
	height: 30px;
	border: 1px solid #475C71;
	border-radius: 5px;
	background: #4F6479;
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.ci-grid-setting-column-name {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 33px;
	top: 5px;
	/* text-overflow: ellipsis; 
	white-space: nowrap;  */
	overflow: hidden;
}

.ci-grid-setting-column-visibility-mark {
	position: absolute;
	top: 4px;
	left: 4px;
	cursor: pointer;
	border: none;
	background: none;
	text-indent: -999px;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background-image: url(../img/webponent.grid.flat.checkbox.png);
	background-position: -0px -0px;
}

.ci-grid-setting-column-visibility-mark.ci-grid-setting-column-visibility-mark-hidden {
	background-position: -30px -0px;
}

.ci-grid-setting-column-fixed-mark {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
	border: none;
	background: none;
	text-indent: -999px;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background-image: url(../img/webponent.grid.flat.png);
	background-position: -80px -113px;
}

.ci-grid-setting-column-fixed-mark.ci-grid-setting-column-fixed-mark-fixed {
	background-position: -44px -113px;
}

.ci-grid-grouping-ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 12;
	top: 0;
	left: 0;
}

.ci-grid-grouping-ul-li {
	margin: 0;
	padding: 0;
	background-color: #5E728A;
	line-height: 35px;
	border: 1px solid #465A72;
	border-top: none;
	padding-left: 15px;
	padding-right: 15px;
}

a.ci-grid-grouping-ul-column {
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}


/* 페이징 */
/* paging */
.CI-GRID-PAGING {
	width : 100%;
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.CI-GRID-PAGING input { 
	width: 24px; 
	height: 24px; 
	line-height: 24px; 
	background-color: #fff; 
	border: 1px solid #cecfd1; 
	cursor: pointer;
	text-indent: 9999px;
	overflow: hidden;
}
.CI-GRID-PAGING input[class*="DISABLED"],
.CI-GRID-PAGING input[disabled],
.CI-GRID-PAGING input:disabled {
	cursor: default; 
	background-color: #f6f6f6; 
	border-color: #cecece;
}
.CI-GRID-PAGING-LEFT {
	margin-right: 10px;
	margin-left: 5px; 
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") 7px 6px no-repeat;
}
.CI-GRID-PAGING-START {
	margin-left: 0;
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -26px 6px no-repeat;
}
.CI-GRID-PAGING-RIGHT {
	margin-left: 10px;
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -64px 6px no-repeat;
}
.CI-GRID-PAGING-END {
	margin-left: 5px; 
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -98px 6px no-repeat;
}
.CI-GRID-PAGING-LEFT-DISABLED {
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") 7px -29px no-repeat;
}
.CI-GRID-PAGING-START-DISABLED {
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -26px -29px no-repeat;
}
.CI-GRID-PAGING-RIGHT-DISABLED {
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -64px -29px no-repeat;
}
.CI-GRID-PAGING-END-DISABLED {
	background:url("/WEB-APP/webponent/grid/img/spr_grid.png") -98px -29px no-repeat;
}
.CI-GRID-PAGING-A {
	display: inline-block;
	min-width: 24px; 
	height: 24px; 
	line-height: 24px; 
	padding: 0; 
	margin: 0; 
	font-size: 16px; 
	color: #333;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
}
.CI-GRID-PAGING-A-SELECTED {
	color: #1f80d2; 
	background: none; 
	border: 0;
	padding : 0 5px;
}
 
.CI-GRID-PAGING span {
	color: #333333;
}

.PAGING-SLIDER {
	display: inline-block;
	width: 520px;
	background: #2bcdb8;
	border-radius: 6px;
	vertical-align: middle;
}

.PAGING-SLIDER .ui-slider-range-max {
	border-radius: 6px;
	background: #dfe4e8;
}

.PAGING-SLIDER .ui-slider-handle {
    padding: 1px;
	background:url(../img/webponent.grid.flat.png) -80px -45px no-repeat;
}

.WEBPONENT-PAGING-TOTAL-COUNT-TEXT {
	position: absolute;
	bottom: 4px;
	right: 10px;
}

/* .tblGrid .CI-GRID-WRAPPER {border-bottom: 0} */
.tblGrid .tblCol, .tblGrid .tblRow {padding-right: 18px; border-bottom: 1px solid #dcdcdc;}
.tblGrid .tblCol table , .tblGrid .tblRow table {border-top: 0px solid #e0e0e0}
.tblGrid .tblCol table th , .tblGrid .tblRow table th,
.tblGrid .tblCol table td , .tblGrid .tblRow table td {border-top: 1px solid #e0e0e0; border-bottom: 0}
.tblGrid .tblCol table tr:first-child th , .tblGrid .tblRow table tr:first-child th,
.tblGrid .tblCol table tr:first-child td , .tblGrid .tblRow table tr:first-child td {border-top: 0}
.tblGrid .tblCol.tfoot, .tblGrid .tblRow.tfoot {background: #eef5fa;border-top: 0;}
.tblGrid .tblCol.tfoot table th , .tblGrid .tblRow.tfoot table th {background: none; font-weight: bold; text-align: left; color: #000;}
.tblGrid .tblCol.tfoot table td+th , .tblGrid .tblRow.tfoot table td+th {border-left: 1px solid #e8e8e8}
.tblGrid .tblCol.tfoot table td , .tblGrid .tblRow.tfoot table td {background: none; font-weight: bold; text-align: right; color: #000;}

.releaseScroll .CI-GRID-HEADER-WRAPPER {border-right: 1px solid #f8f8f8}
.releaseScroll .CI-GRID-ODD {background: #fff;}

/*조회된 데이터 없을 경우 문주 출력 관련*/
.none-search {
	position: absolute;
	width : 100%;
	top : 50%;
	bottom : 50%;
	text-align: center;
	z-index : 3	
}