@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:0px;background:#fff}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

.lat ul {padding:10px 0}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;}
.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.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 #cbe3e8;vertical-align:middle}
.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;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lat .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.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:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}



/* 헤더 (제목 + 더보기) */
.lat--clean .lat-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 0 8px; margin-bottom:6px; position:relative;
}
.lat--clean .lat-head-title{
    margin:0; font-size:1.02rem; font-weight:700; color:#1565c0;
}
.lat--clean .lat-head:after{
    content:""; position:absolute; left:0; right:0; bottom:-2px;
    height:2px; background:#1565c0; border-radius:2px;
}
.lat--clean .lat-head-more{
    font-size:.86rem; color:#1565c0; text-decoration:none;
}
.lat--clean .lat-head-more:hover{ text-decoration:underline; }

/* 리스트 */
.lat--clean .lat-list{list-style:none;margin:0;padding:0}
.lat--clean .lat-item{border-bottom:1px dashed #eaeaea}
.lat--clean .lat-item:last-child{border-bottom:none}
.lat--clean .lat-link{
    display:flex; align-items:center; gap:10px;
    padding:8px 0; text-decoration:none;
}

/* 파비콘 (보드별) */
.lat--clean .lat-fav{
    flex:0 0 18px; width:18px; height:18px;
    background-size:cover; background-position:center; background-repeat:no-repeat;
    border-radius:4px;
}

/* 텍스트/배지/날짜 레이아웃 */
.lat--clean .lat-title{
    /* 제목 박스는 줄임 처리하지 않음 (내부 텍스트만 ellipsis) */
    display:flex; align-items:center; gap:.4rem;
    flex:1 1 auto; min-width:0; color:#333; font-size:.94rem;
}
.lat--clean .lat-link:hover .lat-title{ color:#1565c0; }

/* 제목 텍스트만 줄임표 처리 */
.lat--clean .lat-title__text{
    min-width:0; flex:1 1 auto;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

/* 배지는 줄임 대상 아님, 항상 보임 */
.lat--clean .lat-title__badges{
    flex:0 0 auto; display:inline-flex; align-items:center; gap:.35rem;
}

/* 날짜는 우측 고정 */
.lat--clean .lat-date{
    flex:0 0 auto; margin-left:8px; color:#7d7d7d; font-size:.83rem;
    white-space:nowrap;
}

/* 배지 공통 */
.lat--clean .lat-badge,
.lat--clean .lat-cmt{
    display:inline-flex; align-items:center; justify-content:center;
    height:18px; line-height:18px; font-size:.72rem;
    padding:0 6px; border-radius:9px; font-weight:700;
    vertical-align:middle;
}

/* 배지 색상 */
.lat--clean .lat-badge{ background:#e8f1ff; color:#1565c0; }
.lat--clean .lat-badge--new{ background:#ffe997; color:#ff7c7c; }
.lat--clean .lat-badge--hot{ background:#ffe9e6; color:#e53935; }
.lat--clean .lat-cmt{ background:#cbe0ff; color:#1565c0; }

/* 미세 높이/정렬 보정 제거(불필요한 Y 이동 제거) */
/* 필요 시 아래 주석 해제 후 값 조절
.lat--clean .lat-badge--new,
.lat--clean .lat-cmt{ transform:translateY(-1px); }
*/

/* 기타 */
.lat--clean .lat-notice{color:#1565c0}
.lat--clean .lat-file{margin-left:6px; color:#9aa3af}
.lat--clean .lat-empty{padding:12px 0; color:#9aa3af; font-size:.93rem}