#wrap { padding-top: 92px; }
@media (max-width: 479px){ 
	#wrap { padding-top: 107px; }
}

#contents { width: 100%; max-width: 1280px; padding: 10px 0px 100px; box-sizing: border-box; }
#contents .lab_box { width: 100%; }
#contents .lab_box .item { width: 33.33333%; border-left: 1px solid #fff; box-sizing: border-box; cursor: pointer; }
#contents .lab_box .item.box01 { border-left: 0px; }

#contents .lab_box .item .img { width: 100%; height: 239px;  }
#contents .lab_box .item .img img { width: 100%; height: 239px; }
#contents .lab_box .item .img span { width: 100%; height: 239px; }
#contents .lab_box .item .img .over{ 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	opacity: 0;
	top: 0px; left: 0px; 
	width: 100%; height: 100%; line-height: 239px; 
	font-size: 23px; color: #fff;
	background-color: #545454;
	font-weight: bold;
	cursor: pointer;
}


#contents .lab_box .item .img .over:hover{ opacity: 1; }
#contents .lab_box .item:hover .img .over{ opacity: 1; }


#contents .lab_box .item .txt {
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	width: 100%; line-height: 17px;
	padding: 5px 5px 15px;
	box-sizing: border-box;

	
}

#contents .lab_box .item .txt .title {
	font-size: 14px; 

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

#contents .lab_box .item .txt .date {
	font-size: 12px;

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

#contents .lab_box .item:hover .txt { color: #2392d1; }


#contents ,
#contents .lab_box .item ,
#contents .lab_box .item.box01 ,
#contents .lab_box .item .img .over { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}


@media (max-width: 479px){ 
	#contents { padding: 10px 15px 50px; }
	#contents .lab_box .item { width: 100%; border-left: 0px; border-right: 0px; }
	#contents .lab_box .item.box01 { border-left: 0px; border-right: 0px;  }
	#contents .lab_box .item .img .over { font-size: 16px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#contents { padding: 10px 15px 80px; }
	#contents .lab_box .item { width: 50%; border-left: 0.5px solid #fff; border-right: 0.5px solid #fff; }
	#contents .lab_box .item.box01 { border-left: 0.5px solid #fff; border-right: 0.5px solid #fff; }
	#contents .lab_box .item .img .over { font-size: 18px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#contents { padding: 10px 15px 80px; }
	#contents .lab_box .item { width: 50%; border-left: 0.5px solid #fff; border-right: 0.5px solid #fff; }
	#contents .lab_box .item.box01 { border-left: 0.5px solid #fff; border-right: 0.5px solid #fff; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#contents { padding: 10px 15px 100px; }

}

@media (max-width: 1309px) and (min-width: 1280px) { 
	#contents { padding: 10px 15px 100px; }

}

@media (max-width: 1600px) and (min-width: 1310px) { 
	#contents { padding: 10px 15px 100px; }

}