.banner-container{width:100%;height:var(--screen-height);position:relative}.banner-container:before{content:"";display:block;width:100%;height:22.5rem;opacity:1;background:linear-gradient(360deg,rgba(0,0,0,.26) 33%,transparent 86%);position:absolute;bottom:0;left:0;z-index:2}.banner-swiper,.banner{width:100%;height:var(--screen-height)}.banner-mini-swiper{width:calc(100% - var(--page-padding) * 2);height:9.125rem;position:absolute;bottom:3.625rem;left:50%;transform:translate(-50%);z-index:10}.banner-mini-swiper .swiper-slide{width:31.875rem;height:9.125rem}.smini-card{width:31.875rem;height:9.125rem;display:flex;align-items:center;justify-content:center;padding:0 1.4375rem;background:#fff3;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);cursor:pointer;transition:all .3s ease-in-out}.smini-card.active{background:#fff}.smini-card.active .info .tag{display:block}.smini-card.active .info .title{color:#000}.smini-card.active .info .info-bt{display:none}.smini-card .photo{width:9.375rem;height:6.25rem}.smini-card .info{flex:1;width:0;margin-left:1.5rem}.smini-card .info .tag{font-size:1.5rem;font-weight:500;line-height:1.75rem;text-transform:capitalize;color:var(--color-primary);display:none;margin-bottom:.75rem}.smini-card .info .title{font-size:1.5rem;font-weight:500;line-height:1.75rem;color:#fff}.smini-card .info .info-bt{margin-top:1.25rem}.smini-card .info .info-bt .label{font-size:1rem;font-weight:400;line-height:1;letter-spacing:.03em;color:#fff;margin-right:1.25rem}.smini-card .info .info-bt .arr{width:1.5rem;height:1.5rem}.intro-container{padding:8.75rem var(--page-padding) 0;background:url(./series_bg_2.png) no-repeat right top/100% 55.208vw #fff}.intro-box{position:relative}.intro-box .intro-tag{position:absolute;z-index:10;top:.9375rem;right:0}.intro-box .intro-tag .label{font-size:1.5rem;font-weight:500;line-height:2.1875rem;letter-spacing:.03em;color:#000}.intro-box .intro-tag .dot{width:2.0625rem;margin-left:1.5rem}.intro-box .title{font-size:2.75rem;font-weight:500;line-height:4rem;letter-spacing:.03em;color:#000}.intro-box .desc{width:77.625%;margin-top:3.75rem;font-size:1.125rem;font-weight:400;line-height:2.5rem;text-align:justify;letter-spacing:-.02em;color:#666}.intro-box .intro-banner{margin-top:7.5rem;width:100%;height:40%}.detail-page{margin:10rem var(--page-padding) 0;background:#fff}.detail-page .detail-title{margin-bottom:10rem;font-size:2.75rem;font-weight:500;line-height:1;letter-spacing:.03em;color:#000}.detail-item{display:flex;align-items:center}.detail-item:nth-child(2n){flex-direction:row-reverse}.detail-item:nth-child(2n) .info{margin-left:0;margin-right:5rem}.detail-item:first-child .info{padding-bottom:12.5rem}.detail-item+.detail-item{margin-top:-8.125rem}.detail-item .photo{width:47.5%;height:48.4375vw}.detail-item .info{flex:1;width:0;margin-left:5rem;padding:0 1.375rem}.detail-item .info .tag{font-size:1.25rem;font-weight:400;line-height:1;letter-spacing:.03em;color:var(--color-primary)}.detail-item .info .title{margin-top:1.5rem;font-size:2rem;font-weight:500;line-height:1;color:#000}.detail-item .info .dou{width:.75rem;margin-top:2.75rem}.detail-item .info .content{margin-top:2.75rem;font-size:1.125rem;font-weight:400;line-height:2;text-align:justify;letter-spacing:-.02em;color:#666}.material-box{margin:8.75rem var(--page-padding) 0;border-top:1px solid #ECEFF1;padding-top:8.75rem}.material-box .material-title{justify-content:space-between;align-items:flex-end}.material-box .material-title .title{flex:1;width:0;margin-right:2.5rem;font-size:2.75rem;font-weight:500;line-height:4rem;letter-spacing:.03em;color:#000}.material-box .material-title .desc{width:44.8125%;font-size:1.125rem;font-weight:400;line-height:2;text-align:justify;letter-spacing:-.02em;color:#666}.mt-list{margin-top:10.625rem}.mt-card{display:flex;align-items:center}.mt-card:nth-child(2n){flex-direction:row-reverse}.mt-card:nth-child(2n) .mt-card-info{margin-left:0;margin-right:5rem}.mt-card:first-child .mt-card-info{padding-bottom:12.5rem}.mt-card+.mt-card{margin-top:-6.875rem}.mt-card .photo{width:47.5%;height:48.4375vw}.mt-card .mt-card-info{flex:1;width:0;margin-left:5rem;padding:0 1.375rem}.mt-card .mt-card-info .title{font-size:2rem;font-weight:500;line-height:1;text-transform:capitalize;color:#000}.mt-card .mt-card-info .content{margin-top:2.5rem;font-size:1.125rem;font-weight:400;line-height:2;text-align:justify;letter-spacing:-.02em;color:#666}.mt-card .mt-card-info .selection-box{margin-top:5rem}.mt-card .mt-card-info .selection-title{font-size:1.5rem;font-weight:500;line-height:2rem;color:#000}.mt-card .mt-card-info .selection-list{margin-top:1.875rem}.mt-card .mt-card-info .style-item{width:3rem;height:3rem;position:relative}.mt-card .mt-card-info .style-item+.style-item{margin-left:1.25rem}.mt-card .mt-card-info .style-item.active:after{content:"";display:block;width:3.5625rem;height:4.0625rem;background:url(data:image/png;base64,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) no-repeat top left/100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.pro-container{margin:7.5rem var(--page-padding) 5.125rem}.pro-main-title .title{font-size:2.75rem;font-weight:500;line-height:1;letter-spacing:.03em;color:#000}.pro-main-title .pro-navs{width:9rem;height:2.125rem;position:relative}.pro-main-title .pro-navs .swiper-button-disabled{opacity:.3}.pro-main-title .pro-navs:before{content:"";display:block;width:1px;height:1.75rem;background:#0006;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pro-main-title .pro-navs .pro-nav{width:2.125rem;height:2.125rem}.pro-main-title .pro-navs .pro-nav .icon{width:100%;height:100%}.pro-main-box{margin-top:5.625rem}.pro-swiper .swiper-slide{width:23.625rem}.pro-card{display:block;width:23.625rem;background:#f9f9f9;padding:1.875rem 1.875rem 2.1875rem;cursor:pointer}.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;position:relative;font-size:.875rem;font-weight:500;height:1.75rem;padding:0 1.4375rem 0 .5625rem;color:var(--color-primary)}.pro-card .tags .tag-arr:before{content:"";display:block;width:.875rem;height:.875rem;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:.875rem;height:.875rem;background:#f9f9f9;clip-path:polygon(100% 0,0 100%,100% 100%);position:absolute;right:0;bottom:0}.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)}.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%)}.smini-card{border:0;text-align:left;transition:background-color .3s ease-in-out,transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s ease}.smini-card:not(.active):hover{background:#ffffff47;transform:translateY(-.125rem)}.smini-card:active{transform:scale(.985)}.smini-card:focus-visible{outline:2px solid #fff;outline-offset:2px}.banner-mini-swiper .swiper-wrapper,.banner-swiper .swiper-wrapper{will-change:transform;backface-visibility:hidden}.smini-card .title,.intro-box>.title,.detail-item .title,.material-title .title,.mt-card .title{white-space:pre-line}.style-item,.color-item{padding:0;border:0;background:transparent}.mt-card .mt-card-info .selection-list{display:flex;align-items:center;flex-wrap:wrap;gap:.9375rem;margin-top:1.875rem}.mt-card .mt-card-info .style-item,.mt-card .mt-card-info .style-item+.style-item{display:inline-flex;align-items:center;justify-content:center;width:4.375rem;height:4.375rem;margin-left:0;position:relative;flex:0 0 4.375rem;opacity:1;cursor:pointer;transition:transform .2s cubic-bezier(.2,0,0,1)}.mt-card .mt-card-info .style-item.active:after{content:none}.material-swatch{display:block;width:4.375rem;height:4.375rem;position:relative}.material-swatch:before,.material-swatch:after{content:"";display:block;position:absolute;opacity:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);transition:opacity .18s ease}.material-swatch:before{top:0;right:0;bottom:0;left:0;background:#ff4958}.material-swatch:after{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;background:#fff}.material-swatch img{display:block;width:3.3125rem;height:3.3125rem;object-fit:cover;position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.style-item.active .material-swatch:before,.style-item.active .material-swatch:after{opacity:1}.style-item:active{transform:scale(.96)}.style-item:focus-visible{outline:2px solid #ff4958;outline-offset:3px}.mt-card>.photo{overflow:hidden}.mt-card>.photo img.is-material-image-fade{animation:material-image-fade .3s ease-in-out both;will-change:opacity}@keyframes material-image-fade{0%{opacity:1}48%{opacity:0}52%{opacity:0}to{opacity:1}}.intro-container,.detail-page,.material-box,.pro-container{transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1)}.series-is-loading .intro-container,.series-is-loading .detail-page,.series-is-loading .material-box,.series-is-loading .pro-container{opacity:0;transform:translateY(1rem);pointer-events:none;transition-duration:.08s}@media (prefers-reduced-motion:reduce){.smini-card,.intro-container,.detail-page,.material-box,.pro-container{transition-duration:.01ms!important}.mt-card>.photo img.is-material-image-fade{animation:none!important}}@media screen and (max-width: 800px){.intro-container{margin:55px 0 0;padding:0 4vw}.mt-card .photo{touch-action:pan-y}.mt-card .mt-card-info .selection-box{top:calc(105.6vw - 25px);width:max-content}.mt-card .mt-card-info .selection-list{margin-top:0;flex-wrap:nowrap;gap:0}.mt-card .mt-card-info .style-item,.mt-card .mt-card-info .style-item+.style-item{width:6.4vw;height:6.4vw;flex:0 0 6.4vw}.mt-card .mt-card-info .style-item+.style-item{margin-left:2.4vw}.material-swatch{width:6.4vw;height:6.4vw}.material-swatch:after{top:.4vw;right:.4vw;bottom:.4vw;left:.4vw}.material-swatch img{width:5.3333vw;height:5.3333vw}.pro-swiper .swiper-wrapper{transform:none!important}.pro-swiper .swiper-slide{height:auto;margin-right:0!important}.pro-card{height:100%}.pro-card .photo{margin:2.4vw auto 0}}