#intro{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;flex-direction:column;background:url(https://lwi.nexon.com/maplestoryidle/images/contents/bg.png) 50%;background-size:cover;justify-content:center;min-height:850px}main.ko #intro{height:calc(100vh - 63px);height:calc(100dvh - 63px)}#intro *{position:relative}#intro video{object-fit:cover;object-position:center center}#intro .dimmed,#intro video{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#intro .dimmed{background-color:rgba(0,0,0,.5)}#intro .scroll-arrow{width:32px;height:32px;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/arrow.png);background-size:cover;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}to{transform:translateX(-50%) translateY(0)}}#intro .logo{width:428px;height:242px;position:relative;overflow:hidden;pointer-events:none;background-size:cover;background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/logo--en.png)}#intro .logo.ko{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/logo--ko.png);width:450px;height:252px}#intro .logo.tw{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/logo--tw.png);width:427px;height:237px}#intro .logo.ja{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/logo--ja.png);width:427px;height:238px}#intro .description{background-size:contain;background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description--en.png);background-repeat:no-repeat;width:572px;height:88px;margin-top:12px}#intro .description.ko{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description--ko.png);width:542px;height:88px}#intro .description.tw{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description--tw.png);width:440px;height:88px}#intro .description.th{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description--th.png);width:711px;height:88px}#intro .description.ja{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description--ja.png);width:711px;height:88px}#intro .description.pre{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver2--en.png);width:601px;height:133px}#intro .description.pre.ko{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver2--ko.png);width:542px;height:134px}#intro .description.pre.tw{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver2--tw.png);width:440px;height:134px}#intro .description.pre.ja{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver2--ja.png);width:711px;height:134px}#intro .description.opened{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver3--en.png);width:654px;height:133px}#intro .description.opened.ko{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver3--ko.png);width:542px;height:137px}#intro .description.opened.tw{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/description-ver3--tw.png);width:484px;height:134px}#intro .btn-play{background:none;border:none;background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-play.png);width:92px;height:92px;background-size:contain;background-repeat:no-repeat;cursor:pointer;margin-top:24px}#intro .btn-play.pre{margin-top:40px}#intro .btn-play:hover{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-play--hover.png)}#intro .btn-wrap{display:flex;gap:12px;margin-top:40px}#intro .btn-wrap.pre{margin-top:40px}#intro .btn-wrap .btn-regi{width:307px;height:89px;background:none;background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--en.png);background-size:contain;border:none;cursor:pointer}#intro .btn-wrap .btn-regi:hover{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--en--hover.png)}#intro .btn-wrap .btn-regi.ko{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--ko.png);width:280px;height:89px}#intro .btn-wrap .btn-regi.ko:hover{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--ko--hover.png)}#intro .btn-wrap .btn-regi.tw{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--tw.png);width:280px;height:89px}#intro .btn-wrap .btn-regi.tw:hover{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--tw--hover.png)}#intro .btn-wrap .btn-regi.ja{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--ja.png);width:292px;height:89px}#intro .btn-wrap .btn-regi.ja:hover{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/btn-regi--ja--hover.png)}#intro .btn-wrap .btn-appStore,#intro .btn-wrap .btn-googlePlay{width:192px;height:60px;background-size:auto 100%;background-repeat:no-repeat}#intro .btn-wrap.ko .btn-appStore{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-appstore--ko.png)}#intro .btn-wrap.ko .btn-googlePlay{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-googleplay--ko.png)}#intro .btn-wrap.en .btn-appStore{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-appstore--en.png)}#intro .btn-wrap.en .btn-googlePlay{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-googleplay--en.png)}#intro .btn-wrap.tw .btn-appStore{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-appstore--tw.png)}#intro .btn-wrap.tw .btn-googlePlay{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-googleplay--tw.png)}#intro .btn-wrap.ja .btn-appStore{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-appstore--ja.png)}#intro .btn-wrap.ja .btn-googlePlay{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-googleplay--ja.png)}#intro .btn-wrap.th .btn-appStore{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-appstore--th.png)}#intro .btn-wrap.th .btn-googlePlay{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/download-buttons/btn-googleplay--th.png)}#intro .btn-pcVersion{position:relative;margin-top:40px;width:342px;height:80px;border:none;border-radius:50px;overflow:hidden;cursor:pointer;transition:transform .2s ease;z-index:1}#intro .btn-pcVersion:before{top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffdb00,#ff9500);background-size:200% 200%;z-index:-3}#intro .btn-pcVersion:after,#intro .btn-pcVersion:before{content:"";position:absolute;animation:btn-pcVersion-gradient-flow 3s ease-in-out infinite}#intro .btn-pcVersion:after{top:4px;left:4px;right:4px;bottom:4px;background:linear-gradient(45deg,#ffdb00,#ff9500,#ffdb00,#ff9500);background-size:200% 200%;border-radius:46px;z-index:-1}#intro .btn-pcVersion .btn-pcVersion-highlight{position:absolute;left:15px;top:7px;pointer-events:none;z-index:2}#intro .btn-pcVersion .btn-pcVersion-text{position:relative;display:inline-block;width:100%;height:100%;background-position:50% 0;background-size:100% auto;background-repeat:no-repeat;transition:background-image .3s;z-index:2}#intro .btn-pcVersion .btn-pcVersion-text.ko{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/spr_btn-pc--ko.png)}#intro .btn-pcVersion .btn-pcVersion-text.en{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/spr_btn-pc--en.png)}#intro .btn-pcVersion .btn-pcVersion-text.tw{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/spr_btn-pc--tw.png)}#intro .btn-pcVersion .btn-pcVersion-text.th{background-image:url(https://lwi.nexon.com/maplestoryidle/images/intro/spr_btn-pc--th.png)}@media(hover:hover)and (pointer:fine){#intro .btn-pcVersion:hover{transform:translateY(-2px)}#intro .btn-pcVersion:hover:before{background:linear-gradient(180deg,#ffec79,#ffe678)}#intro .btn-pcVersion:hover:after{background:linear-gradient(45deg,#fff100,#ffd900,#fff100,#ffd900);background-size:200% 200%}#intro .btn-pcVersion:hover .btn-pcVersion-text{background-position-y:100%}}@media(max-width:1099px){#intro .btn-pcVersion{width:257px;height:60px}#intro .btn-pcVersion:after{top:3px;left:3px;right:3px;bottom:3px;border-radius:47px}#intro{min-height:600px}main.ko #intro{height:calc(100vh - 56px);height:calc(100dvh - 56px)}#intro .scroll-arrow{width:24px;height:24px;bottom:16px}#intro .logo{width:275px;height:154px;margin-top:76px}#intro .description{width:300px;height:47px;margin-top:24px}#intro .description.ko{width:300px;height:49px}#intro .description.tw{width:264px;height:53px}#intro .description.ja,#intro .description.th{width:310px;height:38.5px}#intro .description.pre{width:300px;height:69.8px}#intro .description.pre.ko{width:300px;height:73.9px}#intro .description.pre.tw{width:264px;height:80.4px}#intro .description.pre.ja{width:310px;height:58.4px}#intro .description.opened{width:300px;height:61.01px}#intro .description.opened.ko{width:300px;height:73.897px}#intro .description.opened.tw{width:290px;height:80.4px}#intro .btn-play{width:64px;height:64px;margin-top:14px}#intro .btn-play.pre{margin-top:12px}#intro .btn-wrap{margin-top:36px!important}#intro .btn-wrap.pre{margin-top:24px}#intro .btn-wrap .btn-regi{width:194px;height:57px}#intro .btn-wrap .btn-regi.ko,#intro .btn-wrap .btn-regi.tw{width:176px;height:57px}#intro .btn-wrap .btn-regi.ja{width:185px;height:57px}#intro .btn-wrap .btn-appStore,#intro .btn-wrap .btn-googlePlay{width:144px;height:45px}}@media(max-width:600px){#intro{justify-content:flex-start}#intro .scroll-arrow{display:none}#intro .btn-wrap{margin-top:auto!important;margin-bottom:20px}}@media(max-width:360px){#intro{width:100vw}#intro .scroll-arrow{width:6.6666666667vw;height:6.6666666667vw;bottom:4.4444444444vw}#intro .logo,#intro .logo.ja,#intro .logo.ko,#intro .logo.tw{width:76.3888888889vw;height:42.7777777778vw}#intro .description{width:83.3333333333vw;height:13.0555555556vw;margin-top:2.2222222222vw}#intro .description.ko{width:83.3333333333vw;height:13.6111111111vw}#intro .description.tw{width:73.3333333333vw;height:14.7222222222vw}#intro .description.ja{width:86.1111111111vw;height:10.6944444444vw}#intro .description.pre{width:83.3333333333vw;height:19.3888888889vw}#intro .description.pre.ko{width:83.3333333333vw;height:20.5277777778vw}#intro .description.pre.tw{width:73.3333333333vw;height:22.3333333333vw}#intro .description.pre.ja{width:86.1111111111vw;height:16.2222222222vw}#intro .description.opened{width:83.3333333333vw;height:16.9472222222vw}#intro .description.opened.ko{width:83.3333333333vw;height:20.5269444444vw}#intro .description.opened.tw{width:80.5555555556vw;height:22.3333333333vw}#intro .description.opened.ja{width:86.1111111111vw;height:16.2222222222vw}#intro .btn-play{width:17.7777777778vw;height:17.7777777778vw;margin-top:3.8888888889vw}#intro .btn-play.pre{margin-top:6.6666666667vw}#intro .btn-wrap{margin-top:10vw}#intro .btn-wrap.pre{margin-top:6.6666666667vw}#intro .btn-wrap .btn-regi{width:53.8888888889vw;height:15.8333333333vw}#intro .btn-wrap .btn-regi.ko,#intro .btn-wrap .btn-regi.tw{width:48.8888888889vw;height:15.8333333333vw}#intro .btn-wrap .btn-regi.ja{width:51.3888888889vw;height:15.8333333333vw}#intro .btn-wrap .btn-appStore,#intro .btn-wrap .btn-googlePlay{width:40vw;height:12.5vw}}@keyframes btn-pcVersion-gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes btn-pcVersion-pattern-rise{0%{background-position-y:40px}to{background-position-y:0}}