.specialSwiper						{ width: 100%; overflow: hidden; position: relative;}
.specialSwiper .swiper-slide				{ width: 100% !important; display: flex; justify-content: center; }
.specialSwiper .swiper-slide img{ max-width: 100%; height: auto; }
/* Dot (Pagination) 스타일 - 데스크탑 기본 */
.special-pagination {
    position: absolute;
    bottom: 5% !important;
    right: 50% !important;
    width: auto !important;
    left: auto !important;
    text-align: right;
    z-index: 10;
    display: flex;
    align-items: center;
}

.special-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #999;
    opacity: 0.6;
    margin: 0 5px !important;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.special-pagination .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 2px solid #333;
    opacity: 1;
}

/* 모바일 분기 스타일 */
@media (max-width: 1024px) {
    .special-tabs               { display: flex; flex-wrap: wrap; border-radius: 0px; width: 100%; padding: 0; justify-content: space-between; transform: translateY(-50%); }
    .special-tabs li            { flex: 0 0 auto; padding: 20px 15px; border-radius: 0; font-size: 14px; }

    /* 모바일: 슬라이드 컨테이너 하단에 점(Dot)이 들어갈 여백 생성 */
    .specialSwiper {
        padding-bottom: 40px !important;
    }

    /* 모바일: 생성된 하단 여백 위치로 점(Dot) 이동 (이미지와 겹침 방지) */
    .special-pagination {
        right: 40% !important;
        transform: translateX(50%);
        bottom: 0px !important;
    }
}