/* ------- vivaline ------- */

.s_info.n1{padding: unset;padding-top: 80px;}



.s_detail .cont{display: flex;align-items: center;justify-content: space-between;}
.s_mechanism .cont .flexBx{gap: 40px 130px;}

/* .s_info.n2 .wrap{height: 90vh;} */
.s_info.n2 .wrap .title h3{color: #fff;}
.s_info.n2 .wrap .cont{
    height: 100%;
}

.s_info.n2 .wrap .cont .imgBx {
    position: relative;
    max-width: 974px;
    width: 100%;
    min-height: 550px;
    margin: 0 auto;
}
.s_info.n2 .wrap .cont .imgBx div{position: absolute;}
.s_info.n2 .wrap .cont .imgBx div.n2{
    right: 0;
    bottom: 0;
}

.s_info.n2 .wrap .cont .imgBx div.on{z-index: 2;}


.s_info .wrap .cont .flexBx .imgBx {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.s_slide .wrap .cont .swiper-slide{
    display: flex;align-items: center;
}
.s_slide .wrap .cont .swiper-slide img{padding-top: 5vw;}

.s_product .ground{height: 150px;}

.s_product .productArea .imgBx .shadow {
    bottom: 2%;
    right: 8%;
    width: 190%;
    height: 9%;
}

.s_product .dot.n1{left: 20%;top: 12%;}
.s_product .dot.n2{left: 87%;top: -3%;}
.s_product .dot.n3{left: 100%;top: 7%;}
.s_product .dot.n4{left: 72%;top: 9%;}
.s_product .dot.n5{left: 44%;top: 19%;}
.s_product .dot.n6{left: 50%;top: 34%;}
.s_product .dot.n7{left: 29%;top: 55%;}
.s_product .dot.n8{left: 84%;top: 52%;}




@media screen and (max-width: 1800px) {
    .s_detail.n2 .cont{padding-left: unset;gap: 8vw;justify-content: flex-start;}
}

@media screen and (max-width: 1680px) {
    .s_detail .cont .imgBx{width: 70%;}

    .s_slide .wrap .cont .swiper-slide img{
        max-width: clamp(600px, 600 / 1440 * 100vw, 800px);
    }
}
@media screen and (max-width: 1440px) {
    .s_slide .wrap .cont .swiper-slide img{padding-top: unset;}
}
@media screen and (max-width: 1280px) {
    .s_detail .cont .imgBx{width: 65%;}
}
@media screen and (max-width: 1024px) {
    .s_product .productArea .imgBx {
        width: 35vw;
        max-width: 300px;
    }
    .s_detail.n1{padding: 60px 0;}
    .s_detail.n2, .s_detail.n3{padding: unset;padding-bottom: 60px;}
    .s_info.n2 .wrap .cont .imgBx {
        min-height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
    }
    .s_info.n2 .wrap .cont .imgBx div{position: unset;}
}
@media screen and (max-width: 820px) {
    .s_detail .cont{flex-direction: column;align-items: flex-start;gap: 40px;}
    .s_detail .cont .imgBx{width: 90%;}
    .s_detail.n2 .cont{flex-direction: column-reverse;align-items: flex-start;}


}
@media screen and (max-width: 500px) {
    .s_info .wrap .title p br{display: none;}
}
@media screen and (max-width: 360px) {}