@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.mainnowhime {position:relative}
.mainnowhime_box {padding:0px}
.mainnowhime h2{font-size:1.25em;padding:10px 15px;line-height:27px;border-bottom:1px solid #e8e8e8;margin:0;text-align:left}
.mainnowhime h2 span {font-size:0.875em;font-weight:500}
.mainnowhime i{color:#9da4bc}
.mainnowhime li i{color: var(--bs-gray-500);font-size:1.2em}
.mainnowhime 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}
.mainnowhime 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}
.mainnowhime li .fa-heart {color:var(--bs-red);text-align:center;font-size:10px;border-radius:2px}
.mainnowhime 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}
.mainnowhime 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}
.mainnowhime .cnt_cmt{color:#48a3d5}
.mainnowhime .empty_li {text-align:center;padding:50px 0;color:#555}
.mainnowhime .more_btn {border:1px solid var(--main-color);padding:5px 10px;border-radius:5em;color:var(--main-color);text-align:right}

.mainnowhime .gall_li_wr {border:2px solid var(--main-color);box-shadow:3px 3px 0 var(--bs-gray-400);border-radius:0.7em}
.mainnowhime .gall_img {border-radius:0.5em 0.5em 0 0}
.mainnowhime .wr_info {text-align:center;padding:10px 5px}
.mainnowhime .wr_name {height:25px;line-height:25px;font-size:1.05em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.mainnowhime .wr_size {height:25px;line-height:25px;font-size:1em;color:var(--bs-gray-600);background: transparent;}
.mainnowhime .mb_1 {height:25px;line-height:25px;font-size:1.15em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.mainnowhime .mb_1_fu {height:25px;line-height:25px;font-size:0.875em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.mainnowhime .wr_area {height:25px;line-height:25px;;padding:0;font-size:1em;color:var(--bs-gray-600);background: transparent;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}

.mainnowhime .wr_is_time {padding:0;font-size:1em;color:var(--bs-gray-600);background: transparent;}

.mainnowhime .gall_img img {border-radius:0.5em 0.5em 0 0}

/* ===== 네비게이션 버튼 (흰색 작은 버튼) ===== */
.mainnowhime .swiper-button-next,
.mainnowhime .swiper-button-prev {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background-color: rgba(0, 0, 0, 0.45); /* shorthand 대신 background-color */
    background-image: none !important;     /* Swiper 4.x 기본 SVG 제거 */
    border-radius: 50%;
    opacity: 0.85;
    transition: opacity 0.2s, background-color 0.2s;
    top: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainnowhime .swiper-button-next:hover,
.mainnowhime .swiper-button-prev:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.7);
}
/* 기본 Swiper 아이콘 폰트를 대체: 시스템 폰트로 바꾸고 직접 화살표 지정 */
.mainnowhime .swiper-button-next::after,
.mainnowhime .swiper-button-prev::after {
    font-family: inherit !important;  /* 'swiper-icons' 폰트 오버라이드 */
    font-size: 14px !important;
    font-weight: bold;
    color: #fff !important;
    line-height: 1;
}
.mainnowhime .swiper-button-next::after { content: '❯' !important; }
.mainnowhime .swiper-button-prev::after { content: '❮' !important; }
.mainnowhime .swiper-button-disabled { display: none; }
.mainnowhime .swiper-button-prev { left: 4px; }
.mainnowhime .swiper-button-next { right: 4px; }