@charset "utf-8";

/* 새글 스킨 (latest) — tr_trend CSS 변수
 * 주의: 래퍼에 class="ft_cnt" 를 두면 그누 mobile.css 의 .ft_cnt h2(숨김)·중앙정렬과 충돌함(쇼핑몰 mobile_shop.css 는 #ft h2 만 해당). */
.notice {position:relative;padding:15px 50px;text-align:left}
.notice > h2 {position:static;width:auto;height:auto;margin:0 0 20px;font-size:1em;line-height:1.35;overflow:visible;text-indent:0}
.notice h2 a {font-size:1.2em;color:var(--text-primary, #18191a)}
.notice ul {margin:0;padding:0;list-style:none;text-align:left}
.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--border-color, #343434)}
.notice li a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary, #333);padding:15px 0}
.notice li a:hover {color:var(--accent-color, #4395ed)}
.notice li a strong {color:var(--accent-color, #4395ed)}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:var(--accent-color, #4f818c);background:var(--bg-secondary, #cbe3e8);text-align:center;border-radius:2px;font-size:12px;border:1px solid var(--border-color, #a2c6ce);vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:var(--button-text, #fff);background:var(--accent-color, #6db142);text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.notice .cnt_cm {background:var(--accent-color, #5c85c1);color:var(--button-text, #fff);font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice .empty_li {text-align:center;padding:24px 0;color:var(--text-secondary, #999)}