@charset "utf-8";

/* 새글 스킨 (latest) */
.lat { position:relative; }

.lat ul { display: flex; flex-wrap: wrap; }
.lat li { position:relative; width: 32%; margin-left: 2%; padding: 50px 30px; background: #f1f6fb; border-radius: 5px; transition: all 0.3s; }
.lat li:nth-child(3n+1) { margin-left: 0; }
.lat li:hover { background: #fff; box-shadow: 0px 10px 30px rgba(0, 53, 116, 0.15); }
.lat li .lat_inr { width: 100%; }
.lat li a { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; color: #333; font-size:1.3em; font-weight:700; line-height:1; vertical-align:middle}

.lat .profile_img img{border-radius:50%}

.lt_info { }
.lt_info .text { display: -webkit-box; display: -ms-flexbox; display: box; margin: 0px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; color: #555; line-height: 1.6; }
.lt_info .lt_date { display: block; margin-top: 30px; color:#aaa; font-size: 14px; }

.lat .empty_li { text-align:center; width: 100%; padding:0; background: #f7f7f7; color:#666; line-height:145px; }
.lat .empty_li:hover { background: #f7f7f7; box-shadow: 0px 10px 30px rgba(0, 53, 116, 0); }
.lat .empty_li:before { padding:0; background:none; }

@media screen and (max-width: 768px) {
	
	/* main */
	.lat ul { gap: 20px 0; }
	.lat li { width: 100%; margin-left: 0%; }

}

@media screen and (max-width: 480px) {
	
	/* main */
	.lat li { padding: 30px 20px; }
	.lat li a { margin-bottom: 15px; }
	.lt_info .lt_date { margin-top: 20px; }

}