@charset "utf-8";
/*
	@Css Name : dataList.css
	@Description : datagrid 테이블에 제목과 버튼 캡션을 추가한 테이블 스타일입니다.
				-아래 스타일 코드는 되도록 수정하지 말아 주세요.
				-스타일속성 추가하고 싶으신 분은 페이지 스타일 태그에 추가하시고,
				아래 수정 정보테이블에 수정일, 수정자, 수정내용도 기재해주세요.
				범위가 넓은 스타일만 이곳에 이름 형식에 맞추어 추가해주세요.
				-이름형식 : tblDataList
	@Modification Information

	수정일		 수정자	수정내용
	-----------------------------------
	2015.12.09	이지수		최초 생성
	2015.12.11	이지수		tr(even,odd) 배경색 추가

	@author	: 터보소프트 개발본부 이지수
	@since	: 2015.12.09
*/





.tblDataList{width:960px;}
.tblDataList caption.chead{text-align:left;font-size:24px;line-height: 24px;font-weight: bold;margin-bottom: 40px;}
.tblDataList caption.cfoot{text-align:right;margin:20px 0px;}

.tblDataList .datagrid {background: #fff;border-right: 0;border-left: 0;border-top: 2px solid #666;border-bottom: 2px solid #666;}
.tblDataList .datagrid .panel-header {border: 0;background: #fff;padding: 12px 20px;height: 16px;border-bottom: 1px solid #b3b3b3;}
.tblDataList .datagrid .panel-header .panel-title {font-size: 14px;color: #333;}
.tblDataList .datagrid .panel-header .panel-title select {width: 86px;height: 36px;}
.tblDataList .datagrid .panel-body {border: 0;height: 100% !important;}
.tblDataList .datagrid .panel-body .datagrid-header {height: 40px !important;border-bottom: 1px solid #b3b3b3;}
.tblDataList .datagrid .panel-body .datagrid-header .datagrid-header-inner {height: 40px !important;}
.tblDataList .datagrid .panel-body .datagrid-header .datagrid-htable {height: 40px !important;}
.tblDataList .datagrid .panel-body .datagrid-header .datagrid-htable td {border: 0;border-right: 1px solid #e5e5e5;}
.tblDataList .datagrid .panel-body .datagrid-header .datagrid-htable td:last-child {border: 0;}
.tblDataList .datagrid-header .datagrid-cell span {font-size: 14px;font-weight: bold;}
.tblDataList .datagrid .panel-body .datagrid-body .datagrid-btable tr {height: 30px !important;}
.tblDataList .datagrid .panel-body .datagrid-body .datagrid-btable tr:last-child td{border-bottom:0;}
.tblDataList .datagrid .panel-body .datagrid-body .datagrid-btable td {border: 0;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.tblDataList .datagrid .panel-body .datagrid-body .datagrid-btable td:last-child {border: 0;border-bottom: 1px solid #e5e5e5;width: 120px;}
.tblDataList .datagrid .panel-body .datagrid-body .datagrid-btable td div {font-size: 13px;}
.tblDataList .datagrid .datagrid-pager {height: 40px;padding: 0 20px;background: #fff;}
.tblDataList .datagrid .datagrid-pager table {height: 40px;}
.tblDataList .datagrid .datagrid-pager .pagination-info {padding-top: 5px;font-size: 14px;color: #b3b3b3;}
.tblDataList #search-tabs .datagrid {margin: 40px 0 0 50px;}
.tblDataList #search-tabs .datagrid-view {height: 340px !important;}
.tblDataList .datagrid-header td, .tblDataList .datagrid-body td, .tblDataList .datagrid-footer td {border-color: #ccc;height:45px;}
.tblDataList .showResult .datagrid-btable tr:nth-child(even) {background-color:#EAEEF1;color:#666;}
.tblDataList .showResult .datagrid-btable tr:nth-child(odd) {background-color:#E5E6E8;color:#666;}
.tblDataList .datagrid-header-row td{height:0;}
.datagrid-header{background:#fafafb}
