@charset "utf-8";

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

.lat ul { border-top: 2px solid #000; }
.lat li { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; height: 90px; border-bottom: 1px solid #ddd; }
.lat li .lt_info { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 150px; padding:0px 30px; font-size: 16px; }
.lat li .lt_info .lt_date { color: rgba(0, 0, 0, 0.5); font-weight: 500; }
.lat li .lt_title { display: inline-flex; flex-wrap: wrap; align-items: center; width: calc(100% - 150px); font-weight: 500; }
.lat li .lt_title .title { position: relative; overflow: hidden; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding-right: 50px; }
.lat li .lt_title .title:after { content: '\e93e'; position: absolute; top: 0px; right: 30px; color: #ccc; font-size: 22px; font-family: 'xeicon'; }

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

.lt_more { position: absolute; right: 0; top: -50px; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 5px; color: #888; font-size: 16px; transition: 0.3s; }
.lt_more:hover { color: #222; }

@media screen and (max-width: 768px) {
	
	.lat li { height: 70px; }

}

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

	.lat li .lt_info { width: 110px; padding: 0px 10px; font-size: 1em; }
	.lat li .lt_title { width: calc(100% - 110px); }
	.lat li .lt_title .title { padding-right: 30px; }
	.lat li .lt_title .title:after { right: 10px; font-size: 19px; }
	.lt_more { font-size: 0.9em; }

}