.retail-page{max-width:100%;overflow-x:hidden;margin-top:100px!important}.retail-page h2{font-size:48px}.retail-page .main-background{background-image:linear-gradient(rgb(17 183 181 / .1),#fff0)}.retail-page .banner{position:relative}.retail-page .banner .mobile{display:none}.retail-page .banner img{height:60vh;width:-webkit-fill-available}.retail-page .banner .text-box{display:flex;flex-direction:column;background:rgb(17 183 181 / .9);padding:20px 50px 20px 50px;width:80%;z-index:1;position:absolute;display:flex;align-items:center;border-radius:10px;bottom:-154px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.retail-page .banner .left-title{margin-right:30px;max-width:100%}.retail-page .banner .right-text{max-width:100%}.retail-page .banner .text-box h1{font-size:48px;color:#fff;font-weight:600}.retail-page .banner .text-box .desc1,.retail-page .banner .text-box .desc2{color:#fff;font-size:18px;line-height:1.7;font-weight:600}.retail-page .banner .text-box .desc1{margin-bottom:30px}.retail-page .introduction{padding-top:220px}.retail-page .introduction .intro-box{padding-top:300px;text-align:center;width:60vw;margin:0 auto}.retail-page .introduction .desc1,.retail-page .introduction .desc2{font-size:22px;font-style:italic}.retail-page .introduction .desc1{margin-bottom:2rem}.retail-page .goopter-retail{text-align:center;position:relative}.retail-page .goopter-retail .img-box{margin:0 auto}.retail-page .goopter-retail img{width:80%;margin:0 auto}.retail-page .goopter-retail .left-bg{position:absolute;top:50px;left:-30px;width:10%}.retail-page .goopter-retail h2{margin:100px 0 50px}.retail-page .highlights{position:relative}.retail-page .highlights .right-bg{position:absolute;top:0;right:-30px;width:10%}.retail-page .highlights .left-bg{position:absolute;top:1000px;left:-50px;width:10%}.retail-page .highlights h2{text-align:center;margin:100px auto 80px auto}.retail-page .highlights .contents,.retail-page .highlights .contents2{display:flex;align-items:center;margin:0 auto}.retail-page .highlights p{margin-bottom:1.5rem}.retail-page .highlights .btn{padding:10px 25px;font-weight:700;margin-left:0}.retail-page .highlights .contents h5{color:#11b7b5}.retail-page .highlights .contents .left-box{padding:0 80px}.retail-page .highlights .contents .right-box{position:relative;display:flex;align-items:center}.retail-page .highlights .contents img{width:80%;border-radius:10px}.retail-page .highlights .contents .white-box{background-color:#fff;position:absolute;top:30%;left:-2%;border-radius:10px;padding:20px;box-shadow:10px 10px 8px rgb(0 0 0 / .3);opacity:.95;width:70%}.retail-page .highlights .contents .white-box h6{color:#11b7b5;font-weight:700;text-decoration:underline #11b7b5;padding-left:20px}.retail-page .highlights .contents .white-box ul li{margin-left:-20px;line-height:2}.retail-page .highlights .contents2{margin-top:100px}.retail-page .highlights .contents2 .left-box{text-align:center}.retail-page .highlights .contents2 img{width:60%;border-radius:10px}.retail-page .highlights .contents2 .right-box{padding:0 80px}.retail-page .highlights .contents2 h5{color:#eb2f00}.retail-page .highlights .contents2 .btn{background-color:#eb2f00}.retail-page .view-other{background:linear-gradient(90deg,rgb(17 183 181 / .2) -30%,rgb(255 255 255) 100%)}.retail-page .view-other .contents{position:relative;margin:200px 0 40px;align-items:center}.retail-page .view-other .left-box{padding-left:100px}.retail-page .view-other .right-box{padding:0!important;display:flex;justify-content:flex-start;align-items:center;margin-top:50px}.retail-page .view-other ul{display:flex;flex-direction:column;flex-wrap:wrap;height:250px}.retail-page .view-other ul li{margin:18px;width:80%}.retail-page .view-other ul li a{font-size:20px;color:#11b7b5;font-weight:700}@media (max-width:767px){.retail-page{margin-top:60px!important}.retail-page .main-background{background:#fff!important}.retail-page .banner .right-bg{position:absolute;display:block;top:550px;right:-10px;width:20%}.retail-page .banner .left-bg{position:absolute;display:block;top:900px;left:-30px;width:25%}.retail-page .banner img{width:100%;height:auto}.retail-page .banner .text-box{position:relative;display:block;padding:20px;margin-top:-100px}.retail-page .banner .text-box h1{font-size:36px}.retail-page h2{font-size:32px}.retail-page .introduction{margin-top:200px;padding-top:50px}.retail-page .introduction .intro-box{padding-top:0;width:100%}.retail-page .introduction .desc1,.retail-page .introduction .desc2{font-size:18px}.retail-page .goopter-retail .right-bg{top:-960px;right:-10px;width:20%}.retail-page .goopter-retail .left-bg{display:none}.retail-page .goopter-retail h2{margin:30px}.retail-page .goopter-retail h2.desktop{display:none}.retail-page .goopter-retail h2.mobile{display:block}.retail-page .highlights h2{margin:30px 0}.retail-page .highlights .contents{display:block}.retail-page .highlights .contents .white-box{top:20%;left:-4%;width:80%;padding:10px}.retail-page .highlights .contents .white-box ul li{font-size:10px}.retail-page .highlights .right-box{padding:0}.retail-page .highlights .contents .left-box,.retail-page .highlights .contents2 .right-box{display:none}.retail-page .highlights p{margin-bottom:1rem}.retail-page .highlights .contents2{flex-direction:column-reverse;margin-top:50px}.retail-page .view-other .contents{margin:30px 0}.retail-page .view-other .left-box{padding-left:10px;margin-top:20px}.retail-page .view-other p{font-size:18px}.retail-page .view-other .right-box{margin-top:0}.retail-page .view-other ul{display:block;height:auto;padding-left:10px}.retail-page .view-other ul li{margin:10px 10px 10px 0}.retail-page .view-other ul li a{font-weight:400;font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.retail-page{margin-top:80px!important}.retail-page .banner .text-box{position:relative;display:block;padding:20px;margin-top:-100px}.retail-page .introduction .intro-box{width:80vw;padding-top:0}.retail-page .goopter-retail h2,.retail-page .self-ordering h2,.retail-page .highlights h2{margin:50px 0}.retail-page .highlights .contents{display:block}.retail-page .highlights .left-box{text-align:center}.retail-page .highlights .right-box{margin:30px auto}.retail-page .highlights img{width:80%}.retail-page .highlights .contents2{flex-direction:column-reverse;margin-top:50px}.retail-page .view-other .contents{margin:50px 0}.retail-page .view-other .left-box{padding-top:50px}.retail-page .view-other .right-box{margin-top:0}}@media only screen and (min-width:992px) and (max-width:1110px){.retail-page{margin-top:100px!important}.retail-page .banner .text-box{padding:20px 50px;bottom:-600px}.retail-page .introduction{padding-top:350px}.retail-page .introduction .intro-box{padding-top:300px}.retail-page .view-other .left-box{padding-left:0}.retail-page .view-other ul{margin-left:-100px}.retail-page .view-other ul li{margin:14px}}@media (min-width:1111px){.retail-page .banner .text-box{bottom:-600px}.retail-page .introduction{padding-top:420px}.retail-page .introduction .intro-box{padding-top:200px}.retail-page .view-other ul li{margin:14px;width:60%}}@media (min-width:1300px){.retail-page .banner .text-box{bottom:-500px}.retail-page .introduction{padding-top:220px}.retail-page .introduction .intro-box{padding-top:300px}}