:root{color-scheme:light only;--color-font:#fff;--color-back:#000}*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{width:100%;height:var(--app-height);overflow:hidden;position:fixed;touch-action:none;font-family:Pretendard,sans-serif}button{background:transparent;border:0;cursor:pointer;font-family:Pretendard}.webgl{position:fixed;top:0;left:0;bottom:0;right:0;outline:none;z-index:-1;height:var(--app-height)}#networkContainer{background-color:#002e0080;position:absolute;left:0;bottom:0;width:200px;display:flex;padding:5px;flex-direction:column}#textRow{display:flex}#menu-vertical-group{position:fixed;right:50px;top:50px;display:flex;flex-direction:column;gap:40px}#menu-container .btn-ui{border:0;background:none;cursor:pointer}#menu-container .btn-ui .off{display:none}#menu-container .btn-ui img{filter:drop-shadow(7px 5px 9px rgba(0,0,0,.3))}#menu-container .btn-ui:not(.menu-logo) img{height:45px}.menu-logo{position:fixed;left:50px;top:50px}.invisible{display:none!important}.hidden{visibility:hidden!important}.grayscale{filter:grayscale()}#item-count{position:absolute;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-60%);color:#4a2e1b;font-size:16px;font-family:Pretendard;font-weight:800}#btn-map{position:relative}@-webkit-keyframes jump-animation{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-animation{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.highlight{-webkit-animation:jump-animation 1s infinite;-moz-animation:jump-animation 1s infinite;animation:jump-animation 1s infinite}#joystick{opacity:0;transition:opacity .5s,transform .5s;position:fixed;width:100px;height:100px;background-color:#fff6;border-width:2px;border-color:#fff;border-radius:50%;z-index:10;pointer-events:none;transform:translate(-50%,-50%) scale(.8);left:50%;top:50%}#joystick #thumb{width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}#joystick.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.end-text{font-weight:900;font-size:18px}@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local("Pretendard Black"),url(../fonts/Pretendard-Black.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),url(../fonts/Pretendard-ExtraBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local("Pretendard Bold"),url(../fonts/Pretendard-Bold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url(../fonts/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local("Pretendard Medium"),url(../fonts/Pretendard-Medium.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local("Pretendard Regular"),url(../fonts/Pretendard-Regular.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(../fonts/Pretendard-Light.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"),url(../fonts/Pretendard-ExtraLight.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local("Pretendard Thin"),url(../fonts/Pretendard-Thin.woff2) format("woff2")}.bg-wrap .h2-tit{font-size:2.5rem;font-weight:700}.bg-wrap .h3-tit{font-size:3.125rem;font-weight:700}#loading-wrap{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-back);color:var(--color-font);width:100%;height:100vh;overflow:hidden;font-size:1.875rem;font-weight:600;text-align:center;z-index:1000}#loading-wrap .cnt{width:179px;height:96px;background:url(../img/bg-img.png) center/cover no-repeat;display:flex;align-items:center;margin:25px auto 0;padding-left:25px}.kakao-wrap{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;z-index:10}.kakao-wrap .inner{max-width:90%;width:580px;border-radius:30px;background-color:#fff;padding:50px;box-shadow:5px 5px 20px #000c}.kakao-wrap .btn-kakao{background-color:#fee500;font-family:Pretendard;font-size:1.25rem;border-radius:12px;border:0;font-weight:500;color:#3c1e1e;padding:15px 20px;width:100%;margin:40px 0;cursor:pointer}.kakao-wrap .info{opacity:.6}.popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;font-family:Pretendard;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;font-size:24px;display:none}.popup-bg .popup-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:95vh;overflow-y:auto;text-align:center}.popup-bg .popup-con{position:relative;flex-direction:column;gap:20px;align-items:center;justify-content:center;display:none}.popup-bg .popup-wrap::-webkit-scrollbar{width:5px;background-color:#a6a59a;border-radius:2px}.popup-bg .popup-wrap::-webkit-scrollbar-track{background-color:gray}.popup-bg .popup-wrap::-webkit-scrollbar-thumb{background-color:#3d3d3c}.popup-bg .popup-con.welcome{padding:95px 50px 60px;background:url(../img/bg-popup.png) center/contain no-repeat;aspect-ratio:1/1.683;height:95vh;max-width:578px;max-height:937px}.popup-bg .popup-con.welcome .tab-con{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:100%}.popup-bg .popup-con.welcome .tab-con.off{display:none}.popup-bg .popup-img img{max-width:100%}.popup-bg .subject{font-size:60px;font-weight:900;line-height:.9}.popup-bg .subject-con{font-size:1.167em;font-weight:700;color:#3b3b3b;margin-top:10px}.popup-bg .txt-box{font-weight:500;color:#3b3b3b;line-height:1.5}.popup-bg .txt-box strong{font-weight:800}.popup-bg .btn-nav{color:#3b3b3b;font-weight:200;font-size:1em;border:0;border-bottom:1px solid #080807;padding:0 2px;cursor:pointer;background-color:transparent}.popup-bg .item-wrap{display:flex;gap:20px;flex-direction:column;padding:0 20px;width:100%}.popup-bg .item-wrap .item{display:flex;gap:20px;align-items:center;text-align:left}.popup-bg .item-wrap .one{width:100px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background-color:#ff0;flex-shrink:0}.popup-bg .item-wrap .txt{width:calc(100% - 130px)}.popup-bg .item-wrap .tit{color:#3b3b3b;font-size:1.125em;font-weight:600;margin-bottom:5px}.popup-bg .item-wrap .stit{color:#3b3b3b;font-size:1em;font-weight:100;word-break:break-all}.goal-wrap{position:fixed;bottom:50px;left:50%;transform:translate(-50%);color:#fff;font-size:40px;font-weight:700;display:flex;flex-direction:column;text-align:center;pointer-events:none}.goal-wrap .stit{font-weight:200}.goal-wrap .stit span{color:#ffdb00}.txt-r{text-align:right}.popup-bg .popup-con.user{padding:50px;background:url(../img/bg-user.png) center/contain no-repeat;aspect-ratio:1/.934;width:578px}.popup-bg .popup-con.user .subject-wrap{width:100%}.popup-bg .popup-con.user .user-wrap{display:flex;gap:65px;margin:20px 0}.popup-bg .popup-con.user .item{width:110px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;filter:grayscale()}.popup-bg .popup-con.user .item.selected{pointer-events:none;filter:none}.popup-bg .popup-con.user .btn-logout{background-color:transparent;border:0;color:#3b3b3b;font-size:1.167em;font-weight:700;cursor:pointer}.popup-bg .popup-con.user .btn-close{top:60px;right:60px}.popup-bg .popup-con.user .subject-con{margin-top:10px}.popup-bg .popup-con.gift{padding:95px 50px 60px;background:url(../img/bg-popup.png) center/contain no-repeat;aspect-ratio:1/1.683;height:95vh;max-width:578px}.popup-bg .popup-con.gift .subject-wrap{width:100%}.popup-bg .popup-con.gift .item:not(:last-child) .one{background-color:#b2ab94}.popup-bg .popup-con.gift .item:not(:last-child) .txt{color:#a9a9a9}.popup-bg .popup-con.gift-get{padding:50px;background:url(../img/bg-user.png) center/contain no-repeat;aspect-ratio:1/.934;width:578px}.popup-bg .popup-con.gift-get .btn-close{top:50px;right:50px}.popup-bg .popup-con.gift-get img{max-height:180px}.popup-bg .popup-con.logout{padding:50px;background:url(../img/bg-logout.png) center/contain no-repeat;aspect-ratio:1/.652;width:578px}.popup-bg .popup-con.logout .h3-tit{font-weight:100}.popup-bg .popup-con.logout .subject-wrap{margin-bottom:30px}.popup-bg .popup-con.logout .btn-close{top:60px;right:60px}.btn-close{position:absolute;right:40px;top:40px;display:block;border:0;background:none;cursor:pointer}.btn-close span{display:block;width:40px;height:40px}.btn-close span:before,.btn-close span:after{position:absolute;left:50%;top:50%;content:"";height:40px;width:3px;background-color:var(--color-back);transition:.2s}.btn-close span:before{transform:translate(-50%,-50%) rotate(45deg)}.btn-close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.btn-close:hover span:before,.btn-close:hover span:after{height:40px}.comment-wrap{position:absolute;bottom:-100%;width:519px;aspect-ratio:1/.254;background:url(../img/bg-comm.png) center/cover no-repeat;font-weight:600;text-align:left;left:50%;transform:translate(-50%);filter:drop-shadow(7px 5px 9px rgba(0,0,0,.3));font-size:22px;padding:0 55px;pointer-events:none}.comment-wrap.on{animation:boing-animation 1s;bottom:200px}.comment-wrap .inner{display:flex;gap:20px;align-items:center;justify-content:center;width:100%;height:100%;margin:0 auto}.comment-wrap p{word-break:keep-all}.popup-logo-special img{max-width:264px}@-webkit-keyframes toUp{0%{bottom:-8px}50%{bottom:-5px}to{bottom:-8px}}@keyframes toUp{0%{bottom:-8px}50%{bottom:-5px}to{bottom:-8px}}@-webkit-keyframes boing-animation{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}25%{-webkit-transform:translateX(-50%) translateY(-50px);transform:translate(-50%) translateY(-30px)}50%{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}to{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}}@keyframes boing-animation{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}25%{-webkit-transform:translateX(-50%) translateY(-30px);transform:translate(-50%) translateY(-30px)}50%{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}to{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}}@media screen and (max-width: 1200px),(orientation:portrait){.bg-wrap .h3-tit{font-size:30px}}@media screen and (max-height: 970px){.bg-wrap .h2-tit{font-size:2rem}.bg-wrap .h3-tit{font-size:2.5rem}.popup-bg{font-size:18px}.popup-bg .popup-con.welcome{padding:75px 25px 35px;height:auto;width:450px}.popup-bg .popup-img{max-width:100%}.popup-bg .subject-con{font-size:1em;margin-top:5px}.popup-bg .item-wrap .one{width:94px}.popup-bg .item-wrap .txt{width:calc(100% - 110px)}.popup-bg .popup-con.gift{padding:75px 25px 35px;height:auto;width:450px}.popup-bg .popup-con.gift .item-wrap{height:calc(100% - 110px)}.popup-bg .popup-con.gift .item{flex:1}}@media screen and (max-width: 640px),(orientation:portrait){#loading-wrap{font-size:1.25rem}#loading-wrap .cnt{width:120px;height:64px;padding-left:17px}#menu-vertical-group{right:20px;top:20px;gap:20px}#menu-container .btn-ui:not(.menu-logo) img{height:30px}.menu-logo{left:3px;top:10px;transform:scale(.7)}.bg-wrap .h2-tit{font-size:1.25rem}.bg-wrap .h3-tit{font-size:1.35rem}.kakao-wrap .inner{padding:50px 30px;border-radius:15px}.kakao-wrap .btn-kakao{font-size:1rem;margin:20px 0}.btn-close span:before,.btn-close span:after{height:30px;width:2px}.popup-bg{font-size:16px}.popup-bg .popup-img{max-width:60%}.popup-bg .item-wrap{gap:10px;padding:0 20px}.popup-bg .item-wrap .item{gap:10px}.popup-bg .item-wrap .one{width:59px}.popup-bg .item-wrap .txt{width:calc(100% - 80px)}.goal-wrap{font-size:1.25em;bottom:20px}.popup-bg .popup-con.welcome{width:360px;height:auto}.popup-bg .popup-con.user .user-wrap{gap:20px}.popup-bg .popup-con.user .item{width:60px;flex-shrink:0}.popup-bg .popup-con.user .item img{width:100%}.popup-bg .popup-con.user .btn-close{right:40px;top:50px}.popup-bg .popup-con.user{padding:70px 30px 30px;height:auto;width:360px}.popup-bg .popup-con.gift{max-width:578px;width:360px;height:auto;max-height:95vh;padding:50px 30px}.popup-bg .popup-con.gift .item-wrap{max-height:395px}.popup-bg .popup-con.gift-get{max-width:578px;width:90vw;height:auto;max-height:95vh;padding:50px 20px}.popup-bg .popup-con.gift-get .btn-close{top:30px;right:10px}.popup-bg .popup-con.gift-get img{max-height:20vw}.popup-bg .popup-con.logout .subject-wrap{margin-bottom:0}.popup-bg .popup-con.logout img{width:40px}.popup-bg .popup-con.logout{width:280px;max-width:100%;padding:50px 30px 30px}.popup-bg .popup-con.logout .btn-close{top:20px;right:20px}.comment-wrap.on{bottom:100px}.comment-wrap{width:280px;padding:0 30px}.comment-wrap .inner .txt{font-size:14px}}@media screen and (max-width: 380px){.popup-bg{font-size:14px}.popup-bg .popup-con.welcome,.popup-bg .popup-con.gift{width:280px;max-width:100%;padding:65px 15px 25px}.popup-bg .popup-con.gift .item-wrap{gap:20px;max-height:272px}.popup-bg .item-wrap .one{width:47px}.popup-bg .item-wrap .txt{width:calc(100% - 57px)}.popup-bg .item-wrap{margin-top:3px;max-height:275px}.popup-bg .popup-con.user{width:280px;max-width:100%;padding:45px 15px 25px}.popup-bg .popup-con.user .user-wrap{margin:0}.popup-bg .popup-con.user .btn-close,.btn-close{top:30px;right:30px}}@media (prefers-color-scheme: dark){:root{--color-font:#fff;--color-back:#000;--color-main:#3b3b3b}.btn-close span:after{color:var(--color-back)}.kakao-wrap .btn-kakao{background-color:#fee500;font-family:Pretendard;font-size:1.25rem;border-radius:12px;border:0;font-weight:500;color:#3c1e1e;padding:15px 20px;width:100%;margin:40px 0;cursor:pointer}.popup-bg{background-color:#ffffff80}.popup-bg .subject-con,.popup-bg .txt-box{color:var(--color-main)}.popup-bg .btn-nav{color:var(--color-main);border-bottom-color:#080807;background-color:transparent}.popup-bg .item-wrap .one{background-color:#ff0}.popup-bg .item-wrap .tit,.popup-bg .item-wrap .stit{color:var(--color-main)}.goal-wrap{color:var(--color-font)}.goal-wrap .stit span{color:#ffdb00}.popup-bg .popup-con.user .btn-logout{background-color:transparent;color:var(--color-main)}.popup-bg .popup-con.gift .item:not(:last-child) .one{background-color:#b2ab94}.popup-bg .popup-con.gift .item:not(:last-child) .txt{color:#a9a9a9}.btn-close span:after{background-color:var(--color-back)}.comment-wrap{filter:drop-shadow(7px 5px 9px rgba(0,0,0,.3))}}