body,html{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;background-color:#000}.gps-warning{color:#fff;position:fixed;top:0;left:0;width:100vw;background-color:#000;z-index:9999;padding:10px;text-align:left;overflow:hidden}#debug{position:absolute;top:50px;left:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:gray;z-index:1000}#debug p{margin:0;padding:0}.start-containter{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999}.mask,.mask-coupon{width:100vw;height:100vh;background-color:#00000080;position:absolute;top:0;left:0;opacity:1}.mask-coupon,.slider-card-header{z-index:3}.arrow-up{z-index:4}.confirm-card{z-index:5}.top-banner{width:100vw;height:auto;position:fixed;top:0;left:0}.bottom-banner{width:100vw;height:auto;position:fixed;bottom:0;left:0}.orientation-message{width:273px;height:155px;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none}img#request_permission{display:none;z-index:11111;width:140px;height:44px;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#loader{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);width:10vh;height:2rem}.popup-guide{width:90vw;height:121vw;position:fixed;top:calc(50vh - 60.5vw);left:5vw;z-index:99;opacity:1}.popup-guide .guide-img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.popup-guide .guide-btn{width:fit-content;height:48px;border-radius:40px;background-color:#e62a60;border:solid 1px #fff;padding:6px 65.5px;position:relative;margin:0 auto;top:-178px;text-align:center}.popup-guide .guide-btn .text{color:#fff;margin:0 auto;text-align:center;font-weight:700}.popup-guide .guide-btn .ka{font-size:16px;line-height:18px;margin-top:3px}.popup-guide .guide-btn .en{font-size:14px;line-height:16px;margin-top:3px}.popup-guide .notice{color:#fff;position:relative;top:-170px;text-align:center;margin-top:8px}.popup-guide .notice-ka{font-size:16px}.popup-guide .notice-en{font-size:14px}.bubble-wrap,.bubble-wrap-deco{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;opacity:1}.bubble-wrap .bubble,.bubble-wrap-deco .bubble{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:transparent;height:100px;position:absolute;width:100px;opacity:1}@-webkit-keyframes animateBubble{0%{margin-top:100vh}to{margin-top:-100vh}}@-moz-keyframes animateBubble{0%{margin-top:100vh}to{margin-top:-100vh}}@keyframes animateBubble{0%{margin-top:100vh}to{margin-top:-100vh}}@-webkit-keyframes sideWaysRight{0%{margin-left:0}to{margin-left:100px}}@-moz-keyframes sideWaysRight{0%{margin-left:0}to{margin-left:100px}}@keyframes sideWaysRight{0%{margin-left:0}to{margin-left:100px}}@-webkit-keyframes sideWaysLeft{0%{margin-left:0}to{margin-left:-50px}}@-moz-keyframes sideWaysLeft{0%{margin-left:0}to{margin-left:-50px}}@keyframes sideWaysLeft{0%{margin-left:0}to{margin-left:-50px}}.bubble-wrap .x10,.bubble-wrap-deco .x10{-webkit-animation:animateBubble 20s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;-moz-animation:animateBubble 20s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;animation:animateBubble 20s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;background-size:contain;background-position:center;left:35%;top:50%;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.bubble-wrap .x9,.bubble-wrap-deco .x9{-webkit-animation:animateBubble 26s linear infinite,sideWaysLeft 4s ease-in-out infinite alternate;-moz-animation:animateBubble 26s linear infinite,sideWaysLeft 4s ease-in-out infinite alternate;animation:animateBubble 26s linear infinite,sideWaysLeft 4s ease-in-out infinite alternate;background-size:contain;background-position:center;left:35%;top:50%;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}.bubble-wrap .x8,.bubble-wrap-deco .x8{-webkit-animation:animateBubble 36s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;-moz-animation:animateBubble 36s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;animation:animateBubble 36s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:50%;top:24%;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.bubble-wrap .x7,.bubble-wrap-deco .x7{-webkit-animation:animateBubble 24s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;-moz-animation:animateBubble 24s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;animation:animateBubble 24s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:10%;top:40%;-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7)}.bubble-wrap .x6,.bubble-wrap-deco .x6{-webkit-animation:animateBubble 28s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;-moz-animation:animateBubble 28s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;animation:animateBubble 28s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:-5%;top:60%;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6)}.bubble-wrap .x5,.bubble-wrap-deco .x5{-webkit-animation:animateBubble 12s linear infinite,sideWaysRight 4s ease-in-out infinite alternate;-moz-animation:animateBubble 12s linear infinite,sideWaysRight 4s ease-in-out infinite alternate;animation:animateBubble 12s linear infinite,sideWaysRight 4s ease-in-out infinite alternate;background-size:contain;background-position:center;left:30%;top:20%;-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}.bubble-wrap .x4,.bubble-wrap-deco .x4{-webkit-animation:animateBubble 11s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;-moz-animation:animateBubble 11s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;animation:animateBubble 11s linear infinite,sideWaysRight 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:65%;top:70%;-webkit-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.4)}.bubble-wrap .x3,.bubble-wrap-deco .x3{-webkit-animation:animateBubble 8s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;-moz-animation:animateBubble 8s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;animation:animateBubble 8s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;background-size:contain;background-position:center;left:34%;top:0;-webkit-transform:scale(.3);-moz-transform:scale(.3);transform:scale(.3)}.bubble-wrap .x2,.bubble-wrap-deco .x2{-webkit-animation:animateBubble 14s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;-moz-animation:animateBubble 14s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;animation:animateBubble 14s linear infinite,sideWaysRight 3s ease-in-out infinite alternate;background-size:contain;background-position:center;left:20%;top:10%;-webkit-transform:scale(.2);-moz-transform:scale(.2);transform:scale(.2)}.bubble-wrap .x1,.bubble-wrap-deco .x1{-webkit-animation:animateBubble 22s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;-moz-animation:animateBubble 22s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;animation:animateBubble 22s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:80%;top:80%;-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.bubble-wrap .x1-a,.bubble-wrap-deco .x1-a{-webkit-animation:animateBubble 8s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;-moz-animation:animateBubble 8s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;animation:animateBubble 8s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:10%;top:80%;-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.bubble-wrap .x1-b,.bubble-wrap-deco .x1-b{-webkit-animation:animateBubble 7s linear infinite,sideWaysLeft 3s ease-in-out infinite alternate;-moz-animation:animateBubble 7s linear infinite,sideWaysLeft 3s ease-in-out infinite alternate;animation:animateBubble 7s linear infinite,sideWaysLeft 3s ease-in-out infinite alternate;background-size:contain;background-position:center;left:30%;top:80%;-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.bubble-wrap .x1-c,.bubble-wrap-deco .x1-c{-webkit-animation:animateBubble 9s linear infinite,sideWaysRight 4s ease-in-out infinite alternate;-moz-animation:animateBubble 9s linear infinite,sideWaysRight 4s ease-in-out infinite alternate;animation:animateBubble 9s linear infinite,sideWaysRight 4s ease-in-out infinite alternate;background-size:contain;background-position:center;left:30%;top:80%;-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.bubble-wrap .x1-d,.bubble-wrap-deco .x1-d{-webkit-animation:animateBubble 6s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;-moz-animation:animateBubble 6s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;animation:animateBubble 6s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:15%;top:80%;-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.bubble-wrap .x1-e,.bubble-wrap-deco .x1-e{-webkit-animation:animateBubble 5s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;-moz-animation:animateBubble 5s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;animation:animateBubble 5s linear infinite,sideWaysLeft 2s ease-in-out infinite alternate;background-size:contain;background-position:center;left:5%;top:80%;-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1)}.bubble-wrap .x5,.bubble-wrap .x4,.bubble-wrap .x3,.bubble-wrap .x2,.bubble-wrap .x1,.bubble-wrap .x1-a,.bubble-wrap .x1-b,.bubble-wrap .x1-c,.bubble-wrap .x1-d,.bubble-wrap .x1-e,.bubble-wrap-deco .x5,.bubble-wrap-deco .x4,.bubble-wrap-deco .x3,.bubble-wrap-deco .x2,.bubble-wrap-deco .x1,.bubble-wrap-deco .x1-a,.bubble-wrap-deco .x1-b,.bubble-wrap-deco .x1-c,.bubble-wrap-deco .x1-d,.bubble-wrap-deco .x1-e{opacity:.7}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(35%)}}@keyframes slideDown{0%{transform:translateY(35%)}to{transform:translateY(100%)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(-25%)}}@keyframes slideRight{0%{transform:translate(-25%)}to{transform:translate(100%)}}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hoverHorizontal{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.btn-green{width:calc(100% - 194px);display:inline-block;padding:6px 24px;background-color:#39c8b6;border:solid 1px black;color:#fff;border-radius:50px;text-align:center;z-index:11;margin-top:6px;margin-bottom:6px}.btn-red{width:calc(100% - 194px);display:inline-block;padding:6px 24px;background-color:#e62a60;border:solid 1px black;color:#fff;border-radius:50px;text-align:center;z-index:11}.btn-red-long-min{width:50%;display:inline-block;padding:6px 12px;background-color:#e62a60;border:solid 1px black;color:#fff;border-radius:50px;text-align:center;z-index:11}@media (orientation: portrait){.slider-card{width:67vw;height:100vh;background-color:#fdbd10;border-radius:20px 20px 0 0;border:solid 1px black;position:absolute;bottom:0;left:16.5vw;transform:translateY(50%);animation:slideUp .3s ease forwards}.slider-card .arrow-down{width:18px;height:35px;background-size:contain;position:absolute;left:calc(50% - 9px);text-align:center}.slider-card .content-v{width:100%;height:100%}.slider-card .content-v .note{top:0;margin-top:0;text-align:center}.slider-card .content-v .ka{margin-top:51px;font-size:16px}.slider-card .content-v .en{margin-top:4px;font-size:10px}.slider-card .content-v .input-container{display:flex;justify-content:center}.slider-card .content-v .input-container .error-message{font-size:10px;color:red;position:absolute;margin:4px}.slider-card .content-v .input-container .email-input{width:80%;height:20px;padding:10px;margin-top:20px;border-radius:5px;border:1px solid #ccc}.slider-card .content-v .btn-done{width:60%;position:absolute;margin-top:20px;margin-bottom:16px;left:30%;transform:translate(-25%)}.slider-card.show{transform:translateY(0)}.slider-card.hide{animation:slideDown .3s ease forwards}.slider-card-header{width:67vw;height:fit-content;background-color:#fdbd10;border-radius:20px 20px 0 0;border:solid 1px black;position:fixed;bottom:0;left:16.5vw;padding:4px 24px 8px;margin-left:-24px;text-align:center;animation:slideUp .5s ease forwards}.slider-card-header .title{color:#000;text-align:center}.slider-card-header .ka{font-size:12px}.slider-card-header .en{font-size:10px}.slider-card-header .arrow-up{width:18px;height:35px;background-size:contain;position:absolute;top:-35px;left:calc(50% - 9px);text-align:center;animation:hover 1s infinite}.confirm-card-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:5;opacity:1}.confirm-card{width:calc(90% - 64px);height:fit-content;background-color:#fdbd10;border-radius:20px;border:solid 1px black;padding:32px;text-align:center}.confirm-card .btns-container{width:100%;display:flex;justify-content:space-between;position:inherit;padding-top:12px}.confirm-card .btns-container .btn-yes,.confirm-card .btns-container .btn-no{flex:1;margin:0 10px}.confirm-card .btn-done{position:inherit;margin-top:12px}.coupon-v{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;height:74vh;max-height:74vh;width:auto;opacity:1;display:none}.coupon-v img.coupon-v-img{height:74vh;max-height:74vh;width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-size:contain;background-position:center}.coupon-v img.close-button{position:absolute;top:0;right:-34.7vw;width:40px;height:40px;border:none;background-size:contain;z-index:12}}@media screen and (orientation: portrait) and (min-width: 414px) and (min-height: 736px){.coupon-v img.close-button{margin-right:0!important}}@media screen and (orientation: portrait) and (min-width: 376px) and (max-width: 414px){.coupon-v img.close-button{margin-top:-16px;margin-right:-26px}}@media screen and (orientation: portrait) and (min-width: 414px) and (min-height: 896px){.coupon-v img.close-button{margin-top:-16px!important;margin-right:-36px!important}}@media screen and (orientation: portrait) and (min-width: 412px) and (min-width: 413px) and (max-height: 915px){.coupon-v img.close-button{margin-top:-20px!important;margin-right:-28px!important}}@media screen and (orientation: portrait) and (max-width: 375px) and (max-height: 667px){.coupon-v img.close-button{margin-top:-18px;margin-right:-8px}}@media screen and (orientation: portrait) and (min-width: 360px) and (max-height: 740px){.coupon-v img.close-button{margin-top:-18px;margin-right:-18px}}@media screen and (orientation: portrait) and (max-width: 320px){.coupon-v img.close-button{margin-top:-16px;margin-right:-10px}}@media (orientation: landscape){.slider-card{width:67vw;height:70vh;background-color:#fdbd10;border-radius:20px;border:solid 1px black;position:absolute;right:0;bottom:24vh;animation:slideLeft .3s ease forwards}.slider-card .arrow-right{width:35px;height:18px;background-size:contain;position:absolute;top:calc(50% - 9px);left:24px}.slider-card .content-h{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.slider-card .content-h .note{top:0;margin-top:0;text-align:center}.slider-card .content-h .ka{margin-top:20px;font-size:16px}.slider-card .content-h .en{margin-top:4px;font-size:10px}.slider-card .content-h .input-container{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;position:inherit;top:0}.slider-card .content-h .input-container .error-message{font-size:10px;color:red;position:absolute;margin:4px}.slider-card .content-h .input-container .email-input{width:53%;height:20px;padding:10px;top:16px;margin:10px;border-radius:5px;border:1px solid #ccc;position:relative}.slider-card .content-h .btn-done{position:relative;top:20px;text-align:center;margin:0 auto}.slider-card.show{transform:translate(0)}.slider-card.hide{animation:slideRight .3s ease forwards}.slider-card-header{width:20vw;height:70vh;background-color:#fdbd10;border-radius:20px 0 0 20px;border:solid 1px black;position:absolute;right:-5%;bottom:0;text-align:center;animation:slideLeft .5s ease forwards}.slider-card-header .title{color:#000;text-align:center}.slider-card-header .ka{font-size:12px}.slider-card-header .en{font-size:10px}.slider-card-header .arrow-left{width:35px;height:18px;background-size:contain;position:absolute;left:-35px;top:50%;transform:translateY(-50%);text-align:center;animation:hoverHorizontal 1s infinite}.confirm-card-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:5}.confirm-card{width:60%;height:60%;background-color:#fdbd10;border-radius:20px;border:solid 1px black;padding:32px;text-align:center}.confirm-card .btns-container{width:100%;display:flex;justify-content:space-between;position:inherit;padding-top:12px}.confirm-card .btns-container .btn-yes,.confirm-card .btns-container .btn-no{flex:1;margin:0 10px}.confirm-card .btn-done{position:inherit;margin-top:12px}.coupon-h{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:74vw;max-width:74vw;height:auto;display:none}.coupon-h img.coupon-h-img{width:74vw;max-width:74vw;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-size:contain;background-position:center}.coupon-h img.close-button{position:absolute;top:-34.7vh;left:0;margin-top:-22px;margin-right:-16px;width:40px;height:40px;border:none;background-size:contain}}@media screen and (orientation: landscape) and (min-height: 376px) and (max-height: 414px) and (min-width: 736px){.coupon-h img.close-button{margin-top:-6px!important;margin-right:-16px!important}}@media screen and (orientation: landscape) and (min-height: 376px) and (max-height: 414px){.coupon-h img.close-button{margin-top:-26px;margin-right:-16px}}@media screen and (orientation: landscape) and (min-height: 414px) and (min-width: 896px){.coupon-h img.close-button{margin-top:-36px!important;margin-right:-16px!important}}@media screen and (orientation: landscape) and (min-height: 412px) and (min-height: 413px) and (max-width: 915px){.coupon-h img.close-button{margin-top:-28px!important;margin-right:-20px!important}}@media screen and (orientation: landscape) and (max-height: 375px) and (max-width: 667px){.coupon-h img.close-button{margin-top:-12px;margin-right:-12px}}@media screen and (orientation: landscape) and (min-height: 360px) and (max-width: 740px){.coupon-h img.close-button{margin-top:-18px;margin-right:-18px}}@media screen and (orientation: landscape) and (max-height: 320px){.coupon-h img.close-button{margin-top:-8px;margin-right:-16px}}#progress-bar-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center}#progress-bar{width:30%;margin-top:.5%;height:2%}label{color:#fff;font-size:2rem}#fullscreen{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:1000}
