/* ------- Virtue RF ------- */
.s_detail .cont{
    display: flex; align-items: center;
    justify-content: space-between;
}
.s_detail.n1 .cont, .s_detail.n2 .cont{
    margin-bottom: 80px;
}
.s_detail.n2 .cont > .imgBx img{
    max-width: 85%;
}
.s_detail .cont .title{}
.s_detail .cont .title .imgBx{
    display: flex;
    align-items: center;
    gap: 2em;
    margin-top: 40px;
}

.s_slide .wrap .cont .swiper-slide.n4{
    display: flex;
    align-items: center;
}
.s_slide .wrap .cont .swiper-slide.n4{padding-left: 450px;}
.s_slide .swiper-slide.n4 img{height: 85%;}

.s_mechanism.n1 .cont .flexBx{gap: 40px 1em;}
.s_mechanism .cont .txtBx em{color: #020d4f;}
.s_mechanism .cont .txtBx p {white-space: nowrap;}

.s_info.n1 .wrap .cont, .s_info.n2 .wrap .cont{border: 1px solid #000;}

.s_info.n1 .wrap .cont .flexBx .imgBx, .s_info.n2 .wrap .cont .flexBx .imgBx{
    padding: 5em 1em;
    box-sizing: border-box;
}
.s_info.n1 .wrap .cont .flexBx .imgBx p, .s_info.n2 .wrap .cont .flexBx .imgBx p{
    font-size: 24px;
    font-weight: 300;
    line-height: calc(36 / 24);
    color: #818181;
    text-align: center;
    margin-bottom: calc(40/24 * 1em);
}

.s_mechanism.n2{padding: unset;}
.s_mechanism.n2 .cont .flexBx{gap: 110px;}
.s_mechanism.n2 .cont .box{
    border-radius: 20px;
    background-color: #f0f0f0;
    width: calc((100% - (110px * 2)) / 3);
    min-height: 436px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.s_mechanism.n2 .cont .box p{
    font-size: 24px;
    font-weight: 300;
    line-height: calc(36 / 24);
    color: #000;
    text-align: center;
    margin-bottom: calc(40/24 * 1em);
    font-family: 'museosans';
    position: absolute;
    bottom: 1%;

}

.s_info.n3 .wrap .title h3{
    color: #fff;
}
.s_info.n3 .wrap .title p {
    color: rgba(255, 255, 255, 0.7);
}
.s_info.n3 .cont .txtBx{
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    line-height: calc(36 / 22);
    color: #fff;
    text-align: center;
    margin-top: calc(40/22 * 1em);
    font-family: 'museosans';
}

.s_info.n4 .cont .flexBx{}
.s_info.n4 .cont .flexBx .imgBx{flex: 1;}




.s_product .productArea .imgBx .shadow {
    bottom: 0%;
    right: 0%;
    width: 257%;
    height: 4%;
}
.s_product .ground{height: 100px;}



.s_product .dot.n1{left: 14%;top: 27%;}
.s_product .dot.n2{left: 43%;top: 65%;}
.s_product .dot.n3{left: 29%;top: 44%;}
.s_product .dot.n4{left: 61%;top: 51%;}
.s_product .dot.n5{left: 78%;top: 8%;}
.s_product .dot.n6{left: 18%;top: 95%;}
.s_product .dot.n7{left: 95%;top: 49%;}
.s_product .dot.n8{left: 99%;top: 34%;}

@media screen and (max-width: 1700px) {
    .s_detail .title p{white-space: nowrap;}
    .s_detail.n2 .cont{padding-left: unset;justify-content: flex-start;}
    .s_detail.n3 .cont .imgBx {width: 70%;}

    .s_detail .cont .title .imgBx img{max-width: 14vw;}
    .s_detail .cont .imgBx {width: 60%;}

}
@media screen and (max-width: 1680px) {
    .s_detail .cont .title .imgBx{gap: 1.5em;}

    .s_mechanism.n2 .cont .flexBx{gap: 60px;}
    .s_mechanism.n2 .cont .box{
        width: calc((100% - (60px * 2)) / 3);
    }
    .s_mechanism.n2 .cont .box p{
        font-size: clamp(20px, 20 / 1440 * 100vw, 24px);
    }
    .s_info.n1 .wrap .cont .flexBx .imgBx p, .s_info.n2 .wrap .cont .flexBx .imgBx p{
        font-size: clamp(20px, 20 / 1440 * 100vw, 24px);
    }

}
@media screen and (max-width: 1440px) {


}
@media screen and (max-width: 1280px) {

    .s_mechanism.n2 .cont .flexBx{gap: 30px;}
    .s_mechanism.n2 .cont .box{
        width: calc((100% - (30px * 2)) / 3);
    }
    .s_mechanism.n2 .cont .box .imgBx {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* .s_mechanism.n2 .cont .box .imgBx img{max-width: 90%;} */

}
@media screen and (max-width: 1024px) {
    .s_detail.n1 .cont, .s_detail.n2 .cont{margin-bottom: unset;}
    .s_detail.n1{padding: 60px 0;}
    .s_detail.n2{padding: unset;padding-bottom: 60px;}
    .s_detail.n3{padding: unset;padding-bottom: 60px;}

    .s_mechanism .title p{word-break: keep-all;}
    .s_mechanism .title p br{display: none;}

    .s_info .wrap .title p{word-break: keep-all;}
    .s_info .wrap .title p br{display: none;}

    .s_info.n1 .wrap .cont .flexBx .imgBx p, .s_info.n2 .wrap .cont .flexBx .imgBx p{word-break: keep-all;}
    .s_info.n1 .wrap .cont .flexBx .imgBx p br, .s_info.n2 .wrap .cont .flexBx .imgBx p br{display: none;}

    .s_mechanism.n2 .cont .box .imgBx img {max-width: 75%;}
    .s_mechanism.n2 .cont .box{min-height: 350px;}

    .s_info.n3 .cont .txtBx{font-size: clamp(18px, 18 / 500 * 100vw, 20px);}
}
@media screen and (max-width: 820px) {
    .s_detail .cont{flex-direction: column;align-items: flex-start;}
    .s_detail.n2 .cont{flex-direction: column-reverse;gap: 5em;}
    .s_detail.n2 .cont > .imgBx img{max-width: 100%;}
    .s_detail .cont .imgBx{width: 100%;}
    .s_detail .cont .title .imgBx img{max-width: 25vw;}
    .s_detail.n3 .cont .imgBx{width: 100%;}

    .s_mechanism.n2 .cont .box{width: 100%;}
    .s_mechanism.n2 .cont .box p{font-size: clamp(18px, 18 / 500 * 100vw, 20px);}
    .s_info.n1 .wrap .cont .flexBx .imgBx p, .s_info.n2 .wrap .cont .flexBx .imgBx p{
        font-size: clamp(18px, 18 / 500 * 100vw, 20px);
    }

    .s_info.n3 .cont .txtBx{font-size: clamp(16px, 16 / 500 * 100vw, 18px);word-break: keep-all;}
    .s_info.n3 .cont .txtBx br{display: none;}

	.s_info.n4 .cont .flexBx{flex-direction: column; gap: 80px;}

    .s_product .productArea .imgBx {
        width: 40vw;
        max-width: 250px;
    }

}
@media screen and (max-width: 500px) {
    .s_mechanism.n2 .cont .box p{
        font-size: clamp(16px, 16 / 360 * 100vw, 18px);
    }
    .s_info.n1 .wrap .cont .flexBx .imgBx p, .s_info.n2 .wrap .cont .flexBx .imgBx p{
        font-size: clamp(16px, 16 / 360 * 100vw, 18px);
    }

    .s_info.n3 .cont .txtBx{
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }

	.s_info.n4 .cont .flexBx{gap: 60px;}

}
@media screen and (max-width: 360px) {

}