@charset "utf-8";

/* 공지사항 새글 스킨 — 밝은 카드 안에서 쓴다. 헤더의 공지 띠(.notice)와 이름이 겹치지 않도록 .lt-notice 로 한정 */
.lt-notice ul{margin:0;padding:0;list-style:none}
.lt-notice li{display:flex;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid var(--line,#DFE5EF);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lt-notice li:last-child{border-bottom:0}
.lt-notice li a{color:var(--ink2,#25324A);overflow:hidden;text-overflow:ellipsis}
.lt-notice li a:hover{color:var(--blue,#184EF1);text-decoration:underline}
.lt-notice .lock_icon{display:inline-block;width:16px;line-height:14px;text-align:center;font-size:12px;color:#4f818c;background:#cbe3e8;border:1px solid #a2c6ce;border-radius:2px}
.lt-notice .new_icon{display:inline-block;width:16px;line-height:16px;text-align:center;font-size:11px;font-weight:700;color:#fff;background:var(--red,#F0384A);border-radius:2px}
.lt-notice .cnt_cm{height:16px;line-height:16px;padding:0 5px;font-size:11px;color:#fff;background:var(--blue,#184EF1);border-radius:3px}
.lt-notice li.empty_li{color:var(--steel,#5A6B85);padding:18px 0}