.contents_box { width: 100%; height: auto; padding: 120px 0px; text-align: center; }
.contents_box > div { width: 100%; max-width: 1280px; height: auto; }

.contents_box .contents_item_none {
	width: 100%; height: 300px; 
	background: url(../images/header_logo.svg) no-repeat #d0d0d0 center center;
}

.contents_box .contents_item {
	width: calc(33.3333% - 26.8px); height: auto;
	margin-left: 40px;
	text-align: left;
	cursor: pointer;
}

.contents_box .contents_item:nth-child(3n+1) { margin-left: 0px; }
.contents_box .contents_item:nth-child(n+4) { margin-top: 30px; }



.contents_box .contents_item .contents_img {
	width: 100%; height: auto;
}

.contents_box .contents_item .contents_img img {
	width: 100%; height: auto;
}
.contents_box .contents_item .contents_img .contents_bg {
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background: url(../images/header_logo.svg) no-repeat #d0d0d0 center center;
	background-size: 30%;
	z-index: 10;
}

.contents_box .contents_item .contents_img .contents_fliter {
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #232323;
	opacity: 0;
	z-index: 11;
}
.contents_box .contents_item:hover .contents_img .contents_fliter { opacity: 0.8; }
.contents_box .contents_item .contents_img .contents_btn {
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	opacity: 0;
	z-index: 12;
}
.contents_box .contents_item:hover .contents_img .contents_btn { opacity: 1; }
.contents_box .contents_item .contents_img .contents_btn > div {
	top: 50%; left: 50%;
	width: 100px; height: 34px; line-height: 34px;
	color: #fff; text-align: 15px; text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	background-color: #f0712b;
}


.contents_box .contents_item .contents_info {
	width: 100%; height: auto;
	padding: 15px 0px;
	box-sizing: border-box;
}

.contents_box .contents_item .contents_info .contents_date {
	width: 100%; height: auto; line-height: 1.2;
	text-align: left;
}

.contents_box .contents_item .contents_info .contents_date span {
	font-size: 13px; color: #000; text-align: left;
	margin-left: 10px;
	opacity: 0.6;
}

.contents_box .contents_item .contents_info .contents_date span.color {
	color: #f0712b; margin-left: 0px; opacity: 1;
}
.contents_box .contents_item .contents_info .contents_title {
	width: 100%; height: auto; line-height: 1.5;
	color: #000; text-align: left; font-size: 18px;
	margin-top: 15px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

}

.contents_box .contents_item .contents_info .contents_desc {
	width: 100%; height:4.5em; line-height: 1.5;
	color: #000; text-align: left; font-size: 13px;
	margin-top: 15px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	white-space: normal; word-wrap: break-word; display: -webkit-box; 
	-webkit-line-clamp: 3; -webkit-box-orient: vertical;
	opacity: 0.6;
}



.contents_box .contents_paging {
	width: 100%; height: auto;
	text-align: left;
	margin-top: 100px;
}

.contents_box .contents_paging a {
	width: auto; min-width: 36px; height: 36px; line-height: 36px;
	border-radius: 36px; text-align: center; color: #000000; font-size: 18px;
	margin-left: 15px;
}

.contents_box .contents_paging a:first-child { margin-left: 0px; }
.contents_box .contents_paging a.active { background-color: #f0712b; color: #fff; }
.contents_box .contents_paging .contents_paging_prev { min-width: 10px; margin-right: 15px; background: url(../images/paging_prev.svg) no-repeat center center; }
.contents_box .contents_paging .contents_paging_next { min-width: 10px; margin-left: 30px; background: url(../images/paging_next.svg) no-repeat center center; }


@media (max-width: 479px){ 
	.contents_box { padding: 45px 0px; }
	.contents_box > div { padding: 0px 15px; box-sizing: border-box; }


	.contents_box .contents_item { width: 100%; margin-left: 0px; margin-top: 30px; }

	.contents_box .contents_item:nth-child(3n+1) { margin-left: 0px; }
	.contents_box .contents_item:nth-child(n+4) { margin-top: 30px; }
		.contents_box .contents_item:first-child { margin-top: 0px; }

	.contents_box .contents_item .contents_info .contents_date span { font-size: 12px; }
	.contents_box .contents_item .contents_info .contents_title { font-size: 13px; margin-top: 10px; }
	.contents_box .contents_item .contents_info .contents_desc { height: 3em; font-size: 12px; margin-top: 10px; -webkit-line-clamp: 2 }



	.contents_box .contents_paging { margin-top: 45px; }
	.contents_box .contents_paging a { min-width: 25px; height: 25px; line-height: 25px; border-radius: 25px; font-size: 14px; margin-left: 10px; }
	.contents_box .contents_paging .contents_paging_next { margin-left: 10px; }
	.contents_box .contents_paging .contents_paging_prev { margin-right: 10px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	.contents_box { padding: 45px 0px; }
	.contents_box > div { padding: 0px 15px; box-sizing: border-box; }
	.contents_box .contents_item:nth-child(3n+1) { margin-left: 15px; }
	.contents_box .contents_item:nth-child(n+4) { margin-top: 0px; }

	.contents_box .contents_item:nth-child(2n+1) { margin-left: 0px; }
	.contents_box .contents_item:nth-child(n+3) { margin-top: 15px; }

	.contents_box .contents_item { width: calc(50% - 7.5px); margin-left: 15px; }
	.contents_box .contents_item .contents_info .contents_date span { font-size: 12px; }
	.contents_box .contents_item .contents_info .contents_title { font-size: 14px; margin-top: 10px; }
	.contents_box .contents_item .contents_info .contents_desc { height: 3em; font-size: 12px; margin-top: 10px; -webkit-line-clamp: 2; }




	.contents_box .contents_paging { margin-top: 45px; }
	.contents_box .contents_paging a { min-width: 25px; height: 25px; line-height: 25px; border-radius: 25px; font-size: 14px; margin-left: 10px; }
	.contents_box .contents_paging .contents_paging_next { margin-left: 10px; }
	.contents_box .contents_paging .contents_paging_prev { margin-right: 10px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	.contents_box { padding: 60px 0px; }
	.contents_box > div { padding: 0px 30px; box-sizing: border-box; }

	.contents_box .contents_item { width: calc(33.3333% - 10px); margin-left: 15px; }
	.contents_box .contents_item:nth-child(3n+1) { margin-left: 0px; }
	.contents_box .contents_item:nth-child(n+4) { margin-top: 15px; }

	.contents_box .contents_item .contents_info .contents_date span { font-size: 12px; }
	.contents_box .contents_item .contents_info .contents_title { font-size: 14px; margin-top: 10px; }
	.contents_box .contents_item .contents_info .contents_desc { margin-top: 10px; }

	.contents_box .contents_paging { margin-top: 45px; }
	.contents_box .contents_paging a { min-width: 25px; height: 25px; line-height: 25px; border-radius: 25px; font-size: 14px; margin-left: 10px; }
	.contents_box .contents_paging .contents_paging_next { margin-left: 10px; }
	.contents_box .contents_paging .contents_paging_prev { margin-right: 10px; }
     
}

@media (max-width: 1279px) and (min-width: 1024px) { 
	.contents_box { padding: 90px 0px; }
	.contents_box > div { padding: 0px 60px; box-sizing: border-box; }
	.contents_box .contents_item { width: calc(33.3333% - 20px); margin-left: 30px; }
	.contents_box .contents_item .contents_info .contents_title { font-size: 16px; margin-top: 10px; }

	.contents_box .contents_paging { margin-top: 60px; }
}


@media (max-width: 1530px) and (min-width: 1280px) { 
	.contents_box > div { padding: 0px 90px; box-sizing: border-box; }
	
}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}

	@media (max-width: 1279px) and (min-width: 1024px) { 
	}


	@media (max-width: 1530px) and (min-width: 1280px) { 

	}
*/