.s-map{
    padding-top: 80px;
    padding-bottom: 50px;
    background: url(../images/s-class/s-class-bg-xl.webp?v=2.49) bottom center / 1920px no-repeat;
    
}

.warp-bg-sec-name{
    position: relative;
}

.s-map .tabs-block .panel img {
    max-width: 370px;
    margin: 0;
    display: block;

}

.s-map .tabs-block .panel{
    gap: 20px;
    align-items: center;
}

.s-map .tabs-block .panel .box-detail{
    margin: 0 !important;
    text-align: center;
    height: auto;
    padding: 0;
}

.s-map .tabs-block{
     max-width: 1100px;
}

.s-map .tabs-block .tab-class li button{
    margin: 0;
}

.s-map .tabs-block .tab-class{
    justify-content: center !important;
    position: relative !important;
    bottom: 0;
    align-items: center;
    background: #00000063;
    width: fit-content;
    margin: auto;
    padding: 10px 15px !important;
    margin-top: 30px;
    border-radius: 20px;
}
.s-map .tabs-block .tab-class li button{
    width: 70px;
    height: auto;
    aspect-ratio: 1/1;
    margin: 0 5px;
    scale: 1;
    
}
.s-map .tabs-block .tab-class li button.is-active{
    scale: 1.2;
}
.s-map .tabs-block{
    height: auto;
}
.s-map .btn.disabled, .s-map .btn:disabled, .s-map fieldset:disabled .btnP{
    opacity: 0.2;
}
.buttonNext, .buttonPrev{
    top: 144px;
}

@media (min-width: 768px){
    .s-map{
        padding-top: 150px;
    }
    .s-map .tabs-block .panel .box-detail{
        text-align: left;
    }
    
}