.blog-latest-wrap {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        /* [변경] 좌우 화살표를 위한 바깥 여백 조정 */
        padding: 0 20px;
    }
    .blog-swiper.swiper {
        padding: 10px 0 50px 0;
        margin: -10px 0 -50px 0;
        /* [변경] 화살표가 슬라이더 위에 올라올 수 있도록 */
        position: static;
    }
    .swiper-slide {
        height: auto;
        box-sizing: border-box;
    }
    .blog-card {
        display: flex; flex-direction: column; width: 100%; height: 100%;
        border: 1px solid #eee; border-radius: 10px; overflow: hidden;
        text-decoration: none; color: inherit; background-color: #fff;
        transition: transform 0.3s, box-shadow 0.3s;
    }
    .blog-card:hover {
        transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    }
    .blog-card-thumb {
        position: relative; width: 100%; padding-top: 100%; /* 3:4 비율 유지 */
    }
    .blog-card-thumb img, .blog-card-thumb .no-image {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
    }
    .no-image {
        display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #bbb;
    }
    .blog-card-thumb .blog-label {
        position: absolute; top: 15px; left: 15px; padding: 5px 10px;
        background-color: #0f2475; color: #fff; font-size: 0.8rem; font-weight: bold; border-radius: 5px;
    }
    .blog-card-text {
        padding: 20px; flex-grow: 1; display: flex; flex-direction: column;
    }
    .blog-card-title {
        font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; line-height: 1.4;
        max-height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
        -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #0f2475;
    }
    .blog-card-content {
        font-size: 0.9rem; line-height: 1.6; flex-grow: 1; max-height: 4.8em;
        overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
        -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666;
    }

    /* [수정] Swiper 네비게이션(화살표) 버튼 스타일 (이미지 참조) */
    .blog-latest-wrap .swiper-button-next,
    .blog-latest-wrap .swiper-button-prev {
        width: 44px;
        height: 44px;
        background-color: #0f2475; /* 이미지와 유사한 연한 회색 배경 */
        border-radius: 50%;
        color: white; /* 아이콘 색상 */
        transition: background-color 0.2s;
    }
    .blog-latest-wrap .swiper-button-next:hover,
    .blog-latest-wrap .swiper-button-prev:hover {
        background-color: #dcdcdc; /* 호버 시 약간 더 진한 회색 */
    }
    /* Swiper 기본 아이콘 제거 */
    .blog-latest-wrap .swiper-button-next::after,
    .blog-latest-wrap .swiper-button-prev::after {
        content: '';
    }
    /* 새로운 아이콘 추가 (CSS로 직접 그리기) */
    .blog-latest-wrap .swiper-button-next,
    .blog-latest-wrap .swiper-button-prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40%;
    }
    .blog-latest-wrap .swiper-button-prev {
        transform: rotate(180deg); /* 오른쪽 화살표 아이콘을 180도 회전하여 왼쪽 화살표로 사용 */
        left: 0px; /* 위치 조정 */
    }
    .blog-latest-wrap .swiper-button-next {
        right: 0px; /* 위치 조정 */
    }


    /* Swiper 페이징(점) 버튼 스타일 */
    .blog-swiper .swiper-pagination {
        bottom: 15px;
    }
    .blog-swiper .swiper-pagination-bullet {
        width: 10px; height: 10px; background-color: #ccc; opacity: 0.8;
    }
    .blog-swiper .swiper-pagination-bullet-active {
        background-color: #0f2475;
    }

    .no-posts {
        width: 100%; text-align: center; padding: 50px 0; color: #888;
    }