@charset "utf-8";
.lat {position:relative;}
.lat ul {margin:10px 0 10px;padding:0;list-style:none}
/* li에 Flexbox를 적용하여 한 줄로 나란히 배치하고 줄바꿈을 방지합니다. */
.lat li {border-top:1px solid #f3f3f3;line-height:14px;padding:10px 0;display:flex;align-items:center;}
.lat li:first-child{border:0}
.lat li i{color:#9da4bc}
.lat li .fa-heart{color:#ff0000}
/* N 아이콘이 찌그러지지 않고 오른쪽에 유지되도록 flex-shrink와 margin을 추가합니다. */
.lat li .new_icon{display:inline-block;padding: 0 3px;line-height:14px;font-size:0.733em;color:#fff;background:#3EB4EE;flex-shrink:0;margin-left:5px;}
/* a 태그(제목)가 텍스트 폭을 꽉 채우고, 넘칠 경우 자동으로 '...'을 붙이도록 text-overflow 속성을 추가합니다. */
.lat li a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
.lat li .cnt_cmt{color:#ff3970}
.lat_title {display:block;padding:5px 0 8px;font-size:1.167em;border-bottom:1px solid #000}
.lat_more {position:absolute;top:10px;right:0;}
/* 공지사항 타이틀과 글 제목 호버 시 색상 변경 */
.lat_title a:hover,
.lat li a:hover {color:#2B759A}