@charset "utf-8";
/* 새글 스킨 (latest) */

.lat {position:relative;margin-bottom:20px; overflow:hidden;}
.lat .lat_title {display:block;padding:0 20px; font-size:16px; border-bottom:1px solid #e2e2e2; color:#f5f5f5; 
	display: none;
}
.lat .lat_title a{color:#000;display:inline-block;position:relative; font-size:18px; line-height:3.2}
.lat .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.lat ul { padding: 15px 0 0; }
.lat li { 
	padding: 3px 0;
	padding-right: 0;
	padding-left: 10px;
	position: relative; 
	font-size: 20px;
	color: #444; 
	letter-spacing: -0.02em;
}
/* .lat li:before{position: absolute;top: 16px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;} */
.lat li a { color: #666; }
.lat li a:hover{color:#a22121}
.lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius: 2px;}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date { 
	position: absolute;
	top: 9px;
	right: 0;
	color: #888; 
    font-size: 16px;
    text-align: right;
}
.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {position:absolute;top:11px;right:20px;display:block;line-height:25px;color:#aaa;border-radius:3px;text-align:center; 
	display: none; 
}
.lat .lt_more:hover { color: #777; }


/* 반응형 */

@media screen and (max-width: 768px) {
	.lat li { font-size: 19px; }
	.lat li:before { top: 20px; }
}
@media screen and (max-width: 615px) {
	.lat ul { padding: 0; }
	.lat ul li { font-size: 17px; padding-left: 0; padding-right: 0; 
		height: 40px; line-height: 40px; gap: 4px;
	}
	.lat ul li:before { top: 18px; }
	.lat ul li .lt_date { top: 6px; }
	.lat ul li a strong { line-height: 2.5; width: 100%; }
}
@media screen and (max-width: 500px) {
	.lat li { display: flex; align-items: baseline;	}
	.lat ul li .lt_date { display: none; }
}
@media screen and (max-width: 450px) {
	.lat li { font-size: 16px; }
	.lat li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 35px; }
	.lat .lt_date { color: #aaa; font-size: 14px; }
}