.section-siwt{padding:0;padding-top:var(--padding-top, 0);padding-bottom:var(--padding-bottom, 0);background-color:var(--background-color, #fff);overflow:hidden}.section-slide-image-with-tabs{overflow:hidden}.slide-image-with-tabs-inner{padding-bottom:32px}.tab-wrap{position:relative;margin-top:24px}.dl-common__header{width:100%;max-width:1280px;padding:0 15px;text-align:center;margin:0 auto}.dl-common__header h2{color:var(--dl-common-header-h2-color, #333);font-size:var(--dl-common-header-h2-font-size, 40px);font-weight:var(--dl-common-header-h2-font-weight, 800);line-height:var(--dl-common-header-h2-line-height, 50px)}.dl-common__header .desc{color:var(--dl-common-header-desc-color, #666);font-size:var(--dl-common-header-desc-font-size, 16px);line-height:var(--dl-common-header-desc-font-weight, 500);line-height:var(--dl-common-header-desc-line-height, 20px);margin-top:12px}@media (max-width: 768px){.dl-common__header h2{color:var(--dl-common-header-h2-color-m, #333);font-size:var(--dl-common-header-h2-font-size-m, 28px);font-weight:var(--dl-common-header-h2-font-weight-m, 800);line-height:var(--dl-common-header-h2-line-height-m, 35px)}.dl-common__header .desc{color:var(--dl-common-header-desc-color-m, #666);font-size:var(--dl-common-header-desc-font-size-m, 14px);line-height:var(--dl-common-header-desc-font-weight-m, 500);line-height:var(--dl-common-header-desc-line-height-m, 18px)}}@media (max-width: 768px){.tab-wrap{width:100%}.section-siwt{padding-top:var(--padding-top-mobile, calc(var(--padding-top, 0) / 2));padding-bottom:var(--padding-bottom-mobile, calc(var(--padding-bottom, 0) / 2))}}.hidden{display:none!important}.noscrollbar::-webkit-scrollbar{width:0;height:0;display:none}@media (max-width: 1024px){.mobile-hidden{display:none!important}}@media (min-width: 1025px){.md-hidden{display:none!important}}.section-siwt .tab-wrap-left-arrow,.section-siwt .tab-wrap-right-arrow{position:absolute;display:flex;height:100%;align-items:center;margin-top:auto;margin-bottom:auto;cursor:pointer;top:0;bottom:0;width:14px;font-size:12px;font-weight:700;justify-content:center;display:none}.section-siwt .tab-wrap-left-arrow{left:0;border-right-width:1px;border-right-color:#d9d9d9;border-right-style:solid;transform:translate(-100%)}.section-siwt .tab-wrap-right-arrow{right:0;border-left-width:1px;border-left-color:#d9d9d9;transform:translate(100%);border-left-style:solid}.section-siwt .tabs{scroll-behavior:smooth;display:flex;gap:4px}.section-siwt .tabs .tab-item{cursor:pointer;padding:12px 24px;text-align:center;color:#000;font-size:14px;font-weight:600;line-height:18px}@media (min-width: 1025px){.section-siwt .tabs{border-radius:68px;background-color:#ecedf0;margin-left:auto;margin-right:auto;width:fit-content;padding:4px}}@media (max-width: 1024px){.section-siwt .tabs{gap:5px;margin-left:0;margin-right:-15px;width:calc(100% + 15px);overflow:auto}.section-siwt .tabs .tab-item{border-radius:68px;background-color:#ecedf0;flex:0 0 auto;padding:10px 15px;font-size:13px}}.section-siwt .tabs .tab-item.active{color:#fff;background:#000;border-radius:68px}.section-siwt .swiper{height:100%;scroll-snap-type:x mandatory;overflow:initial;position:relative;width:100%}.section-siwt .swiper-slide{border-radius:16px;position:relative;cursor:pointer;transition:transform .3s cubic-bezier(0,0,.5,1)}.section-siwt .swiper-slide.swiper-slide-active{transform:scale(1);opacity:1}.section-siwt .mobile-t{display:none}.section-siwt .mobile-t .mobile-t-title{width:100%;color:#000;font-size:20px;line-height:30px;font-weight:700}.section-siwt .mobile-t .mobile-t-desc{width:100%;margin-top:5px;color:#1e1f1e;font-size:14px;line-height:18px;font-weight:500}.section-siwt .siwt-img{width:100%;object-fit:fill;border-radius:16px}.section-siwt .pc-t{position:absolute;left:32px;bottom:32px}.section-siwt .pc-t-title{width:546px;color:#fff;font-size:21px;font-weight:700;line-height:25px}.section-siwt .pc-t-desc{width:626px;margin-top:16px;color:#fffffff5;font-size:14px;font-weight:400;line-height:18px}@media (min-width: 1025px){.section-siwt .swiper{margin-top:40px}.section-siwt .swiper-wrapper{display:flex;align-items:center}.section-siwt .swiper-slide{width:718px;height:400px;opacity:.3;transform:scale(.83)}.section-siwt .siwt-img{width:100%;height:100%;object-fit:cover;object-position:center}}@media (min-width: 1441px){.section-siwt .swiper-slide{width:860px;height:480px}.section-siwt .pc-t-desc{width:685px}.section-siwt .no-big-slide .swiper-slide{width:718px;height:400px}.section-siwt .no-big-slide .pc-t-desc{width:626px}}@media (max-width: 1024px){.section-siwt .swiper{margin-top:40px}.section-siwt .swiper-slide{width:100%}}@media (max-width: 768px){.section-siwt .swiper{margin-top:20px}.section-siwt .mobile-t{display:block}.section-siwt .siwt-img{margin-top:0}.section-siwt .pc-t{display:none}}.section-siwt .swiper-button-prev,.section-siwt .swiper-button-next{width:auto;height:auto}.section-siwt .swiper-button-prev{left:50%;margin-left:-718px}.section-siwt .swiper-button-next{left:50%;right:auto;margin-left:670px}.section-siwt .swiper-button-next:after,.section-siwt .swiper-button-prev:after{content:""}.section-siwt .swiper-pagination{bottom:-32px}.section-siwt .custom-pagination{width:fit-content;padding:0 16px;border-radius:40px;margin:0 auto;display:flex;justify-content:center;align-items:center}.section-siwt .custom-pagination .custom-pagination-bullets,.section-siwt .custom-pagination .custom-pagination-bullets .slider-container{display:flex}.section-siwt .custom-pagination .custom-pagination-progress-container{width:72px;height:8px;background:#0000001a;border-radius:20px;margin-left:8px;display:none}.section-siwt .custom-pagination .slider-container:nth-child(1) .custom-pagination-progress-container{margin-left:0}.section-siwt .custom-pagination .custom-pagination-progress{height:100%;background:#000;border-radius:20px;width:0}@keyframes widthAniamation{0%{width:0}to{width:100%}}.section-siwt .custom-pagination .custom-pagination-bullet{width:8px;height:8px;background:#0000001a;border-radius:50%;cursor:pointer;margin-left:10px}.section-siwt .custom-pagination .custom-pagination-bullet.active{background:#fff}@media (max-width: 1024px){.section-siwt .swiper-button-prev,.section-siwt .swiper-button-next,.section-siwt .swiper-pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/dl-slide-image-with-tabs.css.map */