@charset "utf-8";
/* ============================================================
   메인 News 최신글 스킨 (latest) — Swiper / news 카드(16:10)
   ============================================================ */

.nw_latest{ --nw-point:#6633ee; --nw-point2:#6a4cf0; --nw-card:#070607; --nw-sub:#8d8d97; --nw-line:#16121e; --nw-line2:#2e2c30; position:relative; }
.nw_latest, .nw_latest *{ box-sizing:border-box; }
.nw_latest a{ text-decoration:none; color:inherit; }
.nw_latest .sound_only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* ---- Swiper 핵심 레이아웃 (스코프 한정, CSS 미로드 대비) ---- */
.nw_latest .swiper{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; }
.nw_latest .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box; }
.nw_latest .swiper-slide{ flex-shrink:0; width:100%; height:auto; position:relative; transition-property:transform; box-sizing:border-box; }

.nw_latest .nw_swiper{ position:relative; overflow:hidden; }
.nw_latest .news-list-latest{ list-style:none; margin:0; padding:0; }

/* ---------- News 카드 (게시판 list 와 동일 디자인) ---------- */
.nw_latest .news-card{
    background:var(--nw-card); border:1px solid var(--nw-line); border-radius:10px;
    overflow:hidden; height:100%;
    transition:transform .4s ease, border-color .4s ease, box-shadow .4s ease;
}
.nw_latest .news-card:hover{ border-color:var(--nw-line2); }

/* 썸네일 16:10 */
.nw_latest .news-thumb{ display:block; position:relative; overflow:hidden; }
.nw_latest .news-thumb img{ display:block; width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .5s ease; }
.nw_latest .news-card:hover .news-thumb img{ transform:scale(1.05); }
.nw_latest .news-thumb .no_thumb,
.nw_latest .news-thumb .no_imgbox{
    width:100%; aspect-ratio:16/10; background:#161416;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4em; color:var(--nw-sub);
}
.nw_latest .news-thumb .no_thumb i{ font-size:1.8em; opacity:.5; }
.nw_latest .news-thumb .no_thumb span{ font-size:.8em; }
.nw_latest .news-thumb .no_imgbox img{ width:50%; aspect-ratio:auto; opacity:.4; }
.nw_latest .news-badge{
    position:absolute; top:12px; left:12px; padding:.35em .8em;
    background:var(--nw-point); color:#fff; font-size:.7em; font-weight:700;
    letter-spacing:.05em; border-radius:4px;
}

/* 본문 */
.nw_latest .news-body{ display:block; padding:34px 26px; }
.nw_latest .news-cate{
    display:inline-block; margin-bottom:1em; font-size:.74em; font-weight:600;
    color:var(--nw-point2); letter-spacing:.04em; text-transform:uppercase;
}
.nw_latest .news-body h4{
    font-size:22px; font-weight:700; line-height:1.45; margin:0 0 .8em; color:#fff;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.nw_latest .news-body h4 .cnt_cmt{ color:var(--nw-point2); font-size:.8em; margin-left:.3em; }
.nw_latest .news-body p{
    font-size:.92em; color:var(--nw-sub); line-height:1.6; margin:0 0 1.6em; min-height:3em;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.nw_latest .news-body .date{ font-size:.8em; color:#666; }

/* 빈 목록 */
.nw_latest .news_empty{
    width:100%; text-align:center; padding:4em 0; color:var(--nw-sub);
    background:#16121e; border-radius:10px;
}

/* ---------- 좌우 화살표 (4개 초과 시에만 출력) ---------- */
.nw_latest .nw_nav{
    position:absolute; top:50%; transform:translateY(-50%); z-index:10;
    width:48px; height:48px; border:0; border-radius:50%; cursor:pointer;
    background:rgba(18,17,19,.8); backdrop-filter:blur(4px);
    display:flex; align-items:center; justify-content:center;
    transition:background .25s ease, opacity .25s ease;
}
.nw_latest .nw_nav:hover{ background:var(--nw-point); }
.nw_latest .nw_prev{ left:-24px; }
.nw_latest .nw_next{ right:-24px; }
.nw_latest .nw_nav::before{
    content:""; width:18px; height:18px; background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4-4.6-4.6z'/%3E%3C/svg%3E") no-repeat center/contain;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4-4.6-4.6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.nw_latest .nw_next::before{ transform:rotate(180deg); }
.nw_latest .nw_nav.swiper-button-disabled{ opacity:.35; cursor:default; }
.nw_latest .nw_nav.swiper-button-lock{ display:none; }

/* 반응형 */
@media (max-width:1024px){
    .nw_latest .nw_prev{ left:6px; }
    .nw_latest .nw_next{ right:6px; }
    .nw_latest .news-body{ padding:26px 22px; }
    .nw_latest .news-body h4{ font-size:19px; }
}
@media (max-width:768px){
    .nw_latest .nw_nav{ width:40px; height:40px; }
    .nw_latest .news-body{ padding:24px 20px; }
    .nw_latest .news-body h4{ font-size:18px; }
}