main .inner {
	padding: 5rem;
	background-color: white;
}
.news-contents {
	width: 70%;
}
.topic {
	padding: 1.5rem;
}
.text-center img {
	width: 60%;
	height: auto;
}
.date {
	font-size: 2rem;
	color: #999;
}
.news-title{
	margin: 0 0 4rem;
	line-height: normal;
	font-size: 3rem;
}
.news-text {
	margin: 4rem 0 0;
	color: #333;
}
.news-read-more-btn {
	text-align: center;
}
.news-read-more {
	display: inline-block;
	width: 26%;
	padding: 17px;
	margin: 4rem 0 0;
	font-size: 1.3rem;
	border: 1px solid #222;
	border-radius: 96px;
}
.news-read-more:hover{
	background-color: #222;
	color: #fff;
}
.pagination {
	margin: 10rem 0 0;
	padding: 0 0 96px;
}
.pagination a:hover {
	color: #999;
}
.pagination .prev {
	position: absolute;
	top: 3.75rem;
	left: 0;
}
.pagination .next {
	position: absolute;
	top: 3.75rem;
	right: 0;
}
main .side-bar {
	padding: 1.5rem 1.5rem 0 6.5rem;
	width: 30%;
}
.new-posts, .category {
	margin: 0 0 3rem;
}
.new-posts h2, .category h2 {
	padding: 0 0 5px;
	margin: 0 0 2rem;
	font-size: 1.6rem;
	border-bottom: 2px solid #222;
}
.new-posts li, .category li {
	padding: 2rem 0;
}
.new-posts li:first-child, .category li:first-child {
	border: none;
}
.new-posts li a, .category li a {
	color: #333;
}
.new-posts li a:hover, .category li a:hover {
	color: #999;
}



/* ++++++++++++++++++++++++++ */
/* ++++++++smartPhone+++++ */
/* ++++++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	main .inner {
		padding: 0;
	}
	.news-contents {
		width: 100%;
	}
	.topic img {
		width: 100%;
	}
	.date {
		font-size: 1.6rem;
	}
	.news-title {
		font-size: 2.5rem;
	}
	.news-read-more {
		width: 55%;
	}
	.pagination {
		margin: 10rem 1.5rem 0;
	}
	main .side-bar {
		padding: 1.5rem 1.5rem 0;
		width: 100%;
	}
}