body{background:#f9f9f9}.banner{width:100%;height:41.666vw;position:relative;overflow:hidden}.banner .banner-inner{position:absolute;left:var(--page-padding);bottom:12.5rem;width:60%;z-index:2}.banner .banner-inner .title{font-size:3.375rem;font-weight:500;line-height:4.375rem;letter-spacing:.03em;color:#fff}.banner-container{width:100%;height:41.666vw;position:relative;overflow:hidden}.banner-footer{position:absolute;z-index:10;width:calc(100% - var(--page-padding) * 2);left:50%;bottom:3.75rem;transform:translate(-50%);border-top:1px solid rgba(236,239,241,.3);padding-top:2.8125rem}.banner-navs{width:9rem;height:2.125rem;position:relative}.banner-navs:before{content:"";display:block;width:1px;height:1.75rem;background:#fff6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.banner-navs .banner-nav{width:2.125rem;height:2.125rem}.banner-navs .banner-nav .icon{width:100%;height:100%}.cate-container{margin-top:8.75rem;height:11.875rem;position:relative}.cate-swiper{margin:0 var(--page-padding)}.cate-swiper .swiper-slide{width:14.2857142857%;height:11.875rem}.cate-card{width:100%;height:11.875rem}.cate-card .photo{width:5.625rem;height:5.625rem}.cate-card .title{margin-top:.9375rem;font-size:1.125rem;font-weight:400;line-height:1.875rem;min-height:3.75rem;height:auto;overflow:visible;text-align:center;color:#000}.cate-prev{display:block;position:absolute;left:0;top:0;width:calc(var(--page-padding) + 1.875rem);height:11.875rem;background:#f9f9f9;z-index:10;visibility:visible;pointer-events:none}.cate-prev .icon{width:1.625rem;height:1.625rem;position:absolute;right:1.25rem;top:calc(50% - 2.34375rem);transform:translateY(-50%);pointer-events:auto}.cate-prev.swiper-button-disabled{opacity:0;z-index:-1;visibility:hidden}.cate-next{display:block;position:absolute;right:0;top:0;width:calc(var(--page-padding) + 1.875rem);height:11.875rem;background:#f9f9f9;z-index:10;visibility:visible;pointer-events:none}.cate-next .icon{width:1.625rem;height:1.625rem;position:absolute;left:1.25rem;top:calc(50% - 2.34375rem);transform:translateY(-50%);pointer-events:auto}.cate-next.swiper-button-disabled{opacity:0;z-index:-1;visibility:hidden}.pro-page{padding:5rem var(--page-padding)}.pro-page .pro-main-title{font-size:2.75rem;font-weight:500;line-height:normal;color:#000;margin-bottom:4.375rem}.filter-btn{height:3rem;padding:0 .9375rem;background:#fff;position:relative;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-btn.sort .icon img{display:none}.filter-btn.sort[data-val=normal] .icon .normal,.filter-btn.sort[data-val=up] .icon .up,.filter-btn.sort[data-val=down] .icon .down{display:block}.filter-btn:hover{opacity:1}.filter-btn:hover>.label{opacity:.85}.filter-btn:hover>.icon{opacity:.85}.filter-btn.active[data-type=dropdown]>.label{color:var(--color-primary)}.filter-btn.active[data-type=dropdown]>.icon{transform:rotate(180deg)}.filter-btn.active[data-type=dropdown]>.icon .after{display:block}.filter-btn.active[data-type=dropdown]>.icon .before{display:none}.filter-btn+.filter-btn{margin-left:1.5rem}.filter-btn.sort{margin-right:1.5rem}.filter-btn.sort:after{content:"";display:block;width:1px;height:2.125rem;background:#0000001a;position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%)}.filter-btn>.label{font-size:1.125rem;color:#000;transition:all .2s ease-in-out}.filter-btn>.icon{width:1.5rem;height:1.5rem;position:relative;margin-left:.75rem;transition:all .2s ease-in-out}.filter-btn>.icon img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-btn>.icon .hidden{display:none}.filter-btn>.icon .after{display:none}.filter-dropdown-box{display:none;position:absolute;top:4.25rem;left:0;width:17.875rem;background:#fff;border:1px solid #ECEFF1;padding-bottom:2.1875rem}.filter-dropdown-box .dpdown-bd{padding:1.25rem}.filter-dropdown-box .dp-select-list{max-height:17.5rem;position:relative;overflow-y:auto}.filter-dropdown-box .dp-select-list::-webkit-scrollbar{width:5px;height:5px;border-radius:3px;position:relative}.filter-dropdown-box .dp-select-list::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5);background-color:#999}.filter-dropdown-box .dp-select-list::-webkit-scrollbar-thumb:hover{background-color:#888}.filter-dropdown-box .dp-select-list::-webkit-scrollbar-track-piece{background:#f9f9f9}.filter-dropdown-box .dp-option{height:2.25rem;display:flex;align-items:center;padding:0 .625rem}.filter-dropdown-box .dp-option+.dp-option{margin-top:.625rem}.filter-dropdown-box .dp-option.checked .checkbox{border-color:var(--color-primary)}.filter-dropdown-box .dp-option.checked .checkbox .check-icon{display:block}.filter-dropdown-box .dp-option.checked .label{color:var(--color-primary)}.filter-dropdown-box .dp-option .checkbox{width:1rem;height:1rem;border:.0625rem solid #CCCCCC;position:relative}.filter-dropdown-box .dp-option .checkbox .check-icon{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}.filter-dropdown-box .dp-option .label{margin-left:1rem;font-size:1rem;font-weight:400;line-height:1.125rem;color:#666}.filter-dropdown-box .dpdown-ft .close-btn{margin:0 1.875rem;height:2.625rem;border:1px solid #ECEFF1;font-size:.875rem;font-weight:400;line-height:1;color:#000}.filter-result{margin-top:2.5rem;padding-top:1.875rem;border-top:.0625rem solid #ECEFF1}.filter-result.hidden{display:none}.filter-result .filter-remove-btn{height:3rem;padding:0 .9375rem;background:var(--color-primary);font-size:1.125rem;font-weight:400;color:#fff}.filter-result .filter-card{height:3rem;padding:0 .9375rem;background:#fff;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:1.5rem}.filter-result .filter-card .label{font-size:1.125rem;color:#000;transition:all .2s ease-in-out}.filter-result .filter-card .filter-cross-btn{width:1.5rem;height:1.5rem;position:relative;margin-left:.75rem}.filter-result .filter-card .filter-cross-btn:before{content:"";display:block;width:.9375rem;height:.1rem;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.filter-result .filter-card .filter-cross-btn:after{content:"";display:block;width:.9375rem;height:.1rem;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.pro-container{margin:3.75rem -.875rem 0}.pro-card{width:calc(25% - 1.75rem);margin:0 .875rem 1.75rem;background:#fff;padding:1.875rem 1.875rem 2.1875rem;cursor:pointer;transition:all .3s ease-in-out}.pro-card:hover{transform:translateY(-.375rem)}.pro-card .tags .tag{font-size:.875rem;font-weight:500;height:1.75rem;padding:0 .5625rem;background:var(--color-primary);color:#fff;margin-right:.5rem}.pro-card .tags .tag-arr{background:#a1000c0d;font-size:.875rem;font-weight:500;height:1.75rem;padding:0 .5625rem;color:var(--color-primary)}.pro-card .tags .tag-arr:before{display:none}.pro-card .tags .tag-arr:after{display:none}.pro-card .photo{width:17.5rem;height:14.375rem;margin:1.5rem auto 0}.pro-card .m-number{margin-top:1.4375rem;font-size:.875rem;font-weight:400;line-height:1;color:#666}.pro-card .title{margin-top:.9375rem;font-size:1.375rem;font-weight:500;line-height:1.875rem;color:#000}.pro-card .desc{margin-top:.9375rem;font-size:1rem;font-weight:400;line-height:1;color:#333}.pro-card .price{vertical-align:baseline;margin-top:2.1875rem}.pro-card .price .unit{font-size:1.125rem;font-weight:500;line-height:1;margin-right:.375rem;color:var(--color-primary)}.pro-card .price .value{font-size:1.625rem;line-height:1;font-weight:500;color:var(--color-primary)}.filter-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;overflow:hidden;z-index:60}.filter-popup.active{display:block}.filter-popup.active .mask{animation:fadeIn .2s linear both}.filter-popup.active .filter-popup-container{animation:slideLeft .2s linear both}.filter-popup .mask{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.filter-popup-container{width:27.5rem;height:100%;position:absolute;left:-28.125rem;background:#fff;display:flex;flex-direction:column;padding:2.8125rem 0 2.5rem}.filter-popup-hd{margin:0 3.125rem;padding-bottom:2.1875rem;border-bottom:1px solid #F9F9F9}.filter-popup-hd .title{font-size:1.625rem;font-weight:500;line-height:1;color:#000}.filter-popup-bd{padding:0 3.125rem;flex:1;height:0;overflow-y:auto}.filter-popup-bd::-webkit-scrollbar{width:5px;height:5px;border-radius:3px;position:relative}.filter-popup-bd::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5);background-color:#999}.filter-popup-bd::-webkit-scrollbar-thumb:hover{background-color:#888}.filter-popup-bd::-webkit-scrollbar-track-piece{background:#f9f9f9}.aside-filter-main{padding:2.5rem 0}.aside-filter-item.active .aside-filter-item-hd .title{color:var(--color-primary)}.aside-filter-item.active .aside-filter-item-hd .icon-add:after{display:none}.aside-filter-item.active .aside-filter-item-hd .icon-add:before{background:var(--color-primary)}.aside-filter-item+.aside-filter-item{margin-top:1.875rem}.aside-filter-item .aside-filter-item-hd{padding-bottom:1.875rem;cursor:pointer}.aside-filter-item .aside-filter-item-hd .title{font-size:1.125rem;font-weight:400;line-height:1.25rem;color:#000}.aside-filter-item .aside-filter-item-hd .icon-add{display:block;width:1.125rem;height:1.125rem;position:relative}.aside-filter-item .aside-filter-item-hd .icon-add:before{content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aside-filter-item .aside-filter-item-hd .icon-add:after{content:"";display:block;width:2px;height:100%;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aside-filter-item .aside-filter-item-bd{display:none;padding-bottom:3.125rem}.aside-filter-item .aside-option{height:2.25rem;display:flex;align-items:center}.aside-filter-item .aside-option+.aside-option{margin-top:.625rem}.aside-filter-item .aside-option.checked .checkbox{border-color:var(--color-primary)}.aside-filter-item .aside-option.checked .checkbox .check-icon{display:block}.aside-filter-item .aside-option.checked .label{color:var(--color-primary)}.aside-filter-item .aside-option .checkbox{width:1rem;height:1rem;border:.0625rem solid #CCCCCC;position:relative}.aside-filter-item .aside-option .checkbox .check-icon{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}.aside-filter-item .aside-option .label{margin-left:1rem;font-size:1rem;font-weight:400;line-height:1.125rem;color:#666}.filter-popup-ft{margin:2.5rem}.filter-popup-ft .filter-popup-btn{width:100%;height:4.125rem;font-size:1.25rem;font-weight:400;line-height:1;color:#fff;background:var(--color-primary)}.filter-popup-ft .filter-popup-btn.is-disabled{color:#999;background:#eceff1;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{left:-28.125rem}to{left:0}}.color-seletion{margin-top:1.75rem}.color-seletion .color-item{width:1.25rem;height:1.25rem;position:relative;border-radius:50%}.color-seletion .color-item+.color-item{margin-left:.625rem}.color-seletion .color-item.active{border:1px solid #777777}.color-seletion .color-item .select-color{width:1rem;height:1rem;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 800px){.filter-result{display:none}body{background:#fff}.banner-pagination{display:flex;align-items:center;position:absolute;left:4vw;bottom:6.6667vw;z-index:10}.banner-pagination .swiper-pagination-bullet{width:6.4vw;height:.5333vw;background:#979797;opacity:.36;margin-right:2.6667vw;transition:all .3s ease-in-out}.banner-pagination .swiper-pagination-bullet-active{width:8vw;background:var(--color-primary);opacity:1}.banner{width:100%;height:80vw;position:relative;overflow:hidden}.banner .banner-inner{position:absolute;left:5.3333vw;bottom:13.3333vw;width:89.3333vw;z-index:2}.banner .banner-inner .title{font-size:5.8667vw;font-weight:500;line-height:8vw;letter-spacing:.03em;color:#fff}.banner-container{height:80vw}.banner-footer{display:block;width:89.3333vw;bottom:6.6667vw;padding-top:0}.banner-navs{display:none}.cate-container{margin-top:40px;height:32.5333vw;position:relative}.cate-swiper{margin:0 5.3333vw}.cate-swiper .swiper-slide,.cate-card{width:25.0667vw;height:28.5333vw}.cate-card .photo{width:19.4667vw;height:16vw}.cate-card .title{margin-top:.8vw;width:100%;font-size:3.2vw;font-weight:400;line-height:6.4vw;height:6.4vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal!important;word-wrap:normal�!important;text-align:center;color:#000}.cate-prev,.cate-next,.pro-filter-bar{display:none}.pro-page{position:relative;padding:6.6667vw 4vw 17.3333vw}.pro-page .pro-main-title{position:relative;padding-right:30vw;font-size:5.3333vw;font-weight:500;line-height:9.0667vw;color:#000;margin-bottom:8vw}.pro-page .pro-filter-bar{display:block}.pro-page .filter-bar{position:absolute;top:5.3333vw;right:4vw;z-index:20}.pro-page .filter-actions{display:none}.pro-page .filter-bar>.filter-btn[data-type=all]{position:static;min-width:26.1333vw;min-height:44px;height:11.7333vw;max-height:48px;margin:0;padding:0 2.6667vw;transform:none}.pro-page .filter-bar>.filter-btn[data-type=all]>.label{font-size:0;line-height:0}.pro-page .filter-bar>.filter-btn[data-type=all]>.label:after{content:"All Filters";font-size:2.9333vw;line-height:3.2vw}.pro-page .filter-bar>.filter-btn[data-type=all]>.icon{width:4.2667vw;height:4.2667vw;margin-left:2.1333vw}.pro-page .filter-btn{padding:0 3.2vw;height:8vw;align-items:center;justify-content:center;background:#f9f9f9;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.pro-page .filter-btn .label{font-size:2.9333vw;font-weight:400;line-height:3.2vw;color:#000}.pro-page .filter-btn .icon{margin-left:2.1333vw;width:4.2667vw;height:4.2667vw}.pro-container{margin:0}.pro-card{display:block;width:44.8vw;background:#f9f9f9;padding:3.4667vw 2.6667vw 5.3333vw;cursor:pointer;margin:0}.pro-card:nth-child(n+3){margin-top:2.6667vw}.pro-card .tags{margin-left:1.0667vw}.pro-card .tags .tag{font-size:2.6667vw;font-weight:500;height:3.7333vw;padding:0 1.0667vw;background:var(--color-primary);color:#fff;margin-right:1.3333vw}.pro-card .tags .tag-arr{background:#a1000c0d;position:relative;font-size:2.6667vw;font-weight:500;height:3.7333vw;padding:0 2.9333vw 0 1.0667vw;color:var(--color-primary)}.pro-card .tags .tag-arr:before{content:"";display:block;width:1.8667vw;height:1.8667vw;background:#f9f9f9;clip-path:polygon(0 0,100% 0,100% 100%);position:absolute;right:0;top:0}.pro-card .tags .tag-arr:after{content:"";display:block;width:1.8667vw;height:1.8667vw;background:#f9f9f9;clip-path:polygon(100% 0,0 100%,100% 100%);position:absolute;right:0;bottom:0}.pro-card .photo{width:33.0667vw;height:27.2vw;margin:2.4vw/auto 0}.pro-card .m-number{margin-top:2.6667vw;font-size:2.6667vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-card .title{margin-top:2.6667vw;font-size:3.4667vw;font-weight:400;line-height:3.7333vw;letter-spacing:-.02em;color:#000}.pro-card .desc{margin-top:2.1333vw;font-size:2.9333vw;font-weight:400;line-height:1;color:#333}.pro-card .price{vertical-align:baseline;margin-top:5.3333vw}.pro-card .price .unit{font-size:2.1333vw;font-weight:500;line-height:1;margin-right:.5333vw;color:var(--color-primary)}.pro-card .price .value{font-size:4.2667vw;line-height:1;font-weight:500;color:var(--color-primary)}.color-seletion{display:none}.pro-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0}.filter-popup{z-index:60}.filter-popup.active{display:block}.filter-popup.active .mask{animation:fadeIn .2s linear both}.filter-popup.active .filter-popup-container{animation:slideLeft .2s linear both}.filter-popup .mask{display:none}.filter-popup-container{width:100vw;height:calc(100vh - 16vw);height:calc(100dvh - 16vw);position:absolute;left:-100vw;top:16vw;background:#fff;display:flex;flex-direction:column;padding:5.3333vw 5.3333vw 6.6667vw}.popup-hd-close{width:7.4667vw;height:7.4667vw;margin-left:81.8667vw;padding:0;border:0;background:transparent}.popup-hd-close .icon{width:7.4667vw;height:7.4667vw}.filter-popup-hd{margin:0;padding:4.8vw 0 8vw;border-bottom:.2667vw solid #ECEFF1;position:relative;display:flex;align-items:center;justify-content:space-between}.filter-popup-hd .title{font-size:5.3333vw;font-weight:400;line-height:1;color:#000}.filter-popup-hd .remove-btn{padding:0;border:0;background:transparent;font-size:3.2vw;font-weight:400;line-height:5.3333vw;letter-spacing:0em;color:#333}.filter-popup-bd{padding:0;flex:1;height:0;overflow-y:auto}.filter-popup-bd::-webkit-scrollbar{width:5px;height:5px;border-radius:3px;position:relative}.filter-popup-bd::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5);background-color:#999}.filter-popup-bd::-webkit-scrollbar-thumb:hover{background-color:#888}.filter-popup-bd::-webkit-scrollbar-track-piece{background:#f9f9f9}.aside-filter-main{padding:9.3333vw 0}.aside-filter-item+.aside-filter-item{margin-top:2.6667vw}.aside-filter-item .aside-filter-item-hd{padding-bottom:6.4vw;cursor:pointer}.aside-filter-item .aside-filter-item-hd .title{font-size:3.7333vw;font-weight:400;line-height:5.3333vw}.aside-filter-item .aside-filter-item-hd .icon-add{width:5.3333vw;height:5.3333vw}.aside-filter-item .aside-filter-item-hd .icon-add:before{width:3.2vw;height:.4vw}.aside-filter-item .aside-filter-item-hd .icon-add:after{width:.4vw;height:3.2vw}.aside-filter-item .aside-filter-item-bd{display:none;padding-bottom:3.125rem}.aside-filter-item .aside-option{height:9.3333vw;display:flex;align-items:center}.aside-filter-item .aside-option+.aside-option{margin-top:1.0667vw}.aside-filter-item .aside-option .checkbox{width:3.7333vw;height:3.7333vw;border:.2667vw solid #CCCCCC;position:relative}.aside-filter-item .aside-option .checkbox .check-icon{width:3.7333vw;height:3.7333vw}.aside-filter-item .aside-option .label{margin-left:3.2vw;font-size:3.4667vw;font-weight:400;line-height:3.7333vw;color:#666}.filter-popup-ft{margin:auto 0 0;flex:0 0 auto;padding-top:6.6667vw}.filter-popup-ft .filter-popup-btn{width:100%;height:13.8667vw;background:var(--color-primary);font-size:4vw;font-weight:500;line-height:5.3333vw;color:#fff}.filter-popup-ft .filter-popup-btn.is-disabled{color:#999;background:#eceff1;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{left:-100vw}to{left:0}}}