.MainAfterLoginVisualBox{display:block;position:relative}.MainAfterLoginVisualBox .visualSet{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.MainAfterLoginVisualBox .visualSet .background{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:50%;left:0;right:0;top:0;bottom:0;display:block;opacity:0;transition:all .3s;overflow:hidden;margin:-1px;background-size:auto;background-position-x:right}.MainAfterLoginVisualBox .visualSet .model{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .model img{transform:scale(.95);display:block;position:absolute;top:-20px;right:0;-o-object-fit:fill;object-fit:fill;transition:all .2s}.MainAfterLoginVisualBox .visualSet .entity{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .entity img{display:block;position:absolute;top:80px;right:480px;-o-object-fit:fill;object-fit:fill;transition:all .2s;animation:animate_heart_beat 1s ease infinite}.MainAfterLoginVisualBox .visualSet .largeLabel{opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .largeLabel img{display:block;position:absolute;-o-object-fit:cover;object-fit:cover;width:min(100vw,768px);transition-duration:.5s;top:50%;transform:translateY(-50%)}.MainAfterLoginVisualBox .visualSet .smallLabel{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:45%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .smallLabel img{display:block;position:absolute;top:350px;left:30px;-o-object-fit:none;object-fit:none;transition-duration:.5s}.MainAfterLoginVisualBox .visualSet.Active{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.MainAfterLoginVisualBox .visualSet.Active .background{opacity:1;transition:all .3s}.MainAfterLoginVisualBox .visualSet.Active .entity,.MainAfterLoginVisualBox .visualSet.Active .model{opacity:1;transition-property:all;transition-delay:.2s;transition-duration:.5s}.MainAfterLoginVisualBox .visualSet.Active .largeLabel{opacity:1}.MainAfterLoginVisualBox .visualSet.Active .largeLabel img{transition-property:all;transition-duration:.5s}.MainAfterLoginVisualBox .visualSet.Active .smallLabel{opacity:1}.MainAfterLoginVisualBox .visualSet.Active .smallLabel img{transition-property:all;transition-duration:.5s;top:230px}.MainAfterLoginVisualBox .visualNav{position:absolute;display:flex;bottom:-25px;left:50%;transform:translate(-50%)}.MainAfterLoginVisualBox .visualNav div{margin-right:8px;margin-left:8px;width:20px;height:20px;border-radius:10px;background:#222a3f;cursor:pointer}.MainAfterLoginVisualBox .visualNav div.Active{background:#fff;box-shadow:0 0 0 #fff,0 0 10px #16bdf9,0 0 30px #16bdf9;width:50px;transition:all .5s}#PageMain{display:block;text-align:center}#PageMain>div .title{display:flex;justify-content:flex-start;margin-bottom:20px;margin-left:20px}#PageMain>div .content{margin-bottom:10px}#PageMain .popularGame{display:block;min-width:320px;max-width:768px;margin:30px auto 0}#PageMain .popularGame a{width:100%;flex:1 0 300px}#PageMain .popularGame .mobile-button{position:absolute;bottom:58px;left:20px;padding:6px 16px;font-size:9px;border-radius:50px;background-color:#16bdf9;color:#fff;border:1px solid #16bdf9}#PageMain .popularGame .meta-container{display:flex;grid-gap:15px;position:absolute;bottom:0;left:20px;right:20px}#PageMain .popularGame .meta-container .meta-value{font-size:14px;color:#c7c7c7;width:100%}#PageMain .popularGame .meta-container .meta-value p{font-size:12px;color:#61d0ff;margin-top:3px}#PageMain .popularGame .rule-btn{left:110px;background-color:transparent;color:#c7c7c7;border:1px solid #c7c7c7}#PageMain .popularGame .content{display:block;width:100%}#PageMain .popularGame .content .slideBox{display:flex;gap:10px;overflow:hidden;margin-bottom:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:10px;flex-wrap:wrap}#PageMain .popularGame .content .slideBox .gameCard{display:block;position:relative;flex-shrink:0;background:linear-gradient(130deg,#14294d,#1f0f2f 80%);border:1px solid #161c24;box-shadow:0 0 10px rgba(0,0,0,.4),0 0 40px rgba(0,0,0,.267),inset 0 0 50px rgba(0,0,0,.267);transition:all .5s;cursor:pointer;margin-left:0;height:200px;overflow:hidden}#PageMain .popularGame .content .slideBox .gameCard .visualImage{display:flex;position:absolute;left:0;right:0;bottom:130px;top:90px;align-items:center;justify-content:center;filter:grayscale(.7) brightness(.7);transform:scale(.7);transition:all .3s}#PageMain .popularGame .content .slideBox .gameCard .label{display:flex;position:absolute;left:0;right:0;top:20px;height:48px;align-items:center;justify-content:flex-start;padding-left:20px}#PageMain .popularGame .content .slideBox .gameCard .label .largeLabel{font-size:30px;font-weight:900;background:#6d747b;font-family:Pretendard,sans-serif;background:linear-gradient(30deg,#16bdf9 30%,rgba(174,147,236,.67) 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#PageMain .popularGame .content .slideBox .gameCard .label .smallLabel{color:#c7c7c7;font-size:14px;font-weight:400;padding-left:7px}#PageMain .popularGame .content .slideBox .gameCard .description{display:flex;position:absolute;left:0;right:0;bottom:88px;height:50px;align-items:center;font-size:12px;text-align:left;padding-left:20px;padding-right:20px;color:#c7c7c7}#PageMain .popularGame .content .slideBox .gameCard a.button{display:flex;position:absolute;left:15px;right:15px;bottom:15px;height:40px;align-items:center;justify-content:center;color:#becde3;background:#1b222c;border:1px solid #6d747b;border-radius:20px;font-size:12px;font-weight:600}#PageMain .popularGame .content .slideBox .gameCard:hover{background:#0b0e18;border:1px solid #161c24;transition:all .5s}#PageMain .popularGame .content .slideBox .gameCard:hover .visualImage{display:flex;position:absolute;left:0;right:0;bottom:130px;top:90px;align-items:center;justify-content:center;filter:grayscale(0) brightness(1);transform:scale(.8);transition:all .3s}#PageMain .popularGame .content .slideBox .gameCard:hover .label .largeLabel,#PageMain .popularGame .content .slideBox .gameCard:hover .label .smallLabel{color:#fff;text-shadow:0 0 0 #fff,0 0 10px #16bdf9,0 0 30px #16bdf9;transition:all .1s}#PageMain .popularGame .content .slideBox .gameCard:hover .button{background:#16bdf9;border:1px solid #16bdf9;color:#fff}#PageMain .popularGame .content .slideBox .gameCard.hide{transform:translateX(-100%)}#PageMain .popularGame .content .slideBox .gameCard.show{transform:translateX(0)}#PageMain .popularGame .content .slideBox .gameCard.slide{animation:slide 1s}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}#PageMain .liveSports{padding-top:30px}#PageMain .esports,#PageMain .liveSports{display:block;margin:0 auto;width:100%;min-width:1200px;max-width:2200px}#PageMain .esports{padding-top:60px}#PageMain .esports .content{display:block;position:relative;height:340px;min-width:1200px;max-width:2200px;padding-left:40px;padding-right:40px}#PageMain .esports .content .ESportsMatch{opacity:0;position:absolute;top:60px;right:20px;left:20px;transform:scale(1.05);filter:brightness(1) grayscale(0);box-shadow:0 20px 20px rgba(0,0,0,.333);transition:all .8s}#PageMain .esports .content .ESportsMatch:after{z-index:0}#PageMain .esports .content .ESportsMatch.order-0{opacity:0;top:55px;right:20px;left:20px;transform:scale(.9);filter:brightness(.8) grayscale(.2);transition:all 0ms;z-index:10}#PageMain .esports .content .ESportsMatch.order-1{opacity:.8;top:40px;right:20px;left:20px;transform:scale(.9);filter:brightness(.8) grayscale(.2);transition:all 1.4s;z-index:10}#PageMain .esports .content .ESportsMatch.order-2{opacity:1;top:25px;right:20px;left:20px;transform:scale(.95);filter:brightness(.9) grayscale(.1);transition:all 1.2s;z-index:20}#PageMain .esports .content .ESportsMatch.order-3{opacity:1;top:0;right:20px;left:20px;transform:scale(1);filter:brightness(1) grayscale(0);transition:all 1s;z-index:30}#PageMain .ranking{display:block;margin:0 auto;width:min(100vw,768px)}#PageMain .ranking .content .row{display:flex;flex-direction:row;padding-left:10px;padding-right:10px;position:relative;z-index:10}#PageMain .ranking .content .row .colLeft{width:100%;flex-shrink:1;overflow:hidden}#PageMain .ranking .content .row .colRight{width:370px;flex-shrink:0;margin-left:10px}#PageMain .ranking .content .row:first-child{z-index:20}.MainBeforeLoginVisualBox{top:25%}.MainBeforeLoginVisualBox .resize{transform:scale(33%)}.MainBeforeLoginVisualBox .visualNav div{width:10px;height:10px;margin-left:5px;margin-right:5px}.MainBeforeLoginVisualBox .visualNav div.Active{height:10px;width:30px;margin:0}.MainAfterLoginVisualBox{width:min(100vw,768px);height:200px}.MainAfterLoginVisualBox .mobile-resize{transform:scale(.6);position:absolute}.MainAfterLoginVisualBox .visualNav div{height:10px!important;width:10px!important;margin-left:5px;margin-right:5px}.MainAfterLoginVisualBox .visualNav div.Active{width:25px!important}.popular-games-bg img{opacity:.1;width:175px;position:absolute;right:-42px;top:42px}@media only screen and (min-width:640px){.MainAfterLoginVisualBox .visualSet .background{background-size:cover}}.MainBeforeLoginVisualBox{background:#0b0e18;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MainBeforeLoginVisualBox img{-webkit-user-drag:none}.MainBeforeLoginVisualBox .visualSet{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.MainBeforeLoginVisualBox .visualSet .background{bottom:0;display:block;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s}.MainBeforeLoginVisualBox .visualSet .background img{bottom:0;display:block;height:100dvh;left:0;margin:0 auto;max-width:768px;min-width:320px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:fixed;right:0;top:0;width:100%}.MainBeforeLoginVisualBox .visualSet .label.large img{display:block;left:50%;opacity:0;position:absolute;top:-100px;transform:translate(-50%);width:min(100% - 80px,768px)}.MainBeforeLoginVisualBox .visualSet .label.small img{display:block;left:49%;opacity:0;position:absolute;top:200px;transform:translate(-50%);width:min(100% - 70px,768px)}.MainBeforeLoginVisualBox .visualSet .entity{display:block;left:50%;opacity:0;position:absolute;transform:translate(-50%);transition:all .3s;width:90vw}@media screen and (max-width:2560px){.MainBeforeLoginVisualBox .visualSet .entity{width:90vw}}@media screen and (max-width:2000px){.MainBeforeLoginVisualBox .visualSet .entity{width:140vw}}@media screen and (max-width:1600px){.MainBeforeLoginVisualBox .visualSet .entity{width:150vw}}@media screen and (max-width:1280px){.MainBeforeLoginVisualBox .visualSet .entity{width:160vw}}@media screen and (max-width:1023px){.MainBeforeLoginVisualBox .visualSet .entity{width:250vw}}@media screen and (max-width:430px){.MainBeforeLoginVisualBox .visualSet .entity{width:340vw}}.MainBeforeLoginVisualBox .visualSet .entity.right img{display:block;position:absolute;top:60dvh;transition:all .5s;width:100%}@media screen and (max-width:2560px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:80dvh}}@media screen and (max-width:2048px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:60dvh}}@media screen and (max-width:1280px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:40dvh}}@media screen and (max-width:1024px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:85dvh}}@media screen and (max-width:430px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:70dvh}}@media screen and (max-width:375px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:60dvh}}@media screen and (max-width:320px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:65dvh}}.MainBeforeLoginVisualBox .visualSet .entity.left img{display:none;left:-150px;position:absolute;top:400px;transition:all .5s}.MainBeforeLoginVisualBox .visualSet .particle{display:block;left:50%;opacity:0;position:absolute;top:400px;transform:translate(-50%);transition:all .3s}.MainBeforeLoginVisualBox .visualSet.Active{bottom:0;display:block;left:0;opacity:1;position:absolute;right:0;top:0}.MainBeforeLoginVisualBox .visualSet.Active .background{opacity:.3;transition:all .3s}.MainBeforeLoginVisualBox .visualSet.Active .label{opacity:1;position:relative;transition:all .5s;z-index:10}.MainBeforeLoginVisualBox .visualSet.Active .label.large img{display:block;left:50%;opacity:1;position:absolute;top:90px;transform:translate(-50%,-100%);transition:all .5s}@media screen and (max-width:375px){.MainBeforeLoginVisualBox .visualSet.Active .label.large img{top:53px}}@media screen and (max-width:320px){.MainBeforeLoginVisualBox .visualSet.Active .label.large img{top:66px}}.MainBeforeLoginVisualBox .visualSet.Active .label.small img{display:block;left:51%;opacity:1;position:absolute;top:95px;transform:translate(-50%);transition:all .5s .3s}@media screen and (max-width:375px){.MainBeforeLoginVisualBox .visualSet.Active .label.small img{top:56px}}@media screen and (max-width:320px){.MainBeforeLoginVisualBox .visualSet.Active .label.small img{top:71px}}.MainBeforeLoginVisualBox .visualSet.Active .entity{opacity:1;position:absolute;transition:all .5s;z-index:5}.MainBeforeLoginVisualBox .visualSet.Active .particle{opacity:1;transition:all .5s}.MainBeforeLoginVisualBox .visualNav{bottom:30px;display:flex;left:50%;position:absolute;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualNav div{background:#222a3f;border-radius:8px;cursor:pointer;height:16px;margin-left:8px;margin-right:8px;transition:all .5s;width:16px}.MainBeforeLoginVisualBox .visualNav div.Active{background:#fff;border-radius:8px;box-shadow:0 0 0 #fff,0 0 10px #001aff,0 0 30px #2371ff;height:16px;margin-left:8px;margin-right:8px;transition:all .5s;width:40px}.main-button-container{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;width:min(100% - 80px,768px);max-width:330px}@media screen and (max-width:430px){.main-button-container{top:70dvh}}@media screen and (max-width:375px){.main-button-container{top:69dvh}}@media screen and (max-width:320px){.main-button-container{top:66dvh}}.main-button-container .main-login-button,.main-button-container .main-sign-up-button{background:linear-gradient(135deg,#432ea9 30%,#30abb8 70%);border:none;border-radius:30px;color:#fff;padding:15px 30px;font-size:16px;width:100%;letter-spacing:2px}.main-button-container a{background:linear-gradient(#131b33,#0b101e);color:#03e9f4;display:inline-block;letter-spacing:4px;overflow:hidden;padding:25px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.main-button-container a:active{background:#03e9f4;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.333));box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4;color:#050801}.main-button-container a:first-child{filter:hue-rotate(270deg)}.main-button-container a:nth-child(2){filter:hue-rotate(110deg)}.main-button-container a span{display:block;position:absolute}.main-button-container a span:first-child{animation:animate1 1s linear infinite;background:linear-gradient(90deg,transparent,#03e9f4);height:2px;left:0;top:0;width:100%}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.main-button-container a span:nth-child(2){animation:animate2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,transparent,#03e9f4);height:100%;right:0;top:-100%;width:2px}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.main-button-container a span:nth-child(3){animation:animate3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,transparent,#03e9f4);bottom:0;height:2px;right:0;width:100%}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.main-button-container a span:nth-child(4){animation:animate4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,transparent,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate_grow_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes animate_grow_2{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes animate_grow_3{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes punch{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes bounce{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.animate_grow_1 img{animation:animate_grow_1 3s ease-in-out infinite}.animate_grow_2 img{animation:animate_grow_2 3s ease-in-out infinite}.animate_grow_3 img{animation:animate_grow_3 3s ease-in-out infinite}.animate_punch img{animation:punch 3s ease-in-out infinite}.animate_bounce img{animation:bounce 3s ease-in-out infinite}.EventVisualBox{display:block;position:relative;width:min(100vw,767px);height:200px}.EventVisualBox .visualSet{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.EventVisualBox .visualSet .background{position:absolute;background-repeat:no-repeat;background-position:50%;left:0;right:0;top:0;bottom:0;display:block;opacity:0;transition:all .3s;overflow:hidden;background-size:cover;background-position-x:left}@media screen and (max-width:430px){.EventVisualBox .visualSet .background{background-size:120%}}.EventVisualBox .visualSet .model{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .model img{transform:scale(.95);display:block;position:absolute;top:-20px;right:0;-o-object-fit:fill;object-fit:fill;transition:all .2s}.EventVisualBox .visualSet .entity{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .entity img{display:block;position:absolute;top:80px;right:480px;-o-object-fit:fill;object-fit:fill;transition:all .2s;animation:animate_heart_beat 1s ease infinite}@keyframes animate_heart_beat{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.EventVisualBox .visualSet .largeLabel{opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .largeLabel img{display:block;position:absolute;-o-object-fit:cover;object-fit:cover;width:min(100vw,768px);transition-duration:.5s;top:50%;transform:translateY(-50%)}.EventVisualBox .visualSet .smallLabel{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:45%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0ms;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .smallLabel img{display:block;position:absolute;top:350px;left:30px;-o-object-fit:none;object-fit:none;transition-duration:.5s}.EventVisualBox .visualSet.Active{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.EventVisualBox .visualSet.Active .background{opacity:1;transition:all .3s}.EventVisualBox .visualSet.Active .entity,.EventVisualBox .visualSet.Active .model{opacity:1;transition-property:all;transition-delay:.2s;transition-duration:.5s}.EventVisualBox .visualSet.Active .largeLabel{opacity:1}.EventVisualBox .visualSet.Active .largeLabel img{transition-property:all;transition-duration:.5s}.EventVisualBox .visualSet.Active .smallLabel{opacity:1}.EventVisualBox .visualSet.Active .smallLabel img{transition-property:all;transition-duration:.5s;top:230px}.EventVisualBox .visualNav{position:absolute;display:flex;bottom:-25px;left:50%;transform:translate(-50%)}.EventVisualBox .visualNav div{height:10px!important;width:10px!important;margin-left:5px;margin-right:5px;border-radius:10px;background:#222a3f;cursor:pointer}.EventVisualBox .visualNav div.Active{background:#fff;box-shadow:0 0 0 #fff,0 0 10px #001aff,0 0 30px #2371ff;width:50px;transition:all .5s}