/* BASIC css start */
.mainSwiper .swiper-slide img {
    width: 100%;
}

.mainSwiper .swiper-pagination .swiper-pagination-bullet {
    background: #000 !important;
    width: 10px !important;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 1px !important;
    opacity: 1;
    border-radius: 0;
}

.mainSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #9f0000 !important;
    width: 20px !important;
    transition: width 0.3s;
} 


/* »óÇ° ´ÙÁß À̹ÌÁö ½½¶óÀÌ´õ */
.items .bx-wrapper { position: relative; }
.items .prd-img-slider img { max-width: 100% !important; }
.items .bx-pager { position: absolute; left: 50%; bottom: 2%; transform: translateX(-50%); display: flex; gap: 6px; align-items: center; justify-content: center; }
.items .bx-pager a { display: inline-block; width: 6px; height: 6px; padding:0; border-radius: 50%; background: rgba(238, 238, 238, 0.5); font-size:0; text-indent: -9999px;}
.items .bx-pager a.active { background: #000; }
.items .bx-controls-direction a { position:absolute; top: 50%; width: 7px; height: 14px; padding:0; margin-top: -8px; font-size:0; text-indent: -9999px; }
.items .bx-prev {left:10px; background:url(/images/common/btn_multiple_prev.png) left center no-repeat;}
.items .bx-next {right:10px; background:url(/images/common/btn_multiple_next.png) right center no-repeat;} 
/* BASIC css end */