.mb-5{margin-bottom:5px}#header .main-scroll-srch,.main-renewal .main-scroll-srch{z-index:9999;background:#fff;margin:0 auto;padding:40rem 0 30rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 10px #0000001a}#header .main-scroll-srch .mss-in,.main-renewal .main-scroll-srch .mss-in{padding:0 20rem;position:relative}#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{width:100%;margin:0;left:0}#header .main-scroll-srch .btn-close,.main-renewal .main-scroll-srch .btn-close{color:#0000;white-space:nowrap;text-indent:150%;width:24rem;height:24rem;font-size:1px;line-height:0;position:absolute;top:-24rem;right:20rem}#header .main-scroll-srch .btn-close:before,#header .main-scroll-srch .btn-close:after,.main-renewal .main-scroll-srch .btn-close:before,.main-renewal .main-scroll-srch .btn-close:after{content:"";background:#9da6b1;width:16px;height:1px;position:absolute;top:50%;left:50%;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;padding:0 20rem}.mTab{z-index:1;max-width:1440rem;margin:0 auto 10rem;padding:0 20rem;position:relative}.mTab ul{display:flex;overflow:auto hidden}.mTab ul li{position:relative}.mTab ul li a{box-sizing:border-box;text-align:center;white-space:pre;display:block}.mTab.typeNav{height:46rem;margin-bottom:35rem}.mTab.typeNav ul{border-bottom:1px solid #dee1e6;gap:16rem}.mTab.typeNav ul li a{color:#545b66;font-size:14rem;font-weight:400;line-height:46rem}.mTab.typeNav ul li.selected:after{content:"";background:#121314;height:3px;position:absolute;bottom:0;left:0;right:0}.mTab.typeNav ul li.selected a{color:#121314;font-weight:700}.mTab.typeRound{justify-content:space-between;align-items:center;height:36rem;display:flex}.mTab.typeRound ul{gap:6rem}.mTab.typeRound ul::-webkit-scrollbar{display:none;width:0!important}.mTab.typeRound ul li a{color:#848484;background:#eee;border-radius:25px;padding:0 14rem;font-size:12rem;font-weight:500;line-height:36rem}.mTab.typeRound ul li.selected a{color:#fff;background:#1d1c1d;font-weight:500}.main-renewal.realTimeArea{padding-top:0}.main-renewal .mRealTitle{margin-bottom:0!important}.main-renewal .main-visual-wrap{padding:0}.main-renewal .mainListArea{padding:30rem 0 40rem;position:relative}.main-renewal .total-design-num{box-sizing:border-box;background:0 0;border-radius:5px;justify-content:end;max-width:1440rem;height:40rem;margin:14rem auto 8rem;padding:0 20rem;display:flex;position:relative;top:auto;right:0}.main-renewal .total-design-num p{background:#f5f8ff;flex:1;width:auto;height:100%;margin:0;padding:0 10rem}.main-renewal .total-design-num .first{border-radius:5px 0 0 5px}.main-renewal .total-design-num .first:after{height:16rem;margin-top:-8rem;right:0}.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{flex-wrap:wrap;margin:-20rem 0 0 -20rem;display:flex}.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{aspect-ratio:330/489;-o-object-fit:cover;object-fit:cover;height:auto;padding:0}.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{width:calc(50% - 10rem);margin:10rem 0 0 10rem}.main-renewal .ui-card-list.typeThumbnail .card-items .card-img,.main-renewal .ui-card-list.typeProduct .card-items .card-img{aspect-ratio:330/489;-o-object-fit:cover;object-fit:cover;height:auto;padding:0}.main-renewal .ui-card-list+.mButton{margin:20rem 0 0;padding:0}.main-renewal.realTimeArea .ui-card-list{padding-bottom:150rem}.main-renewal .mainBanner{flex-wrap:wrap;gap:10rem;display:flex}.main-renewal .plan-card-list{max-width:1440rem;margin:0 auto;padding:0 28rem}.main-renewal .plan-card-list li{float:none;margin:0;padding:30rem 0;position:relative}.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{grid-template-columns:repeat(2,1fr);gap:10rem;display:grid}.main-renewal .plan-card-list .card-flex a{aspect-ratio:1;width:100%;height:100%;margin:0}.main-renewal .plan-card-list figure .more-txt{color:#fff;background:#000;border-radius:4px;height:28px;padding:0 10px;font-size:13px;line-height:28px}.main-renewal .mStoryList.typeThumb{gap:20rem;max-width:1440rem;margin:10px auto 0;padding:0 20rem;display:grid}.main-renewal .mStoryList.typeThumb .item{border:none;margin:0;padding:0;display:block}.main-renewal .mStoryList.typeThumb .thumbBox{aspect-ratio:11/8;width:100%;height:auto;margin:0 0 20rem;overflow:hidden}.main-renewal .mStoryList.typeThumb .thumbBox a{display:block}.main-renewal .mStoryList.typeThumb .thumbBox img{width:auto;max-width:100%;height:auto;max-height:100%}.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:72.7273%;position:relative}.main-renewal .mStoryList .videoBox iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.main-renewal.v1{padding-top:0!important}.main-renewal.v1 .mainBannerArea{width:auto;height:auto;margin:0;position:static}.main-renewal.v1 .bannerInner{box-sizing:border-box;padding:0 20px;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{width:auto;font-size:12px;line-height:24px;position:static}.main-renewal.v1 .bannerInner .swiperCtrl{z-index:1;align-items:center;gap:12px;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause{background:#0000001a;border-radius:50%;width:24px;height:24px;margin:0;position:relative;bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause:before{content:"";background:url(//img.cafe24.com/dcenter/image/front/main/ico_swiper_play_black.svg) 50% no-repeat;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play{background:#0000001a;border-radius:50%;width:24px;height:24px;margin:0;position:relative;bottom:auto;left:auto}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play:before{content:"";background:url(//img.cafe24.com/dcenter/image/front/main/ico_swiper_pause_black.svg) 50% no-repeat;width:8px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-renewal.v1 .bannerInner .swiper-button-next,.main-renewal.v1 .bannerInner .swiper-button-prev{cursor:pointer;width:48px;height:48px;margin:-24px 0 0;position:absolute;top:50%}.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:"";vertical-align:middle;border:0 solid #000;border-width:0 0 3px 3px;border-radius:1px;width:20px;height:20px;margin:-9px 0 0;position:absolute;top:50%;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,.main-renewal.v1 .bannerInner .swiper-button-next .swiper-navigation-icon,.main-renewal.v1 .bannerInner .swiper-button-prev .swiper-navigation-icon{display:none}@media (max-width:767px){.r-RTI,.r-RTB,.r-RTIB,.r-RPI,.r-RPB,.r-RPIB{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:"";background-color:#f8f8fb;height:10rem;position:absolute;bottom:0;left:0;right:0}.main-renewal .total-design-num p span,.main-renewal .total-design-num p em{font-size:12rem}.main-renewal .ui-card-list.typeReview .card-items .card-img{width:90rem;height:90rem}.main-renewal .mainBanner .thumb.thumb_t,.main-renewal .mainBanner .thumb.thumb_p{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:"";background:#f8f8fb;height:10rem;margin:0 -20rem;position:absolute;bottom:0;left:0;right:0}.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{cursor:pointer;width:24px;height:24px;margin:-12px 0 0;top:auto;bottom:20px}.main-renewal.v1 .bannerInner .swiper-button-next{right:20px}.main-renewal.v1 .bannerInner .swiper-button-prev{left:auto;right:71px}.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:translate(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{max-width:1422rem;height:auto;max-height:100%;margin:0 auto;display:flex}.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{padding:0 0 6rem;font-size:16rem}.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{gap:4px;bottom:18px}.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-pause:before,.main-renewal.v1 .bannerInner .swiperCtrl .swiper-button-play:before{background-size:6px}.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-RMI,.r-RMB,.r-RMIB,.r-RPI,.r-RPB,.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-RMI,.r-RMB,.r-RMIB,.r-RTI,.r-RTB,.r-RTIB{display:none!important}.r-RPI{display:inline!important}.r-RPB{display:block!important}.r-RPIB{display:inline-block!important}.mTitle,.mTab{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{width:calc(16.66% - 20rem);margin:20rem 0 0 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{grid-template-columns:repeat(4,1fr);gap:20rem;margin:20rem auto 0;padding:0 28rem;display:grid}.main-renewal.v1 .bannerInner .mainAppBanner,.main-renewal.v1 .bannerInner .mainSelfBanner{border-radius:15px;overflow:hidden}}
.design-label.multi{flex-wrap:wrap;gap:5px;display:flex}.design-label.multi .label{margin:0}.design-label .blue2{background:#1a72e7}.badge-button{align-items:center;display:flex}.badge-box{gap:5px;width:auto;margin:0 0 0 10rem;display:flex}.badge-box .btn.ico-badge{text-align:center;cursor:default;background:#1a72e7;border:1rem solid #0000;width:100%;max-width:90rem;margin:0;padding:5rem 10rem;line-height:14rem;display:inline-flex}.badge-box .btn.ico-badge .btn-txt{letter-spacing:-.03em;white-space:nowrap;color:#fff;width:auto;margin:0;padding:0;font-size:10rem;font-weight:700;line-height:14rem;position:relative}.detail-design-info .design-info-box .btn.icon-right{padding:5rem 10rem;display:inline-flex}.detail-design-info .design-info-box .btn.icon-right .btn-txt{align-items:center;padding-right:0;display:flex}.detail-design-info .design-info-box .btn.icon-right .ico.xxs{width:9rem;height:14rem;margin-top:0;position:relative;top:0;transform:translateY(0)}.detail-design-info .design-info-box .btn.icon-right .ico-arrow-blue:before{background-position:-57rem 1.25rem;width:100%;height:14rem}.detail-partner-info .info-content .badge-box{width:auto;margin:0 0 0 10rem;display:flex}.detail-partner-info .info-content .badge-box .btn.ico-badge{padding:4rem 10rem;line-height:14rem}.detail-partner-info .info-content .badge-box .btn.ico-badge .btn-txt{font-size:12rem;line-height:17rem}.detail-partner-info .info-content .btn .btn-txt{line-height:17rem}.detail-partner-info .info-content .btn .btn-txt .ico.sm{margin-top:-8.6rem}@media (max-width:640px){.detail-design-info .badge-box{margin-left:0}.detail-design-info .design-info-box .badge-button{gap:5rem;margin:5rem 0 0}.detail-design-info .design-info-box .badge-button .btn.icon-right{margin:0}}
