body,html{position:relative;width:100%;max-width:1920px;margin:0 auto;background:#000;overflow-x:hidden}img{display:block;width:100%;max-width:100%;height:100%}.j_scale{transform-origin:0 0}.hide{display:none}.show{opacity:1!important}.noscroll{overflow:hidden}input:-webkit-autofill{-webkit-box-shadow:0 0 0 5.8824rem #390f0e inset!important;box-shadow:0 0 0 5.8824rem #390f0e inset!important;-webkit-text-fill-color:#fff!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}input{-moz-appearance:textfield}input::-moz-input-placeholder{color:#b7b7b7}input:-moz-input-placeholder{color:#b7b7b7}input::-webkit-input-placeholder{color:#b7b7b7}input:-ms-input-placeholder{color:#b7b7b7}input::-ms-input-placeholder{color:#b7b7b7}input::placeholder{color:#b7b7b7}.video-bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-bg video{position:absolute;top:0}.static-bg1,.static-bg2,.static-bg3{position:absolute;left:0;width:1920px;height:1550px}.static-bg1{top:1549px;background:url(../img/unchecked/bg2.png?v=1.0) no-repeat center/cover}.static-bg2{top:3098px;background:url(../img/unchecked/bg3.png) no-repeat center/cover}.static-bg3{top:4647px;height:874px!important;background:url(../img/unchecked/bg4.png) no-repeat center/cover}.section-title{position:relative;top:0;left:50%;transform:translateX(-50%);width:1000px;height:50px}.dialog{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%}.dialog-mask{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,.7)}.dialog-content{position:fixed;top:50%;left:50%;z-index:12;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dialog-title{padding-top:.2rem;color:#54863f;text-align:center;font-size:.47rem;font-weight:700;line-height:.786667rem}.dialog-close{position:absolute;z-index:12;width:56px;height:56px;background:url(../img/dialog/close.png) no-repeat center/cover}.dialog-close:hover{background:url(../img/dialog/close-check.png) no-repeat center/cover}.dialog-success{width:520px;height:339px;background:url(../img/dialog/reserve-bg.png) no-repeat center/cover}.dialog-phone{width:520px;height:320px;background:url(../img/dialog/phone-bg.png) no-repeat center/cover}.dialog-login{width:520px;height:339px;background:url(../img/dialog/to-reserve-bg.png) no-repeat center/cover}.dialog-cafe{width:520px;height:339px;background:url(../img/dialog/store.png) no-repeat center/cover}.dialog-sns{width:520px;height:339px;background:url(../img/dialog/sns.png) no-repeat center/cover}.dialog-record{width:520px;height:439px;background:url(../img/dialog/record-bg.png) no-repeat center/cover}.dialog-invite{width:691px;height:442px;background:url(../img/dialog/invite-rule-bg.png) no-repeat center/cover}.dialog-rule{width:691px;height:697px;background:url(../img/dialog/gift-rule-bg.png) no-repeat center/cover}.dialog-qrcode{width:414px;height:725px;background:url(../img/dialog/post-bg.png) no-repeat center/cover}.dialog-video{width:1000px;height:577px;background:url(../img/dialog/video-bg.png) no-repeat center/cover}.dialog-captcha{width:520px;height:339px;background:url(../img/dialog/captcha-bg.png) no-repeat center/cover}.dialog-btn{position:absolute;display:flex;left:70px;bottom:38px;justify-content:space-between;width:377px;height:61px}.dialog-btn a{position:relative;width:187px;height:61px}.dialog-success .dialog-close{top:-9px;right:-10px}.dialog-phone .dialog-close{top:-9px;right:-10px}.dialog-login .dialog-close{top:-9px;right:-10px}.dialog-cafe .dialog-close{top:-9px;right:-10px}.dialog-sns .dialog-close{top:-9px;right:-10px}.go-btn{position:absolute;left:164px;bottom:42px;width:198px;height:54px;background:url(../img/dialog/go.png) no-repeat center/cover}.go-btn:hover{background:url(../img/dialog/go-check.png) no-repeat center/cover}.dialog-record .dialog-close{top:-9px;right:-10px}.gift-record{position:absolute;top:156px;left:27px;width:466px;height:264px}.record-box{position:absolute;display:flex;flex-direction:column;top:198px;left:27px;width:466px;height:222px;font-family:KoreanTITGD4R;font-size:14px;font-weight:400;color:#6e5c3e;overflow-y:auto}.record-item{position:relative;display:flex;width:466px;height:40px;line-height:40px;text-align:center;border-bottom:1px #cdb68f solid}.gift-name,.gift-status,.gift-time{flex:1}.dialog-invite .dialog-close{top:9px;right:-18px}.copy-btn{position:absolute;top:280px;left:55px;width:135px;height:39px;background:url(../img/dialog/copy.png) no-repeat center/cover}.copy-btn:hover{background:url(../img/dialog/copy-check.png) no-repeat center/cover}.copy-url-box{position:absolute;top:277px;left:198px;width:436px;height:45px;background:url(../img/dialog/url.png) no-repeat center/cover;overflow:auto}.copy-url{position:absolute;top:0;left:14px;width:700px;height:44px;font-size:18px;line-height:44px;color:#e5c47b}.post-btn{position:absolute;bottom:44px;left:204px;width:279px;height:54px;background:url(../img/dialog/post.png) no-repeat center/cover}.post-btn:hover{background:url(../img/dialog/post-check.png) no-repeat center/cover}.dialog-rule .dialog-close{top:9px;right:-18px}.dialog-rule .sure-btn{left:244px;bottom:48px}.dialog-rule .dialog-btn{left:153px;bottom:47px}.dialog-qrcode .dialog-close{top:-10px;right:-20px}.qrcode{position:absolute;left:144px;bottom:189px;width:122px;height:122px}.qrcode-tip{position:absolute;left:34px;bottom:-23px;width:354px;height:17px}.dialog-video .dialog-close{top:-15px;right:-18px}.video-content{position:absolute;top:15px;left:18px;width:944px;height:550px}.video-content video{width:100%;height:100%}.dialog-captcha .dialog-close{top:9px;right:-18px}.captcha-box{position:absolute;top:96px;left:35px;width:451px;height:70px;background:url(../img/dialog/input-bg.png) no-repeat center/cover}.captcha-box input{position:absolute;top:27px;left:30px;width:250px;border:none;background:0 0;font-size:18px;color:#708eff}.captcha-placeholder{position:absolute;top:28px;left:30px;width:109px;height:17px}.captcha-pic{position:absolute;top:3px;right:3px;width:165px;height:64px;border-top-right-radius:4px;border-bottom-right-radius:4px}.captcha-change{position:absolute;top:176px;right:68px;width:109px;height:17px;background:url(../img/dialog/change.png) no-repeat center/cover;cursor:pointer}.captcha-change:hover{background:url(../img/dialog/change-check.png) no-repeat center/cover}.sure-btn{position:absolute;right:37px;bottom:51px;width:198px;height:54px;background:url(../img/dialog/sure.png) no-repeat center/cover}.sure-btn:hover{background:url(../img/dialog/sure-check.png) no-repeat center/cover}.back-btn{position:absolute;left:38px;bottom:51px;width:198px;height:54px;background:url(../img/dialog/back.png) no-repeat center/cover}.back-btn:hover{background:url(../img/dialog/back-check.png) no-repeat center/cover}.sy-suspension{position:fixed;display:flex;align-items:center;flex-direction:column;right:1vw;top:45vh;padding-top:248px;width:298px;height:510px;background:url(../img/unchecked/menu-bg.gif) no-repeat center/cover;z-index:2}.suspension-btn{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:187px;height:122px;margin-bottom:9px}.suspension-btn a{position:relative;width:187px;height:61px;margin-bottom:5px}.rule-btn{position:relative;width:124px;height:37px;background:url(../img/unchecked/rule.png) no-repeat center/cover;cursor:pointer}.rule-btn:hover{background:url(../img/check/rule.png) no-repeat center/cover}.record-btn{position:relative;width:124px;height:37px;margin-bottom:10px;background:url(../img/unchecked/record.png) no-repeat center/cover;cursor:pointer}.record-btn:hover{background:url(../img/check/record.png) no-repeat center/cover}.back-top{position:relative;width:124px;height:37px;background:url(../img/unchecked/rule.png) no-repeat center/cover;cursor:pointer}.top-nav{position:fixed;top:0;left:0;width:1920px;height:77px;background:url(../img/unchecked/top-nav.png) no-repeat center/cover;z-index:2}.top-menu{position:absolute;display:flex;left:527px;height:77px}.menu-item{position:relative;top:33px;width:114px;height:14px;cursor:pointer}.top-menu .item1{margin-right:61px;background:url(../img/unchecked/menu-1.png) no-repeat center/cover}.top-menu .item1:hover{background:url(../img/check/menu-1.png) no-repeat center/cover}.top-menu .item2{margin-right:82px;background:url(../img/unchecked/menu-2.png) no-repeat center/cover}.top-menu .item2:hover{background:url(../img/check/menu-2.png) no-repeat center/cover}.top-menu .item3{margin-right:41px;background:url(../img/unchecked/menu-3.png) no-repeat center/cover}.top-menu .item3:hover{background:url(../img/check/menu-3.png) no-repeat center/cover}.top-menu .item4{margin-right:44px;background:url(../img/unchecked/menu-4.png) no-repeat center/cover}.top-menu .item4:hover{background:url(../img/check/menu-4.png) no-repeat center/cover}.top-menu .item5{background:url(../img/unchecked/menu-5.png) no-repeat center/cover}.top-menu .item5:hover{background:url(../img/check/menu-5.png) no-repeat center/cover}.top-share{position:absolute;display:flex;align-items:center;top:17px;padding-left:22px;right:151px;width:252px;height:45px;background:url(../img/unchecked/share-bottom.png) no-repeat center/cover}.share-item{position:relative;width:30px;height:30px;cursor:pointer}.top-share .item1{margin-right:31px;background:url(../img/unchecked/share-1.png) no-repeat center/cover}.top-share .item1:hover{background:url(../img/check/share-1.png) no-repeat center/cover}.top-share .item2{margin-right:31px;background:url(../img/unchecked/share-2.png) no-repeat center/cover}.top-share .item2:hover{background:url(../img/check/share-2.png) no-repeat center/cover}.top-share .item3{margin-right:30px;background:url(../img/unchecked/share-3.png) no-repeat center/cover}.top-share .item3:hover{background:url(../img/check/share-3.png) no-repeat center/cover}.top-share .item4{background:url(../img/unchecked/share-4.png) no-repeat center/cover}.top-share .item4:hover{background:url(../img/check/share-4.png) no-repeat center/cover}.section1{position:relative;width:100%;height:1515px}.logo{position:absolute;top:15px;left:78px;width:156px;height:120px;z-index:3}.sy-title{position:relative;top:97px;left:411px;width:502px;height:191px;background:url(../img/unchecked/sy-title.png?v=1.0) no-repeat center/cover}.sy-title .video-btn{position:absolute;top:26px;right:27px;width:64px;height:64px;cursor:pointer;background:url(../img/unchecked/video-btn.png?v=1.0) no-repeat center/cover}.sy-title .video-btn:hover{background:url(../img/check/video-btn.png?v=1.0) no-repeat center/cover}.reserve-box{position:relative;top:133px;left:404px;width:590px;height:469px;background:url(../img/unchecked/reserve-box.png) no-repeat center/cover}.reserve-input-box{position:relative;top:52px;left:12px;width:565px;height:70px;background:url(../img/unchecked/reserve-input.png) no-repeat center/cover}.reserve-input-box p{position:absolute;top:50%;left:35px;transform:translateY(-50%);display:inline-block;color:#000;font-size:24px;font-weight:700}.reserve-input-box input{position:absolute;top:50%;left:137px;transform:translateY(-50%);width:400px;border:none;background:0 0;font-size:18px}.reserve-input-box .phone-placeholder{position:absolute;top:50%;left:137px;transform:translateY(-50%);width:400px;color:#b7b7b7;font-size:18px}.reserve-btn{position:absolute;top:145px;left:149px;width:285px;height:73px;background:url(../img/unchecked/reserve-btn.png) no-repeat center/cover;cursor:pointer}.reserve-btn:hover{background:url(../img/check/reserve-btn.png) no-repeat center/cover}.reserve-check-box{position:relative;margin-right:6px;width:18px;height:18px;cursor:pointer}.reserve-agree{position:absolute;display:flex;top:237px;left:160px;color:#926eff;font-size:12px;flex-direction:column}.reserve-item{position:relative;display:flex;width:270px}.reserve-text-detail{margin-left:2px;width:60px;height:16px;background:url(../img/unchecked/reserve-detail.png) no-repeat center/contain;cursor:pointer}.reserve-text-detail:hover{background:url(../img/check/reserve-detail.png) no-repeat center/contain}.reserve-gift-box{position:absolute;display:flex;left:14px;bottom:21px}.reserve-gift{position:relative;margin-right:6px;width:183px;height:128px}.reserve-gift img{position:absolute}.store-box{position:relative;top:148px;left:404px;width:590px;height:289px;background:url(../img/unchecked/store-box.png) no-repeat center/cover}.store-link-box{position:absolute;left:11px;bottom:16px;display:flex}.store-link-item{display:block;width:187px;height:61px;margin-right:3px}.googlePlay{background:url(../img/unchecked/google-play-badge.png) no-repeat center/cover}.googlePlay:hover{background:url(../img/check/google-play-badge.png) no-repeat center/cover}.googlePlay-success{background:url(../img/unchecked/google-play-badge.png) no-repeat center/cover}.googlePlay-success:hover{background:url(../img/check/google-play-badge.png) no-repeat center/cover}.appStore{background:url(../img/unchecked/ios.png) no-repeat center/cover}.appStore:hover{background:url(../img/check/ios.png) no-repeat center/cover}.appStore-success{background:url(../img/unchecked/ios.png) no-repeat center/cover}.appStore-success:hover{background:url(../img/check/ios.png) no-repeat center/cover}.oneStore{background:url(../img/unchecked/one.png) no-repeat center/cover}.oneStore:hover{background:url(../img/check/one.png) no-repeat center/cover}.store-gift-box{position:absolute;top:57px;left:111px;display:flex}.store-gift-item{position:relative;width:183px;height:128px;margin-right:6px}.store-gift-item img{position:absolute}.sns-box{position:absolute;top:1152px;left:404px;width:590px;height:296px;background:url(../img/unchecked/sns-box.png) no-repeat center/cover}.sns-link-box{position:absolute;left:15px;bottom:22px;display:flex}.sns-link-item{position:relative;width:181px;height:55px;margin-right:8px;cursor:pointer}.sns-link-box .item1{background:url(../img/unchecked/cafe.png) no-repeat center/cover}.sns-link-box .item1:hover{background:url(../img/check/cafe.png) no-repeat center/cover}.sns-link-box .item2{background:url(../img/unchecked/fb.png) no-repeat center/cover}.sns-link-box .item2:hover{background:url(../img/check/fb.png) no-repeat center/cover}.sns-link-box .item3{background:url(../img/unchecked/naver.png) no-repeat center/cover}.sns-link-box .item3:hover{background:url(../img/check/naver.png) no-repeat center/cover}.sns-gift-box{position:absolute;top:62px;left:111px;display:flex}.sns-gift-item{position:relative;margin-left:6px;width:183px;height:128px}.sns-gift-item img{position:absolute}.section2{position:relative;width:1920px;height:1067px}.reward{position:relative;top:63px;width:1112px;height:820px;margin:0 auto}.reward-progress{position:absolute;top:70px;left:80px;width:952px;height:11px;background:url(../img/unchecked/progress-unfinish.png) no-repeat center/cover}.reward-progress span{position:absolute;top:0;left:0;height:11px;background:url(../img/check/progress-finished.png) no-repeat}.reward-box{position:relative;display:flex;justify-content:space-between;width:100%}.reward-item{position:relative;display:flex;flex-direction:column;width:159px;height:100%}.reward-goal{position:relative;left:50%;transform:translateX(-50%);width:70px;height:90px;margin-bottom:19px}.reward-gift{width:159px;height:616px}.reward-text{position:relative;top:32px}.reward-text-progress{position:absolute;display:flex;top:-20px;left:321px;align-items:center}.reward-num{position:relative;top:-4px;font-size:60.79px;font-weight:700;color:#e5c47b}.reward-text-1{position:relative;width:63px;height:34px}.reward-text-2{position:relative;width:302px;height:34px}.reward-text-3{position:absolute;top:57px;left:50%;transform:translateX(-50%);width:551px;height:20px}.reward-btn{position:absolute;left:50%;transform:translateX(-50%);bottom:-108px;width:389px;height:74px;background:url(../img/unchecked/reserve-btn.png) no-repeat center/cover;cursor:pointer}.reward-btn:hover{background:url(../img/check/reserve-btn.png) no-repeat center/cover}.section3{position:relative;width:1920px;height:901px}.section3 .section-title{top:64px;left:471px;transform:none}.invite-box{position:absolute;top:169px;right:365px;width:900px;height:486px}.invite-item{position:absolute;width:305px;height:445px}.invite-box .item1{top:41px}.invite-box .item2{left:298px}.invite-box .item3{top:41px;right:0}.invite-gift{position:absolute}.invite-gift-btn{position:absolute;top:342px;left:89px;width:124px;height:37px}.invite-text{position:absolute;top:646px;left:897px;width:415px;height:60px}.invite-num{position:absolute;top:-14px;left:120px;font-size:47px;font-weight:700;line-height:1;color:#e5c47b}.invite-text-1{position:absolute;left:65px;width:301px;height:25px}.invite-text-2{position:absolute;top:45px;width:415px;height:15px}.invite-btn{position:absolute;top:726px;left:915px;width:389px;height:74px;background:url(../img/unchecked/invite-btn.png) no-repeat center/cover;cursor:pointer}.invite-btn:hover{background:url(../img/check/invite-btn.png) no-repeat center/cover}.section4{position:relative;width:1920px;height:1059px}.section4 .section-title{transform:none;left:463px}.role-wrap{position:absolute;top:0;left:369px;width:1300px;height:900px}.role-type{position:absolute;top:112px;left:0;width:200px;height:550px;background:url(../img/unchecked/line.png) no-repeat 35px 13px;background-size:66px 520px;z-index:2}.role-type-item{position:absolute;width:184px;height:80px;cursor:pointer}.role-type .item1{left:47px;background:url(../img/check/type-1.png) no-repeat center/cover}.role-type .item1:hover{background:url(../img/check/type-1.png) no-repeat center/cover}.role-type .item2{top:113px;left:14px;background:url(../img/unchecked/type-2.png) no-repeat center/cover}.role-type .item2:hover{background:url(../img/check/type-2.png) no-repeat center/cover}.role-type .item3{top:235px;background:url(../img/unchecked/type-3.png) no-repeat center/cover}.role-type .item3:hover{background:url(../img/check/type-3.png) no-repeat center/cover}.role-type .item4{top:355px;left:13px;background:url(../img/unchecked/type-4.png) no-repeat center/cover}.role-type .item4:hover{background:url(../img/check/type-4.png) no-repeat center/cover}.role-type .item5{top:464px;left:46px;background:url(../img/unchecked/type-5.png) no-repeat center/cover}.role-type .item5:hover{background:url(../img/check/type-5.png) no-repeat center/cover}.role-avatar{position:absolute;display:flex;justify-content:space-between;top:809px;left:260px;width:644px;height:80px;padding:0 88px;background:url(../img/unchecked/line2.png) no-repeat 0 17px;background-size:644px 14px}.role-avatar-item{position:relative;width:80px;height:80px;cursor:pointer}.role-avatar-item img{position:absolute;top:-16px;left:0;width:80px;height:100px}.role-avatar-item .check{z-index:2;opacity:0;height:100px}.role-tachie{position:absolute;top:9px;left:52px;width:1000px;height:800px;z-index:0;-webkit-animation:tachie-in .2s linear;animation:tachie-in .2s linear}.role-data{position:absolute;top:35px;left:778px;width:500px;height:800px;transition:all .2s;-webkit-animation:data-in .2s linear;animation:data-in .2s linear}.role-data1{position:absolute;top:30px;left:0;width:380px;height:150px;transition:all .2s;-webkit-animation:data-in .2s linear;animation:data-in .2s linear}.role-data2{position:absolute;top:191px;left:25px;width:380px;height:500px;transition:all .2s;-webkit-animation:data-in .2s linear;animation:data-in .2s linear}@-webkit-keyframes tachie-in{0%{opacity:0}100%{opacity:1}}@keyframes tachie-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes data-in{0%{transform:translateX(30px)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes data-in{0%{transform:translateX(30px)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}.section5{position:relative;width:1920px;height:982px}.section5 .section-title{transform:none;left:462px}.sy-feature{position:relative;width:1113px;height:694px;margin:87px auto 0}.feature-swiper{margin:0 auto;width:1016px;height:571px}.swiper-pagination-feature{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:1087px;height:45px;background:url(../img/unchecked/feature-bg.png) no-repeat center/cover}.swiper-pagination{display:flex;align-items:center;padding-left:190px}.swiper-pagination-bullet{opacity:1;margin-right:140px;width:30px;height:30px;background:url(../img/unchecked/feature-normal.png) no-repeat center/cover}.swiper-pagination-bullet-active{background:url(../img/unchecked/feature-active.png) no-repeat center/cover}.swiper-button-next,.swiper-button-prev{position:absolute;height:45px;width:55px;margin-top:303px}.swiper-button-next::after,.swiper-button-prev::after{content:''}.sy-footer{position:relative;width:1920px;height:222px;padding-top:100px;background:url(../img/dialog/footer.png) no-repeat center/cover}.sy-footer-box{position:relative;display:block;margin:0 auto;color:#fff;font-size:14px;text-align:center}.sy-footer-box a{margin-left:14px;color:#fff;font-size:14px}.link-border{padding-right:14px;border-right:1px solid #fff}