#PageMain{text-align:center;display:block}#PageMain>div .title{justify-content:flex-start;margin-bottom:20px;margin-left:20px;display:flex}#PageMain>div .content{margin-bottom:10px}#PageMain .popularGame{min-width:320px;max-width:768px;margin:30px auto 0;display:block}#PageMain .popularGame a{flex:1 0 300px;width:100%}#PageMain .popularGame .mobile-button{color:#fff;background-color:#8600f7;border:1px solid #8600f7;border-radius:50px;padding:6px 16px;font-size:9px;position:absolute;bottom:58px;left:20px}#PageMain .popularGame .meta-container{grid-gap:15px;display:flex;position:absolute;bottom:0;left:20px;right:20px}#PageMain .popularGame .meta-container .meta-value{color:#c7c7c7;width:100%;font-size:14px}#PageMain .popularGame .meta-container .meta-value p{color:#c480ff;margin-top:3px;font-size:12px}#PageMain .popularGame .rule-btn{color:#c7c7c7;background-color:#0000;border:1px solid #c7c7c7;left:110px}#PageMain .popularGame .content{width:100%;display:block}#PageMain .popularGame .content .slideBox{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-bottom:10px;padding-top:10px;display:flex;overflow:hidden}#PageMain .popularGame .content .slideBox .gameCard{cursor:pointer;background:linear-gradient(89deg,#120022,#340d54 100%);border:1px solid #161c24;flex-shrink:0;height:200px;margin-left:0;transition:all .5s;display:block;position:relative;overflow:hidden;box-shadow:0 0 10px #0006,0 0 40px #0004,inset 0 0 50px #0004}#PageMain .popularGame .content .slideBox .gameCard .visualImage{filter:grayscale(.7)brightness(.7);justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:90px 0 130px;transform:scale(.7)}#PageMain .popularGame .content .slideBox .gameCard .label{justify-content:flex-start;align-items:center;height:48px;padding-left:20px;display:flex;position:absolute;top:20px;left:0;right:0}#PageMain .popularGame .content .slideBox .gameCard .label .largeLabel{background:linear-gradient(30deg,#8600f7 30%,#ae93ecab 75%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-family:Pretendard,sans-serif;font-size:30px;font-weight:900}#PageMain .popularGame .content .slideBox .gameCard .label .smallLabel{color:#c7c7c7;padding-left:7px;font-size:14px;font-weight:400}#PageMain .popularGame .content .slideBox .gameCard .description{text-align:left;color:#c7c7c7;align-items:center;height:50px;padding-left:20px;padding-right:20px;font-size:11px;display:flex;position:absolute;bottom:88px;left:0;right:0}#PageMain .popularGame .content .slideBox .gameCard a.button{color:#becde3;background:#1b222c;border:1px solid #6d747b;border-radius:20px;justify-content:center;align-items:center;height:40px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:15px;left:15px;right:15px}#PageMain .popularGame .content .slideBox .gameCard:hover{background:#0b0e18;border:1px solid #161c24;transition:all .5s}#PageMain .popularGame .content .slideBox .gameCard:hover .visualImage{filter:grayscale(0)brightness();justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:90px 0 130px;transform:scale(.8)}#PageMain .popularGame .content .slideBox .gameCard:hover .label .largeLabel,#PageMain .popularGame .content .slideBox .gameCard:hover .label .smallLabel{color:#fff;text-shadow:0 0 #fff,0 0 10px #8600f7,0 0 30px #8600f7;transition:all .1s}#PageMain .popularGame .content .slideBox .gameCard:hover .button{color:#fff;background:#640ea9;border:1px solid #8600f7}#PageMain .popularGame .content .slideBox .gameCard.hide{transform:translate(-100%)}#PageMain .popularGame .content .slideBox .gameCard.show{transform:translate(0%)}#PageMain .popularGame .content .slideBox .gameCard.slide{animation:1s slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(0%)}}#PageMain .liveSports{width:100%;min-width:1200px;max-width:2200px;margin:0 auto;padding-top:30px;display:block}#PageMain .esports{width:100%;min-width:1200px;max-width:2200px;margin:0 auto;padding-top:60px;display:block}#PageMain .esports .content{min-width:1200px;max-width:2200px;height:340px;padding-left:40px;padding-right:40px;display:block;position:relative}#PageMain .esports .content .ESportsMatch{opacity:0;filter:brightness()grayscale(0);transition:all .8s;position:absolute;top:60px;left:20px;right:20px;transform:scale(1.05);box-shadow:0 20px 20px #0005}#PageMain .esports .content .ESportsMatch:after{z-index:0}#PageMain .esports .content .ESportsMatch.order-0{opacity:0;filter:brightness(.8)grayscale(.2);z-index:10;transition:all;top:55px;left:20px;right:20px;transform:scale(.9)}#PageMain .esports .content .ESportsMatch.order-1{opacity:.8;filter:brightness(.8)grayscale(.2);z-index:10;transition:all 1.4s;top:40px;left:20px;right:20px;transform:scale(.9)}#PageMain .esports .content .ESportsMatch.order-2{opacity:1;filter:brightness(.9)grayscale(.1);z-index:20;transition:all 1.2s;top:25px;left:20px;right:20px;transform:scale(.95)}#PageMain .esports .content .ESportsMatch.order-3{opacity:1;filter:brightness()grayscale(0);z-index:30;transition:all 1s;top:0;left:20px;right:20px;transform:scale(1)}#PageMain .ranking{width:min(100vw,768px);margin:0 auto;display:block}#PageMain .ranking .content .row{z-index:10;flex-direction:row;padding-left:10px;padding-right:10px;display:flex;position:relative}#PageMain .ranking .content .row .colLeft{flex-shrink:1;width:100%;overflow:hidden}#PageMain .ranking .content .row .colRight{flex-shrink:0;width:370px;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{width:30px;height:10px;margin:0}.MainAfterLoginVisualBox{width:min(100vw,768px);height:200px}.MainAfterLoginVisualBox .mobile-resize{position:absolute;transform:scale(.6)}.MainAfterLoginVisualBox .visualNav div{margin-left:5px;margin-right:5px;width:10px!important;height:10px!important}.MainAfterLoginVisualBox .visualNav div.Active{width:25px!important}.popular-games-bg img{opacity:.1;width:175px;position:absolute;top:42px;right:-42px}@media only screen and (min-width:640px){.MainAfterLoginVisualBox .visualSet .background{background-size:cover}}

.MainBeforeLoginVisualBox{-webkit-user-select:none;user-select:none;background:#0b0e18;display:block}.MainBeforeLoginVisualBox img{-webkit-user-drag:none}.MainBeforeLoginVisualBox .visualSet{display:block;position:absolute;inset:0;overflow:hidden}.MainBeforeLoginVisualBox .visualSet .background{opacity:0;place-content:center;place-items:center;height:100vh;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.MainBeforeLoginVisualBox .visualSet .background img{-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;width:100%;min-width:320px;max-width:768px;height:100dvh;margin:0 auto;display:block;position:fixed;inset:0}.MainBeforeLoginVisualBox .visualSet .label.large img{opacity:0;width:min(100% - 80px,768px);display:block;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualSet .label.small img{opacity:0;width:min(100% - 70px,768px);display:block;position:absolute;top:200px;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualSet .entity{opacity:0;width:90vw;transition:all .3s;display:block;position:absolute;left:50%;transform:translate(-50%)}@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{width:100%;transition:all .5s;display:block;position:absolute;top:60dvh}@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:80dvh}}@media screen and (max-width:375px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:60dvh}}.MainBeforeLoginVisualBox .visualSet .entity.left img{transition:all .5s;display:none;position:absolute;top:400px;left:-150px}.MainBeforeLoginVisualBox .visualSet .particle{opacity:0;transition:all .3s;display:block;position:absolute;top:300px;left:50%;transform:translate(-50%)}@media screen and (min-width:600px){.MainBeforeLoginVisualBox .visualSet .particle{display:none}}.MainBeforeLoginVisualBox .visualSet.Active{opacity:1;display:block;position:absolute;inset:0}.MainBeforeLoginVisualBox .visualSet.Active .background{opacity:.7;transition:all .3s}.MainBeforeLoginVisualBox .visualSet.Active .label{opacity:1;z-index:10;transition:all .5s;position:relative}.MainBeforeLoginVisualBox .visualSet.Active .label.large img{opacity:1;transition:all .5s;display:block;position:absolute;top:70px;left:50%;transform:translate(-50%,-100%)}.MainBeforeLoginVisualBox .visualSet.Active .label.small img{opacity:1;transition:all .5s .3s;display:block;position:absolute;top:80px;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualSet.Active .entity{z-index:5;opacity:1;transition:all .5s;position:absolute}.MainBeforeLoginVisualBox .visualSet.Active .particle{opacity:1;transition:all .5s}.MainBeforeLoginVisualBox .visualNav{display:none;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualNav div{cursor:pointer;background:#222a3f;border-radius:8px;width:16px;height:16px;margin-left:8px;margin-right:8px;transition:all .5s}.MainBeforeLoginVisualBox .visualNav div.Active{background:#fff;border-radius:8px;width:40px;height:16px;margin-left:8px;margin-right:8px;transition:all .5s;box-shadow:0 0 #fff,0 0 10px #640ea9,0 0 30px #c480ff}.main-button-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:70px}.main-button-container .center{margin:0 0 20px}.main-button-container .center .logo{width:60%;max-width:350px;margin-bottom:10px}.main-button-container .center .logo-label{filter:hue-rotate(199deg)brightness(.9)saturate(15);width:90%;max-width:600px}.main-button-container a{color:#03e9f4;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(#131b33,#0b101e);padding:25px 30px;text-decoration:none;transition:all .5s;display:inline-block;position:relative;overflow:hidden}.main-button-container a:active{color:#050801;-webkit-box-reflect:below 1px linear-gradient(transparent,#0005);background:#03e9f4;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4}.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{background:linear-gradient(90deg,#0000,#03e9f4);width:100%;height:2px;animation:1s linear infinite animate1;top:0;left:0}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.main-button-container a span:nth-child(2){background:linear-gradient(#0000,#03e9f4);width:2px;height:100%;animation:1s linear .25s infinite animate2;top:-100%;right:0}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.main-button-container a span:nth-child(3){background:linear-gradient(270deg,#0000,#03e9f4);width:100%;height:2px;animation:1s linear .5s infinite animate3;bottom:0;right:0}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.main-button-container a span:nth-child(4){background:linear-gradient(360deg,#0000,#03e9f4);width:2px;height:100%;animation:1s linear .75s infinite animate4;bottom:-100%;left:0}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}.main-login-button{color:#fff;background:linear-gradient(135deg,#432ea9 30%,#8600f7 70%);border:none;border-radius:30px;max-width:145px;padding:15px 30px}
@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:3s ease-in-out infinite animate_grow_1}.animate_grow_2 img{animation:3s ease-in-out infinite animate_grow_2}.animate_grow_3 img{animation:3s ease-in-out infinite animate_grow_3}.animate_punch img{animation:3s ease-in-out infinite punch}.animate_bounce img{animation:3s ease-in-out infinite bounce}