.table-title {
	position: relative;
	color: #333;
}

.table-title h5 {
	padding: 10px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-top: 30px;
	margin-bottom: 0;
}

.pageTitleSection + .table-title h5 {
	margin-top: 10px;
}

.table {
	background-color: #fff;
	border: 1px solid #ddd;
}

.table.table-border {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.table.table-border > tbody > tr > td,
.table.table-border > tbody > tr > th,
.table.table-border > thead > tr > th {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px 5px;
}

.table-rows > thead > tr > th,
.table-rows > thead > tr > th span,
.table-rows td,
.table-rows td span {
	text-align: center;
	word-break: break-all;
	max-width: 700px;
}

.table-rows.table-noWrap > thead > tr > th,
.table-rows.table-noWrap td {
	white-space: nowrap;
}

.table-rows.table-noWrap-all th,
.table-rows.table-noWrap-all td {
	white-space: nowrap;
}

.table-rows.table-td-align-right td {
	text-align: right;
}

.table-rows th.ellipsis,
.table-rows td.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table-rows > tbody > tr {
	background-color: #fff;
}

.table-rows > tbody > tr:nth-of-type(n):hover {
	background-color: #eee;
}

.table-rows > tbody > tr:nth-of-type(odd) {
	background-color: #f8f9fa;
}

.table.table-rows > tbody > tr > td,
.table.table-rows > tbody > tr > th,
.table.table-rows > thead > tr > th {
	padding: 13px 5px;
}

.table.table-short > tbody > tr > td,
.table.table-short > tbody > tr > th,
.table.table-short > thead > tr > th {
	padding: 5px !important;
}

.table tr > th {
	vertical-align: middle;
	font-weight: normal;
	color: #999;
}

.table > tbody > tr > th {
	padding: 13px 5px 13px 12px;
	text-align: left;
	word-break: keep-all;
}

.table > thead > tr > th,
.table > tbody > tr > td {
	position: relative;
	padding: 8px 5px;
}

.searchDetailBox table tr > td,
.cntDetailBox table tr > td,
table.table.table2col tr > td,
table.table.table4col tr > td {
	text-align: left;
}

.table2col,
.table3col,
.table4col,
.table6col {
	table-layout: fixed;
}

.table-title .table-title-btn {
	position: absolute;
	right: 10px;
	top: 13px;
}

@media screen and (min-width: 768px) {
	.table2col th,
	.table4col colgroup col:NTH-OF-TYPE(odd),
	.table6col th[colspan="2"]:NTH-OF-TYPE(n) {
		width: 120px;
	}

	.table3col > colgroup > col:NTH-OF-TYPE(1),
	.table6col th:NTH-OF-TYPE(odd) {
		width: 40px;
	}

	.table3col > colgroup > col:NTH-OF-TYPE(2),
	.table6col th:NTH-OF-TYPE(even) {
		width: 80px;
	}
}

@media screen and (max-width: 767px) {
	.table2col > tbody > tr > th,
	.table3col > tbody > tr > th,
	.table4col > tbody > tr > th,
	.table6col > tbody > tr > th {
		width: 100%;
		border: 0;
		word-break: break-all;
		float: left;
		padding: 5px 5px 5px 10px;
	}

	.table2col > tbody > tr:first-child > th,
	.table3col > tbody > tr:first-child > th,
	.table4col > tbody > tr:first-child > th,
	.table6col > tbody > tr:first-child > th {
		padding-top: 10px;
	}

	.table2col > tbody > tr > td,
	.table3col > tbody > tr > td,
	.table4col > tbody > tr > td,
	.table6col > tbody > tr > td {
		width: 100%;
		border: 0;
		float: left;
		padding: 5px 5px 15px 10px;
	}

	.table4col th,
	.table4col td,
	.table3col th,
	.table3col td,
	.table6col th,
	.table6col td {
		display: inline-block;
		border: 0 !important;
	}

	.table4col,
	.table4col > tbody,
	.table4col tr,
	.table3col,
	.table3col > tbody,
	.table3col tr,
	.table6col,
	.table6col > tbody,
	.table6col tr {
		display: block;
		overflow-y: auto;
	}

	.table4col > tbody,
	.table4col tr,
	.table3col tr,
	.table6col,
	.table6col > tbody,
	.table6col tr {
		width: 100%;
	}

	.table3col tr,
	.table4col tr,
	.table6col tr {
		border: 0 !important;
	}

	.table3col tr > th[rowspan],
	.table6col tr > th[rowspan] {
		width: 100%;
	}

	.table-title .table-title-btn {
		position: initial;
		padding: 10px 10px 5px 10px;
		background-color: #fff;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}

.table-header {
	margin: 40px 0 10px;
	display: flex;
	align-items: center
}

.table-header > div:first-child {
	flex: 1;
}

.table-header > div:first-child > h5 {
	margin: 0;
}

.table-action {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 0;
}

.serviceLogDetail .cntDetailBox table tr > td {
	width: auto;
	min-width: inherit;
}

.serviceLogDetail .table-rows tr > td {
	text-align: center !important;
}

table > thead > tr > th,
table > tbody > tr > td {
	text-align: center;
	vertical-align: middle !important;
}

.table {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
}

.table > tr:first-child > td,
.table > tr:first-child > th {
	border-top: 0;
}

.table .table {
	background-color: #fff;
}

.table.floating-thead > thead {
	background-color: #fff;
	z-index: 1;
}

table caption {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.table.tableBoardDetail > thead > tr > th,
.table.tableBoardDetail > tbody > tr > td {
	padding: 13px 20px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.table.tableBoardDetail > thead > tr > th {
	color: #444;
}

.table.tableBoardDetail > tbody > tr > td {
	color: #999;
}