@charset "utf-8";

/* 테이블 (기본) */
.tbl {
	position: relative;
}
.tbl table{
	width: 100%;
	font-size: 1rem;
	background-color: #fff;
}
.tbl table thead th {
	padding: 8px;
	text-align: center; 
}
.tbl table tbody th, .tbl table tfoot th {
	padding: 8px;
	word-break: break-all;
}
.tbl table tbody td, .tbl table tfoot td {
	padding: 8px;
	word-break: break-all;
}

/* 가로형 테이블 */
.tbl_col table {
	border-bottom: 0;
}
.tbl_col table thead th {
	padding: 9px 0;
	background: #dde0e7;
	border: 1px solid #c5c7cc;
	border-top: 2px solid #19315d;
}
.tbl_col table th {
	text-align: center;
	border: 1px solid #ced2d6;
}
.tbl_col table td {
	text-align: center;
	border: 1px solid #ced2d6;
}
.tbl_col table tr th:first-child, .tbl_col table tr td:first-child {
	border-left: 0;
}
.tbl_col table tr th:last-child, .tbl_col table tr td:last-child {
	border-right: 0;
}
.tbl_col table tbody th {
	background: #dde0e7;
}


/* 세로형 테이블 */
.tbl_row thead th {
	background-color: #dde0e7;
	border: 1px solid #ced2d6;
}
.tbl_row tbody tr th{
	text-align: center;
	background-color: #dde0e7;
	border: 1px solid #ced2d6;
}
.tbl_row tbody tr td {
	text-align: left;
	border: 1px solid #ced2d6;
}
/* 스코어 테이블 */
.tbl_score tbody th{
	background: #dde0e7;
	border: 1px solid #c5c7cc;
	border-top: 2px solid #19315d;
	text-align: center;
}
.tbl_score tbody td {
	text-align: center;
}
.tbl_score table td {
	text-align: center;
	border: 1px solid #c5c7cc;
}
.tbl_score table tr th:first-child, .tbl_score table tr td:first-child {
	border-left: 0;
}
.tbl_score table tr th:last-child, .tbl_score table tr td:last-child {
	border-right: 0;
}

/* 박스형 테이블 */
.tbl_rect table {
	border-bottom: 0;
}
.tbl_rect table thead th {
	padding: 8px 2px;
	color: #fff;
	background: #717d96;
	border: 10px solid #fff;
}
.tbl_rect table tbody th {
	color: #fff; text-align: center;
	background: #97a6c4;
	border: 10px solid #fff;
}
.tbl_rect table tbody td {
	text-align: center;
	background: #e6e6e6;
	border: 10px solid #fff;
}
.tbl_rect table tr th:first-child, .tbl_col table tr td:first-child {
	border-left: 0;
}
.tbl_rect table tr th:last-child, .tbl_col table tr td:last-child {
	border-right: 0;
}
.tbl_rect table thead th.tbl_empty {
	position: relative;
	overflow: hidden;
}
.tbl_rect table thead th.tbl_empty {
	background: url(../../images/client/sub/bg_tbl_empty.jpg) no-repeat center; background-size: 100% 100%; 
}

.tbl_fixed {
	table-layout: fixed;
}
.tbl_stripe table {
	width: 100%;
}
.tbl_stripe table th{
	padding: 5px;
	color: #00427c; text-align: center; 
	border-left: 1px dashed #d7d7d7;
}
.tbl_stripe table th:first-child {
	border-left: 0;
}
.tbl_stripe table thead tr:nth-child(3) th {
	height: 50px;
}
.tbl_stripe table thead th {
	font-weight: 600;
}
.tbl_stripe table td{
	padding: 5px;
	text-align: center;
	border-left: 1px dashed #d7d7d7;
}
.tbl_stripe table thead tr:nth-child(odd) {
	background-color:#f2f2f2;
}
.tbl_stripe table tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}
/* 워크넷 테이블 */
.tbl_border th{
    background: #dde0e7;
    border:1px solid #c5c7cc;
}
.tbl_border td{
    text-align: center;
    border:1px solid #d7d7d7;
}
/* 가로줄 테이블 */
.tbl_text table tbody tr{
    border-bottom:1px solid #d7d7d7;
}
.tbl_text table tbody th{
    font-weight: bold;
    text-align: left;
}
/* 시간 테이블 */
.tbl_time{
    padding: 15px;
    border: 1px solid #c5d7e7;
}
.tbl_time table th{
    padding: 10px 5px;
    text-align: center;
    font-weight: 600;
}
.tbl_time table tr{
    border-bottom:1px solid #d7d7d7;
}
.tbl_time table td{
    text-align: center;
}
/* 채용정보 테이블 */
.tbl_strong th{
    font-weight: 600;
    color:#333;
}
.tbl_strong td{
    color:#7c7b7b;
}
/* border-top 테이블 */
.tbl_top{
    border-top:2px solid #c5d7e7;
}

/* 가로 스크롤 테이블 */
.mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-bottom: 8px;
}

/* 모바일에서 세로방향 터치불가 fix */
.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}
.mCustomScrollBox.mCSB_vertical_horizontal {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox.mCSB_horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.mCSB_container {
	width: 100% !important;
}
.scrollx_tbl_xxs {
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_xxs .mCSB_container {
	min-width: 400px !important;
}
.scrollx_tbl_xxs table{
	min-width: 400px;
}
.scrollx_tbl_xs {
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_xs .mCSB_container {
	min-width: 500px !important;
}
.scrollx_tbl_xs table{
	min-width: 500px;
}
.scrollx_tbl_sm {
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_sm .mCSB_container {
	min-width: 600px !important;
}
.scrollx_tbl_sm table{
	width: 100%;
	min-width: 600px;
}
.scrollx_tbl_md{
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_md .mCSB_container {
	min-width: 800px !important;
}
.scrollx_tbl_md table{
	min-width: 800px;
}
.scrollx_tbl_lg{
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_lg .mCSB_container {
	min-width: 1000px !important;
}
.scrollx_tbl_lg table{
	min-width: 1000px;
}
.scrollx_tbl_xl{
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_xl .mCSB_container {
	min-width: 1200px !important;
}
.scrollx_tbl_xl table{
	min-width: 1200px;
}
.scrollx_tbl_xxl{
	width: 100%;
	overflow-x: auto;
}
.scrollx_tbl_xxl table{
	min-width: 1600px;
}



@media only screen and (max-width:1279px){}
@media only screen and (max-width:1080px){}
/*================================ hover(pc) ================================ */
@media screen and (min-width:1025px){



}
/*================================ //hover(pc) ================================ */
@media only screen and (max-width:1024px){}
@media only screen and (max-width:768px){
	/* 시간 테이블 768 */
    .tbl_time{
        padding: 10px;
    }
	

	
}
@media only screen and (max-width:480px){
	
	/* 박스형 테이블 480 */
	.tbl_rect table thead th {
		border-width: 5px;
	}
	.tbl_rect table tbody th {
		border-width: 5px;
	}
	.tbl_rect table tbody td {
		border-width: 5px;
	}
}