.mobile-vip-wrapper{position:relative}.mobile-vip-wrapper.not-login .mobile-inner-window,.mobile-vip-wrapper.not-login .mobile-inner-window .v-window__container{height:calc(var(--vh, 1vh)*100 - 233px)!important}.mobile-vip-wrapper .loader-wrapper{max-width:500px;width:80%;margin:20px auto}.mobile-vip-wrapper .join-button-wrapper{width:100%;z-index:130;position:fixed;bottom:60px;padding:0;background-color:#fff}.mobile-vip-wrapper #intro .poster-wrapper{height:215px;display:flex;justify-content:center;margin:25px auto}.mobile-vip-wrapper #intro .column-wrapper{padding:0 5px 15px;display:flex;flex-wrap:wrap}.mobile-vip-wrapper #intro .column-wrapper .info-card-wrapper{height:125px;flex:1 1 calc(50% - 10px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;margin:5px;border-radius:10px;box-shadow:0 2px 8px 0 #d9dee4}.mobile-vip-wrapper #intro .column-wrapper .info-card-wrapper .v-icon{font-size:2.5rem!important;color:#f9bb1f}.mobile-vip-wrapper #intro .column-wrapper .info-card-wrapper p{line-height:22px;margin:10px 0 0;max-width:110px}.mobile-vip-wrapper #detail .benefits-wrapper{padding-bottom:0}.mobile-vip-wrapper #detail .term-condition-wrapper{padding:10px 5px}@media screen and (max-width:375px){.mobile-vip-wrapper #intro .poster-wrapper{height:190px;margin:15px auto}}.vip-introduction-wrapper{background-color:#fff;border-radius:5px;padding:40px 70px 10px;padding:40px 70px;margin-bottom:20px}.vip-introduction-wrapper h2{margin-bottom:10px}.vip-introduction-wrapper p{line-height:25px}.is-mobile .vip-introduction-wrapper{padding:10px 5px;border-radius:0;margin-bottom:0}.is-mobile .vip-introduction-wrapper p{margin:0}.benefits-wrapper{padding:20px 5px 65px}.benefits-wrapper .upgrade-wrapper{display:flex;justify-content:space-between;padding:0 5px;margin:5px 0 30px}.benefits-wrapper .upgrade-wrapper .text-bold{font-weight:700;font-size:1.1rem}.benefits-wrapper .upgrade-wrapper .title{font-weight:700}.benefits-wrapper .upgrade-wrapper .tier-image{width:75px}.benefits-wrapper .upgrade-wrapper .content-wrap{display:flex;flex-flow:column;justify-content:space-between}.benefits-wrapper .upgrade-wrapper .content-wrap p{margin:0}.benefits-wrapper .upgrade-wrapper .content-wrap .required-point{font-size:.9rem}.benefits-wrapper .upgrade-wrapper .content-wrap .jwbtn{max-width:210px;margin:0}.benefits-wrapper .vip-tier-progress-wrapper{margin-bottom:20px}.benefits-wrapper .vip-tier-progress-wrapper .vip-tier-progress .tier-wrapper{border-radius:5px;padding:5px 0}.benefits-wrapper .vip-tier-progress-wrapper .vip-tier-progress .tier-wrapper.activeTier{background:#fff;border:2px solid #f9bb1f}.benefits-wrapper .vip-tier-progress-wrapper .vip-tier-progress .tier-wrapper .tier-image-wrapper{background:#f2f5f9;display:flex;flex-direction:column}.benefits-wrapper .vip-tier-progress-wrapper .vip-tier-progress .tier-wrapper .tier-image-wrapper img{width:40px;margin-bottom:10px}.benefits-wrapper .vip-tier-progress-wrapper .vip-tier-progress .progress-bar{display:none}.benefits-wrapper h3{margin-bottom:15px;margin-top:0;font-weight:700;font-size:1rem}.benefits-wrapper .row-content-wrap .row-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,68.2%,.7)!important;padding:20px 0}.benefits-wrapper .row-content-wrap .row-item p{line-height:1.5;margin-bottom:0}.benefits-wrapper .row-content-wrap .header{font-weight:700;padding:5px 0 8px}.term-condition-wrapper{background-color:#fff;border-radius:5px;padding:40px 70px 10px}.is-mobile .term-condition-wrapper{padding:10px;border-radius:0;margin-bottom:0}.is-mobile .term-condition-wrapper .term-condition-content{padding:0}.term-condition-wrapper{margin:20px 0;padding:40px 0 10px 70px}.term-condition-wrapper .term-condition-content{padding-right:50px}.term-condition-wrapper .term-condition-content .title-ol{list-style-type:none;margin-top:20px}.term-condition-wrapper .term-condition-content .title-ol>li{counter-increment:step-counter;margin-bottom:10px}.term-condition-wrapper .term-condition-content .title-ol>li:before{padding-right:5px;font-weight:700;content:counter(step-counter) "."}.term-condition-wrapper .term-condition-content .term-condition-title{color:#110e16;margin-bottom:0;font-weight:700;line-height:0}.term-condition-wrapper .term-condition-content ul.sub-title-list{padding-left:40px;line-height:2}.term-condition-wrapper .term-condition-content ul.sub-title-list>li{padding:5px 0;list-style:disc;line-height:2}.term-condition-wrapper .term-condition-content ol.term-condition-sub-list>li{margin-left:20px;list-style:decimal}