@charset "UTF-8";
DIV.containerDiv .sprite{background:none;background-image: url('/WEB-APP/_webponent/grid/img/grid.png');background-repeat: no-repeat;display:inline-block;}

DIV.containerDiv TH DIV.rotate_able BUTTON{background-position:-65px -9px;}
.mobile div.tableContainer th{
	padding: 0;/*모바일일때는 padding을 전부 0으로 설정 rotate 모드때문에..*/
}

.containerDiv{
	margin:0;
	margin-top: 10px;
    padding:0;
}

.tableContainer {
	margin:0;
	border-top: 1px solid #666;
	border-bottom: 0;
}
.tableContainer table {
	margin-top: 0;
	border:0;
}
/* 헤더 영역 : S */
.tableHeadDiv td, .tableBodyDiv th{
	padding: 9px 0;
	border: 1px solid #ddd;
	border-right: 0;
	background: #f3f2ec;
	text-align: center;
	font-weight: normal;
}
.tableHeadDiv td {
	border-top: 0;
}
.tableBodyDiv th:first-child,.tableHeadDiv td:first-child {/* border-left: 0px; */}
.tableBodyDiv tr:first-child th,.tableHeadDiv tr:first-child td{
	/* border-top: 0px; */
}
.tableHeadDiv .grid_table td,.tableBodyDiv .grid_table th{/* border-bottom:0px;border-right:0px; */}
/* 헤더 영역 : E */

/* 바디 영역 : S */
.tableBodyDiv {
}
.tableBodyDiv th{
	border-top: 0;
	border-bottom: 1px solid #ddd;
	/* padding: 5px 5px;
	line-height: 19px;
	font-weight: normal; */
}
.tableBodyDiv td{
	border-top: 0;
	border-bottom: 1px solid #ddd;
	/* padding: 5px 5px;
	line-height: 19px; TD의 height는 line-height로 해야 모든 브라우저 동일
	border-top: 1px dashed #e1e1e1;
	border-bottom: 1px dashed #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right:0px;
	height: 25px;
	word-break: break-word;#word-wrap:normal;word-break:break-all;
	 */
}
.tableBodyDiv tr th.tac, .tableBodyDiv tr td.tac {text-align: center !important;}
.tableBodyDiv tr th.tal, .tableBodyDiv tr td.tal {text-align: left !important;}
.tableBodyDiv tr th.tal, .tableBodyDiv tr td.tar,
.tableBodyDiv tr th.tal, .tableBodyDiv tr td.price {text-align: right !important;}

.tableBodyDiv td:first-child {/* border-left: 0px; */}
.tableBodyDiv tr:first-child th, .tableBodyDiv tr:first-child td {border-top: 0}
.tableBodyDiv tr.footer th{
	/* border-top:3px solid #d18472; */
}
.tableBodyDiv tr.footer td{
	/* border-top:3px solid #d18472;
	border-bottom: 0;
	letter-spacing: -1px; */
}
/* 바디 영역 : E */

/* 짝수로우 컬러 */
.tableBodyDiv tr.even{
	background: #f4f4f4;
}
/* 선택되었을때의 TR의  배경색 */
.tableBodyDiv tr.selectedTR,.tableBodyDiv tr.selectedTR.bg00 td,.tableBodyDiv tr.selectedTR.bg00 th{
	background: #eee8e3;
}
/* HOVER되었을때의 TR의  배경색 */
/* div.tableContainer div.tableBodyDiv tr.hover,div.tableContainer div.tableBodyDiv tr.hover.bg00 td,div.tableContainer div.tableBodyDiv tr.hover.bg00 th{
	background: #eaeaea;
} */
/* td border line 추가 줄때 */
/*  td.bl, th.bl {border-left: 1px solid #e1e1e1 !important; }
 td.br, th.br  {border-right: 1px solid #e1e1e1 !important; }
td.blnone {border-left:0px !important;}
th.dot,td.dot	{border-top:1px dashed #e1e1e1  !important;} */


/* ================= 아래는 내부 로직에 의해 사용 수정  X ================= */
/* caption{height:0px;width:0px;visibility: hidden;} */
caption{display:none;}
/*웹접근성 문제로 thead는 숨기는것이 아니라 밖으로 날리기*/
.tableBodyDiv thead tr{position: absolute;top: -9999px;left: -9999px; }
.tableBodyDiv thead th{line-height: 0;visibility:hidden;}

/*IE7에서 col을 이용하여 컬럼을 숨길시 display:none 속성을 추가 (다른 브라우저는 내부에서 만드는 css로 제어)*/
.tableContainer col.hiddenable{
	display: none;
}

/* IE8에서 셀을 나오고 숨기는 컨트롤시 버그를 수정하기 위한 클래스(resizing 시 추가후 제거)*/
.tableContainer .displayTable{
	display: table;
}

/* IE7에서 비어있는 셀의 보더를 나오게(border-collapse가 collapse여야 함)*/
.tableContainer table{
	border-collapse:separate;border-collapse:collapse; border-spacing:0;
	*empty-cells: show;
	*border-collapse: collapse !important; /*이걸 넣어야 보더가 나오는디... 이걸 넣으면 column을 보엿다 숨겻다 하면 잔상이 생기내..*/
}
div.tableContainer table thead td,div.tableContainer table tbody th ,div.tableContainer tr.footer th,div.tableContainer tr.footer td {/* color: #404040;font-weight: normal; */}