@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.subrepo {position:relative}
.subrepo_box {padding:10px 0 0 0}
.subrepo h2{font-size:1.25em;padding:10px 15px;line-height:27px;border-bottom:1px solid #e8e8e8;margin:0;text-align:left}
.subrepo h2 span {font-size:0.875em;font-weight:500}
.subrepo i{color:#9da4bc}
.subrepo li i{color: var(--bs-gray-500);font-size:1.2em}
.subrepo li .fa-download {width:16px;line-height:16px;background:var(--bs-gray-200);color:var(--bs-orange);text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline}
.subrepo li .fa-link {width:16px;line-height:16px;background:var(--bs-gray-200);color:var(--bs-purple);text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline}
.subrepo li .fa-heart {color:var(--bs-red);text-align:center;font-size:10px;border-radius:2px}
.subrepo li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:var(--bs-white);background:var(--bs-green);text-align:center;border-radius:2px;margin:0 4px;vertical-align:middle}
.subrepo li .fa-lock {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:var(--bs-white);background:var(--bs-blue);text-align:center;border-radius:2px;font-size:12px;border:1px solid var(--bs-gray-200);vertical-align:baseline}
.subrepo .cnt_cmt{color:#48a3d5}
.subrepo .empty_li {text-align:center;padding:50px 0;color:#555}
.subrepo .more_btn {border:1px solid var(--main-color);padding:5px 10px;border-radius:5em;color:var(--main-color);text-align:right}
.subrepo .gall_img img {border-radius:0.5em 0.5em 0 0}

/* ===== 슬라이더 ===== */
.subrepo .swiper-container {
    overflow: hidden;
    position: relative;
}
.subrepo .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

/* ===== 네비게이션 버튼 (흰색 작은 버튼) ===== */
.subrepo .swiper-button-next,
.subrepo .swiper-button-prev {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
    color: #fff;
    opacity: 0.85;
    transition: opacity 0.2s, background 0.2s;
}
.subrepo .swiper-button-next:hover,
.subrepo .swiper-button-prev:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
}
.subrepo .swiper-button-next::after,
.subrepo .swiper-button-prev::after {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.subrepo .swiper-button-prev { left: 4px; }
.subrepo .swiper-button-next { right: 4px; }
.subrepo .swiper-button-disabled { display: none; }