:root{
    --container-width:1480px;
    --btn-slider-size:34px;
    --btn-slider-gap:var(--space-24);
}

.slider{
    position:relative;
}

.slider-inner{
    position:relative;
}

.slider-wrap{
      width:100%;
    overflow:hidden;
}

.slider-track{
    display:flex;
    gap:1.125rem;
    transition:transform .4s ease;
    will-change:transform;
}

/* -------------------- */
/* slide item */
/* -------------------- */

.banner-slider .item a{
    width:100%;
    height:4.5rem;
    display:flex;
    align-items:center;
    gap:var(--space-12);
    border-radius:4px;
    background:var(--color-navy-02);
    color:var(--fc-white);
    font-size:var(--fs-13);
    padding-right:var(--space-12);
}


.banner-slider .item{
    flex:0 0 calc((100% - 72px) / 5);
}

.banner-slider p{
     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

   
}


.review-track{
    display:flex;
    gap:var(--space-20);
}

.review-slider .item{
    flex:0 0 calc((100% - 20px) / 2);
    
  
}


/* -------------------- */
/* button */
/* -------------------- */

.btn-slider{
    position:absolute;
    top:50%;

    transform:translateY(-50%);

    width:var(--btn-slider-size);
    height:var(--btn-slider-size);

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--line-100);
    border-radius:50%;
    background:var(--bg-100);
    z-index:10;
    cursor:pointer;

    box-shadow:0 2px 3px rgba(0,0,0,.09);

    transition:.25s;
}

.btn-slider:hover{
    transform:translateY(-50%) scale(1.05);
}


.btn-slider.prev{
    left:calc(
        50% - (var(--container-width) / 2.04)
        - var(--btn-slider-gap)
        - var(--btn-slider-size)
    );
  
}

.btn-slider.next{
    right:calc(
        50% - (var(--container-width) / 2.04)
        - var(--btn-slider-gap)
        - var(--btn-slider-size)
    );
}



.btn-slider.prev::after,
.btn-slider.next::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    border-top: 2px solid var(--color-gray);
    border-right: 2px solid var(--color-gray);
}

.btn-slider.prev::after{
    transform: translate(-40%, -50%) rotate(-135deg);

}
.btn-slider.next::after{
    transform: translate(-60%, -50%) rotate(45deg);

}










/* -------------------- */
/* review */
/* -------------------- */

.review-slider .slider-track{
    gap:20px;
}

/* -------------------- */
/* responsive */
/* -------------------- */

@media (max-width:1600px){

    .btn-slider.prev{
        left:20px;
    }

    .btn-slider.next{
        right:20px;
    }

}

@media (max-width:1024px){

    .review-item{
        flex:0 0 calc((100% - 20px) / 2);
    }

}

@media (max-width:768px){

    .review-item{
        flex:0 0 100%;
    }

}