.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: #eee;
}
.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);
	}
}
*/