.preview-board-container {}
.preview-board-container .preview-board:after { content: ''; display: block; clear: both; }
.preview-board-container .preview-board > section {
	float: left; width: calc(50% - 5px); margin: 0 5px 30px 0;
}
.preview-board-container .preview-board > section:nth-of-type(even) {
	margin: 0 0 30px 5px;
}
.preview-board-container .preview-board > section > h2 {
	height: 35px; margin: 0; padding: 0 50px 0 5px; position: relative;
    border-bottom: 1px solid #888;
    font-size: 15px; font-weight: 500; line-height: 33px; color: #333;
    letter-spacing: -0.07em;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.preview-board-container .preview-board > section > h2 .more-btn {
	position: absolute; top: 0; right: 0;
	display: block;
}

.preview-board-container .preview-board > section .list {
}
.preview-board-container .preview-board > section .list a {
	position: relative; display: block;
	padding: 10px 0 5px; border-bottom: 1px solid #f0f0f0;
}
.preview-board-container .preview-board > section .list a:hover { background-color: #f7f7f7; }
.preview-board-container .preview-board > section .list a * { font-size: 12px; font-weight: 400; }
.preview-board-container .preview-board > section .list a h2 {
	width: calc(100% - 70px);
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.preview-board-container .preview-board > section .list a .datetime {
	width: 70px; position: absolute; top: 12px; right: 0;
	color: #aaa; text-align: right;
}

.preview-board-container .preview-board > section .list .nodata-txt {
	position: relative; display: block;
	padding: 10px 0 5px 5px; border-bottom: 1px solid #f0f0f0;
	font-size: 12px; font-weight: 400; text-align: left;
}