@charset "utf-8";

#gw-shop-main-event{margin-top: 3rem;}
#gw-shop-main-event .gw-event-list.swiper {overflow: visible;}
#gw-shop-main-event .gw-event-list .swiper-slide a {display: block; position: relative; width:100%; transition:all 0.4s ease-in-out;}
#gw-shop-main-event .gw-product-arrow{overflow:visible;display:flex;align-items:center;gap:10px;}
#gw-shop-main-event .swiper-control-box{margin:0 auto;margin-top:3rem;width:1200px;display: flex;align-items:center;gap: 3rem;}
#gw-shop-main-event .gw-event-progressbar {position: relative;width: 100%;height: 3px;background: #e0e0e0;overflow: hidden;}
#gw-shop-main-event .gw-event-progress-fill {position: absolute;top: 0;left: 0;height: 100%;width: 0;background: #000;transition: width 0.5s ease;}
#gw-shop-main-event .gw-pagination-box {padding:0.5rem;display: flex;align-items: center;justify-content: center;letter-spacing: -0.05em;background: #F6F6F6;border-radius: 5rem;}
#gw-shop-main-event .gw-event-pagination {font-size: var(--main-text01);min-width: 4rem;text-align: center;font-family: "Outfit", 'Pretendard', sans-serif;}
#gw-shop-main-event .gw-event-prev, #gw-shop-main-event .gw-event-next {font-size: var(--main-title04);cursor: pointer;transition: opacity 0.2s;}

/*내용없을경우------------------------------------------------------------------------------------------------------------------ */
#gw-shop-main-event .sct_noitem {margin:0;padding: 30px;display: flex;align-items: center;place-content: center;width: 100%;}


@media screen and (max-width:1280px) {
    #gw-shop-main-event .swiper-control-box{margin-top:2rem;padding:0 40px;width: 100%;}
}

@media screen and (max-width:576px){
    #gw-shop-main-event .swiper-control-box{padding:0 20px;}
    #gw-shop-main-event .gw-event-pagination{font-size: 1rem;min-width:3rem;}
}
