/*.container article .article-content {
	width: calc(100% - 22px); padding: 10px;
	border: 1px solid var(--color-line); background-color: orange;
}
*/
.container article .article-content .content .page-nav:after {
	content: ''; display: block; clear: both;
}
.container article .article-content .content .page-nav {
	border-bottom: 1px solid var(--color-line);
    padding: 0 0 10px; margin: 0 0 6px;
}
.container article .article-content .content .page-nav a {
	display: block; float: left;
}
.container article .article-content .content .page-nav a:after {
	position: relative; top: -2px;
	content: '|'; color: #ccc; margin: 0 15px;
}
.container article .article-content .content .page-nav a:last-child:after { content: ''; }



.preview-container .preview > h2 {
	position: relative; margin: 10px 0 5px;
	font-size: 18px;
}
/*.preview-container .preview > h2 .more {
	position: absolute; top: -3px; right: 0;
	padding: 0px 10px 2px; border: 1px solid var(--color-line);
	border-radius: 10px;
	color: #bbb; font-size: 13px;
    -webkit-transition: all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -o-transition:      all .2s ease-out;
    transition:         all .2s ease-out;
}
.preview-container .preview > h2 .more:hover { background-color: #000; border-color: #000; color: #fff; }*/

.preview-container .preview .preview-list li:after,
.preview-container .preview .preview-list li > a:after {
	content: ''; display: block; clear: both;
}
.preview-container .preview .preview-list li { padding: 10px 0; }
.preview-container .preview .preview-list li.active { background-color: #eee !important; }
.preview-container .preview .preview-list li:nth-of-type(even) { background-color: #f9f9f9; }
.preview-container .preview .preview-list li > a { display: block; }
.preview-container .preview .preview-list li > a > div { float: left; }
.preview-container .preview .preview-list li .pre-image {
	width: 100px;
}
.preview-container .preview .preview-list li .pre-image img { width: 100%; }
.preview-container .preview .preview-list li .pre-info {
	width: calc(100% - 180px); margin: 0 10px;
}
.preview-container .preview .preview-list li .pre-info > h2 {
	margin: 5px 0 10px;
}
.preview-container .preview .preview-list li .pre-date {/*background-color: red;*/
	width: 60px; font-size: 14px;
}













/*
.container article .article-content .button-group:after {
	content: ''; display: block; clear: both;
}
.container article .article-content .button-group {
	margin: 10px 0; padding: 10px 5px; background-color: var(--color-bg);
}
.container article .article-content .button-group > h2 {
	float: left; line-height: 1.7em;
}
.container article .article-content .button-group a {
	display: block; padding: 5px 10px; border-radius: 3px;
	color: #fff;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}
.container article .article-content .button-group a:hover {
	background-color: #000; border: 1px solid #000;
}
.container article .article-content .button-group a:nth-of-type(1) {
	float: right;
}
*/



/*
.container > article {
	margin: 30px auto;
}
.container > article:after {
	content: ''; display: block; clear: both;
}
.container > article > .lnb-board {
	float: left; width: 178px; margin: 0 20px 0 0;
	border: 1px solid #e2e8f0;
}
.container > article > .lnb-board a {
	display: block; padding: 15px 10px;
	font-size: 16px;
	border-bottom: 1px solid #e2e8f0;

    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
}
.container > article > .lnb-board a:hover {
	color: #fff; background-color: var(--point-main);
}
.container > article > .board-content {
	float: right; width: calc(100% - 200px);
}
.container > article > .board-content > h2 {
	font-size: 22px;
}
.container > article > .board-content > h3 {
	font-size: 18px; margin: 15px 0 25px;
}

.container > article > .board-content .boardwritebtn {
	float: right; margin: 15px 0;
}
.container > article > .board-content .boardwritebtn i {
	color: #fff; margin-right: 5px;
}

.paging-group {
	float: left;
}

@media screen and (max-width: 1000px) {
	.container > article > .lnb-board {
		width: 100%; margin: 0 0 20px 0;
	}
	.container > article > .lnb-board a {
		float: left; width: calc(25% - 21px); padding: 15px 10px;
		text-align: center; border-right: 1px solid #e2e8f0;
	}
	.container > article > .board-content {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.container > article > .lnb-board a {
		width: calc(50% - 21px);
	}
}
*/