.m_date {
	display: none;
}
@media (max-width: 768px) {
	table.list {
		display: block;
		margin-bottom: 50px;
		border-top: 3px solid #121212;
	}
	table.list > thead,
	table.list > tbody {
		display: block;
	}
	table.list > thead > tr,
	table.list > tbody > tr {
		border-top: 1px solid #e9ecef;
		display: block;
		margin-bottom: 1rem;
	}
	table.list > thead > tr:last-child,
	table.list > tbody > tr:last-child {
		margin-bottom: 0;
	}
	table.list > thead > tr td,
	table.list > thead > tr th,
	table.list > tbody > tr td,
	table.list > tbody > tr th {
		display: block;
		padding: 25px 0;
		font-size: 24px;
	}
	table.list > tbody > tr td:last-child {
		border: 0;
	}
	
	table.list > thead {
		display: none;
	}
	table.list > tbody > tr td.no {
		display: none;
	}
	table.list > tbody > tr td.date {
		display: none;
	}
	.view_info {
		position: relative;
		top: 0;
	    transform: translateY(0);
	    right: 0;
	    margin-top: 15px;
	}
	.view_title {
		padding: 25px 0;
	}
	.view_title h2 {
		font-size: 24px;
	}
	.view_body {
		padding: 25px 0;
		font-size: 18px;
	}
	.m_date {
		display: block;
		font-size: 15px;
		margin-top: 10px;
		color: #999;
	}
	.input_title {
		display: block;
		float: none;
		padding: 7px 0 0 0;
	}
	.modal-body {
		padding: 25px;
	}
	
	
	
	
	
	
}