@charset "utf-8";
/* 새글 스킨 (latest) */

.lat5 {position:relative; width:100%;margin-bottom:20px;overflow:hidden;background:transparent;}
/*.lat5 .lat_title {display:block;padding:10px 0;line-height:45px;font-size:23px;  font-weight:600; background:transparent;}
.lat5 .lat_title a {color:#555}*/

.lat5 ul{padding:0;margin:0; list-style:none;}
.lat5 li {position:relative;display:block;clear:both;width:100%; height:30px !important; border-bottom:1px solid #ddd; overflow:hidden;padding:0;}

.lat5 li a {font-size: 16px; color:#555; font-weight:400; line-height:30px ; letter-spacing:-0.5px;padding-right:80px;}

	 @media (max-width: 1200px){
		.lat5 li a {font-size: 14px;padding-right:0;  }
	}
	 @media (max-width: 768px){
		.lat5 li {height:25px;}
		.lat5 li a { line-height:25px; }
	}
	@media (max-width: 480px){
			.m_brd .lat5 ul li:nth-child(5) {display:none;}
	 }

.lat5 li a:hover{color:#a22121}
.lat5 li .fa-heart{color:#ff0000;}
.lat5 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}
.lat5 li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.lat5 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;}
.lat5 li .fa-caret-right{color:#bbb}

.lat5 .lt_date{ position:absolute; top:0px;right:0;/*float:right;width:80px; */line-height:30px;color:#aaa; font-size:14px; width:80px; background:#fff;}

 @media (max-width: 1200px){
    .lat5 .lt_date {display:none;}
}

.lat5  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat5  .empty_li:before{background:none;padding:0}

.lat5 .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.lat5 .lt_more {position:absolute;top:25px;right:5px;display:block; font-size:11px; color:#aaa;font-weight:400;font-family:'Gmarket Sans';
width:57px;line-height:25px;color:#aaa; text-align:right; font-family:inherit;}
.lat5 .lt_more:hover{color:#777}