.m-shop-service{margin-top:-156px;overflow:hidden;position:relative;z-index:0}.m-shop-service:before{background-color:#eef9f8;content:"";height:100%;position:absolute;right:0;top:0;width:50%;z-index:-2}.m-shop-service>.inner{background-color:#eef9f8;margin:0 auto;max-width:1262px}.m-shop-service .adjust-width{max-width:1140px;padding-bottom:120px;padding-top:296px}.m-shop-service .service-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-shop-service .service-detail .service-col{cursor:pointer;margin-bottom:50px;margin-right:38px;text-align:center;-webkit-transition:all .3s;transition:all .3s;width:calc(16.66667% - 32px)}.m-shop-service .service-detail .service-col:nth-child(6n){margin-right:0}.m-shop-service .service-detail .service-col>.icon-wrap{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:104px;justify-content:center;margin:0 auto;-webkit-transition:background-color .3s;transition:background-color .3s;width:104px}.m-shop-service .service-detail .service-col>.icon-wrap i{color:#5fcac0;display:inline-block;font-family:solotimep-sass!important;font-size:49px;-webkit-transition:color .3s,-webkit-transform .3s;transition:color .3s,-webkit-transform .3s;transition:transform .3s,color .3s;transition:transform .3s,color .3s,-webkit-transform .3s}.m-shop-service .service-detail .service-col .icon-image{background:#5fcac0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.m-shop-service .service-detail .service-col .icon-image:before{content:none}.m-shop-service .service-detail .service-col .service-name{font-size:1.4rem;letter-spacing:.02em;margin-top:8px}.m-shop-service .service-detail .service-col:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.m-shop-service .service-detail .service-col:hover>.icon-wrap{background:#5fcac0}.m-shop-service .service-detail .service-col:hover>.icon-wrap i{color:#fff}.m-shop-service .service-detail .service-col:hover>.icon-wrap .icon-image{background:#fff}@media screen and (max-width:1262px){.m-shop-service{margin-top:0}.m-shop-service .adjust-width{max-width:1140px;padding-bottom:20px;padding-top:40px}.m-shop-service:before{display:none}.m-shop-service .service-detail{margin:0 auto;max-width:650px}.m-shop-service .service-detail .service-col{margin-right:30px;width:calc(33.333% - 20px)}.m-shop-service .service-detail .service-col:nth-child(3n){margin-right:0}}@media screen and (max-width:768px){.m-shop-service .service-detail{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:286px}.m-shop-service .service-detail .service-col{margin-bottom:45px;margin-right:0;width:36.375%}}body.-js-modal-open{left:0;position:fixed;width:100%}.shop-service-modal-wrap{display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2000}.shop-service-modal-wrap .overlay{background:hsla(0,0%,9%,.85);height:100vh;left:0;position:fixed;top:0;width:100%}.shop-service-modal-wrap .content{background-color:#fff;border-radius:20px;display:none;height:calc(100% - 48px);left:50%;max-height:667px;max-width:640px;overflow:hidden;padding:95px 80px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 48px)}.shop-service-modal-wrap .content .close{position:absolute;right:30px;top:30px}.shop-service-modal-wrap .content .close span{cursor:pointer;display:inline-block;height:38px;position:relative;width:38px}.shop-service-modal-wrap .content .close span:after,.shop-service-modal-wrap .content .close span:before{background-color:#171717;content:"";height:1px;left:1px;position:absolute;top:18px;width:36px}.shop-service-modal-wrap .content .close span:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.shop-service-modal-wrap .content .close span:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.shop-service-modal-wrap .content>.inner{height:100%;overflow-y:auto;position:relative}.shop-service-modal-wrap .content>.inner .service-name{font-size:2.4rem;font-weight:700;letter-spacing:.02em;text-align:center}.shop-service-modal-wrap .content>.inner .subjects{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:20px 0 32px}.shop-service-modal-wrap .content>.inner .subjects .subject{border:1px solid #707070;border-radius:16px;font-size:1.4rem;letter-spacing:.08em;margin:0 12px 12px 0;padding:5px 16px}.shop-service-modal-wrap .content>.inner .text p{font-size:1.6rem;font-weight:400;letter-spacing:.03em;line-height:1.875;text-align:left}.shop-service-modal-wrap .icon-wrap{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:104px;justify-content:center;margin:0 auto;width:104px}.shop-service-modal-wrap .icon-wrap .icon{color:#5fcac0;font-size:52px}.shop-service-modal-wrap .icon-wrap .icon-image{background:#5fcac0;display:block;margin:auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shop-service-modal-wrap .icon-wrap .icon-image:before{content:none}@media screen and (max-width:768px){.shop-service-modal-wrap .content{max-height:443px;padding:45px 25px 57px}.shop-service-modal-wrap .content .close{right:15px;top:18px}.shop-service-modal-wrap .content .close span{height:19px;width:19px}.shop-service-modal-wrap .content .close span:after,.shop-service-modal-wrap .content .close span:before{content:"";top:9px;width:18px}.shop-service-modal-wrap .content>.inner .icon-wrap{height:104px;width:104px}.shop-service-modal-wrap .content>.inner .icon-wrap i{color:#5fcac0;display:inline-block;font-family:solotimep-sass!important;font-size:51px}.shop-service-modal-wrap .content>.inner .service-name{font-size:1.6rem}.shop-service-modal-wrap .content>.inner .subjects{margin:35px 0 10px;padding:0 24px}.shop-service-modal-wrap .content>.inner .subjects .subject{font-size:1.2rem;margin:0 10px 10px 0;padding:5px 16px}.shop-service-modal-wrap .content>.inner .text p{font-size:1.4rem}}.-public-preview .m-store-service{margin-top:0}.-public-preview .m-store-service .service-detail .service-col{pointer-events:none}