body{background-color:#000;height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;width:100vw}*,body{box-sizing:border-box;margin:0;padding:0}*{-webkit-font-smoothing:antialiased;font-family:Space Grotesk,sans-serif}.noto-sans{font-family:Noto Sans KR,sans-serif}#canvas{background:linear-gradient(0deg,#fff 50%,#75aaf0);cursor:move;cursor:grab;cursor:-webkit-grab;height:100vh;left:0;outline:none;position:fixed;top:0;width:100vw}.dark-theme{background-color:#333;color:#fff}.light-theme{background-color:#fff;color:#333}#progress,#progress-bar{width:100px}.bottom-btn{width:100vw}.outer-container-switch{align-items:center;bottom:100px;display:flex;height:100px;position:absolute;right:20px;width:-webkit-max-content;width:max-content;z-index:10}#m-fadeOut{opacity:0;transition:visibility 0s linear .3s,opacity .3s;visibility:hidden}#m-fadeIn{opacity:1;transition:visibility 0s linear 0s,opacity .3s;visibility:visible}.options{color:#000!important;padding:3px}.options p{align-items:center;display:flex;justify-content:center}.outer-container-switch p{font-weight:bolder;margin:5px;padding:2px}#iconswitch,.outer-container-switch p{align-items:center;background-color:#fff;border-radius:50%;display:flex;justify-content:center}#iconswitch{color:#000!important;cursor:pointer;height:50px;width:50px}#icon,#iconswitch h1{align-items:center;display:flex;justify-content:center}#icon{background-color:#fff;border-radius:50%;bottom:60px;color:#000!important;cursor:pointer;height:50px;position:absolute;right:20px;width:50px;z-index:10}#bike-logo,#scooter-logo{cursor:pointer;height:25px;width:25px}#bike-logo-main,#scooter-logo-main{cursor:pointer;width:35px}#icon:hover,#iconswitch:hover{background-color:#000;color:#fff!important;cursor:pointer}#drag-svg{align-items:center;display:flex;flex-direction:column;font-weight:700;justify-content:center;margin-top:2vh;position:absolute;top:50px;width:100vw;z-index:99}.canvas-container{overflow:hidden}#drag-svg .container{align-items:center;display:flex;flex-direction:column;font-size:larger;height:100px;justify-content:center;line-height:10px;width:200px}.svg{animation-duration:4s;animation-iteration-count:infinite;animation-name:example;color:#f0f8ff;height:30px;margin-bottom:6px;position:relative;width:30px}@keyframes example{0%{left:-100px;top:0}50%{left:100px;top:0}to{left:-100px;top:0}}.home-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:center;left:0;overflow:hidden;padding:5px;position:absolute;top:0;width:100vw;z-index:99}.welcome h1{font-size:100px}.contents{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:80vw}.contents h2{font-size:40px;font-weight:lighter}.btn{align-items:center;display:flex;justify-content:center;width:100vw}.loader,.stack{bottom:10px;right:20px}.stack{margin-top:3%}#b-lander{align-items:center;border-radius:10px;display:flex;font-size:22px;font-weight:bolder;justify-content:center;left:20px;position:absolute;top:18px;z-index:99}#main-logo{border-radius:5px;max-width:100%;object-fit:cover;width:143px}#information{background-color:aqua;overflow-wrap:break-word;width:100vw}#information,#information>div{align-items:center;display:flex;flex-direction:column;justify-content:center}#information>div{flex-wrap:wrap;font-size:20px;font-weight:1px;line-height:140%;max-width:500px;position:absolute;text-align:center;top:90px;width:90%}#loadingscreen{background-image:url(https://images.unsplash.com/photo-1553877522-43269d4ea984?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-size:cover;color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.title-content{font-size:48px;font-weight:400;line-height:120%}.title{font-color:black;font-size:96px;font-weight:600;line-height:100%;text-transform:uppercase}#loader-wrapper{display:flex;flex-direction:column;justify-content:space-between;left:50%;max-width:1080px;position:absolute;row-gap:40px;top:50%;transform:translate(-50%,-50%);width:90%}.info-button{background-color:#fff;border:none;border-radius:99px;color:#000;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;padding:8px;text-decoration:none;text-transform:uppercase;width:50%}.info-button:hover{background-color:#4a8f48;color:#fff;cursor:pointer;font-size:16px}.info-button:active{background-color:#17420f;color:#fff;cursor:pointer}#information>div p{color:#000;font-family:Noto Sans KR,sans-serif;font-size:24px;padding:10px;text-decoration:none}#information>div a{margin-top:14px}#information>div a:hover{font-size:16px;font-weight:500;text-decoration:none}.extra p{font-size:22px;font-weight:400;line-height:150%}.extra a{color:#4a8f48!important;text-decoration:none}.extra h1{font-size:48px;font-weight:400;line-height:120%}.extra h2{font-size:26px;font-weight:600;line-height:120%}.extra-container{align-items:center;display:flex;justify-content:center;width:100vw}.extra{align-items:start!important;background-color:#000;color:#fff;display:flex!important;flex-direction:column;justify-content:center!important;margin:10% 20px;width:50vw}@media only screen and (max-width:600px){.outer-container-switch{bottom:135px;height:100px;width:-webkit-max-content;width:max-content}#icon,.outer-container-switch{align-items:center;display:flex;position:absolute;right:20px;z-index:10}#icon{background-color:#fff;border-radius:50%;bottom:100px;color:#000!important;cursor:pointer;height:50px;justify-content:center;width:50px}.extra{width:100vw}.extra h1{font-size:24px}.extra h2{font-size:20px}.extra p2{font-size:18px}.extra p{font-size:16px}.helptext span{display:none}.helptext:after{content:"Swipe to explore"}.modal-content-wrapper{margin:32px 20px 48px;row-gap:40px}.header{height:360px}.header-wrapper{margin:auto 20px}.title{font-size:64px}.title-content{font-size:25px}}@media screen and (max-width:1067px) and (min-width:700px){.welcome h1{font-size:50px}.contents h2{font-size:25px}}@media screen and (max-width:701px) and (min-width:400px){.welcome h1{font-size:40px}.contents h2{font-size:18px}}@media screen and (max-width:401px) and (min-width:150px){.welcome h1{flex-wrap:wrap;font-size:50px}.contents h2{font-size:25px}#information>div{font-size:18px;line-height:25px;margin-top:80px;top:60px}}.btn-home{background-color:#4a8f48!important;border-radius:20px}.btn-home:hover{background-color:#f0f8ff!important;color:#000}.hamburger-menu.open{height:100vh!important}.hamburger-menu{background-color:#000;height:100vh;margin:0 0 0 -240px;padding:25px 30px 30px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .5s cubic-bezier(.77,.2,.05,1);width:250px;z-index:997}.hamburger-menu.open{transform:translateX(0)}.menu-toggle{cursor:pointer;height:40px;padding:5px;position:absolute;right:20px;top:20px;width:40px;z-index:999}.bar{background-color:#fff;height:3px;margin:4px 0;transition:transform .8s ease,opacity .5s ease;width:30px}.menu{-webkit-font-smoothing:antialiased;list-style:none;list-style-type:none;margin-top:40px;padding:20px}.menu li{color:#fff;cursor:pointer;padding:10px 0}.menu li a{color:#fff;font-size:24px;text-decoration:none}.menu li a:hover{color:#4a8f48}.menu-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,6px)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}li.link-wrapper>a.active{color:#4a8f48}