.mb-5{margin-bottom:5px}#header .main-scroll-srch,.main-renewal .main-scroll-srch{display:none;position:fixed;top:0;left:0;right:0;z-index:9999;margin:0 auto;padding:40rem 0 30rem;box-shadow:0 4px 10px rgba(0,0,0,.1);background:#fff}#header .main-scroll-srch .mss-in,.main-renewal .main-scroll-srch .mss-in{position:relative;padding:0 20rem}#header .main-scroll-srch .main-tab,.main-renewal .main-scroll-srch .main-tab{overflow:hidden}#header .main-scroll-srch .main-tab .ui-tab-sub-xm li .tab-txt,.main-renewal .main-scroll-srch .main-tab .ui-tab-sub-xm li .tab-txt{display:flex}#header .main-scroll-srch .sub-top-bd:before,.main-renewal .main-scroll-srch .sub-top-bd:before{left:0;width:100%;margin:0}#header .main-scroll-srch .btn-close,.main-renewal .main-scroll-srch .btn-close{position:absolute;top:-24rem;right:20rem;width:24rem;height:24rem;font-size:1px;line-height:0;color:transparent;white-space:nowrap;text-indent:150%}#header .main-scroll-srch .btn-close:after,#header .main-scroll-srch .btn-close:before,.main-renewal .main-scroll-srch .btn-close:after,.main-renewal .main-scroll-srch .btn-close:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:1px;background:#9da6b1;transform:translate(-50%,-50%) rotate(45deg)}#header .main-scroll-srch .btn-close:after,.main-renewal .main-scroll-srch .btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}#header .main-scroll-srch.show,.main-renewal .main-scroll-srch.show{display:block}.mTitle{margin:0 auto 20rem}.mTab,.mTitle{padding:0 20rem}.mTab{position:relative;z-index:1;max-width:1440rem;margin:0 auto 10rem}.mTab ul{overflow-x:auto;overflow-y:hidden;display:flex}.mTab ul li{position:relative}.mTab ul li a{display:block;box-sizing:border-box;text-align:center;white-space:pre}.mTab.typeNav{height:46rem;margin-bottom:35rem}.mTab.typeNav ul{gap:16rem;border-bottom:1px solid #dee1e6}.mTab.typeNav ul li a{font-size:14rem;line-height:46rem;color:#545b66;font-weight:400}.mTab.typeNav ul li.selected:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#121314}.mTab.typeNav ul li.selected a{color:#121314;font-weight:700}.mTab.typeRound{display:flex;justify-content:space-between;align-items:center;height:36rem}.mTab.typeRound ul{gap:6rem}.mTab.typeRound ul::-webkit-scrollbar{display:none;width:0!important}.mTab.typeRound ul li a{padding:0 14rem;border-radius:25px;font-size:12rem;line-height:36rem;color:#848484;font-weight:500;background:#eee}.mTab.typeRound ul li.selected a{color:#fff;font-weight:500;background:#1d1c1d}.main-renewal.realTimeArea{padding-top:0}.main-renewal .mRealTitle{margin-bottom:0!important}.main-renewal .main-visual-wrap{padding:0}.main-renewal .mainListArea{position:relative;padding:30rem 0 40rem}.main-renewal .total-design-num{display:flex;justify-content:end;position:relative;top:auto;right:0;max-width:1440rem;height:40rem;margin:14rem auto 8rem;padding:0 20rem;box-sizing:border-box;border-radius:5px;background:transparent}.main-renewal .total-design-num p{flex:1;width:auto;height:100%;margin:0;padding:0 10rem;background:#f5f8ff}.main-renewal .total-design-num .first{border-radius:5px 0 0 5px}.main-renewal .total-design-num .first:after{right:0;height:16rem;margin-top:-8rem}.main-renewal .total-design-num .secon{border-radius:0 5px 5px 0}.main-renewal .ui-card-list{margin:10rem auto 0;padding:0 20rem}.main-renewal .ui-card-list .card-items{display:flex;flex-wrap:wrap;margin:-20rem 0 0 -20rem}.main-renewal .ui-card-list .card-items li{margin:20rem 0 0 20rem;padding:0!important}.main-renewal .ui-card-list.typeBuy .card-items .card-img{height:auto;padding:0;aspect-ratio:330/489;-o-object-fit:cover;object-fit:cover}.main-renewal .ui-card-list.typeReview{padding:0 20rem}.main-renewal .ui-card-list.typeReview .card-items .card-img{width:160rem;height:160rem;padding:0}.main-renewal .ui-card-list.typeReview .card-items .card-info-box{flex:1;width:auto}.main-renewal .ui-card-list.typeThumbnail .card-items{margin:-10rem 0 0 -10rem}.main-renewal .ui-card-list.typeThumbnail .card-items li{margin:10rem 0 0 10rem;width:calc(50% - 10rem)}.main-renewal .ui-card-list.typeProduct .card-items .card-img,.main-renewal .ui-card-list.typeThumbnail .card-items .card-img{height:auto;padding:0;aspect-ratio:330/489;-o-object-fit:cover;object-fit:cover}.main-renewal .ui-card-list+.mButton{margin:20rem 0 0;padding:0}.main-renewal.realTimeArea .ui-card-list{padding-bottom:150rem}.main-renewal .mainBanner{display:flex;flex-wrap:wrap;gap:10rem}.main-renewal .plan-card-list{max-width:1440rem;margin:0 auto;padding:0 28rem}.main-renewal .plan-card-list li{position:relative;margin:0;padding:30rem 0;float:none}.main-renewal .plan-card-list li:first-child{padding-top:0}.main-renewal .plan-card-list li:last-child{padding-bottom:0}.main-renewal .plan-card-list .title{padding-bottom:10rem}.main-renewal .plan-card-list .card-flex{display:grid;grid-template-columns:repeat(2,1fr);gap:10rem}.main-renewal .plan-card-list .card-flex a{width:100%;height:100%;margin:0;aspect-ratio:1/1}.main-renewal .plan-card-list figure .more-txt{height:28px;padding:0 10px;border-radius:4px;font-size:13px;line-height:28px;color:#fff;background:#000}.main-renewal .mStoryList.typeThumb{display:grid;gap:20rem;max-width:1440rem;margin:10px auto 0;padding:0 20rem}.main-renewal .mStoryList.typeThumb .item{display:block;margin:0;padding:0;border:none}.main-renewal .mStoryList.typeThumb .thumbBox{overflow:hidden;width:100%;height:auto;margin:0 0 20rem;aspect-ratio:11/8}.main-renewal .mStoryList.typeThumb .thumbBox a{display:block}.main-renewal .mStoryList.typeThumb .thumbBox img{max-width:100%;max-height:100%;width:auto;height:auto}.main-renewal .mStoryList.typeThumb .innerBox .cate{font-size:14rem;line-height:1}.main-renewal .mStoryList.typeThumb .innerBox .title{margin-top:10rem;font-size:20rem;line-height:28rem}.main-renewal .mStoryList.typeThumb .innerBox .desc{margin-top:10rem;font-size:15rem;line-height:22rem}.main-renewal .mStoryList.typeThumb .innerBox .record{margin-top:10rem}.main-renewal .mStoryList .videoBox{width:100%;height:0;padding-bottom:calc(100% / (11 / 8));position:relative}.main-renewal .mStoryList .videoBox iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.main-renewal.v1{padding-top:0!important}.main-renewal.v1 .mainBannerArea{position:static;width:auto;margin:0;height:auto}.main-renewal.v1 .bannerInner{padding:0 20px;box-sizing:border-box;font-size:0}.main-renewal.v1 .bannerInner .mainAppBanner,.main-renewal.v1 .bannerInner .mainSelfBanner{position:relative}.main-renewal.v1 .bannerInner .swiper-container{overflow:hidden}.main-renewal.v1 .bannerInner .swiper-pagination{position:static;width:auto;font-size:12px;line-height:24px}.main-renewal.v1 .bannerInner .swiperCtrl{z-index:1;display:flex;align-items:center;position:absolute;bottom:23px;left:50%;transform:translateX(-50%);gap:12px}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause{position:relative;margin:0;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.1);bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:url(//img.cafe24.com/dcenter/image/front/main/ico_swiper_play_black.svg) 50% no-repeat}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play{position:relative;margin:0;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.1);bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:9px;background:url(//img.cafe24.com/dcenter/image/front/main/ico_swiper_pause_black.svg) 50% no-repeat}.main-renewal.v1 .bannerInner .swiper-button-next,.main-renewal.v1 .bannerInner .swiper-button-prev{position:absolute;top:50%;width:48px;height:48px;margin:-24px 0 0;cursor:pointer}.main-renewal.v1 .bannerInner .swiper-button-next{right:16px}.main-renewal.v1 .bannerInner .swiper-button-prev{left:16px}.main-renewal.v1 .bannerInner .swiper-button-next:before,.main-renewal.v1 .bannerInner .swiper-button-prev:before{content:"";position:absolute;top:50%;width:20px;height:20px;margin:-9px 0 0;vertical-align:middle;border-color:#000;border-style:solid;border-width:0 0 3px 3px;border-radius:1px;transform:rotate(-45deg)}.main-renewal.v1 .bannerInner .swiper-button-next:before{left:10px;transform:rotate(-135deg)}.main-renewal.v1 .bannerInner .swiper-button-prev:before{right:10px;transform:rotate(45deg)}.main-renewal.v1 .bannerInner .swiper-button-next:after,.main-renewal.v1 .bannerInner .swiper-button-prev:after{display:none}@media (max-width:767px){.r-RPB,.r-RPI,.r-RPIB,.r-RTB,.r-RTI,.r-RTIB{display:none!important}.r-RMI{display:inline!important}.r-RMB{display:block!important}.r-RMIB{display:inline-block!important}.mTab.typeNav{padding:0}.mTab.typeNav ul{padding:0 20rem}.main-renewal .mainBanner:after,.main-renewal .mainListArea:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10rem;background-color:#f8f8fb}.main-renewal .total-design-num p em,.main-renewal .total-design-num p span{font-size:12rem}.main-renewal .ui-card-list.typeReview .card-items .card-img{width:90rem;height:90rem}.main-renewal .mainBanner .thumb.thumb_p,.main-renewal .mainBanner .thumb.thumb_t{display:none}.main-renewal .mainBanner .thumb.thumb_m{display:block}.main-renewal .plan-card-list li{padding-bottom:40rem}.main-renewal .plan-card-list li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10rem;margin:0 -20rem;background:#f8f8fb}.main-renewal .plan-card-list li:last-child:after{display:none}}@media (max-width:720px){.mainListArea .ui-card-list.typeReview .card-items li,.mainListArea .ui-card-list.typeReview .card-items li:last-child{margin:20rem 0 0 20rem}.main-renewal.v1 .bannerInner{padding:0}.main-renewal.v1 .bannerInner .mainSelfBanner{margin:12px 0 0}.main-renewal.v1 .bannerInner .swiper-button-next,.main-renewal.v1 .bannerInner .swiper-button-prev{width:24px;height:24px;margin:-12px 0 0;cursor:pointer;bottom:20px;top:auto}.main-renewal.v1 .bannerInner .swiper-button-next{right:20px}.main-renewal.v1 .bannerInner .swiper-button-prev{right:71px;left:auto}.main-renewal.v1 .bannerInner .swiper-button-next:before,.main-renewal.v1 .bannerInner .swiper-button-prev:before{width:12px;height:12px;margin:-6px 0 0}.main-renewal.v1 .bannerInner .swiper-button-next:before{left:5px}.main-renewal.v1 .bannerInner .swiper-button-prev:before{right:3px}.main-renewal.v1 .bannerInner .swiperCtrl{bottom:20px;left:20px;transform:translateX(0)}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause{width:27px;height:27px;bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause:before{width:27px;height:27px}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play{width:27px;height:27px;bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play:before{width:27px;height:27px}.main-renewal.v1 .bannerInner .swiper-pagination{font-size:12px;line-height:27px}}@media (min-width:721px){.main-renewal.v1 .bannerInner{display:flex;max-width:1422rem;margin:0 auto;height:auto;max-height:100%}.main-renewal.v1 .bannerInner .mainAppBanner{flex:2;min-width:0}.main-renewal.v1 .bannerInner .mainSelfBanner{flex:1;min-width:0;margin-left:20px}}@media (min-width:768px){#header .main-scroll-srch,.main-renewal .main-scroll-srch{padding:25rem 0 50rem}#header .main-scroll-srch .btn-close,.main-renewal .main-scroll-srch .btn-close{top:14rem;right:28rem}.mTitle{margin:0 auto 30rem}.mTab{margin:0 auto 20rem}.mTab.typeNav{height:52rem;margin-bottom:40rem}.mTab.typeNav ul{gap:40rem}.mTab.typeNav ul li a{font-size:16rem;padding:0 0 6rem}.mTab.typeNav ul li.selected:after{height:5px}.main-renewal .total-design-num{margin:20rem auto 0}}@media (min-width:721px) and (max-width:1023px){.mainListArea .ui-card-list.typeReview .card-items li{margin:20rem 0 0 -20rem}.main-renewal.v1 .bannerInner{padding:0}.main-renewal.v1 .bannerInner .mainSelfBanner{margin-left:12px}.main-renewal.v1 .bannerInner .swiperCtrl{bottom:18px;gap:4px}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause:before,.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play:before{background-size:6px auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause{width:18px;height:18px;bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause:before{width:18px;height:18px}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play{width:18px;height:18px;bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play:before{width:18px;height:18px}.main-renewal.v1 .bannerInner .swiper-pagination{font-size:11px;line-height:18px}.main-renewal.v1 .bannerInner .swiper-button-next,.main-renewal.v1 .bannerInner .swiper-button-prev{width:32px;height:32px;margin:-16px 0 0}.main-renewal.v1 .bannerInner .swiper-button-next{right:18px}.main-renewal.v1 .bannerInner .swiper-button-prev{left:18px}.main-renewal.v1 .bannerInner .swiper-button-next:before,.main-renewal.v1 .bannerInner .swiper-button-prev:before{width:15px;height:15px;margin:-8px 0 0}.main-renewal.v1 .bannerInner .swiper-button-next:before{left:6px}.main-renewal.v1 .bannerInner .swiper-button-prev:before{right:6px}}@media (min-width:768px) and (max-width:1023px){.r-RMB,.r-RMI,.r-RMIB,.r-RPB,.r-RPI,.r-RPIB{display:none!important}.r-RTI{display:inline!important}.r-RTB{display:block!important}.r-RTIB{display:inline-block!important}#header .main-scroll-srch .mss-in,.main-renewal .main-scroll-srch .mss-in{padding:0 20rem}.main-renewal{padding-top:269rem}.main-renewal .main-visual-wrap,.main-renewal .main-visual-wrap .main-visual-slider01{height:269rem}.main-renewal .total-design-num p{flex:none}.main-renewal .total-design-num .first{padding:0 12px 0 20px}.main-renewal .total-design-num .secon{padding:0 20px 0 12px}.main-renewal .mainListArea{padding:30rem 0}.main-renewal .mainListArea.pt-0{padding-top:0!important}.main-renewal .ui-card-list{margin:20rem auto 0}.main-renewal .ui-card-list .card-items li{width:calc(50% - 20rem)}.main-renewal .ui-card-list.typeBuy .card-items li{width:calc(33.33% - 20rem)}.main-renewal .ui-card-list.typeReview .card-items{margin:-40rem 0 0 -40rem}.main-renewal .ui-card-list.typeReview .card-items li{margin:40rem 0 0 40rem}.main-renewal .ui-card-list.typeThumbnail .card-items{margin:-20rem 0 0 -20rem}.main-renewal .ui-card-list.typeThumbnail .card-items li{width:calc(33.33% - 20rem);margin:20rem 0 0 20rem}.main-renewal .ui-card-list.typeProduct .card-items li{width:calc(50% - 20rem)}.main-renewal.realTimeArea .ui-card-list.typeReview .card-items li{width:calc(50% - 40rem)}.main-renewal.realTimeArea .ui-card-list.typeReview .card-items li,.main-renewal.realTimeArea .ui-card-list.typeReview .card-items li:last-child{margin:40rem 0 0 40rem}.main-renewal .mainBanner{gap:20rem}.main-renewal .mainBanner .thumb{flex:1}.main-renewal .mainBanner .thumb.thumb_m,.main-renewal .mainBanner .thumb.thumb_p{display:none}.main-renewal .mainBanner .thumb.thumb_t{display:block}.main-renewal .plan-card-list .title{padding-bottom:30rem}.main-renewal .plan-card-list .card-flex{grid-template-columns:repeat(3,1fr)}.main-renewal .mStoryList.typeThumb{grid-template-columns:repeat(2,1fr);margin:20rem auto 0}}@media (min-width:1024px){.r-RMB,.r-RMI,.r-RMIB,.r-RTB,.r-RTI,.r-RTIB{display:none!important}.r-RPI{display:inline!important}.r-RPB{display:block!important}.r-RPIB{display:inline-block!important}.mTab,.mTitle{padding:0 28rem}.main-renewal{padding-top:379rem}.main-renewal .main-visual-wrap{height:379rem}.main-renewal .mainListArea{padding:50rem 0}.main-renewal .mainListArea.pt-0{padding-top:0!important}.main-renewal .total-design-num{height:46rem}.main-renewal .total-design-num p{flex:none}.main-renewal .total-design-num .first,.main-renewal .total-design-num .secon{padding:0 30px}.main-renewal .ui-card-list{margin:20rem auto 0;padding:0 28rem}.main-renewal .ui-card-list .card-items li{width:calc(25% - 20rem)}.main-renewal .ui-card-list.typeBuy .card-items li{width:calc(16.66% - 20rem)}.main-renewal .ui-card-list.typeReview{padding:0 28rem}.main-renewal .ui-card-list.typeReview .card-items{margin:-40rem 0 0 -40rem}.main-renewal .ui-card-list.typeReview .card-items li{width:calc(50% - 40rem);margin:40rem 0 0 40rem}.main-renewal .ui-card-list.typeReview .card-items li .card-info-box{flex:1;width:auto}.main-renewal .ui-card-list.typeThumbnail .card-items{margin:-20rem 0 0 -20rem}.main-renewal .ui-card-list.typeThumbnail .card-items li{margin:20rem 0 0 20rem;width:calc(16.66% - 20rem)}.main-renewal .ui-card-list.typeProduct .card-items li{width:calc(20% - 20rem)}.main-renewal .mainBanner{gap:40rem;padding:50rem 28rem}.main-renewal .mainBanner .thumb{flex:1}.main-renewal .mainBanner .thumb.thumb_m,.main-renewal .mainBanner .thumb.thumb_t{display:none}.main-renewal .mainBanner .thumb.thumb_p{display:block}.main-renewal .plan-card-list{gap:40rem}.main-renewal .plan-card-list li{flex:1;margin:0;padding:0}.main-renewal .plan-card-list .card-flex{grid-template-columns:repeat(3,1fr)}.main-renewal .mStoryList.typeThumb{display:grid;grid-template-columns:repeat(4,1fr);gap:20rem;margin:20rem auto 0;padding:0 28rem}.main-renewal.v1 .bannerInner .mainAppBanner,.main-renewal.v1 .bannerInner .mainSelfBanner{border-radius:15px;overflow:hidden}}