/*---------- pc / mo ----------*/
.is_mo{ display: none; }

/*----------s_detail----------*/
.s_detail{padding: 80px 0 0 ;}
.s_detail .cont .imgBx{ position: relative; top: -15vw; left: 29vw; display: flex; }
.s_detail .cont .imgBx .n1{ position: absolute; top: 7vw; left: -22vw; z-index: 2; }


/*----------s_slide----------*/
.s_slide .wrap .cont .swiper-slide{ padding-top: 200px; padding-left: 80px; }

/*----------s_info----------*/
.s_info.n1 .flexBx{ max-width: 1280px; margin: 0 auto; gap: 30px; padding: 0 42px; flex-wrap: nowrap !important; }
.s_info.n1 .flexBx .box{ width: calc((100% - 30px) / 2); position: relative; margin: 0; }
/* .s_info.n1 .flexBx .box .badge{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    position: absolute; top: 50%; transform: translateY(-50%); width: 170px; height: 170px;
} */
/* .s_info.n1 .flexBx .box .badge.n1{ object-fit: contain; left: -42px; }
.s_info.n1 .flexBx .box .badge.n2{
    right: -42px; font-size: 1.3684rem; color: #fff; font-weight: 300;
    background: linear-gradient(115deg, rgba(85, 85, 85,1) 0%, rgba(17, 17, 17, 1) 100%);
}
.s_info.n1 .flexBx .box .badge.n2 span{ display: block; line-height: 120%; font-weight: 700; padding-bottom: 8px; } */
.s_info.n2 .wrap .title h3{ color: #fff; }
.s_info.n2 .wrap .title p{ color: #fff; }
.s_info.n2 .cont .flexBx{ gap: 83px; }

/*----------s_product----------*/
.s_product{ padding: 200px 0 120px; }
.s_product .ground{ height: 278px; }
.s_product .marquee div{ color: #e9e9e9; }
.s_product .imgBx .shadow{ bottom: -4%; left: 2%; }
.s_product .productArea .dotBx .dot.n1{ top: -4%; left: 42%; }
.s_product .productArea .dotBx .dot.n2{ top: -3%; left: 77%; }
.s_product .productArea .dotBx .dot.n3{ top: 10%; left: 43%; }
.s_product .productArea .dotBx .dot.n4{ top: 42%; left: 59%; }
.s_product .productArea .dotBx .dot.n5{ top: 76%; left: 34%; }
.s_product .info{ bottom: 6px; }


@media screen and (max-width: 1600px){
    .s_detail .cont .imgBx{ width: 80%; left: 26vw; }
    .s_detail .cont .imgBx .n1{ top: 8vw; left: -26vw; }
}
@media screen and (max-width: 1300px){
    .s_detail .cont .imgBx .n1{ top:9vw; left: -28vw; }
}
@media screen and (max-width: 1024px){
    .s_info.n1 .flexBx{ flex-wrap: wrap !important; }
    .s_product .wrap .mobile_desc{ margin-bottom: 80px; }

}
@media screen and (max-width: 820px){
    .is_mo{ display: block !important; }
    .is_pc{ display: none !important; }
    .s_detail{ padding: 80px 0; }
    .s_detail .cont .imgBx{ width: 85%; left: 20vw; top: 7vw; }
    .s_info.n1 .flexBx{ gap: 10px; }
    .s_info.n1 .flexBx .box{ width: 100%; }
    /* .s_info.n1 .flexBx .box .badge.n2{ font-size: 1.2rem; } */
    .s_info.n2 .flexBx{ gap: 40px !important; }
    .s_product{ padding: 42px 0 32px; }
    .s_product .ground{ height: 145px; }
    .s_product .productArea .imgBx{ width: 70vw; }
    .s_product .productArea .imgBx .shadow{ width: 97%; bottom: -2%; left: 7%; }
}
@media screen and (max-width: 500px){
	.s_info.n1 .flexBx{padding: 0;}
    .s_info.n2 .flexBx{ gap: 20px !important}
    .s_product .ground{ height: 90px; }

}
@media screen and (max-width: 360px){
    .s_detail .cont p br{ display: none; }
    .s_slide .wrap .cont .desc p br{ display: none; }
    /* .s_info.n1 .flexBx .box .badge{ width: 70px; height: 70px; } */
    .s_info.n1 .title p br{ display: none; }
}