@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;}
.lt ul {margin:10px 0 0 ;padding:0;list-style:none}
.lt .lt_title {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;border-bottom:1px solid #ccc;}
.lt .lt_more {position:absolute;top:5px;right:10px}
.lt .cnt_cmt {display:inline-block;margin:0 5px 0 3px;}
.lt .lt_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
.lt .profile_img img{border-radius:50%;vertical-align:top}
.lt .lt_tit{display: block;font-size: 1.083em;margin: 5px 0;}
.lt li .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
.lt li .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
.lt li .fa-heart{color:#ff0000;}
.lt li .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
.lt .lt_tit .fa-heart{color: #fe4560;}
.lt .lt_date{position:absolute;top:10px;right:0;color:#666;font-style:italic}
.lt .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
.lt .empty_li{text-align:center;padding:40px 0;color:#777}

/* 공지사항 목록 아이템 (<li>)을 플렉스 컨테이너로 설정 */
.lt.list_01 ul li {
    display: flex; /* 자식 요소들을 가로로 나열 */
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: space-between; /* 제목과 날짜를 양 끝으로 벌림 */
    width: 100%;
    /* 기타 목록 스타일 (테두리, 패딩 등)은 그대로 유지 */
}

/* 제목 링크 (lt_tit)가 가질 수 있는 최대 영역을 지정 */
.lt.list_01 ul li .lt_tit {
    flex-grow: 1; /* 남은 공간을 제목이 채우도록 함 (필요한 경우) */
    white-space: nowrap; /* 제목이 한 줄에 나오도록 */
    overflow: hidden; /* 제목이 길면 숨김 처리 */
    text-overflow: ellipsis; /* 숨긴 경우 ... 표시 */
    padding-right: 15px; /* 날짜와의 간격 */
}

/* 우측 끝에 배치할 날짜 (lt_date_right) 스타일 */
.lt.list_01 ul li .lt_date_right {
    flex-shrink: 0; /* 날짜 영역은 줄어들지 않도록 고정 */
    margin-left: auto; /* 우측 끝으로 이동시키는 핵심 속성 (Flexbox에서) */
    color: #999; /* 날짜 색상을 흐리게 (선택 사항) */
    font-size: 0.9em; /* 글자 크기 조정 (선택 사항) */
}