/*---------- s_slide ----------*/

.s_slide .wrap .cont .swiper-slide.n1{display: flex; align-items: center; padding-left: 240px; box-sizing: border-box;}
.s_slide .wrap .cont .swiper-slide.n1 img{height: 90%;}

/*----------s_detail----------*/
.s_detail .title{ margin-bottom: 106px; }
.s_detail .cont.n1{margin-bottom: 135px;}
.s_detail .cont.n1 .flexBx{
    display: flex; align-items: center; gap: 96px; margin: 0 auto; max-width: 1500px;
    border: 1px solid #000;
}
.s_detail .cont.n1 .imgBx{ overflow: hidden; height: calc(500/1500*100%);}
.s_detail .cont.n1 .imgBx.n1{ padding-left: 90px; }
.s_detail .cont.n2{ padding-bottom: 80px; }
.s_detail .cont.n2 .txtBx{ max-width: 124px; }
.s_detail .cont.n2 .txtBx .box{ display: flex; justify-content: flex-end; align-items: center; }
.s_detail .cont.n2 .txtBx span{ display: inline-block; font-size: 18px; line-height: calc(50/18); font-weight: 700; letter-spacing: -0.025em; color: #a3a3a3; }
.s_detail .cont.n2 .txtBx p{ font-size: 24px; line-height: calc(50/24); letter-spacing: -0.025em; font-weight: 700; color: #585858; }
.s_detail .cont.n3 .flexBx{  max-width: 1600px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.s_detail .cont.n3 .flexBx .imgBx{flex: 1;}
.s_detail .cont.n3 .flexBx .imgBx img{}

/*----------s_mechanism----------*/
.s_mechanism .cont .flexBx{ gap: 40px; }
.s_mechanism .cont .txtBx em{ color: var(--item_color); }

/*----------s_info----------*/
.s_info{ background-position: center; background-size: cover; padding: 165px 0 180px ; }
.s_info .title h3{ color: #fff; letter-spacing: -0.03em; }
.s_info .title p{ color: #fff !important; letter-spacing: -0.03em; }
.s_info .cont .flexBx{ gap: 46px; }

/*----------s_product----------*/
.s_product{ padding-top: 150px; }
.s_product .ground{ height: 66px; }
.s_product .marquee div{ color: #e9e9e9; }
.s_product .box{ display: flex; gap: 90px; }
.s_product .imgBx.n1 .shadow{ bottom: 0%; left: -27%; }
.s_product .imgBx.n2 .shadow{ bottom: 1%; left: 47%; }
.s_product .productArea .dotBx .dot.n1{ top: 20%; left: 12%; }
.s_product .productArea .dotBx .dot.n2{ top: 30%; left: 18.5%; }
.s_product .productArea .dotBx .dot.n3{ top: 44%; left: 25%; }
.s_product .productArea .dotBx .dot.n4{ top: 59%; left: 19%; }
.s_product .productArea .dotBx .dot.n5{ top: 33%; left: 55.5%; }
.s_product .productArea .dotBx .dot.n6{ bottom: 0%; left: 10%; }
.s_product .productArea .dotBx .dot.n7{ bottom: 6.5%; left: 84%; }
.s_product .productArea .dotBx .dot.n8{ bottom: 11%; left: 74%; }

@media screen and (max-width: 1600px){
    .s_detail .cont.n3 .flexBx{}
    .s_product .imgBx.n1 .shadow{ width: 52%; left: -16%; }
}
@media screen and (max-width: 1280px){
}
@media screen and (max-width: 1024px){
    .s_detail .title{ margin-bottom: 60px; }
    .s_detail .cont.n3 .flexBx{}
    .s_mechanism .cont .flexBx{ gap: 20px; }
    .s_product .imgBx.n2 .shadow{ width: 40%; left: 49%; }
}
@media screen and (max-width: 820px){
    .s_detail .title{ margin-bottom: 40px; }
    .s_detail .cont.n1 .flexBx{ gap: 40px; }
    .s_detail .cont.n1 .title p br{ display: none; }
    .s_detail .cont.n2 .title p br{ display: none; }
    .s_detail .cont.n1 .imgBx.n1{ padding-left: 16px; }
    .s_detail .cont.n3 .flexBx{flex-direction: column; gap: 80px;}
}
@media screen and (max-width: 500px){
    .s_detail .cont.n1,
    .s_detail.cont.n2{ margin-bottom: 60px; }
    .s_detail .cont.n1 .title p br{ display: none !important; }
	.s_detail .cont.n3 .flexBx{gap: 60px;}
    .s_info{ padding: 80px 0; }
    .s_info .cont .flexBx{ gap: 26px; }
    .s_product{ padding-top: 60px; }
    .s_product .productArea{max-width: 100%;}
    .s_product .box{ gap: 28px; width: 85vw; }
    .s_proudct .imgBx.n1 .shadow{ left: 14%; }
}
@media screen and (max-width: 320px){
    .s_detail .cont.n3 .title p br{ display: none !important; }
}