@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;margin:10px 0;background:#fff}
.lt .lt_title {display:block;font-size:1.3em;padding:15px 15px 0;line-height:24px;background:#fff}
.lt ul {list-style:none;padding:0 15px;background:#fff;border-bottom:1px solid #e5ecee}
.lt ul li {padding:15px 0;border-bottom:1px solid #e5ecee}
.lt ul li:last-child {border-bottom:0}
.lt ul li:after {display:block;visibility:hidden;clear:both;content:""}
.lt ul li:hover a.lt_tit {color:#3a8afd}
.lt .lt_thumb {display:inline-block;float:left;margin-right:10px}
.lt .lt_thumb img, .lt .lt_thumb video{width:138px;height:auto;overflow:hidden}
.lt .lt_tit {display:block;font-size:1.2em;font-weight:bold;max-height:60px;overflow:hidden;padding-bottom:10px}
.lt .lt_info {display:inline-block;position:relative;line-height:20px;color:#828282;font-size:0.925em;vertical-align:top}
.lt .lt_date {color:#828282}
.lt .latest-sel{margin-top:1px}

.lt .lt_more {position:absolute;top:15px;right:15px;color:#3a8afd;background:#fff;border:1px solid #d1d7e5;font-size:0.925em;border-radius:3px;padding:4px 5px;z-index:1}
.lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.lt .profile_img img {border-radius:50%;vertical-align:top}
.lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lt 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}
.lt 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}
.lt 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}
.lt li .fa-heart {color:#ff0000}
.lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lt .lt_tit .fa-heart {color:#fe4560;margin-left:5px}

.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}

.lt .owl-carousel .owl-item .profile_img img{width:auto;display:inline}

.tooltipster-content .sv a{display:block;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.tooltipster-content .sv a:hover{background:#000;color:#fff}
.tooltipster-sidetip.tooltipster-sir .tooltipster-content{padding:0}
.tooltipster-sidetip.tooltipster-sir .tooltipster-box{border:0 none;background:#333;border-radius:0}
.tooltipster-sidetip.tooltipster-sir.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-sir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#333}

.lt_page {background:#fff;text-align:center;padding:10px 15px;line-height:25px;border-bottom:1px solid #e5ecee}
.lt_page button {display:inline-block;background:#fff;width:25px;height:25px;border:1px solid #dbdee6;text-align:center;color:#cdcdce}
.lt_page span {color:#6e6e6e}
.lt_page b {color:#000}
.lt_page_prev {float:left}
.lt_page_next {float:right}


/* 배지 */
.lat--clean .lat-badge{
    display:inline-block; margin-left:6px; padding:0 6px; line-height:16px;
    font-size:.7rem; border-radius:8px; vertical-align:1px;
    background:#e8f1ff; color:#1565c0; font-weight:700;
}
.lat--clean .lat-badge--new{background: #ffe997; color: #ff7c7c
}
.lat--clean .lat-badge--hot{background:#ffe9e6; color:#e53935}
.lat--clean .lat-cmt{
    display:inline-block; margin-left:6px; padding:0 6px; line-height:16px;
    font-size:.7rem; border-radius:8px; background: #cbe0ff; color:#1565c0; font-weight:700;
}

.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}

:root{
    --lt-blue:#1f6bd8; --lt-blue-weak:#e8f0ff;
    --lt-text:#222; --lt-muted:#8a8f98;
    --lt-border:#e9ecf1; --lt-bg:#fff;
}
.m-ltbox{background:var(--lt-bg); border:1px solid var(--lt-border);
    border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.06);}
.m-ltbox__head{display:flex; align-items:center; justify-content:space-between;
    padding:12px 14px 8px; border-bottom:2px solid var(--lt-blue);}
.m-ltbox__title{font-size:16px; font-weight:800; color:var(--lt-blue);}
.m-ltbox__more{font-size:13px; color:var(--lt-muted); text-decoration:none;}
.m-ltbox__more:hover{color:var(--lt-blue); text-decoration:underline;}

.m-ltbox__list{margin:0; padding:6px 10px 10px;}
.m-ltbox__list li{list-style:none; display:flex; align-items:center;
    gap:10px; padding:12px 4px; border-bottom:1px dashed var(--lt-border);}
.m-ltbox__list li:last-child{border-bottom:0}

/* 파비콘(게시판별 아이콘) */
.m-ltbox__fav{
    flex:0 0 auto; width:18px; height:18px; border-radius:4px;
    background-size:cover; background-position:center; background-repeat:no-repeat;
}

/* 제목/배지 */
.m-ltbox__tit{
    flex:1 1 auto; min-width:0; font-size:15px; color:var(--lt-text);
    text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.m-ltbox__tit strong{font-weight:800;}
.m-ltbox__tit .lat-badge--new{
    display:inline-block;margin-left:6px;padding:0 6px;height:18px;line-height:18px;
    font-size:11px;font-weight:700;background: #ffe997; color: #ff7c7c;border-radius:999px;
}
.m-ltbox__tit .lat-cmt{
    display:inline-block;margin-left:3px;padding:0 8px;height:18px;line-height:18px;
    font-size:12px;font-weight:700;
    border:1px solid #d8e4ff;border-radius:999px; background: #cbe0ff; color:#1565c0;
}

/* 우측 날짜 */
.m-ltbox__date{flex:0 0 auto; font-size:13px; color:var(--lt-muted); margin-left:8px;}

/* --- NEW, 댓글 뱃지 수평 정렬 보정 --- */
.lat--clean .lat-badge,
.lat--clean .lat-cmt {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:18px;            /* 동일 높이 */
    line-height:18px;
    vertical-align:middle;  /* baseline 대신 middle */
    font-size:.72rem;
    margin-left:6px;
    padding:0 6px;
    border-radius:9px;
}

/* NEW와 댓글 간 미세 높이 차 제거 */
.lat--clean .lat-badge--new,
.lat--clean .lat-cmt {
    transform:translateY(-1px);
}

.m-ltbox__fav {
    width:18px;
    height:18px;
    display:inline-block;
    background-size:cover;
    background-position:center;
    border-radius:4px;
}



/* 제목 + 배지 라인 정렬 보정 */
.m-ltbox__tit {
    display: inline-flex;
    align-items: center;
    gap: 4px;                 /* 제목과 배지 간격 */

    vertical-align: middle;
}

/* N 배지 정렬 */
.lat-badge--new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    line-height: 1;
    vertical-align: middle;
    margin-top: -1px;         /* 미세하게 중앙 맞춤 */
}

/* 댓글 배지 정렬 */
.lat-cmt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    line-height: 1;
    vertical-align: middle;
    margin-top: -1px;         /* 수직 중앙 맞춤 */
}

/* 리스트 행 */
.m-ltbox__list{margin:0; padding:6px 10px 10px;}
.m-ltbox__list li{
    list-style:none; display:flex; align-items:center; gap:10px;
    padding:12px 4px; border-bottom:1px dashed var(--lt-border);
}
.m-ltbox__list li:last-child{border-bottom:0}

/* 파비콘 */
.m-ltbox__fav{
    flex:0 0 auto; width:18px; height:18px; border-radius:4px;
    background-size:cover; background-position:center; background-repeat:no-repeat;
}

/* 제목/배지 컨테이너: 배지는 항상 보이도록 별도 flex 항목 */
.m-ltbox__tit{
    flex:1 1 auto; min-width:0;            /* 행에서 가변영역 */
    display:flex; align-items:center; gap:6px;
    text-decoration:none; color:var(--lt-text);
    overflow:visible;                       /* 배지가 잘리지 않도록 */
}

/* 제목 텍스트만 말줄임 */
.m-ltbox__txt{
    flex:1 1 auto; min-width:0;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    font-size:15px;
}

/* 배지: 고정폭 항목(말줄임 영향 없음) */
.lat-badge--new,
.lat-cmt{
    flex:0 0 auto;
    display:inline-flex; align-items:center; justify-content:center;
    height:18px; line-height:18px; border-radius:999px;
    font-weight:700;
}

/* 색/테두리 */
.lat-badge--new{ padding:0 6px; font-size:11px; background:#ffe997; color:#ff7c7c; }
.lat-cmt{ padding:0 8px; font-size:12px; background:#cbe0ff; color:#1565c0; border:1px solid #d8e4ff; }

/* 아이콘/공지 텍스트가 높이 깨지지 않게 */
.m-ltbox__txt .fa-lock{margin-right:2px;}
.m-ltbox__txt .lat-notice{font-weight:800; color:#1565c0; margin-right:2px;}

/* 우측 날짜 */
.m-ltbox__date{flex:0 0 auto; font-size:13px; color:var(--lt-muted); margin-left:0px;}



/* 앵커 자체를 수평 중앙정렬 고정 */
.m-ltbox__tit{
    flex:1 1 auto; min-width:0;
    display:flex; align-items:center; gap:8px;
    text-decoration:none; color:var(--lt-text);
}

/* 제목만 말줄임 */
.m-ltbox__txt{
    flex:1 1 auto; min-width:0;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    font-size:15px; line-height:18px;
}

/* ✅ 배지 묶음: 동일 높이/라인박스 고정 */
.m-ltbox__badges{
    flex:0 0 auto;
    display:flex; align-items:center; gap:6px;
    height:18px;           /* 행 기준 높이 고정 */
}

/* 배지 공통(완전 같은 높이/라인) */
.lat-badge--new,
.lat-cmt{
    display:inline-flex; align-items:center; justify-content:center;
    height:18px; line-height:18px; border-radius:999px;
    font-weight:700; transform:translateY(0); /* 미세보정 제거 */
}

/* 개별 스타일 */
.lat-badge--new{ padding:0 6px; font-size:11px; background:#ffe997; color:#ff7c7c; }
.lat-cmt{ padding:0 8px; font-size:12px; background:#cbe0ff; color:#1565c0; border:1px solid #d8e4ff; }

/* 날짜는 고정폭을 주어 열 정렬 고정 */
.m-ltbox__date{
    flex:0 0 42px;         /* ✅ 폭 고정(필요 시 40~48px 조절) */
    text-align:right; font-size:13px; color:var(--lt-muted); margin-left:0px;
}

/* 이모지/파비콘 baseline 영향 제거 */
.m-ltbox__fav{ align-self:center; }