.contents {
	left: 50%;
	width: 100%; max-width: 1230px; height: 100%;
	padding: 90px 15px 90px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

.section_containner {
	width: 100%; height: auto; 
	box-sizing: border-box;
}

.section_containner > div {
	left: 50%;
	
	width: auto; height: auto;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	box-sizing: border-box;
}


.section_containner .section_item:nth-child(3n+1){ margin-left: 0px; }
.section_containner .section_item:nth-child(n+4){ margin-top: 30px; }
.section_containner .section_item {
	width: calc(33.333% - 20px); height: 260px;
	margin-left: 30px;
	background-color: #fff;
	padding: 30px; border: 1px solid #ECECEC; cursor: pointer;
	box-sizing: border-box
}
.section_containner .section_item:hover {
	border-color: #6CD090;
}

.section_containner .section_item .section_item_label {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #6CD090; text-align: left;
	    font-weight: 700;
	box-sizing: border-box;
}


.section_containner .section_item .section_item_title {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 20px; color: #3A3A3B; text-align: left;
	margin-top: 5px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	box-sizing: border-box;
}



.section_containner .section_item .section_item_desc {
	width: 100%; height: 4.5em; line-height: 1.5;
	font-size: 16px; color: #3A3A3B; text-align: left;
	margin-top: 15px;

	overflow: hidden; text-overflow: ellipsis;
	white-space: normal; word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
	box-sizing: border-box;
}

.section_containner .section_item .section_item_info {
	width: 100%; height: 40px; line-height: 40px;
	margin-top: 15px;
	box-sizing: border-box;
}

.section_containner .section_item .section_item_info .date {
	width: auto; height: auto;
	font-size: 16px; color: #B4B4B4; text-align: left;
	box-sizing: border-box;
}

.section_containner .section_item .section_item_info .icon {
	width: 40px; height: 40px;
	border-radius: 100%;
	background-image: url(../images/notice_icon.svg);
    background-size: 16px 16px;
	background-color: #B4B4B4;
    background-position: center center;
    background-repeat: no-repeat;
	box-sizing: border-box;
}

#paging {
	width: 100%; height: auto;
	margin-bottom: 90px;
	box-sizing: border-box;
}


#paging > div {
	left: 50%;
	width: 100%; max-width: 1224px; height: auto;
	padding: 0px 12px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#paging > div > div {
	left: 50%;
	width: auto; max-width: 100%; height: auto;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}


#paging > div > div > a.active { color: #6CD090; text-decoration: underline; text-underline-position: under; }
#paging > div > div > a.prev {
    width: 20px; height: 20px; line-height: 20px;
    margin: 0px 10px;
    background-image: url(../images/paing_prev.svg);
    background-size: 8px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}
#paging > div > div > a.next {
    width: 20px; height: 20px; line-height: 20px;
    margin: 0px 10px;
    background-image: url(../images/paing_next.svg);
    background-size: 8px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}

#paging > div > div > a {
    width: auto;
    height: 20px;
    line-height: 20px;
    margin: 0px 10px;
    cursor: pointer;
    font-size: 17px;
    color: #2D3037;
    text-align: center;
    box-sizing: border-box;
}






@media (max-width: 479px){ 
	.contents { padding: 60px 20px 60px; }
	.section_containner > div { width: 100%; }
	.section_containner .section_item:first-child { margin-top: 0px; }
	.section_containner .section_item { width: 100%; padding: 20px; height: 225px; margin-left: 0px; margin-top: 15px; }
	.section_containner .section_item .section_item_label { font-size: 12px; }
	.section_containner .section_item .section_item_title { font-size: 14px; }
	.section_containner .section_item .section_item_desc { font-size: 12px; }
	.section_containner .section_item .section_item_info { height: 30px; line-height: 30px; }
	.section_containner .section_item .section_item_info .date { font-size: 12px; }
	.section_containner .section_item .section_item_info .icon { width: 30px; height: 30px; } 

	#paging { margin-bottom: 60px; }
	#paging > div > div > a { font-size: 12px; transform: skew(-0.03deg); } 
	#paging > div > div > a.next { background-size: 6px 12px; }
	#paging > div > div > a.prev { background-size: 6px 12px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	.contents { padding: 60px 20px 60px; }
	.section_containner > div { width: 100%; }
	.section_containner .section_item:first-child { margin-top: 0px; }
	.section_containner .section_item { width: 100%; padding: 20px; height: 225px; margin-left: 0px; margin-top: 15px; }
	.section_containner .section_item .section_item_label { font-size: 12px; }
	.section_containner .section_item .section_item_title { font-size: 14px; }
	.section_containner .section_item .section_item_desc { font-size: 12px; }
	.section_containner .section_item .section_item_info { height: 30px; line-height: 30px; }
	.section_containner .section_item .section_item_info .date { font-size: 12px; }
	.section_containner .section_item .section_item_info .icon { width: 30px; height: 30px; } 


	#paging { margin-bottom: 60px; }
	#paging > div > div > a { font-size: 12px; transform: skew(-0.03deg); } 
	#paging > div > div > a.next { background-size: 6px 12px; }
	#paging > div > div > a.prev { background-size: 6px 12px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	.contents { padding: 60px 20px 60px; }
	.section_containner > div { width: 100%; }
	.section_containner .section_item { width: calc(33.333% - 10px); padding: 20px; height: 225px; margin-left: 15px; }
	.section_containner .section_item:nth-child(n+4) { margin-top: 15px; }
	.section_containner .section_item .section_item_label { font-size: 12px; }
	.section_containner .section_item .section_item_title { font-size: 16px; }
	.section_containner .section_item .section_item_desc { font-size: 12px; }
	.section_containner .section_item .section_item_info { height: 30px; line-height: 30px; }
	.section_containner .section_item .section_item_info .date { font-size: 12px; }
	.section_containner .section_item .section_item_info .icon { width: 30px; height: 30px; } 

	#paging { margin-bottom: 60px; }
	#paging > div > div > a { font-size: 15px; transform: skew(-0.03deg); } 
	#paging > div > div > a.next { background-size: 6px 12px; }
	#paging > div > div > a.prev { background-size: 6px 12px; }


}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.contents { padding: 60px 30px 60px; }
	.section_containner .section_item { padding: 20px; height: 225px; }
	.section_containner .section_item .section_item_label { font-size: 14px; }
	.section_containner .section_item .section_item_title { font-size: 18px; }
	.section_containner .section_item .section_item_desc { font-size: 14px; }
	.section_containner .section_item .section_item_info { height: 35px; line-height: 35px; }
	.section_containner .section_item .section_item_info .date { font-size: 14px; }
	.section_containner .section_item .section_item_info .icon { width: 35px; height: 35px; } 

	#paging { margin-bottom: 90px; }
	#paging > div > div > a { font-size: 16px; transform: skew(-0.03deg); } 

}




/*
	@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) { 

	}
*/