.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, 0.26) 33%, rgba(0, 0, 0, 0) 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:translateX(-50%);z-index:10}.banner-mini-swiper .swiper-slide{width:31.875rem;height:9.125rem}.banner-mini-swiper .swiper-wrapper{will-change:transform;backface-visibility:hidden}.banner-swiper .swiper-wrapper{will-change:transform;backface-visibility:hidden}.smini-card{width:31.875rem;height:9.125rem;display:flex;align-items:center;justify-content:center;padding:0 1.4375rem;background:rgba(255,255,255,.2);backdrop-filter:blur(0.625rem);cursor:pointer;border:0;text-align:left;transition:background-color .3s ease-in-out,transform .22s cubic-bezier(0.2, 0, 0, 1),box-shadow .22s ease}.smini-card:not(.active):hover{background:rgba(255,255,255,.28);transform:translateY(-0.125rem)}.smini-card:active{transform:scale(0.985)}.smini-card:focus-visible{outline:2px solid #fff;outline-offset:2px}.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:normal;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{margin:8.75rem var(--page-padding) 0;background:#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 .icon{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:normal;line-height:2.5rem;text-align:justify;letter-spacing:-0.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(even){flex-direction:row-reverse}.detail-item:nth-child(even) .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:normal;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:normal;line-height:2;text-align:justify;letter-spacing:-0.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:normal;line-height:2;text-align:justify;letter-spacing:-0.02em;color:#666}.mt-list{margin-top:10.625rem}.mt-card{display:flex;align-items:center}.mt-card:nth-child(even){flex-direction:row-reverse}.mt-card:nth-child(even) .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:normal;line-height:2;text-align:justify;letter-spacing:-0.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;flex-wrap:wrap;gap:.9375rem}.mt-card .mt-card-info .style-item{display:inline-flex;align-items:center;justify-content:center;width:4.375rem;height:4.375rem;flex:0 0 4.375rem;position:relative}.mt-card .mt-card-info .style-item+.style-item{margin-left:0}.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:rgba(0,0,0,.4);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{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:rgba(161,0,12,.05);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:normal;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:normal;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 #777}.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 .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:rgba(0,0,0,0)}.style-item{cursor:pointer;opacity:1;transition:transform .2s cubic-bezier(0.2, 0, 0, 1)}.style-item::after{content:none !important}.style-item:active{transform:scale(0.96)}.style-item:focus-visible{outline:2px solid #ff4958;outline-offset:3px}.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{inset:0;background:#ff4958}.material-swatch::after{inset:.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}.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}100%{opacity:1}}.intro-container,.detail-page,.material-box,.pro-container{transition:opacity .2s cubic-bezier(0, 0, 0.2, 1),transform .2s cubic-bezier(0, 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){.banner-container{height:133.3333vw}.banner-container::before{display:none}.banner-swiper,.banner{width:100%;height:133.3333vw}.banner-mini-swiper{width:92vw;height:15.4667vw;position:absolute;bottom:5.6vw;left:50%;transform:translateX(-50%);z-index:10}.banner-mini-swiper .swiper-slide{width:54.4vw;height:15.4667vw}.smini-card{width:54.4vw;height:15.4667vw;padding:0 2.4vw}.smini-card .photo{width:16vw;height:10.6667vw}.smini-card .info{flex:1;width:0;margin-left:2.6667vw}.smini-card .info .tag{font-size:2.6667vw;font-weight:500;line-height:1;text-transform:capitalize;color:var(--color-primary);display:none;margin-bottom:1.3333vw}.smini-card .info .title{font-size:2.9333vw;font-weight:500;line-height:1;color:#fff}.smini-card .info .info-bt{display:none}.intro-container{padding:14.6667vw 4vw 0;background:url("../images/libs/series/series_bg_2.png") no-repeat right top/100% 55.208vw #fff}.intro-box{position:relative}.intro-box .intro-tag{display:none}.intro-box .title{font-size:5.3333vw;font-weight:500;line-height:9.0667vw;letter-spacing:.03em;color:#000}.intro-box .desc{width:100%;margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:6.4vw;letter-spacing:-0.02em;color:#555}.intro-box .intro-banner{margin-top:8vw;width:100%;height:36.8vw}.detail-page{margin:20vw 4vw 0;background:#fff}.detail-page .detail-title{margin-bottom:10.6667vw;font-size:5.3333vw;font-weight:500;line-height:9.0667vw;letter-spacing:0;color:#000}.detail-swiper-container{margin:0 -4vw}.detail-swiper-container .detail-swiper{width:100%}.detail-item{display:block;margin:0 4vw}.detail-item:nth-child(even) .info{margin-left:0;margin-right:0}.detail-item:first-child .info{padding-bottom:4vw}.detail-item+.detail-item{margin-top:0}.detail-item .photo{width:100%;height:112.5333vw}.detail-item .info{flex:none;width:100%;margin-left:0;padding:8vw 4vw;background:#f9f9f9}.detail-item .info .tag{font-size:2.6667vw;font-weight:normal;line-height:1;letter-spacing:.03em;color:var(--color-primary)}.detail-item .info .title{margin-top:5.3333vw;font-size:4vw;font-weight:500;line-height:4.2667vw;text-transform:capitalize;letter-spacing:0em;color:#000}.detail-item .info .dou{display:none}.detail-item .info .content{margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:6.4vw}.b2-footer{margin:8vw 4vw 0}.b2-scrollbar{flex:1;width:0;margin-right:8vw;height:.4vw;background:#f9f9f9}.b2-scrollbar .swiper-scrollbar-drag{background:var(--color-primary);height:.4vw}.b2-navs .b2-nav{width:8.5333vw;height:8.5333vw;background:#f9f9f9}.b2-navs .b2-nav+.b2-nav{margin-left:2.1333vw}.b2-navs .b2-nav .icon{width:5.3333vw;height:5.3333vw}.b2-navs .b2-nav.swiper-button-disabled{cursor:not-allowed}.b2-navs .b2-nav.swiper-button-disabled .icon{opacity:.3}.material-box{margin:26.6667vw 4vw 0;border-top:none;padding-top:0}.material-box .material-title{display:block}.material-box .material-title .title{flex:none;width:100%;margin-right:0;font-size:5.3333vw;font-weight:500;line-height:9.0667vw;letter-spacing:.03em;color:#000}.material-box .material-title .desc{width:100%;margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:6.4vw;color:#666}.mt-list{margin-top:10.6667vw}.mt-card{display:block;position:relative}.mt-card:nth-child(even) .mt-card-info{margin-left:0;margin-right:0}.mt-card:first-child .mt-card-info{padding-bottom:0}.mt-card+.mt-card{margin-top:16vw}.mt-card .photo{width:100%;height:112vw}.mt-card .mt-card-info{flex:none;width:100%;margin-left:0;padding:0;margin-top:5.3333vw}.mt-card .mt-card-info .title{font-size:4.2667vw;font-weight:500;line-height:2;color:#000;text-align:center}.mt-card .mt-card-info .content{margin-top:4vw;font-size:2.9333vw;font-weight:normal;line-height:6.4vw;text-align:justify;letter-spacing:0em;color:#666}.mt-card .mt-card-info .selection-box{margin-top:0;position:absolute;top:98.1333vw;left:50%;transform:translateX(-50%);z-index:10}.mt-card .mt-card-info .selection-title{display:none}.mt-card .mt-card-info .selection-list{margin-top:0}.mt-card .mt-card-info .style-item{width:6.4vw;height:6.4vw;position:relative}.mt-card .mt-card-info .style-item+.style-item{margin-left:2.4vw}.mt-card .mt-card-info .style-item.active::after{width:7.2667vw;height:8.4vw;background:url("/src/images/libs/metrail/type_selection_white.png") no-repeat top left/100% 100%}.pro-container{margin:16vw 4vw}.pro-main-title .title{font-size:4.2667vw;font-weight:500;line-height:6.4vw;letter-spacing:.03em;color:#000}.pro-main-title .pro-navs{display:none}.pro-main-box{margin-top:6.4vw}.pro-swiper .swiper-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.pro-swiper .swiper-slide{width:44.8vw}.pro-swiper .swiper-slide:nth-child(n+3){margin-top:2.6667vw}.pro-card{display:block;width:44.8vw;background:#f9f9f9;padding:3.4667vw 2.6667vw 5.3333vw;cursor:pointer}.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:rgba(161,0,12,.05);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}.pro-card .title{margin-top:2.6667vw;font-size:3.4667vw;font-weight:normal;line-height:3.7333vw;letter-spacing:-0.02em;color:#000}.pro-card .desc{margin-top:2.1333vw;font-size:2.9333vw;font-weight:normal;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}}