.container > article {
	margin: 30px auto;
}
.container > article:after {
	content: ''; display: block; clear: both;
}
.container > article > .lnb-books {
	float: left; width: 178px; margin: 0 20px 0 0;
	border: 1px solid #e2e8f0;
}
.container > article > .lnb-books 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-books a:hover {
	color: #fff; background-color: var(--point-main);
}
.container > article > .books-content {
	float: right; width: calc(100% - 200px);
}
.container > article > .books-content > h2 {
	font-size: 22px;
}
.container > article > .books-content > h3 {
	font-size: 18px; margin: 15px 0 25px;
}

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

.paging-group {
	float: left;
}

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

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