@charset "utf-8";

/* 새글 스킨 (latest)
   카드형 위젯: 흰 배경 + 은은한 그림자 위에 올라가 있는 애플 스타일.
   마우스를 올리면 살짝 떠오르는(hover lift) 인터랙션을 주고, 목록은 점 불릿 대신
   옅은 구분선으로 정리해서 더 정돈되어 보이게 함 */
.latest_wr {display:flex;flex-flow:wrap;}
.lt_wr {position:relative;margin: 10px 0 20px; width: 49%;}
.lt {display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;row-gap:16px}
.lt .lt_title {grid-column:1;grid-row:1;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-bottom:0;font-size:16px;font-weight:700;letter-spacing:-0.01em}
.lt .lt_title:before {content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
.lt .lt_title a {color:var(--c-text)}
.lt .lt_box {grid-column:1 / -1;grid-row:2;flex:1 1 auto;min-height:200px;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:24px 22px;background:var(--c-surface);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}
.lt .lt_box:hover {box-shadow:var(--shadow-md);transform:translateY(-3px)}
.lt .lt_box ul {margin:0;padding:0}
.lt .lt_box li {display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;position:relative;list-style:none;padding:9px 0;border-bottom:1px solid var(--c-border)}
.lt .lt_box li:last-child {border-bottom:0;padding-bottom:0}
.lt .lt_box li:first-child {padding-top:0}
.lt .lt_box li a {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;line-height:24px;font-size:14px;color:var(--c-text)}
.lt .lt_box li a:hover {color:#d13f4a}
.lt .lt_box li > i, .lt .lt_box li > span:not(.lt_info) {flex:0 0 auto}

.lt .lt_info {flex:0 0 auto}
.lt .lt_date {position:static;line-height:24px;font-size:0.85em;color:var(--c-text-3)}
.lt .lt_more {grid-column:2;grid-row:1;align-self:center;margin-top:0}
.lt .lt_more a {position:static;display:inline-flex;align-items:center;gap:4px;padding:0;background:none;color:var(--c-accent);font-weight:600;font-size:0.85em;white-space:nowrap}
.lt .lt_more a:after {content:"\2192"}

.lt .lt_box li.empty_li {text-align:center;line-height:168px;color:var(--c-text-3);text-align:center;padding:0;border-bottom:0}
.lt .lt_box li.empty_li:before {background:none;padding:0}

.lt .lt_cmt .cnt_cmt {display:inline-block;font-weight:bold;background:#ff5959;border-radius:3px;padding:0 2px;font-size:10px;line-height:16px;color:#fff;min-width:16px;height:16px;text-align:center}

/*바로가기*/
.short_cut {margin-bottom:20px}
.short_cut li {list-style:none;margin-bottom:8px}
.short_cut li a {position:relative;display:inline-block;width:100%;height:44px;line-height:44px;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:0 16px;background:var(--c-surface);color:var(--c-text-2);font-weight:500;font-size:0.92em;transition:border-color .2s ease,color .2s ease}
.short_cut li a:hover {border-color:var(--c-accent-2);color:var(--c-accent)}
.short_cut li a:after {content:"\2192";display:inline-block;position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--c-text-3)}

.aside_lt {position:relative;width:100%;display:inline-block;margin-bottom:20px}
.aside_lt .lt_title {grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;margin-bottom:0;font-size:16px;font-weight:700;letter-spacing:-0.01em}
.aside_lt .lt_title:before {content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
.aside_lt .lt_title a {color:var(--c-text)}
.aside_lt .lt_box {grid-column:1 / -1;grid-row:2;min-height:200px;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:24px 22px;background:var(--c-surface);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}
.aside_lt .lt_box:hover {box-shadow:var(--shadow-md);transform:translateY(-3px)}
.aside_lt .lt_box ul {margin:0;padding:0}
.aside_lt .lt_box li {display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;position:relative;list-style:none;padding:9px 0;border-bottom:1px solid var(--c-border)}
.aside_lt .lt_box li:last-child {border-bottom:0;padding-bottom:0}
.aside_lt .lt_box li:first-child {padding-top:0}
.aside_lt .lt_box li a {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;line-height:24px;font-size:14px;color:var(--c-text)}
.aside_lt .lt_box li a:hover {color:#d13f4a}
.aside_lt .lt_box li > i, .aside_lt .lt_box li > span:not(.lt_info) {flex:0 0 auto}

.aside_lt .lt_info {flex:0 0 auto}
.aside_lt .lt_date {position:static;line-height:24px;font-size:0.85em;color:var(--c-text-3)}
.aside_lt .lt_more {grid-column:2;grid-row:1;align-self:center;margin-top:0}
.aside_lt .lt_more a {position:static;display:inline-flex;align-items:center;gap:4px;padding:0;background:none;color:var(--c-accent);font-weight:600;font-size:0.85em;white-space:nowrap}
.aside_lt .lt_more a:after {content:"\2192"}

.aside_lt .lt_box li.empty_li {text-align:center;line-height:168px;color:var(--c-text-3);text-align:center;padding:0;border-bottom:0}
.aside_lt .lt_box li.empty_li:before {background:none;padding:0}

/* 아이콘: 살짝 둥근 모서리의 작은 배지로 정리 */
.fa-heart {color:#ff0000}
.fa-lock {display:inline-block;line-height:14px;width:16px;font-size:12px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:4px;border:1px solid #cbe3e8;vertical-align:middle}
.new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:var(--c-accent);background:var(--c-accent-soft);text-align:center;border-radius:4px;margin-left:2px;font-weight:bold;vertical-align:middle}
.hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#fff;text-align:center;border-radius:4px;vertical-align:middle}
.fa-caret-right {color:#bbb}
.download_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:4px;vertical-align:middle}
.link_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:4px;vertical-align:middle}

/* ============================================================
   1024px 미만: 모바일 레이아웃 조정
   (theme/responsive_commu/mobile/skin/latest/basic 의 여백/글자 크기 감각을 참고하여
   카드 여백을 줄이고 터치 영역을 넉넉하게 조정)
   ============================================================ */
@media (max-width: 1023.98px) {
    .lt .lt_box, .aside_lt .lt_box {min-height:0;padding:18px 16px;border-radius:var(--radius-md)}
    .lt .lt_box li a, .aside_lt .lt_box li a {font-size:13px}
    .lt .lt_date, .aside_lt .lt_date {font-size:12px}
    .lt .lt_more a, .aside_lt .lt_more a {font-size:12px}
    .lt .lt_title, .aside_lt .lt_title {font-size:14px}
    .lt, .lt_gal {row-gap:12px}

    .short_cut li a {height:42px;line-height:42px;font-size:13px}
}