@import"https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css";@font-face{font-family:JoyfulStory;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff) format("woff");font-weight:400;font-display:swap}:root{--color-primary: #40559b;--color-on-primary: #fff;--color-secondary: #932bc0;--color-on-secondary: #fff;--color-error: #dc6767;--color-on-error: #fff;--color-background: #fff;--color-bgimg-mint: url(/build/assets/bg-mint-2j3tXhYJ.jpg) repeat;--color-beige: #fef9f0;--color-mint: #4adec0;--f-color-white: #fbf9f6;--color-red: #e9524d;--color-navy: #19265d;--color-deepnavy: #040a22;--color-text: #121212;--color-light-gray: #eee;--color-gray: #777;--color-kakao: #ffe100;--navy-gradient-column: linear-gradient(180deg, #19265d, #040a22);--navy-gradient-row: linear-gradient(90deg, #040a22, #19265d);--mint-gradient-column: linear-gradient(180deg, #36c5a8, #24b295);--mint-gradient-row: linear-gradient(90deg, #36c5a8, #24b295);--yellow-gradient-row: linear-gradient(90deg, #f3f698, #ffe992);--box-shadow: 1px 1px 8px #8e877a20;--box-blur: blur(2px);--white-opacity-bg: #ffffff20;--card-rounding: 10px;--font-primary: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-point: "JoyfulStory"}body{line-height:normal;font-family:Paperlogy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;font-size:16px;background-color:#eee;overscroll-behavior:none}#app{margin:0 auto;max-width:500px;width:100%;height:100%;background-color:#fff;box-shadow:0 0 5px #00000050;position:relative}header{background-color:var(--color-background);height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px;font-weight:700;position:sticky;top:0;z-index:25}header .logo img{height:35px;filter:invert(55%) sepia(86%) saturate(2055%) hue-rotate(356deg) brightness(101%) contrast(103%)}footer{background:var(--navy-gradient-column);height:auto;text-align:center;color:#fafafa;font-size:14px;padding:40px 0;font-weight:300;position:relative;height:200px;box-sizing:border-box}footer:before{content:"";width:100%;height:100%;background:url(/build/assets/bg-texture-Eo3s1CwV.png) no-repeat;background-size:cover;position:absolute;top:0;left:0}footer>div{position:relative;z-index:2}footer .f_logo{height:40px;display:inline-block;filter:invert(100%) sepia(2%) saturate(109%) hue-rotate(26deg) brightness(98%) contrast(106%);margin-bottom:20px}footer address{margin-bottom:10px}nav{background-color:#fff;position:sticky;bottom:0;z-index:30}nav ul{display:flex}nav ul li{flex:1;height:50px}nav ul li a{width:100%;height:100%;display:flex;gap:10px;justify-content:center;align-items:center}nav ul li.home{background-color:var(--color-red);color:var(--f-color-white)}main{min-height:calc(100dvh - 320px);background:var(--color-beige) url(/build/assets/check_bg-DW9Wj9-S.png) repeat;background-size:40%}h2{font-size:30px}h3{font-size:20px}input[type=range i]:disabled{background-color:#eee}.centerbox-90{width:90%;margin:0 auto}.main-banner img{width:100%;display:block}.bingo{padding:20px 10px}.bingo .bingo-board{max-width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;background:var(--mint-gradient-column);border-radius:var(--card-rounding);aspect-ratio:1;padding:10px}.bingo .bingo-board>div{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);border-radius:10px;font-size:14px;background-color:#fdffc9;padding:5px;line-height:1;font-family:var(--font-point);aspect-ratio:1;overflow:hidden;gap:5px}.bingo .bingo-board>div img{flex:1;min-height:0;aspect-ratio:1;object-fit:contain}.bingo .bingo-board>div i{font-size:13px;line-height:24px;text-align:center;aspect-ratio:1;width:24px;border-radius:50%;background-color:var(--color-text);color:var(--f-color-white)}.bingo .bingo-board>div b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bingo .bingo-board>div .stamp{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center;border-radius:20px;overflow:hidden}.bingo .bingo-board>div .stamp:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/bingo.png);background-position:center;background-repeat:no-repeat}.container{background-color:var(--white-opacity-bg);-webkit-backdrop-filter:var(--box-blur);backdrop-filter:var(--box-blur);box-shadow:var(--box-shadow);width:100%;margin:0 auto;border-radius:var(--card-rounding);text-align:center;overflow:hidden}.container>.title{font-size:20px;font-weight:700;padding:10px;background-color:var(--color-red);color:var(--f-color-white)}section.bingo>.container .content{padding:5px;line-height:1.5em;font-weight:600}section.bingo .status{padding:10px;background-color:#fff}section.bingo .status .timer{font-size:14px;padding:5px 0}section.bingo .status ul{display:flex;gap:10px}section.bingo .status li{flex:1;padding:5px}section.bingo .status li .image{background-color:#fff;border-radius:10px;padding:5px;aspect-ratio:1;margin:10px 0}section.bingo .status li .image img{width:100%;height:100%;object-fit:contain}section.bingo .status li em,section.bingo .status li img,section.bingo .status li b{display:block}section.bingo .status li button{border:none;padding:5px 10px;border-radius:5px;background-color:var(--color-red);color:var(--f-color-white)}section.bingo .status li button:disabled{background-color:var(--color-light-gray);color:var(--color-gray)}section.bingo .status li button.completed:disabled{background-color:var(--color-secondary);color:var(--color-on-secondary)}section.bingo .message{padding:10px 0;line-height:25px;color:#333}.red-btn i.material-symbols-rounded.small{font-size:1.3em}section.share{text-align:center;padding:80px 0 30px;background:var(--color-navy) url(/build/assets/bg-texture-Eo3s1CwV.png) no-repeat;background-size:cover;color:var(--f-color-white);border-radius:250px 250px 0 0;position:relative;margin-top:50px}section.share:before{content:"";width:20%;max-width:85px;height:100%;background:url(/build/assets/boy-CBeqIk8F.png) no-repeat bottom;background-size:contain;position:absolute;bottom:0;left:0;z-index:1}section.share:after{content:"";width:24%;max-width:100px;height:100%;background:url(/build/assets/girl-n9K5k93I.png) no-repeat bottom;background-size:contain;position:absolute;bottom:0;right:0;z-index:1}section.share .louder-img{position:absolute;top:-70px;left:50%;transform:translate(-50%);z-index:2}section.share h2{font-weight:700;color:var(--color-mint);position:relative;z-index:2}section.share .content{font-weight:300;line-height:1.5em;margin:20px;position:relative;z-index:2}section.share .kakao-share{margin-top:20px;width:60%;padding:10px 5px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:15px;outline:none;font-weight:600;border-radius:30px;background-color:var(--color-kakao);font-family:Paperlogy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border:none;color:#000}section.share .kakao-share span{width:28px;height:28px}section.share .kakao-share span img{width:100%;height:100%;object-fit:contain;object-position:center}section.challenge.bingo .map_wrap img{width:100%}section.challenge.bingo .container{max-width:none}section.challenge.bingo .board{aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}section.challenge.bingo .board>div{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;outline:1px solid #000;border-radius:10px;font-size:14px;background-color:#fdffc9;padding:5px;line-height:1;font-family:var(--font-point)}section.challenge.bingo .board>div img{width:45%;max-width:50px;aspect-ratio:1;object-fit:contain}section.challenge.bingo .board>div i{font-size:13px;line-height:normal;width:24px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--color-text);color:var(--f-color-white)}section.challenge.bingo .board>div b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.challenge.bingo .board>div .stamp{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center}section.challenge.bingo .board>div .stamp:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/build/assets/bingo-BxHZsMyM.png) no-repeat;background-size:cover}.game-board-wrapper{padding:15px;background:var(--mint-gradient-column);border-radius:var(--card-rounding)}.game-board-wrapper .progress{background-color:#fff;padding:10px;border-radius:var(--card-rounding)}.game-board-wrapper .progress input{width:160px;margin-right:10px}.color-navy,.color-red{display:inline-block;font-weight:700;font-size:1.2em}.color-navy{color:var(--color-navy)}.color-red{color:var(--color-red)}.code-action{padding:10px 0}.code-action button{background:var(--yellow-gradient-row);color:#522f09;border:none;width:100%;border-radius:10px;padding:15px 0;display:flex;gap:10px;justify-content:center;align-items:center;font-size:1rem}.code-action button:disabled{background:var(--color-gray);color:var(--color-on-primary)}.code-action button .icon{display:block}.code-action button:disabled .icon{filter:grayscale(100)}.account{padding-top:190px;position:relative;text-align:center}.account .polices{padding:20px 0;font-size:14px;color:#999}.account .main-banner{width:100%;height:220px;background:url(/build/assets/bg-mint-2j3tXhYJ.jpg) repeat;position:absolute;top:0;left:0}.account .main-banner img{width:100%;height:100%;object-fit:contain;object-position:bottom}.account section.login .container{position:relative;z-index:2}.actions{padding:10px;display:flex;flex-direction:column;gap:20px}.actions .action{font-size:16px;padding:10px 0;border-radius:10px;font-weight:500;border:none;color:inherit;background-color:var(--color-light-gray)}.actions .action.red{background-color:var(--color-red);color:var(--f-color-white)}.actions .kakao{background-color:var(--color-kakao)}.actions .kakao .icon{width:20px;height:20px}.actions .action.icon{display:flex;justify-content:center;align-items:center;gap:10px}.actions .call{background-color:var(--color-navy);color:var(--f-color-white)}.account-form-wrap{padding:30px 20px}.account-form-wrap form{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.account-form-wrap button{font-size:14px;font-family:var(--font-primary);padding:0 20px;height:30px;border:1px solid var(--color-navy);background-color:#fff;border-radius:20px}.account-form-wrap input{width:100%;height:30px;padding:5px 10px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;background:transparent;color:var(--color-text);font-family:var(--font-primary)}.modal{position:fixed;left:0;top:0;width:100dvw;height:100dvh;background-color:#00000050;z-index:30}.modal .modal-container{display:flex;justify-content:center;align-items:center;padding:20px;margin:0 auto;max-width:500px;height:100%}.modal .modal-container .modal-content{background-color:#fff;width:90%;max-height:80%;padding:10px;box-sizing:border-box;border-radius:10px}.modal .modal-container .modal-content.code{text-align:center}.modal .modal-container .modal-content.code h5{padding:15px 0;text-align:center;font-size:24px}.modal .modal-container .modal-content.code p{font-size:12px;text-align:center;padding:10px 0}.modal .modal-container .modal-content.code .code{text-align:center;font-size:12px;padding:20px}.modal .modal-container .modal-content.code .code span{background-color:#eee;padding:15px 10px;border-radius:10px}.modal .modal-container .modal-content.code button{margin:10px 0;padding:10px 30px;border:none;border-radius:10px;background-color:var(--color-mint);position:relative}.map-preview{height:calc(100dvh - 120px);background-color:#cecece30;overflow:hidden;position:relative;display:flex;align-items:center}.map-preview .pinch-wrapper{width:100%;transform-origin:0 0;touch-action:none}.map-preview .pinch-wrapper img{width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.user-page{display:flex;justify-content:center;align-items:center;padding:10px;height:calc(100dvh - 120px)}.user-page button.logout{flex:1;padding:15px 0;font-size:20px;border-radius:10px;border:none;background-color:var(--color-primary);color:var(--color-on-primary)}.content-page h2,.content-page .content{padding:20px}.content-page img{width:100%;display:block}.modal h3{text-align:center;margin-bottom:10px}.modal p.message{text-align:center;color:var(--color-gray)}.complete-form .form-control{padding:20px 10px}.complete-form .form-control input{text-align:center;padding:5px 20px;width:100%;box-sizing:border-box;font-size:20px;line-height:1}.complete-form .form-control input:focus-visible{outline:none}.bingo-container{padding:20px 10px}.status-bingo{display:grid;grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}.status-bingo button{grid-column:span 2;border-radius:10px;padding:15px 0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;background:var(--yellow-gradient-row);color:inherit;font-weight:600;border:none}.status-bingo button:disabled{background:var(--color-light-gray)}.status-bingo>div{display:flex;flex-direction:column;justify-content:space-between;gap:15px;background-color:#fff;border-radius:10px;padding:15px 10px;box-shadow:var(--box-shadow)}.status-bingo>div h4{font-weight:700;font-size:20px;margin-bottom:5px}.status-bingo>div>div{font-size:14px}.status-bingo em{color:var(--color-red);font-weight:700;padding:0 5px;font-size:20px}.status-bingo .process em{color:#19265d}.status-bingo .process-track{position:relative;background-color:var(--color-light-gray);display:block;height:6px;border-radius:5px}.status-bingo .process-track .process-bar{position:absolute;left:0;top:0;height:100%;background-color:#19265d;border-radius:5px}.status-bingo .process-track .process-bar:after{position:absolute;content:"";background-image:url(/build/assets/thunder-B9mnHP95.png);background-repeat:no-repeat;background-position:center;background-size:contain;display:block;width:9px;height:30px;right:0;top:0;transform:translate(50%,-12px)}