@charset "utf-8";

/*  scrollbar */
.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;
}
/*.mCustomScrollBox.mCSB_horizontal { touch-action: pan-y pinch-zoom; }*/

.tbl {
	position: relative;
}
.tbl table{
	width: 100%;
	text-align: center; font-size: 1rem;
	background-color: #fff;
	border-bottom: 1px solid #a3bfd8;
}
.tbl table thead th {
	padding: 8px;
	text-align: center; font-weight: 600;
	background-color: #dbecf6;
}
.tbl table tbody th {
	padding: 8px;
	text-align: center;
}
.tbl table tbody td {
	padding: 8px;
	text-align: center;
}

.tbl_muiltiheader table {
	border: 1px solid #a3bfd8;
}
.tbl_muiltiheader thead th{
	border: 1px solid #a3bfd8;
}
.tbl_muiltiheader tr {
	border-bottom: 1px solid #a3bfd8;
}

.tbl_border table{
	border: 1px solid #a3bfd8;
}
.tbl_border table th {
	border: 1px solid #a3bfd8;
}
.tbl_border table td {
	border: 1px solid #a3bfd8;
}

.tbl_stripe table {
	width: 100%;
}
.tbl_stripe table th{
	padding: 5px;
	color: #00427c; text-align: center; 
	border-left: 1px dashed #a3bfd8;
}
.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 #a3bfd8;
}
.tbl_stripe table thead tr:nth-child(odd) {
	background-color: #dbecf6;
}
.tbl_stripe table tbody tr:nth-child(even) {
	background-color: #dbecf6;
}

.tbl_col table{
	border-top: 2px solid #00427c;
	border-bottom: 0;
}
.tbl_col table thead th{
	padding: 12px 0;
	border-bottom: 1px solid #00427c;
}
.tbl_col table thead th {
	color: #00427c;
	background-color: #e5ecf2;
}
.tbl_col table th {
	border-bottom: 1px solid #d7d7d7;
}
.tbl_col table td {
	border-bottom: 1px solid #d7d7d7;
}


.tbl_row thead th {
	border: 1px solid #a3bfd8;
}
.tbl_row tbody tr th{
	font-weight: 600;
	background-color: #dbecf6;
	border: 1px solid #a3bfd8;
}
.tbl_row tbody tr td {
	text-align: left;
	border: 1px solid #a3bfd8;
}


/* 교외활동 승인 테이블 */
.tbl_active {
	padding: 10px;
	border: 1px solid #a3bfd8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tbl_active table {
	border: none;
}
.tbl_active table tbody th {
	padding-right: 10px;
	text-align: right; font-weight: 600;
	background-color: #dbecf6;
}
.tbl_active table tbody td{
	text-align: left;
}

/* 교과활동 이수 테이블 */
.subject_addlist table tr.selected {
	background-color: #dbecf6;
}

/* 채용정보 상세내용 테이블 */
.tbl_text table{
	border: none;
}
.tbl_text table tbody tr {
	border-bottom: 1px solid #d7d7d7;
}
.tbl_text table tbody th {
	text-align: left; font-weight: 600;
}

.tbl_text table tbody td {
	text-align: left;
}

/* 포트폴리오 희망취업스타일 */
.resume_container .tbl_col table th{
	text-align: center;
}
.resume_container .tbl_col table thead th {
	border-bottom-color: #a3bfd8;
}
.resume_container .tbl_col table td{
	text-align: center;
}
/* 포트폴리오 이력서 수정 */
.resume_container .tbl {
	margin-bottom: 2%;
}
.resume_container .tbl table {
	border: 1px solid #d7d7d7;
	border-top: 2px solid #a3bfd8;
}
.resume_container .tbl table tr {
	border: none;
}
.resume_container .tbl th {
	padding: 10px 8px;
	text-align: left;
}
.resume_container .tbl td {
	padding: 10px 8px;
	text-align: left;
}
.resume_container .tbl table thead th {
	background-color: #fff;
}

/* 마일리지 적립 이력 */
.tbl_linerow table {
	border-top: 1px solid #a3bfd8;
}
.tbl_linerow table tr {
	border-bottom: 1px solid #a3bfd8;
}
.tbl_linerow table thead th {
	font-size: 1rem;
	background: #f1f1f1;
}

/* 상담 가능시간 체크 테이블 */
.tbl_time {
	padding: 15px;
	border: 1px solid #c5d7e7;
}
.tbl_time table {
	width: 100%;
}
.tbl_time table tr {
	border-bottom: 1px solid #d7d7d7;
}
.tbl_time table tr:last-child {
	border-bottom: 0;
}
.tbl_time table th {
	padding: 10px 5px;
	text-align: center; font-weight: 600;
}
.tbl_time table td {
	text-align: center;
}

/* 에디터 사용한 테이블 (기본 테이블) */
.editor_input {
	overflow: hidden; overflow-x: auto;
}
.editor_input table {
	border-color: #ddd;
	border-style: solid;
}
.editor_input table[align="center"] {
	margin: 0 auto;
}
.editor_input table th{
	vertical-align: middle; text-align: center;
	border: 1px solid #ddd;
}
.editor_input table td{
	vertical-align: middle;
	border: 1px solid #ddd;
}
.editor_input strong {
	font-weight: 600;
}
.editor_input em {
	font-style: italic;
}
.editor_input s {
	text-decoration: line-through;
}
.editor_input u {
	text-decoration: underline;
}

/* 가로 스크롤 테이블 */
.mCSB_container {
	width: 100% !important;
}
.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;
}

.tbl_hover tbody tr:hover {
	background-color: #dbecf6;
	cursor: pointer;
}


.td_input {
	padding: 5px !important;
}
.tbl_fixed {
	table-layout: fixed;
}

@media screen and (max-width:767px) {
	.tbl_time {
		padding: 10px;
	}
}