@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;}
.lat .lat_title { display: block; margin-bottom: 50px; font-size: 32px; }
.lat .lat_title a { position:relative; display:inline-block; color:#fff; font-family: 'S-Core'; }

.lat ul { }
.lat li { position: relative; padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.lat li:first-child { padding-top: 0px; }
.lat li:after { content:''; position: absolute; left: 0px; bottom: -1px; width:0px; height: 1px; background: #fff; transition: all 0.3s; }
.lat li:hover:after { width:100%; }
.lat li a { display: -webkit-box; display: -ms-flexbox; display: box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; color: #fff; }

.lt_info { margin-top: 15px; line-height: 1; }
.lt_info .lt_date { color:rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 1; }

.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

.lat .lt_more { position: absolute; top: 0; right: 0; display: inline-flex; flex-wrap: wrap; align-items: center; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 16px; transition: all 0.3s; }
.lat .lt_more:hover { color:rgba(255, 255, 255, 0.8); }
.lat .lt_more i { margin-left: 5px; }

@media screen and (max-width: 768px) {
	
	.lat .lat_title { font-size: 25px; }

	.lat li { padding: 20px 0; }
	.lat li:first-child { padding-top: 0px; }

}