@charset "UTF-8";

/* pager */
.pager-list {
	text-align: center;
	margin: 75px 0;
}
.pager-list li {
	display: inline-block;
	vertical-align: middle;
	color: #2c883a;
	font-size: 20px;
	letter-spacing: 0.075em;
	margin: 0 15px;
}
.pager-list li a,
.pager-detail li a {
	color: #2c883a;
}
.pager-list li a:hover,
.pager-detail li a:hover {
	opacity: .7;
}
.pager-list li.prev,
.pager-list li.next {
	font-size: 0;
	margin: 0 20px;
}

.pager-list li.prev a,
.pager-list li.next a {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
}
.pager-list li.prev a::before,
.pager-list li.next a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border-top: solid 2px;
	border-left: solid 2px;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
}
.pager-list li.prev a::before {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.pager-list li.next a::before {
	-webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	        transform: rotate(135deg);
}

.pager-detail {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	margin: 70px 0;
}
.pager-detail li {
	color: #2c883a;
	font-size: 20px;
	letter-spacing: 0.075em;
}
.pager-detail li span {
	display: inline-block;
	vertical-align: bottom;
    font-size: 120%;
    -webkit-transform: scaleY(1.3);
        -ms-transform: scaleY(1.3);
            transform: scaleY(1.3);
}
.pager-detail li.prev span {
	margin-right: 0.5em;
}
.pager-detail li.next span {
	margin-left: 0.5em;
}

/* blog - post */
.news__post {
	margin-bottom: 170px;
}

.news__title {
	color: #2c883a;
	line-height: 1.4;
}

.news__cont > * {
	margin-bottom: 1.8em;
}

/* blog - article */
.news-article-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.news-article .thumb {
	padding-top: 91.29%;
}
.news-article .thumb a img {
	-webkit-transition: .5s;
	transition: .5s;
}
.news-article .thumb a:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.news-article .title {
	color: #2c883a;
	font-weight: 500;
}

.news-article .more {
	text-align: right;
}


@media screen and (min-width: 768px) {

	/* pager */
	.pager-list:first-child,
	.pager-detail:first-child {
		margin-top: 90px;
	}
	.pager-list:last-child,
	.pager-detail:last-child {
		margin-bottom: 180px;
	}

	/* blog - post */
	.news__post {
		margin-bottom: 170px;
	}

	.news__title {
		font-size: 20px;
		margin-bottom: 35px;
	}

	/* blog - article */
	.news-article-wrap {
		padding: 0 1.28%;
	}

	.news-article {
		width: 21%;
		margin: 0 2% 60px;
	}

	.news-article .thumb {
		margin-bottom: 15px;
	}

	.news-article .title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	.news-article .cont {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.news-article .more {
		font-size: 18px;
	}

}

@media screen and (max-width: 767px) {

	/* pager */
	.pager-list,
	.pager-detail {
		margin: 50px 0;
	}
	.pager-list:first-child,
	.pager-detail:first-child {
		margin-top: 60px;
	}
	.pager-list:last-child,
	.pager-detail:last-child {
		margin-bottom: 120px;
	}

	.pager-list li {
		font-size: 14px;
		margin: 3px 12px;
	}
	.pager-list li.prev,
	.pager-list li.next {
		margin: 3px 8px;
	}

	.pager-detail li {
		font-size: 14px;
	}

	/* blog - post */
	.news__post {
		margin-bottom: 100px;
	}

	.news__title {
		font-size: 16px;
		margin-bottom: 25px;
	}

	/* blog - article */
	.news-article-wrap {
		margin: 0 -2.15%;
	}

	.news-article {
		width: 45.7%;
		margin: 0 2.15% 10px;
	}

	.news-article .thumb {
		margin-bottom: 10px;
	}

	.news-article .title {
		margin-bottom: 5px;
	}
	
	.news-article .cont {
		margin-bottom: 10px;
	}

}