/* ------- diacore ------- */
.s_slide .swiper-slide.n1{display: flex; align-items: center; padding-left: 330px;}
.s_slide .swiper-slide.n1 img{max-height: 80%;}
.s_slide .swiper-slide.n2{}
.s_slide .swiper-slide.n3{padding-left: 170px;}
.s_slide .swiper-slide.n4{}
.s_slide .swiper-slide.n4 img{max-height: 800px;}



/* .s_detail{padding-top: 80px;} */
.s_detail .cont{padding: unset;}
.s_detail .cont .imgBx{
    display: flex;margin-top: 60px;
}
.s_detail .cont .imgBx .bigImg{
    position: absolute;
}
.s_detail .cont .imgBx .smallImg{
    position: relative;
    z-index: 2;
}
/* .s_detail .cont .imgBx img{max-width: unset;} */
.s_detail .cont.n1{padding-bottom: 6vw;}
.s_detail .cont.n3 .imgBx{position: relative;top: -13vw;}

.s_detail .cont .imgBx > div{position: relative;z-index: 2;}

.s_detail .cont.n1 .imgBx ,.s_detail .cont.n3 .imgBx{padding-left: 5vw;}
.s_detail .cont.n2 .imgBx{}
.s_detail .cont.n2 .imgBx .tagBx{
    align-items: flex-start;
    max-width: 250px;
    margin-left: auto;
    top: -11vw;
}
.s_detail .cont.n3 .imgBx > div{right: -1.4vw;}

.s_detail .cont .imgBx ._tablet{display: none;}
.s_detail .cont .imgBx ._mob{display: none;}


.s_mechanism .cont .flexBx{gap: 4em;width: 100%;flex-wrap: nowrap;}
.s_mechanism .cont .box{width: 100%;}
.s_mechanism .cont .box .imgBx img{width: 100%;}

.s_info .wrap .cont .flexBx{gap: 4em;align-items: flex-start;}

.s_info .wrap .cont .flexBx .imgBx .txtBx{
    font-family: museo_sans;
    margin-top: 40px;
    text-align: center;
}
.s_info .wrap .cont .flexBx .imgBx .txtBx h4{font-size: 30px;font-weight: 700;color: #b31e23;line-height: 1.4;}
.s_info .wrap .cont .flexBx .imgBx .txtBx span{
    font-size: 22px;color: #818181;font-weight: 300;
    line-height: calc(36/22);display: block;
    margin-top: calc(22/20 * 1em);
}
.s_info.n1 .wrap .cont .flexBx .imgBx { width: 100%; display: flex; align-items: center; justify-content: center;}
.s_info.n1 .wrap .cont .flexBx .imgBx img{max-width: 900px;width: 100%;}
.s_info.n2 .wrap .cont .flexBx .imgBx{max-width: 660px; width: 100%;}
.s_info.n2 .wrap .cont .flexBx .imgBx .img{position: relative;width: 100%;}
.s_info.n2 .wrap .cont .flexBx .imgBx .img:before { content: ''; display: block; padding-bottom: calc(370 / 660 * 100%);}
.s_info.n2 .wrap .cont .flexBx .imgBx .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.s_product .dot.n1{left: 10%;top: 19%;}
.s_product .dot.n2{left: 4%;top: 45%;}
.s_product .dot.n3{left: 41%;top: 36%;}
.s_product .dot.n4{left: 24%;top: 39%;}
.s_product .dot.n5{left: 93%;top: 38%;}
.s_product .dot.n6{left: 47%;top: 20%;}
.s_product .dot.n7{left: 60%;top: 53%;}
.s_product .dot.n8{left: 48%;top: 94%;}
/* .s_product .productArea .imgBx .real{left: 30%;} */
.s_product .productArea{transform: translateX(25%); max-width: 60%;}
.s_product .productArea .imgBx .shadow{ bottom: 0%; right: -7%; width: 172%; height: 6%;}
.s_product .productArea .imgBx .cir{
    left: 46%;
    top: 51%;
    position: absolute;
	width: 23.81%;
	aspect-ratio: 1/1;
}
.s_product .ground {
height: 90px;}


@media screen and (max-width: 1680px) {
    .s_detail .cont .imgBx .bigImg.n1{max-width: clamp(1300px, 1300 / 1440 * 100vw, 1520px);}
    .s_detail .cont .imgBx .bigImg.n2{max-width: clamp(1300px, 1300 / 1440 * 100vw, 1520px);}
    .s_detail .cont .imgBx .bigImg.n3{max-width: clamp(1280px, 1280 / 1440 * 100vw, 1500px);}
}
@media screen and (max-width: 1440px) {
    .s_detail .cont.n1 .imgBx, .s_detail .cont.n3 .imgBx{padding: unset;}
    .s_detail .cont .imgBx .bigImg.n1{max-width: clamp(1220px, 1220 / 1280 * 100vw, 1700px);}
    .s_detail .cont .imgBx .bigImg.n2 {max-width: clamp(1220px, 1220 / 1280 * 100vw, 1700px);}
    .s_detail .cont .imgBx .bigImg.n3 {max-width: clamp(1200px, 1200 / 1280 * 100vw, 1600px);}
    .s_info .wrap .cont .flexBx .imgBx .txtBx h4{font-size: clamp(26px, 26 / 1280 * 100vw, 30px);}
    .s_info .wrap .cont .flexBx .imgBx .txtBx span{font-size: clamp(20px, 20 / 1280 * 100vw, 22px);}
    .s_mechanism .cont .flexBx{gap: 2em;}
}
@media screen and (max-width: 1280px) {
    .s_detail .cont .imgBx .bigImg.n1{max-width: clamp(1000px, 1000 / 1024 * 100vw, 1700px);}
    .s_detail .cont .imgBx .bigImg.n2 {max-width: clamp(1000px, 1000 / 1024 * 100vw, 1220px);}
    .s_detail .cont .imgBx .bigImg.n3 {max-width: clamp(980px, 980 / 1024 * 100vw, 1600px);}
}
@media screen and (max-width: 1024px) {
    .s_info .wrap .cont .flexBx .imgBx .txtBx h4{font-size: clamp(24px, 24 / 820 * 100vw, 26px);}
    .s_info .wrap .cont .flexBx .imgBx .txtBx span{font-size: clamp(18px, 18 / 820 * 100vw, 20px);}
    .s_detail .cont .imgBx {margin-top: unset;}
    .s_detail .cont.n3 .imgBx{top: unset;}
    .s_detail .cont .imgBx .smallImg, .s_detail .cont .imgBx .bigImg {display: none;}
    .s_detail .cont .imgBx ._tablet{display: block; margin: 0 auto;}
}
@media screen and (max-width: 820px) {
    .s_info .wrap .title h3 br{display: none;word-break: keep-all;}
    .s_info .wrap .title p br{display: none;}
    .s_info .wrap .cont .flexBx .imgBx .txtBx h4{font-size: clamp(20px, 20 / 500 * 100vw, 24px);}
    .s_product .productArea {transform: translateX(15%);max-width: 80%;}
    .s_mechanism .cont .flexBx{flex-wrap: wrap;}
    .s_mechanism .cont .box{width: unset;}
}
@media screen and (max-width: 650px) {
    .s_detail .cont .imgBx ._tablet{display: none;}
    .s_detail .cont .imgBx ._mob{display: block; margin-top: 40px;}
    .s_product .productArea{transform: translateX(10%); max-width: 90%;}
}
@media screen and (max-width: 500px) {
    .s_info .wrap .cont .flexBx .imgBx .txtBx h4{font-size: clamp(18px, 18 / 360 * 100vw, 20px);}
    .s_info .wrap .cont .flexBx .imgBx .txtBx span{font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
    .s_info .wrap .cont .flexBx .imgBx .txtBx span br{display: none;word-break: keep-all;}
	.s_product .productArea{transform: translateX(6%); max-width: 90%;}
}
@media screen and (max-width: 360px) {}