.alopexgrid, .alopexgrid * {
	font-family: "Spoqa Han Sans", "맑은 고딕", "Malgun Gothic", "Myriad Pro";
	font-size: 14px;
}
.alopexgrid .wrapper {
	border: 0;
}
.alopexgrid .headercell, 
.alopexgrid .headercell.cell-header-lastrow.cell-header-firstrow {
	height: 34px;
	padding-top: 6px;
	color: #333333;
	font-weight: normal;
	border-top: 2px solid #33374c;
	border-right: 1px solid #a6a7aa;
	border-bottom: 1px solid #a6a7aa;
	background: #e7e9ea;
}
.alopexgrid .headercell.cell-firstcolumn {border-left: 1px solid #a6a7aa;}
.alopexgrid .cell.bodycell.cell-firstcolumn {border-left: 1px solid #cccccc;}
.alopexgrid .headercell.cell-lastcolumn, 
.alopexgrid .headercell.cell-header-lastrow.cell-header-firstrow.cell-lastcolumn {border-right: 1px solid #a6a7aa;}
.alopexgrid .bodycell.alopexgrid-cell {
	height: 34px;
	padding-top: 4px;
	font-size: 14px;
	color: #333333;
	border-color: #cccccc;
}
.alopexgrid .bodycell.alopexgrid-cell.selector-column {padding-top: 0;}
.alopexgrid .row-even {background: #f3f3f3;}
.alopexgrid .row-odd {background: #ffffff;}
.alopexgrid .column-title {
	position: relative;
	top: -8px;
	font-size: 14px;
	font-weight: bold;
}
.alopexgrid .cell.bodycell.selected,
.alopexgrid .cell.bodycell.selected.nextrow-selected,
.alopexgrid .cell.bodycell.selected.prevrow-selected,
.alopexgrid .cell-selected,
.alopexgrid .cell-selected-focus {background: #ffe5ce}

/*image checkbox & image radio */
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper {
	top: -2px;
	left: -2px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 15px;
	height: 15px;
	background: transparent url("../images/ico-form.png") no-repeat -68px 0;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:focus:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:hover:after {
	background: transparent url("../images/ico-form.png") no-repeat -68px 0;
}
.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:after {
	content: '';
	width: 15px;
	height: 15px;
	background: transparent url("../images/ico-form.png") no-repeat -68px 0;
}

.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:focus:after, 
.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:hover:after {
	background: transparent url("../images/ico-form.png") no-repeat -68px 0;
}

.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.checked:after {
	background: url("../images/ico-form.png") no-repeat -68px -40px;
}

.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.checked:focus:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.checked:hover:after {
	background: url("../images/ico-form.png") no-repeat -68px -40px;
}

/* selectorColumn 헤더 체크박스의 disabled 스타일 관련 v3.9.0+ */
.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.disabled:after {
	background: url("../images/ico-form.png") no-repeat -68px -81px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.disabled:after {
	background: url("../images/ico-form.png") no-repeat -68px -81px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.disabled.checked:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.disabled.checked:focus:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.disabled.checked:hover:after {
	background: url("../images/ico-form.png") no-repeat -68px -81px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url("../images/ico-form.png") no-repeat  -32px 0;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper:focus:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper:hover:after {
	background: url("../images/ico-form.png") no-repeat  -32px 0;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.disabled:after {
	background: url("../images/ico-form.png") no-repeat -32px -80px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.disabled.checked:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.disabled.checked:focus:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.disabled.checked:hover:after {
	background: url("../images/ico-form.png") no-repeat -32px -80px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.checked:after {
	background: url("../images/ico-form.png") no-repeat -32px -41px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.checked:focus:after, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-radio-wrapper.checked:hover:after {
	background: url("../images/ico-form.png") no-repeat -32px -41px;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper .alopexgrid-default-renderer, 
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper .selector-checkbox {margin-top: 16px;}

.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper .alopexgrid-default-renderer {margin-top: 6px;}
.alopexgrid .headercell.cell-header-lastrow.cell-header-firstrow .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper .selector-checkbox {margin-top: 14px;}

/* pager */
.alopexgrid .pager .page-button {
	width: 28px;
	height: 27px;
	margin: 0 1px;
}
.alopexgrid .pager .page-button a {
	width: 28px;
	height: 27px;
	padding-top: 2px;
	font-size: 13px;
	color: #333333;
	border: 1px solid #cccccc;
	background: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.alopexgrid .pager .page-button.current a {  /*마우스 오버시 컬려 변해 !important; 추가함*/
	color: #ffffff!important;
	font-weight: normal;
	background: #ea002c!important;
	border-color: #ea002c!important;
}
.alopexgrid .pager .page-button.hovering a {
	color: #ea002c;
	font-weight: normal;
	background: #ffffff;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.first-page a {
	background: #ffffff url("../images/ico-pager.png") no-repeat 7px 7px;
}
.alopexgrid .pager .page-button.first-page.hovering a {
	background: #ffffff url("../images/ico-pager.png") no-repeat 7px -19px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.first-page a:active {
	background: #ea002c url("../images/ico-pager.png") no-repeat 7px -45px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.prev-page a {
	background: #ffffff url("../images/ico-pager.png") no-repeat -24px 7px;
}

.alopexgrid .pager .page-button.prev-page.hovering a {
	background: #ffffff url("../images/ico-pager.png") no-repeat -24px -19px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.prev-page a:active {
	background: #ea002c url("../images/ico-pager.png") no-repeat -24px -45px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.next-page a {
	background: #ffffff url("../images/ico-pager.png") no-repeat -63px 7px;
}

.alopexgrid .pager .page-button.next-page.hovering a {
	background: #ffffff url("../images/ico-pager.png") no-repeat -63px -19px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.next-page a:active {
	background: #ea002c url("../images/ico-pager.png") no-repeat -64px -45px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.last-page a {
	background: #ffffff url("../images/ico-pager.png") no-repeat -93px 7px;
}
.alopexgrid .pager .page-button.last-page.hovering a {
	background: #ffffff url("../images/ico-pager.png") no-repeat -93px -19px;
	border-color: #ea002c;
}
.alopexgrid .pager .page-button.last-page a:active {
	background: #ea002c url("../images/ico-pager.png") no-repeat -94px -45px;
	border-color: #ea002c;
}
.alopexgrid .headercell .alopexgrid-treecolumn-icon {display: none;}
.alopexgrid .alopexgrid-cell .alopexgrid-treecolumn-icon {background: url("../images/ico-form.png") no-repeat 0 -247px;}
.alopexgrid .alopexgrid-cell .alopexgrid-treecolumn-icon.expanded {background: url("../images/ico-form.png") no-repeat 0 -206px;}
.alopexgrid .alopexgrid-cell .alopexgrid-treecolumn-icon.leaf {background: none}
.alopexgrid .cell-selected.cell-selected-leftline.cell-selected-bottomline {border-color: #cccccc;}
.alopexgrid input[type="text"].alopexgrid-default-renderer {
	padding: 3px;
	border: 1px solid #7f7a76;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.alopexgrid input[type="text"].alopexgrid-default-renderer:hover, 
.alopexgrid input[type="text"].alopexgrid-default-renderer:focus {border: 1px solid #7f7a76;}
.alopexgrid .footercell.footercell-bottom,
.alopexgrid .footercell.footercell-top {
	line-height: 34px;
	color: #ea002c;
	background: #fef8b4;
	border-color: #cccccc;
	border-top: 1px solid #cccccc;
}
.alopexgrid .footercell.footercell-bottom.cell-firstcolumn,
.alopexgrid .footercell.footercell-top.cell-firstcolumn {border-left: 1px solid #cccccc;}
.alopexgrid .footercell.footercell-top {border-top: 0;}
.alopexgrid .bodycell.cell-fixcol {
	border-right: 1px solid #a6a7aa;
	border-bottom: 1px solid #a6a7aa;/*디자이너 추가*/
}
.alopexgrid.alopexgrid-contextmenu-wrapper .alopexgrid-contextmenu li a {font-size: 14px;}
.alopexgrid .title .title-label {
	margin: 4px 0 0 0;
	font-size: 16px;
	color: #252525;
}
.alopexgrid .title .title-markuparea .Button {margin: 0 2px 10px;}
.alopexgrid .title .table-toggle,
.alopexgrid.folded .title .table-toggle {
	width: 31px;
	height: 30px;
	margin: 11px 0 0 2px;
}
.alopexgrid .title .table-toggle {background: url("../images/ico-form.png") no-repeat -56px -135px;}
.alopexgrid .title .table-toggle:hover {background: url("../images/ico-form.png") no-repeat -112px -135px}
.alopexgrid.folded .title .table-toggle {background: url("../images/ico-form.png") no-repeat 0 -135px;}
.alopexgrid .header-group[data-alopexgrid-columndepth="0"] {
	color: #333333;
	background: #e7e9ea;
	border-bottom: 0;
}
.alopexgrid [data-alopexgrid-columndepth="1"], 
.alopexgrid .header-group[data-alopexgrid-columndepth="1"],
.alopexgrid .header-group.cell-header-lastrow[data-alopexgrid-columndepth="1"] {
	color: #333333;
	background: #e7e9ea;
	border-top: 1px solid #9799a0;
	border-bottom: 0;
}
.alopexgrid .cell-header-lastrow[data-alopexgrid-columndepth="1"] {border-bottom: 1px solid #9799a0;}
.alopexgrid [data-alopexgrid-columndepth="2"], 
.alopexgrid .header-group[data-alopexgrid-columndepth="2"], 
.alopexgrid .header-group.cell-header-lastrow[data-alopexgrid-columndepth="2"] {
	color: #333333;
	background: #e7e9ea;
	border-top: 1px solid #9799a0;
	border-bottom: 0;
}
.alopexgrid .cell-header-lastrow[data-alopexgrid-columndepth="2"] {border-bottom: 1px solid #9799a0;}
.alopexgrid [data-alopexgrid-columndepth="3"], 
.alopexgrid .header-group[data-alopexgrid-columndepth="3"], 
.alopexgrid .header-group.cell-header-lastrow[data-alopexgrid-columndepth="3"] {
	color: #333333;
	background: #e7e9ea;
	border-top: 1px solid #9799a0;
}
.alopexgrid .columnhiddenarea .headercell .header-dragdrop-handle {
	background: url("../images/ico-common.png") no-repeat 0 -463px;
}
.alopexgrid .columnhiddenarea,
.alopexgrid .columnhiddenarea.focused {
	margin-bottom: 0;
	background: #33374c;
	border: 1px solid #33374c;
}
.alopexgrid .columnhiddenarea .columnhiddenarea-label {color: #e7e9ea;}
.alopexgrid .columnhiddenarea .headercell {
	color: #333333;
	background: #e7e9ea;
	border: 1px solid #e7e9ea;
}
.alopexgrid .columnhiddenarea .headercell .column-title {margin-bottom: 8px;}
.alopexgrid.alopexgrid-proxy.alopexgrid-dragdrop-header .cell.headercell {
	padding: 0;
}
.alopexgrid.alopexgrid-filterdropdown-wrapper .alopexgrid-filterdropdown .titlearea.movable {
	background: #33374c url("../images/ico-common.png") no-repeat 5px -473px;
}
.alopexgrid.alopexgrid-filterdropdown-wrapper .alopexgrid-filterdropdown .titlearea .title {color: #ffffff;}