.common-btn{min-height:3.75rem;border-radius:2.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.625rem 1.875rem;border:none;line-height:1.375rem;letter-spacing:.04rem;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease}@media(max-width:1024.98px){.common-btn{font-size:.9375rem;padding:.625rem 1.25rem;min-height:3.125rem;gap:.875rem}}.common-btn.disabled{cursor:not-allowed}@media(min-width:1025px){.common-btn.has-icon{padding-left:1.875rem;padding-right:1.25rem}}.common-btn__icon{filter:brightness(0) invert(1)}.common-btn--primary{background-color:#56a26c;color:#fff;box-shadow:0 .375rem 0 #3c8652}.common-btn--primary.disabled{background-color:#9acd98;box-shadow:0 .375rem 0 #83bd88}@media(max-width:1024.98px){.common-btn--primary{box-shadow:0 .25rem 0 #3c8652}}.common-btn--secondary{background-color:#2d4921;color:#fff;box-shadow:0 .375rem 0 #1e3315}@media(max-width:1024.98px){.common-btn--secondary{box-shadow:0 .25rem 0 #1e3315}}.common-btn--border-only{background-color:transparent;border:.1875rem solid #fff;color:#fff;transition:all .3s ease}.common-btn--border-only:hover{transform:scale(1.1)}.common-btn--plain-small{background-color:rgba(86,162,108,.5);font-size:.75rem;line-height:1rem;padding:.1875rem .625rem;color:#fff;min-height:1.4375rem;border-radius:.9375rem}.circle-btn{width:3.75rem;height:3.75rem;padding:0;border-radius:50%;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.circle-btn:hover{transform:scale(1.1)}@media(max-width:1024.98px){.circle-btn{width:3.125rem;height:3.125rem}}.circle-btn:disabled{opacity:.5;cursor:not-allowed}.circle-btn__icon{display:none}.circle-btn__icon--active{display:block}.circle-btn--white{background-color:#fff}.circle-btn--border-white{background-color:transparent;border:.1875rem solid #fff}.circle-btn--border-white img{width:1.5rem;height:1.5rem;filter:brightness(0) invert(1)}.countdown.warning{animation:pulseCus 1s ease-in-out infinite}.countdown__text{font-size:2.125rem;font-weight:700}@media(max-width:1024.98px){.countdown__text{font-size:1rem}}.menu-icon{position:relative;width:3.75rem;height:3.75rem;border-radius:50%;cursor:pointer;background-color:#2c4921;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.menu-icon:hover{transform:scale(1.1)}@media(max-width:1024.98px){.menu-icon{width:3.125rem;height:3.125rem}}.menu-icon.active{background-color:#fff}.menu-icon img{filter:brightness(0) invert(1);width:1.75rem}@media(max-width:1024.98px){.menu-icon img{width:1.5625rem}}.custom-unorder-list{padding-left:0;margin:0;font-size:1.125rem}@media(max-width:821.98px){.custom-unorder-list{font-size:1rem}}.custom-unorder-list li{padding-inline-start:0;margin-bottom:.9375rem;padding-left:1.875rem;list-style:none;background-image:url(/greencorner/images/icons/icon_point.png);background-size:.875rem;background-repeat:no-repeat;background-position-y:.3125rem}@media(max-width:821.98px){.custom-unorder-list li{padding-left:1.375rem;background-size:.75rem}}.custom-unorder-list li:last-child{margin-bottom:0}.game-corner-indicator{display:flex;align-items:center;gap:.9375rem}.game-corner-indicator__icon{width:2.25rem}.game-corner-indicator__num{font-size:4.375rem;font-weight:700;line-height:2.375rem;color:#fff}.game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background-color:rgba(44,73,33,.902);visibility:hidden;opacity:0;transition:opacity .1s linear,visibility .1s linear}.game-overlay.active{display:block;visibility:visible;opacity:1;transition:opacity .1s linear,visibility .1s linear .1s}.game-overlay.content-active .game-overlay__content{animation:jackInTheBoxCus .3s ease-in-out}.game-overlay__content{font-size:6.25rem;font-weight:700;line-height:6.25rem;text-align:center;color:#aad662;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;transition:opacity .2s linear}@media(max-width:821.98px){.game-overlay__content{font-size:3.75rem;line-height:3.75rem}}.hit-box{background-color:#c8e8b5;border-radius:1.875rem;border:.625rem solid #fff;width:25.625rem;max-width:calc(100% - 2.5rem)}.hit-box__wrapper{background-color:#c8e8b5;color:#2d4921;text-align:center;padding:1.875rem;border-radius:1.875rem}@media(max-width:821.98px){.hit-box__wrapper{padding:1.125rem}}.speech-bubble{position:relative;background:#2c4921;width:-moz-max-content;width:max-content;max-width:19.375rem;border-radius:1rem;padding:.25rem;color:#2d4921;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase}@media(max-width:821.98px){.speech-bubble{font-size:.9375rem;max-width:18.75rem}}.speech-bubble:after{content:"";position:absolute;display:block;width:1.625rem;height:1rem;bottom:-.75rem;left:50%;transform:translateX(-50%);background-image:url(/greencorner/images/icons/icon_triangle.png);background-repeat:no-repeat;background-size:contain}.speech-bubble--small{text-align:center;padding:.25rem;font-size:.75rem;font-weight:700;min-height:1.875rem;max-width:12.375rem}.speech-bubble--no-border{padding:0;cursor:default}.speech-bubble--no-border .speech-bubble__inner{padding:0;background-color:transparent}.speech-bubble--no-border .speech-bubble__inner:after{display:none}.speech-bubble--no-border .speech-bubble__content{color:#fff;font-size:.75rem;padding:.3125rem .625rem;border-radius:.9375rem}.speech-bubble__inner{position:relative;background:#fff;border-radius:.75rem;padding:.25rem}.speech-bubble__inner:after{content:"";position:absolute;display:block;width:1.5rem;height:1rem;bottom:-.75rem;left:50%;transform:translateX(-50%);background-image:url(/greencorner/images/icons/icon_triangle_white.png);background-repeat:no-repeat;background-size:contain;z-index:1}.speech-bubble__content{background:#d1eef7;border-radius:.625rem;padding:.5rem 1.25rem;display:flex;align-items:center;gap:1.25rem;width:-moz-fit-content;width:fit-content;min-height:1.875rem}@media(max-width:1024.98px){.speech-bubble__content{padding:.3125rem .75rem;gap:1.125rem}}.speech-bubble__text{color:#fff}@media(max-width:575.98px){.speech-bubble__text{display:flex;flex-direction:column}}.speech-bubble__text .prize{color:#aad662}.speech-bubble__icon{filter:brightness(0) invert(1)}.quiz-btn{display:flex;align-items:center;gap:1.25rem;background-color:#fff;border-radius:1.875rem;min-height:3.75rem;padding:.3125rem 1.75rem .3125rem .3125rem;color:#2d4921;font-size:1.125rem;cursor:pointer;width:-moz-fit-content;width:fit-content;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:1024.98px){.quiz-btn{min-height:3.125rem;padding:.1875rem 1.25rem .1875rem .3125rem;gap:.9375rem;font-size:1rem}}@media(max-width:821.98px){.quiz-btn{width:60%}}@media(max-width:575.98px){.quiz-btn{width:100%}}.quiz-btn img{width:1rem;filter:brightness(0) invert(1)}.quiz-btn--dimmed{opacity:.5;pointer-events:none;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-btn--correct .quiz-btn__status--normal,.quiz-btn--incorrect .quiz-btn__status--normal{opacity:0}.quiz-btn--correct .quiz-btn__status{background-color:#56a26c}.quiz-btn--correct .quiz-btn__status--correct{opacity:1}.quiz-btn--incorrect .quiz-btn__status{background-color:#ed6f52}.quiz-btn--incorrect .quiz-btn__status--incorrect{opacity:1}.quiz-btn--incorrect{animation:shakeXCus .6s ease-in-out}.quiz-btn__status{background-color:#c8e8b5;border-radius:50%;width:3.125rem;height:3.125rem;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;flex-shrink:0}@media(max-width:1024.98px){.quiz-btn__status{width:2.5rem;height:2.5rem}}.quiz-btn__status--correct,.quiz-btn__status--incorrect{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.quiz-btn__status--normal{transition:all .3s ease-in-out}.quiz-btn__text{color:#2d4921;padding:.625rem 0}.loading{position:fixed;inset:0;visibility:hidden;opacity:0;transition:opacity .3s linear,visibility .3s linear .3s}.loading.active{z-index:999;opacity:1;visibility:visible;transition:opacity .3s linear,visibility .3s linear}.loading.in-static .loading__container{opacity:1;transition:opacity .4s linear .6s}.loading.in-static .loading__wrapper{background-color:#2d4921!important;transition:background-color .5s linear}.loading__wrapper{top:0;left:0;width:100%;height:100%;transition:background-color .8s linear}.loading__container,.loading__wrapper{position:relative;background-color:transparent}.loading__container{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s linear .3s}.loading__icon{width:5.9375rem;margin-bottom:.9375rem}.loading__dots{width:3.125rem;transform:translateY(-.3125rem)}.loading__text{font-size:1.125rem;color:#fff}.loading__animation{position:absolute;top:0;left:0;width:100%;height:100%}.loading__lottie{position:absolute;top:50%;left:50%;width:auto;min-width:100dvw;min-height:100dvh;aspect-ratio:1920/1080;transform:translate(-50%,-50%)}@media(max-width:575.98px){.loading__lottie{transform:translate(-50%,-50%) rotate(90deg);height:calc(100svw + 6.25rem);width:calc(100svh + 6.25rem);min-width:100svh;aspect-ratio:unset}}.tab-btn{font-weight:700;border-radius:.9375rem;background-color:#fff;color:#54a06b;cursor:pointer;text-transform:uppercase;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:4.125rem;overflow:hidden}.tab-btn.susInstitute{color:#3d91ab}.tab-btn.susInstitute .tab-btn__icon{filter:brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(2308%) hue-rotate(148deg) brightness(98%) contrast(93%)}.tab-btn.ecoInnoHub{color:#746fb6}.tab-btn.ecoInnoHub .tab-btn__icon{filter:brightness(0) saturate(100%) invert(52%) sepia(6%) saturate(4239%) hue-rotate(205deg) brightness(85%) contrast(79%)}.tab-btn.lowCarbonTransport{color:#e8ab4a}.tab-btn.lowCarbonTransport .tab-btn__icon{filter:brightness(0) saturate(100%) invert(69%) sepia(46%) saturate(570%) hue-rotate(355deg) brightness(96%) contrast(89%)}.tab-btn--active{background-color:#56a26c;color:#fff;border-radius:.9375rem .9375rem .4375rem .4375rem;box-shadow:0 .1875rem 0 #3c8652}.tab-btn--active.susInstitute{background-color:#3d91ab;color:#fff;box-shadow:0 .1875rem 0 #38859d}.tab-btn--active.susInstitute .tab-btn__bottom{background-color:#38859d}.tab-btn--active.susInstitute .tab-btn__icon{filter:brightness(0) invert(1)}.tab-btn--active.ecoInnoHub{background-color:#746fb6;color:#fff;box-shadow:0 .1875rem 0 #6c66a9}.tab-btn--active.ecoInnoHub .tab-btn__bottom{background-color:#6c66a9}.tab-btn--active.ecoInnoHub .tab-btn__icon{filter:brightness(0) invert(1)}.tab-btn--active.lowCarbonTransport{background-color:#e8ab4a;color:#fff;box-shadow:0 .1875rem 0 #d49a45}.tab-btn--active.lowCarbonTransport .tab-btn__bottom{background-color:#d49a45}.tab-btn--active.lowCarbonTransport .tab-btn__icon{filter:brightness(0) invert(1)}.tab-btn--active .tab-btn__bottom{background-color:#4c9a62}.tab-btn--active .tab-btn__icon{filter:brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(782%) hue-rotate(181deg) brightness(113%) contrast(100%)}.tab-btn__top{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem 1.125rem .875rem .875rem;min-height:calc(100% - 1rem)}@media(max-width:1024.98px){.tab-btn__top{padding:.625rem}}.tab-btn__bottom{height:1rem;background-color:#fff}@media(max-width:1024.98px){.tab-btn__text{display:none}}.tab-btn__icon{filter:brightness(0) saturate(100%) invert(56%) sepia(20%) saturate(890%) hue-rotate(85deg) brightness(95%) contrast(86%);rotate:358deg}.text-tag{padding:.1875rem .625rem;background-color:#2d4921;border-radius:.9375rem;color:#fff;font-size:.75rem;font-weight:700;line-height:1rem;text-align:center;text-transform:uppercase;width:-moz-fit-content;width:fit-content;max-width:100%}.recycle-game-btn{max-width:10.9375rem;height:12.375rem;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;-moz-column-gap:.5rem;column-gap:.5rem;padding-bottom:2.5rem;margin-bottom:1.875rem}@media(max-width:1280.98px){.recycle-game-btn{max-width:8.125rem;height:auto;min-height:8.4375rem;padding-bottom:0;margin-bottom:0}}.recycle-game-btn--active .recycle-game-btn__status{opacity:1}.recycle-game-btn--correct .recycle-game-btn__status{background-color:#56a26c}.recycle-game-btn--incorrect{animation:shakeXCus .6s ease-in-out}.recycle-game-btn--incorrect .recycle-game-btn__status{background-color:#ed6f52}.recycle-game-btn--dimmed{opacity:.5;cursor:not-allowed}.recycle-game-btn--breakdown{width:8.125rem;display:block}@media(max-width:1280.98px){.recycle-game-btn--breakdown{width:4.1875rem}}@media(min-width:1281px){.recycle-game-btn--breakdown .recycle-game-btn__text{position:absolute;bottom:22.5%;right:62%;transform:translate(50%,50%)}}@media(max-width:1024.98px){.recycle-game-btn--composite{min-height:unset}}.recycle-game-btn__img{width:100%;margin:0 auto;display:block}.recycle-game-btn__text{font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:1.625rem}@media(max-width:1280.98px){.recycle-game-btn__text{font-size:.75rem}}.recycle-game-btn__status{position:absolute;bottom:0;right:50%;transform:translate(50%,50%);width:3.75rem;height:3.75rem;background-color:#2d4921;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border:.1875rem solid #fff}@media(max-width:1280.98px){.recycle-game-btn__status{width:3.125rem;height:3.125rem;bottom:unset;top:52%;transform:translate(50%,-50%)}}.recycle-game-btn__icon{width:1.25rem;filter:brightness(0) invert(1)}@media(max-width:1280.98px){.recycle-game-btn__icon{width:1.125rem}}.progress-bar-with-icon{position:relative;width:calc(100% - 2.5rem);margin:0 1.25rem;height:1.875rem}.progress-bar-with-icon.with-label{margin-bottom:.75rem}.progress-bar-with-icon__icons{position:absolute;top:50%;left:0;width:100%;height:2.5rem;pointer-events:none;transform:translateY(-50%);z-index:2}.progress-bar-with-icon__step{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:1.875rem;height:1.875rem;background:#9acd98;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .3s}.progress-bar-with-icon__step.active{background:#2d4921}.progress-bar-with-icon__step .icon-img{width:1rem;-o-object-fit:contain;object-fit:contain;transition:filter .3s;filter:brightness(0) invert(1)}.progress-bar-with-icon__step .icon-label{font-size:.75rem;color:#2d4921;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.progress-bar-with-icon__progress-line{position:relative;top:50%;transform:translateY(-50%);width:100%;height:.25rem;background:#9acd98;border-radius:.25rem;z-index:1}.progress-bar-with-icon__progress-line .progress-bar-with-icon__progress-fill{height:100%;background:#2d4921;border-radius:.25rem;transition:width .3s}.pass-tag{font-size:.875rem;background-color:#2d4921;color:#fff;padding:.25rem .5rem;border-radius:.375rem 0 0 .375rem;position:relative;margin-right:1.25rem;animation:floatingTag 10s cubic-bezier(.45,0,.55,1) 0s infinite normal forwards;white-space:nowrap}@media(max-width:1024.98px){.pass-tag{font-size:.78125rem;padding:.1875rem .375rem}}.pass-tag.passed{background-color:#9acd98}.pass-tag .triangle{position:absolute;top:50%;height:100%;right:.0625rem;transform:translate(100%,-50%);opacity:0;transition:opacity .3s ease}.pass-tag .triangle.active{opacity:1}.locale-switcher{display:flex;align-items:center;-moz-column-gap:.625rem;column-gap:.625rem;color:rgba(45,73,33,.502)}.locale-switcher__btn{cursor:pointer;width:1.1875rem;height:1.1875rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem}.locale-switcher__btn--active{color:#2d4921;font-weight:700}.badge-btn{position:relative;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge-btn--active{cursor:pointer}.badge-btn:hover .badge-btn__speech-bubble{opacity:1}.badge-btn__speech-bubble{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);opacity:0;transition:opacity .5s ease-in-out}.popup-game-end-top{display:flex;align-items:center;width:100%;gap:1.25rem;padding:3.125rem 0;min-height:28.75rem}@media(max-width:821.98px){.popup-game-end-top{gap:0;flex-direction:column}}.popup-game-end-top__text{display:flex;flex-direction:column;align-items:center;text-align:center;width:50%}@media(max-width:821.98px){.popup-game-end-top__text{width:100%;order:1;margin-top:-3.75rem;position:relative}}.popup-game-end-top__badge{min-height:6.25rem;margin-bottom:1.25rem}@media(max-width:821.98px){.popup-game-end-top__badge{min-height:unset;height:4.8125rem;margin-bottom:.625rem}}.popup-game-end-top__title{font-size:2rem;font-weight:700;color:#2d4921;margin-bottom:.8125rem}@media(max-width:821.98px){.popup-game-end-top__title{font-size:1.625rem;line-height:2.0625rem}}.popup-game-end-top__remark{font-size:.75rem;color:#2d4921}.popup-game-end-top__score{position:relative;width:50%}@media(max-width:821.98px){.popup-game-end-top__score{width:100%;order:0}}.popup-game-end-top__score__circle{width:22.5rem;aspect-ratio:1/1;display:block;margin:0 auto}@media(max-width:821.98px){.popup-game-end-top__score__circle{width:16.25rem}}.popup-game-end-top__score__info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.popup-game-end-top__score__deco{margin-bottom:1.25rem}@media(max-width:821.98px){.popup-game-end-top__score__deco{width:.6875rem}}.popup-game-end-top__score__deco:last-child{margin-bottom:0}.popup-game-end-top__score__text{font-size:.875rem;font-weight:700;color:#fff;margin-bottom:.9375rem}@media(max-width:821.98px){.popup-game-end-top__score__text{font-size:.75rem;margin-bottom:.4375rem}}.popup-game-end-top__score__wrapper{display:flex;align-items:center;gap:.625rem;margin-bottom:1.875rem}@media(max-width:821.98px){.popup-game-end-top__score__wrapper{gap:.375rem;margin-bottom:1.25rem}}.popup-game-end-top__score__icon{height:3.125rem}@media(max-width:821.98px){.popup-game-end-top__score__icon{height:2.5rem}}.popup-game-end-top__score__num{font-size:4.375rem;font-weight:700;line-height:2.3125rem;color:#fff;transform:translateY(-.3125rem)}@media(max-width:821.98px){.popup-game-end-top__score__num{font-size:3.125rem;line-height:1.625rem}}.popup-game-end-top .progress-bar{margin-bottom:.4375rem}.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:6.5625rem 3.125rem 2.25rem;background-color:rgba(44,73,33,.902);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}@media(max-width:821.98px){.popup{padding:2.25rem 1.25rem 1.25rem}}.popup.active{opacity:1;visibility:visible;transition:opacity .3s ease-in,visibility .3s ease-in}.popup.active .popup__wrapper{transition:all .5s cubic-bezier(.234,1.276,.64,1) .2s;opacity:1;transform:translateZ(0)}.popup--top{align-items:flex-start}.popup--center{align-items:center}.popup--custom{display:block;padding:0;cursor:default}.popup--no-close{cursor:default}.popup__overlay{background-color:#2c4921;opacity:.9;width:100%;height:100%;position:fixed;top:0;left:0}.popup__wrapper{border-radius:1.875rem;border:.625rem solid #fff;width:56.25rem;max-width:100%;position:relative;cursor:default;opacity:0;transform:translate3d(0,100%,0)}@media(max-width:821.98px){.popup__wrapper{max-width:100%}}.popup__inner-wrapper{border-radius:1.1875rem;background-color:#c8e8b5}.popup__top{padding:0 3.125rem}@media(max-width:821.98px){.popup__top{padding:0 1.25rem}}.popup__content{background-color:#dbf2cd;border-radius:1.25rem;padding:2.5rem 3.125rem}@media(max-width:821.98px){.popup__content{padding:1.875rem 1.25rem}}.popup__content div>*{margin-bottom:1.25rem}.popup__content h2{margin-bottom:1.0625rem;font-size:2rem;color:#56a26c}@media(max-width:821.98px){.popup__content h2{font-size:1.625rem;line-height:2.0625rem}}.popup__content p{font-size:1.125rem;color:#2d4921;line-height:2rem}@media(max-width:821.98px){.popup__content p{font-size:1rem;line-height:1.6875rem}}.popup__content img{width:100%;display:block}.popup__content li{color:#2d4921}.popup__bottom{padding:2.5rem 3.125rem 3.5rem}@media(max-width:821.98px){.popup__bottom{padding:1.875rem 1.25rem 2.5rem}}.popup__top-img{padding:5rem 0;width:100%;display:flex}@media(max-width:821.98px){.popup__top-img{padding:3.125rem 0}}.popup__top-img img{width:100%}.popup__close-btn{position:fixed;top:2.5rem;right:3.125rem;z-index:1}@media(max-width:1024.98px){.popup__close-btn{top:1.25rem;right:1.25rem}}.popup__close-btn img{filter:brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(1651%) hue-rotate(85deg) brightness(98%) contrast(91%);width:1.5rem}@media(max-width:1024.98px){.popup__close-btn img{width:1.25rem}}.user-info-board{border-radius:1.875rem;border:.9375rem solid #fff;background-color:#fff;width:100%;max-width:26.875rem}@media(max-width:1024.98px){.user-info-board{border-width:.625rem}}.user-info-board__wrapper{background-color:#c8e8b5;padding:4.375rem 1.875rem 2.1875rem;border-radius:1.25rem;text-align:center;position:relative}@media(max-width:1024.98px){.user-info-board__wrapper{padding:1.75rem 1.25rem 2.1875rem}}.user-info-board__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3125rem;position:absolute;top:.9375rem;left:0;padding:0 .9375rem;width:100%;gap:.25rem;z-index:1}@media(max-width:1024.98px){.user-info-board__top{display:none}}.user-info-board__id{font-size:.75rem;color:#56a26c}.user-info-board__user-img{position:relative;width:8.125rem;height:7.5rem;margin:0 auto 1.125rem}@media(max-width:1024.98px){.user-info-board__user-img{margin-bottom:.5rem}}.user-info-board__user-img__deco{width:100%;height:100%}.user-info-board__user-img__img{position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:50%;width:7.5rem;height:7.5rem}.user-info-board__name{font-size:1.875rem;font-weight:700;line-height:2rem;color:#56a26c}.user-info-board__title{font-size:1.125rem;font-weight:700;line-height:1.5625rem;color:#2d4921}@media(max-width:1024.98px){.user-info-board__title{font-size:.875rem}}.user-info-board__date{color:#56a26c;margin-bottom:1.5625rem;font-size:.875rem;font-weight:500}@media(max-width:1024.98px){.user-info-board__date{margin-bottom:.625rem}}.user-info-board__remark{font-weight:500;line-height:1rem;color:#2d4921;margin-bottom:1.875rem}@media(max-width:1024.98px){.user-info-board__remark{font-size:.875rem;margin-bottom:1.25rem}}.user-info-board__badge-list{display:flex;flex-wrap:wrap;-moz-column-gap:1.25rem;column-gap:1.25rem;row-gap:.9375rem;margin-bottom:1.5625rem;position:relative;z-index:2}.user-info-board__badge-list .row{width:100%}.user-info-board__badge{width:4.375rem;max-width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;background-color:#9acd98;position:relative;cursor:pointer;margin:0 auto}.user-info-board__badge:hover .speech-bubble{opacity:1;visibility:visible}.user-info-board__badge .speech-bubble{position:absolute;top:-1.25rem;left:50%;transform:translate(-50%,-100%);z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;max-width:12.5rem}.user-info-board__badge .speech-bubble.shift-right{left:90%}.user-info-board__badge .speech-bubble.shift-right:after{left:33%}.user-info-board__badge .speech-bubble.shift-left{left:10%}.user-info-board__badge .speech-bubble.shift-left:after{left:67%}.user-info-board__badge-icon{width:100%;height:100%;border-radius:50%;border:.1875rem solid #2d4921;overflow:hidden;position:relative;transform:translateY(-.3125rem)}.user-info-board__badge-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - .5rem);height:calc(100% - .5rem);border-radius:50%;border:.25rem solid #fff}.user-info-board__badge-icon img{width:110%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-info-board__dl-container{position:relative;display:flex;flex-direction:column;align-items:center;z-index:3}.user-info-board__dl-container:hover .user-info-board__dl-container__dl-bubble{opacity:1;visibility:visible}.user-info-board__dl-container__dl-bubble{position:absolute;bottom:100%;margin-bottom:.9375rem;text-transform:none;letter-spacing:.075rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.user-info-board .progress-bar-with-icon{margin:0 auto .4375rem}.user-info-board .common-btn--primary{width:100%}.carbon-hunt-ans{display:flex;flex-direction:column;align-items:center;width:13.75rem;max-width:100%;text-align:center}@media(max-width:1024.98px){.carbon-hunt-ans{width:100%;flex-direction:row;gap:1.25rem;text-align:left}}.carbon-hunt-ans--bad .carbon-hunt-ans__circle{border:.5rem solid #ed6f52}@media(max-width:1024.98px){.carbon-hunt-ans--bad .carbon-hunt-ans__circle{border-width:.3125rem}}.carbon-hunt-ans--bad .carbon-hunt-ans__icon{rotate:180deg;transform-origin:center}.carbon-hunt-ans--incorrect{animation:shakeXCus .6s ease-in-out}.carbon-hunt-ans__circle{width:13.75rem;height:13.75rem;border-radius:50%;background-color:#fff;position:relative;border:.5rem solid #aad662;margin-bottom:.9375rem;flex-shrink:0}@media(max-width:1024.98px){.carbon-hunt-ans__circle{width:7.5rem;height:7.5rem;border-width:.3125rem}}.carbon-hunt-ans__small-circle{width:3.75rem;height:3.75rem;border-radius:50%;background-color:#2c4921;position:absolute;top:-.5rem;right:0;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:1024.98px){.carbon-hunt-ans__small-circle{width:2.5rem;height:2.5rem;top:-.375rem;right:-.3125rem}}@media(min-width:1025px){.carbon-hunt-ans__content{text-align:center}}.carbon-hunt-ans__icon{width:1.625rem}@media(max-width:1024.98px){.carbon-hunt-ans__icon{width:1.0625rem}}.carbon-hunt-ans__img{overflow:hidden;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.carbon-hunt-ans__progress{font-size:.875rem;color:#2d4921;margin-bottom:1.25rem;font-weight:700}@media(max-width:1024.98px){.carbon-hunt-ans__progress{margin-bottom:.3125rem}}.carbon-hunt-ans__title{font-size:1.8125rem;font-weight:700;color:#fff;margin-bottom:.5rem}@media(max-width:1024.98px){.carbon-hunt-ans__title{font-size:1rem;line-height:1.375rem;margin-bottom:.125rem}}.carbon-hunt-ans__desc{line-height:1.25rem;color:#8ac39c;margin-bottom:.9375rem}@media(max-width:1024.98px){.carbon-hunt-ans__desc{font-size:.875rem;margin-bottom:.5625rem}}@media(min-width:1025px){.carbon-hunt-ans .text-tag{font-size:1.125rem;font-weight:500;padding:.5rem 1rem;margin:0 auto}}.recycle-game-question{position:relative}@media(max-width:1024.98px){.recycle-game-question{margin-top:8.125rem}}.recycle-game-question__bubble{background-color:#c8e8b5;border-radius:1.875rem;box-shadow:0 .9375rem 0 #b8dea2;height:auto;padding:2.1875rem 24.6875rem 2.1875rem 2.8125rem;position:relative;width:calc(100% - 3.125rem);margin-left:3.125rem;margin-bottom:3rem}@media(max-width:1024.98px){.recycle-game-question__bubble{padding:4.0625rem 1.25rem .625rem;margin:0;height:auto;width:100%;box-shadow:0 .5rem 0 #b8dea2}}.recycle-game-question__bubble__img-frame{position:absolute;top:50%;right:0;transform:translateY(-50%);rotate:4deg;width:24.375rem;height:18.75rem;border-radius:1.875rem;border:.9375rem solid #fff;background-color:#fff}@media(max-width:1024.98px){.recycle-game-question__bubble__img-frame{border:.5625rem solid #fff;width:14.625rem;height:11.25rem;top:0;right:1.25rem;transform:translateY(-70%)}}.recycle-game-question__bubble__img{width:100%;height:100%;border-radius:1.25rem;-o-object-fit:cover;object-fit:cover}.recycle-game-question__bubble__triangle{position:absolute;bottom:1.5625rem;transform:translateY(100%);left:0}@media(max-width:1024.98px){.recycle-game-question__bubble__triangle{display:none}}.recycle-game-question__text__progress{font-size:.875rem;font-weight:700;color:#2d4921;margin-bottom:.625rem}.recycle-game-question__text__question{font-size:2rem;font-weight:700;line-height:2.375rem;color:#56a26c;margin-bottom:.5rem}@media(max-width:1024.98px){.recycle-game-question__text__question{font-size:1.125rem;line-height:1.375rem;margin-bottom:.375rem}}.recycle-game-question__doll{width:13.125rem}@media(max-width:1024.98px){.recycle-game-question__doll{position:absolute;left:.625rem;top:-6.0625rem;width:7.1875rem}}.game-header{position:absolute;top:0;left:0;width:100%;height:8.75rem;z-index:9}@media(max-width:1024.98px){.game-header{height:5.625rem;position:fixed}}.game-header__wrapper{display:flex;align-items:flex-start;justify-content:space-between;padding:2.5rem 0}@media(max-width:1024.98px){.game-header__wrapper{padding:1.25rem 0;gap:.625rem}}.game-header__left-logo{width:7.25rem}@media(max-width:1024.98px){.game-header__left-logo{display:none}}.game-header__middle-logo{height:3.75rem}.game-header__middle-logo--d{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:1024.98px){.game-header__middle-logo--d{display:none}}.game-header__middle-logo--m{display:none}@media(max-width:1024.98px){.game-header__middle-logo--m{display:block;width:5.3125rem}}.game-header__right-content{display:flex;gap:.9375rem;align-items:center;position:fixed;right:3.125rem}@media(max-width:1024.98px){.game-header__right-content{gap:.3125rem}}.game-header .pass-tag{position:absolute;right:95%;max-width:50dvw;width:-moz-max-content;width:max-content;white-space:nowrap}@media(max-width:575.98px){.game-header .pass-tag{right:85%}}@media(max-width:1024.98px){.game-header .game-corner-indicator{width:100%;justify-content:flex-end}}.game-footer{position:fixed;bottom:0;left:0;width:100%;height:7.5rem}@media(max-width:1024.98px){.game-footer{height:5rem}}.game-footer__wrapper{display:flex;align-items:flex-start;justify-content:space-between;padding:.9375rem 0}.book-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto;overflow-x:hidden;padding:3.125rem;background-color:rgba(44,73,33,.902);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;pointer-events:none}@media(max-width:1024.98px){.book-popup{padding:1.25rem}}.book-popup.active{opacity:1;visibility:visible;transition:opacity .3s ease-in,visibility .3s ease-in;z-index:100;pointer-events:auto}.book-popup.active:not(.type-game-brief) .book-popup__book{animation:fadeInUpBigCus .8s cubic-bezier(.234,1.276,.64,1)}.book-popup.active:not(.type-game-brief) .book-popup__tag{animation:slideInLeft .4s}.book-popup.active:not(.type-game-brief) .book-popup__close-btn{animation:zoomIn 1s}.book-popup--no-close{cursor:default}.book-popup.popup--flex-top{align-items:flex-start}.book-popup__overlay{background-color:#2c4921;opacity:.9;width:100%;height:100%;position:fixed;top:0;left:0}.book-popup__tabs{display:flex;height:4.6875rem;width:calc(100% - 2.8125rem);margin:0 auto -1.125rem;justify-content:center;gap:.9375rem}@media(max-width:1024.98px){.book-popup__tabs{margin-top:3.125rem}}.book-popup__btn{position:absolute}.book-popup__base{position:relative;width:100%;display:flex;justify-content:center}@media(max-width:1024.98px){.book-popup__base{max-width:37.5rem}}.book-popup__book{width:66.25rem;max-width:100%}.book-popup__wrapper{border-radius:1.875rem;border-color:#fff;border-style:solid;border-width:0 .625rem;background-color:#fff;width:100%;position:relative;cursor:default}@media(max-width:1024.98px){.book-popup__wrapper{border-width:.3125rem 0}}.book-popup__wrapper-inner{border-radius:1.875rem;border-color:#abd692;border-style:solid;border-width:0 1.25rem;background-color:#abd692}@media(max-width:1024.98px){.book-popup__wrapper-inner{border-width:.625rem 0}}.book-popup__content{border-radius:1.1875rem;background-color:#c8e8b5;height:60dvh;min-height:37.5rem;max-height:37.5rem;position:relative;display:flex}@media(max-width:1024.98px){.book-popup__content{height:100%;max-height:unset;flex-direction:column}}.book-popup__content__left,.book-popup__content__right{width:50%}@media(max-width:1024.98px){.book-popup__content__left,.book-popup__content__right{width:100%}}.book-popup__content__left{padding:1.5625rem 1.875rem}@media(max-width:1024.98px){.book-popup__content__left{padding:1.875rem 1.5625rem 0}}.book-popup__content__right{padding:3.125rem 1.25rem 3.125rem 2.8125rem}@media(max-width:1024.98px){.book-popup__content__right{padding:1.5625rem 1.875rem}}.book-popup__content__line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:.1875rem;height:100%;background-color:#abd692}@media(max-width:1024.98px){.book-popup__content__line{position:relative;left:0;transform:unset;width:100%;height:.1875rem}}.book-popup__content__line:before{content:"";position:absolute;top:0;right:0;background:linear-gradient(90deg,rgba(45,73,33,0),rgba(45,73,33,.15));height:100%;width:3.75rem}@media(max-width:1024.98px){.book-popup__content__line:before{top:unset;bottom:0;background:linear-gradient(180deg,rgba(45,73,33,0),rgba(45,73,33,.15));height:1.875rem;width:100%}}.book-popup__content__line:after{content:"";position:absolute;top:0;left:0;background:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));height:100%;width:3.75rem}@media(max-width:1024.98px){.book-popup__content__line:after{background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));height:1.875rem;width:100%}}.book-popup__close-btn{position:fixed;top:2.5rem;right:3.125rem;z-index:10}@media(max-width:1024.98px){.book-popup__close-btn{top:.625rem;right:.625rem}}.book-popup__close-btn img{filter:brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(1651%) hue-rotate(85deg) brightness(98%) contrast(91%);width:1.5rem}@media(max-width:1024.98px){.book-popup__close-btn img{width:1.25rem}}.book-popup__tag{position:fixed;z-index:100;background:#e0def7;padding:1.125rem 1.875rem;border-radius:0 0 1.875rem 0;font-weight:700;font-size:1.25rem;color:#2d4921;text-transform:uppercase;top:0;left:0;transition:opacity .3s ease-out,visibility .3s ease-out;color:#fff}@media(max-width:1024.98px){.book-popup__tag{font-size:1.125rem;padding:.9375rem 1.25rem}}.book-popup__tag.hide{opacity:0;visibility:hidden}.book-popup .tab-btn--active{z-index:1}.book-popup .tab-btn:not(.book-popup .tab-btn--active){animation:vibration 1s linear 0s infinite normal forwards}.book-popup .tab-btn:nth-child(odd){rotate:-2deg}.book-popup .tab-btn:nth-child(2n){rotate:2deg}.fly-element{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.fly-element__element{position:absolute;font-size:1.5rem;color:#fff;animation:flyToCenter 1s ease-in-out forwards}@media(max-width:1024.98px){.fly-element__element{animation:flyToCenterMobile .7s ease-in-out forwards}}@keyframes flyToCenter{0%{transform:translate(var(--initial-x),var(--initial-y)) scale(6);opacity:0}30%{opacity:1}50%{opacity:.8}70%{opacity:.5}to{opacity:0;transform:translate(calc(50vw - 50%),calc(50vh - 50%)) scale(.3)}}@keyframes flyToCenterMobile{0%{transform:translate(var(--initial-x),var(--initial-y)) scale(3);opacity:0}30%{opacity:1}50%{opacity:.8}70%{opacity:.5}to{opacity:0;transform:translate(calc(50vw - 50%),calc(50vh - 50%)) scale(.3)}}.alert-popup{cursor:default}.alert-popup .popup__top{text-align:center;padding:0}.alert-popup .popup__wrapper{width:26.875rem;max-width:100%}.alert-popup .popup__inner-wrapper{padding:2.375rem}@media(max-width:1024.98px){.alert-popup .popup__inner-wrapper{padding:1.25rem}}.alert-popup.popup{padding:3.125rem}@media(max-width:1024.98px){.alert-popup.popup{padding:1.25rem}}.alert-popup__title{font-size:2rem;font-weight:700;margin-bottom:.9375rem;color:#56a26c}@media(max-width:1024.98px){.alert-popup__title{font-size:1.625rem;margin-bottom:.625rem}}.alert-popup__content{font-size:1.125rem;line-height:1.5rem;margin-bottom:1.5625rem;color:#2d4921}@media(max-width:1024.98px){.alert-popup__content{font-size:1rem;margin-bottom:.9375rem}}.alert-popup__content a{color:#2d4921}.alert-popup__btn-wrapper{display:flex;justify-content:center;gap:.9375rem}@media(max-width:1024.98px){.alert-popup__btn-wrapper{flex-wrap:wrap}}.menu-popup__img{margin-bottom:1.25rem}@media(max-width:821.98px){.menu-popup__img{margin-bottom:.875rem}}.menu-popup__content{margin-bottom:1.25rem}@media(max-width:821.98px){.menu-popup__content{margin-bottom:.875rem}}.menu-popup__content p{font-size:.875rem;line-height:1.25rem}.menu-popup__footer{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width:821.98px){.menu-popup__footer{flex-direction:column;gap:.5625rem}}.menu-popup__footer__text{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:space-between;-moz-column-gap:1.375rem;column-gap:1.375rem}@media(max-width:821.98px){.menu-popup__footer__text{justify-content:center;-moz-column-gap:1.125rem;column-gap:1.125rem}}.menu-popup__footer__text a,.menu-popup__footer__text p{font-size:.75rem}.menu-popup__footer__text a{text-decoration:none;color:#000}.menu-popup__footer__tnc{cursor:pointer}.menu-popup .popup__wrapper{border-color:#c8e8b5;width:31.875rem}.menu-popup .popup__inner-wrapper{padding:3.75rem 3.75rem 1.875rem;background-color:#fff}@media(max-width:821.98px){.menu-popup .popup__inner-wrapper{padding:3.125rem 2.5rem 1.875rem}}.menu-popup .popup__top{padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-popup .common-btn{width:100%;margin-bottom:3.75rem;text-transform:none}@media(max-width:821.98px){.menu-popup .common-btn{margin-bottom:2.5rem}}@media(max-width:575.98px){.menu-popup .common-btn{font-size:.8125rem}}.menu-popup .common-btn__icon{rotate:-45deg}.menu-popup .locale-switcher{-moz-column-gap:.625rem;column-gap:.625rem}.game-end-popup__btn-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem;width:100%}@media(max-width:821.98px){.game-end-popup__btn-wrapper .common-btn{width:100%}}.about-popup__left-content{transform:translateY(-3.125rem);display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}@media(max-width:1024.98px){.about-popup__left-content{transform:translateY(0);position:relative;z-index:2}}.about-popup__left-content__bg{position:absolute;top:50%;left:50%;width:100%;max-height:100%;aspect-ratio:1/1;opacity:.3;animation:rotate360Center 35s linear infinite}@media(max-width:1024.98px){.about-popup__left-content__bg{top:0;max-width:31.25rem;width:80%;transform:translateX(50%);animation:rotate360CenterMobile 35s linear infinite;height:calc(100% - 1.875rem)}}@media(max-width:575.98px){.about-popup__left-content__bg{width:90%}}.about-popup__left-content__content{position:relative;text-align:center;opacity:0;height:0;width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.about-popup__left-content__content.active{opacity:1;transform:translateY(0);height:100%;width:100%;overflow:visible;transition:opacity .5s ease,transform .5s ease}.about-popup__right-content{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2d4921 #c8e8b5}@media(min-width:1025px){.about-popup__right-content{padding-right:.9375rem}}@media(max-width:1024.98px){.about-popup__right-content{padding-bottom:.3125rem;overflow-y:visible}}.about-popup__right-content>div>*{margin-bottom:1.125rem}.about-popup__right-content h3{font-size:2rem;font-weight:700;color:#56a26c}.about-popup__right-content h3 a{color:#56a26c}@media(max-width:1024.98px){.about-popup__right-content h3{font-size:1.625rem}}.about-popup__right-content p{font-size:1.125rem;color:#2d4921;line-height:1.4}@media(max-width:1024.98px){.about-popup__right-content p{font-size:1rem;line-height:1.4}}.about-popup__right-content ul{list-style:disc;padding-left:1.375rem;color:#2d4921;line-height:1;margin-top:.3125rem;font-size:1.125rem}@media(max-width:1024.98px){.about-popup__right-content ul{font-size:1rem}}.about-popup__right-content ul li{margin-bottom:.75rem}.about-popup__right-content ul li::marker{color:#56a26c}.about-popup__right-content ol{font-size:1.125rem;color:#2d4921;line-height:1;counter-reset:item;padding:0}@media(max-width:1024.98px){.about-popup__right-content ol{font-size:1rem}}.about-popup__right-content ol li{margin-bottom:.75rem;display:flex}.about-popup__right-content ol li:before{content:counter(item) ". ";counter-increment:item;width:1.5em;display:inline-block;flex-shrink:0}.about-popup__right-content li ul{margin-left:1.25rem}.about-popup__right-content table{color:#2d4921;border-color:#2d4921}.about-popup__right-content table td{padding:5px;color:#1e3315}.about-popup__right-content a{color:#2d4921}.about-popup__right-content__content{opacity:0;transform:translateY(20px);height:0;overflow:hidden;transition:opacity .5s ease,transform .5s ease}.about-popup__right-content__content.active{opacity:1;transform:translateY(0);height:auto;overflow:visible;transition:opacity .5s ease,transform .5s ease}.about-popup__btns{gap:1.25rem;margin-top:2.5rem;justify-content:center;flex-wrap:wrap}@media(max-width:1024.98px){.about-popup__btns{flex-direction:column;align-items:center;margin-top:1.875rem;gap:0}}.about-popup__btns__guest,.about-popup__btns__login{width:9.875rem}[lang=en] .about-popup__btns__guest,[lang=en] .about-popup__btns__login{width:12.625rem}@media(min-width:1281px){.about-popup__btns .common-btn{font-size:1rem;gap:.75rem}}.about-popup__arrow-btns{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;width:100%;max-width:66.25rem}.about-popup__arrow-btns__next img,.about-popup__arrow-btns__prev img{width:1.25rem}.about-popup__continue-btn{position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.about-popup__continue-btn.active{opacity:1;visibility:visible;animation:pulseHorizontalCenter 2s linear infinite}.about-popup__pagination{display:flex;gap:.5rem;position:absolute;bottom:0;left:50%;transform:translateX(-50%);align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;height:3.75rem}.about-popup__pagination.active{opacity:1}@media(max-width:1024.98px){.about-popup__pagination{height:3.125rem}}.about-popup__pagination__dot{width:.625rem;padding:0;aspect-ratio:1/1;border-radius:50%;background:#fff;border:none;opacity:.3;transition:opacity .3s ease;display:none}@media(max-width:1024.98px){.about-popup__pagination__dot{width:.5rem}}.about-popup__pagination__dot.active{background:#fff;opacity:1}.about-popup__pagination .text-tag{background:hsla(0,0%,100%,.3)}@media(min-width:1025px){.about-popup.with-scroll .book-popup__content__right{position:relative}.about-popup.with-scroll .book-popup__content__right:after{content:"";position:absolute;bottom:3.125rem;left:calc(50% - .4375rem);transform:translateX(-50%);width:calc(100% - 4.5rem);height:6.25rem;background:linear-gradient(0deg,#c8e8b5,hsla(0,0%,100%,0));transition:opacity .3s ease}}.about-popup.scroll-end .book-popup__content__right:after{opacity:0;visibility:hidden}@media(min-width:1025px){.about-popup.is-map-landing .book-popup__content__left{padding:1.875rem 1.5625rem}.about-popup.is-map-landing .about-popup__left-content{position:relative;top:50%;transform:translateY(-50%)}}.about-popup.type-game-brief .about-popup__left-content{overflow:hidden;height:100%;position:relative;transform:unset}@media(max-width:1024.98px){.about-popup.type-game-brief .about-popup__left-content{overflow:visible}}.about-popup.type-cover-page .about-popup__left-content{overflow:visible;height:100%;position:relative;transform:unset;z-index:1}@media(max-width:1024.98px){.about-popup.type-cover-page{padding-top:4rem}}@media(min-width:1025px){.about-popup.type-cover-page .book-popup__content__left{padding:0 0 1.5625rem 1.875rem}}.about-popup.type-cover-page .content-wrapper{height:100%;margin-bottom:0}@media(max-width:1024.98px){.about-popup.type-cover-page .content-wrapper{width:100%}}.about-popup.with-control{padding-bottom:1.25rem}.about-popup.with-control .book-popup__base{cursor:default;padding:0 0 4.375rem}.about-popup.with-control .about-popup__right-content{position:relative;height:100%}@media(min-width:1025px){.about-popup.with-control .about-popup__right-content{padding-right:.9375rem}}.about-popup.active .about-popup__arrow-btns__next,.about-popup.active .about-popup__arrow-btns__prev{animation:zoomIn 1s}.about-popup.active .about-popup__pagination{animation:zoomIn .7s}.profile-popup{padding:0 1.25rem;overflow-x:hidden}.profile-popup__wrapper{margin:0 auto;cursor:default;height:100%;width:100%;top:50%;transform:translateY(-50%);position:relative}@media(max-width:1024.98px){.profile-popup__wrapper{left:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content;max-width:100%;margin:0}}.profile-popup__tree{position:absolute;height:100%;right:0;bottom:0;width:calc(100% - 25.625rem);max-width:100%}@media(max-width:1024.98px){.profile-popup__tree{height:32%;right:50%;width:100%;transform:translateX(50%);z-index:1}}.profile-popup__tree img{width:98.5%;position:absolute;bottom:0}@media(max-width:1024.98px){.profile-popup__tree img{width:100%}}.profile-popup__tree__wrapper{aspect-ratio:353/326;position:absolute;bottom:0;left:0;width:100%;overflow:hidden}@media(max-width:1024.98px){.profile-popup__tree__wrapper{height:100%;width:auto;max-width:100%;left:50%;transform:translateX(-50%)}}.profile-popup__tree-title{position:absolute;top:39%;left:50%;transform:translateX(-50%);width:90%;height:-moz-fit-content;height:fit-content;text-align:center;font-size:1.125rem;color:#9acd98;opacity:.3}@media(max-width:575.98px){.profile-popup__tree-title{top:35%;font-size:.875rem}}.profile-popup__tree-lv{animation:shaking 4s ease-in-out 0s infinite normal forwards}.profile-popup__bottom{position:fixed;bottom:1.25rem;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;gap:.625rem;z-index:1;padding:0 1.25rem;cursor:default}@media(min-width:1025px){.profile-popup__bottom{display:none}}.profile-popup__id{font-size:.75rem;color:#56a26c}.profile-popup .popup__custom{width:73.75rem;max-width:100%;height:53.75rem;min-height:100dvh;margin:0 auto}@media(max-width:1024.98px){.profile-popup .popup__custom{width:-moz-fit-content;width:fit-content;height:45.25rem}}.profile-popup .user-info-board{position:relative;opacity:0;z-index:1;top:50%;transform:translateY(-50%)}.profile-popup .user-info-board.active{animation:fadeInUpBigCusWithYCenter .8s cubic-bezier(.234,1.276,.64,1);opacity:1}@media(max-width:1024.98px){.profile-popup .user-info-board.active{animation:fadeInUpBigCusWithXYCenter .8s cubic-bezier(.234,1.276,.64,1)}.profile-popup .user-info-board{top:40%;left:50%;transform:translate(-50%,-50%)}}.game-result-popup{padding-top:2.25rem}.game-result-popup__content{width:100%;padding:3.125rem 0}@media(max-width:1024.98px){.game-result-popup__content{padding:1.875rem 0}}.game-result-popup__content .row{--bs-gutter-x:3.75rem}.game-result-popup__content-text{display:flex;flex-direction:column}@media(max-width:1024.98px){.game-result-popup__content-text{text-align:center;transform:translateY(-1.875rem);z-index:2;position:relative;margin-bottom:-1.875rem}}.game-result-popup__text{display:flex;flex-direction:column;align-items:center;text-align:center}@media(max-width:821.98px){.game-result-popup__text{width:100%;order:1;margin-top:-3.75rem;position:relative}}.game-result-popup__confetti{position:absolute;top:80px;left:27%;transform:translate(-50%,-50%);width:100%}@media(max-width:1024.98px){.game-result-popup__confetti{left:50%;top:50%;width:220%;max-width:1180px}}.game-result-popup__badge{min-height:6.25rem;margin-bottom:1.25rem}@media(max-width:821.98px){.game-result-popup__badge{min-height:unset;height:4.8125rem;margin-bottom:.625rem}}.game-result-popup__badge-name{text-align:center;font-size:1.125rem;color:#56a26c;font-weight:500;margin-bottom:.625rem}@media(min-width:1025px){.game-result-popup__badge-name{order:2;margin-bottom:1.125rem}}@media(max-width:821.98px){.game-result-popup__badge-name{font-size:1rem}}.game-result-popup__badge-name .college,.game-result-popup__badge-name br{display:none}.game-result-popup__title{font-size:2rem;font-weight:700;color:#2d4921;margin-bottom:.375rem;text-align:center}@media(min-width:1025px){.game-result-popup__title{order:0;margin-bottom:1.375rem}}@media(max-width:821.98px){.game-result-popup__title{font-size:1.625rem;line-height:2.0625rem}}.game-result-popup__remark{font-size:1.125rem;color:#2d4921;margin-bottom:1.875rem;text-align:center}@media(min-width:1025px){.game-result-popup__remark{order:3}}@media(max-width:821.98px){.game-result-popup__remark{font-size:.875rem;margin-bottom:1.25rem}}.game-result-popup__score{max-width:22.5rem;margin:0 auto;position:relative;width:100%}.game-result-popup__score__circle{aspect-ratio:1/1;display:block;margin:0 auto;animation:rotate360 35s linear infinite}@media(max-width:1024.98px){.game-result-popup__score__circle{animation:rotate360mobile 35s linear infinite}}.game-result-popup__score__info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.game-result-popup__score__deco{margin-bottom:1.25rem}@media(max-width:821.98px){.game-result-popup__score__deco{width:.6875rem}}.game-result-popup__score__deco:last-child{margin-bottom:0}.game-result-popup__score__text{font-size:.875rem;font-weight:700;color:#fff;margin-bottom:.9375rem}@media(max-width:821.98px){.game-result-popup__score__text{font-size:.75rem;margin-bottom:.4375rem}}.game-result-popup__score__wrapper{display:flex;align-items:baseline;gap:.625rem;margin-bottom:1.875rem}@media(max-width:821.98px){.game-result-popup__score__wrapper{gap:.375rem;margin-bottom:1.25rem}}.game-result-popup__score__icon{height:3.125rem}@media(max-width:821.98px){.game-result-popup__score__icon{height:2.5rem}}.game-result-popup__score__num{font-size:4.375rem;font-weight:700;line-height:2.3125rem;color:#fff;transform:translateY(-.3125rem)}@media(max-width:821.98px){.game-result-popup__score__num{font-size:3.125rem;line-height:1.625rem}}.game-result-popup__score__kv{position:absolute;bottom:0;left:0;width:7.375rem;max-width:35%}@media(max-width:821.98px){.game-result-popup__score__kv{width:6.25rem}}.game-result-popup.active .game-result-popup__score__kv{animation:jello-vertical .9s .5s both;transform-origin:center bottom}.game-result-popup.active .common-btn{animation:pulse 2s linear infinite}.game-result-popup .badge{width:8.125rem}@media(min-width:1025px){.game-result-popup .badge{order:1}}@media(max-width:1024.98px){.game-result-popup .badge{width:5.625rem;margin-bottom:.9375rem}}.game-result-popup .badge__icon{border-width:.375rem}@media(max-width:1024.98px){.game-result-popup .badge__icon{border-width:.3125rem}}.game-result-popup .badge__icon:after{width:calc(100% - .8125rem);height:calc(100% - .8125rem);border-width:.8125rem}@media(max-width:1024.98px){.game-result-popup .badge__icon:after{width:calc(100% - .625rem);height:calc(100% - .625rem);border-width:.625rem}}.game-result-popup .common-btn{margin:0 auto}@media(min-width:1025px){.game-result-popup .common-btn{order:5}}@media(max-width:575.98px){.game-result-popup .common-btn{width:100%}}.game-result-popup .progress-bar-with-icon{margin-bottom:2.625rem}@media(min-width:1025px){.game-result-popup .progress-bar-with-icon{order:4}}@media(max-width:1024.98px){.game-result-popup .progress-bar-with-icon{margin-bottom:2.1875rem}}.game-result-popup .progress-bar-with-icon__step .icon-label{font-size:1.125rem}@media(max-width:821.98px){.game-result-popup .progress-bar-with-icon__step .icon-label{font-size:.875rem}}@media(max-width:1024.98px){.game-result-popup .popup__wrapper{max-width:600px;overflow-x:hidden}}.game-result-popup .speech-bubble,.tnc-popup{text-align:center}@media(max-width:1024.98px){.tnc-popup__content{font-size:.875rem}}.tnc-popup .popup__wrapper{max-width:43.75rem}.tnc-popup .popup__content{background-color:#c8e8b5}.tnc-popup .popup__content h2{margin-bottom:1.5625rem}@media(max-width:1024.98px){.tnc-popup .popup__content h2{margin-bottom:.9375rem}}.quiz{position:fixed;top:0;bottom:0;left:0;width:100%;min-height:100svh;background:linear-gradient(0deg,#308674,#77a674);overflow-y:auto;z-index:1}.quiz__content{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:8.75rem 5.208vw calc(7.5rem + 1.25rem);min-height:100svh;position:relative;max-width:100rem;margin:0 auto}@media(max-width:1024.98px){.quiz__content{padding-top:calc(5.625rem + .3125rem);flex-direction:column;justify-content:flex-start;max-width:43.75rem;margin:0 auto}}.quiz__content.active .quiz__content-text{opacity:1}.quiz__content.active .quiz__content-text__progress{animation:fadeInUpSmall .6s ease-in-out .1s;transition:opacity .6s ease-in-out .1s;opacity:1}.quiz__content.active .quiz__content-text__question{animation:fadeInUpSmall .6s ease-in-out .3s;transition:opacity .6s ease-in-out .3s;opacity:1}.quiz__content.active .quiz__content-text__options{animation:fadeInUpSmall .6s ease-in-out .5s;transition:opacity .5s ease-in-out .5s;opacity:1}.quiz__content.active .quiz__content-img{animation:fadeInUpSmall .7s ease-in-out .1s;transition:opacity .7s ease-in-out .1s;opacity:1}.quiz__content-text{display:flex;flex-direction:column;width:calc(50% - .625rem);opacity:0}@media(max-width:1024.98px){.quiz__content-text{width:100%;order:1}}.quiz__content-text__progress{font-size:.875rem;font-weight:700;color:#c8e8b5;margin-bottom:.625rem;opacity:0}@media(max-width:1024.98px){.quiz__content-text__progress{text-align:center}}.quiz__content-text__question{font-size:2.5rem;font-weight:700;color:#fff;line-height:3rem;margin-bottom:1.25rem;opacity:0}@media(max-width:1024.98px){.quiz__content-text__question{font-size:1.625rem;line-height:2.0625rem;text-align:center}}.quiz__content-text__options{display:flex;flex-wrap:wrap;gap:1.875rem;opacity:0}@media(max-width:1024.98px){.quiz__content-text__options{flex-direction:column;align-items:center;justify-content:center;gap:.9375rem}}.quiz__content-img{opacity:0;width:calc(50% - .625rem);display:flex;align-items:center;justify-content:center}@media(max-width:1024.98px){.quiz__content-img{width:100%;order:0}}.quiz__effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-height:calc(100svh - 6.25rem);opacity:0;transition:opacity .3s ease-in-out}.quiz__effect.active{opacity:1;transition:opacity .3s ease-in-out}.quiz__effect div{height:100%}.quiz__header-right-corner{display:flex;gap:.9375rem;align-items:center}@media(max-width:1024.98px){.quiz__header-right-corner{gap:.3125rem}.quiz .game-footer{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}}@keyframes elementFadeInUp{0%{opacity:0;transform:translateY(7.5rem)}to{transform:translateY(0);opacity:1}}.landing{position:relative;inset:0;color:#2d4921;opacity:0;visibility:hidden;height:0}.landing,.landing.active{transition:opacity .3s linear,visibility .3s linear}.landing.active{opacity:1;visibility:visible;height:auto}.landing.active .landing__windmill{animation:fadeInUpFromBottom 4s ease-out .5s}.landing.active .landing__landing-kv{animation:fadeInUpFromBottom 4.5s ease-out .5s}.landing.active .landing__title{animation:fadeInUpFromBottom 2.4s ease-out 2s forwards}@media(max-width:821.98px){.landing.active .landing__title{animation:fadeInUpFromBottom 2.4s ease-out 2.5s forwards}}.landing.active .landing__btn{animation:fadeInUpFromBottom 2.4s ease-out 2.2s forwards,pulse 2s linear 5.2s infinite}@media(max-width:821.98px){.landing.active .landing__btn{animation:fadeInUpFromBottom 2.4s ease-out 2.7s forwards,pulse 2s linear 5.2s infinite}}.landing.active .landing__bg--d,.landing.active .landing__bg--m{animation:fadeInUpFromBottom 4.5s ease-out .5s}.landing.active .landing__bg--ground{animation:fadeInUpFromBottom 4s ease-out .5s}.landing__container{height:100dvh;min-height:48.75rem;background-color:#d0faff;padding:6.5625rem 1.25rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}@media(min-width:1025px){[lang=sc] .landing__container,[lang=tc] .landing__container{padding-top:9.375rem}}@media(max-width:1280.98px){.landing__container{padding-bottom:1.875rem}}@media(max-width:821.98px){.landing__container{padding:5.125rem 1.25rem 1.25rem;min-height:51.875rem}}@media(max-width:575.98px){.landing__container{padding-top:15vh;min-height:31.25rem}}.landing__bg--d,.landing__bg--ground,.landing__bg--m{position:absolute;width:100%}.landing__bg--d{bottom:0}@media(max-width:821.98px){.landing__bg--d{display:none}}.landing__bg--m{bottom:0}@media(min-width:822px){.landing__bg--m{display:none}}.landing__bg--ground{bottom:0}@media(max-width:821.98px){.landing__bg--ground{display:none}}.landing__logo{position:absolute;top:2.5rem;left:3.125rem;width:7.25rem}@media(max-width:821.98px){.landing__logo{width:5.4375rem;top:1.25rem;left:1.25rem}}.landing__windmill{position:absolute;bottom:10.25rem;left:3.125rem;width:28vw}@media(max-width:1024.98px){.landing__windmill{display:none}}.landing__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto}@media(min-height:1200px){.landing__content{top:35%;transform:translateY(-50%)}}.landing__landing-kv{max-width:37.5rem;max-height:46dvh;width:50%;margin-bottom:4.375rem}.landing__landing-kv>div{height:100%}@media(max-width:821.98px){.landing__landing-kv{margin-bottom:3.125rem;width:70%}}@media(max-width:575.98px){.landing__landing-kv{margin-bottom:1.5625rem;width:85%}}.landing__title{font-size:1.125rem;margin-bottom:1.875rem;text-align:center;transform:translateY(7.5rem);opacity:0}@media(max-width:821.98px){.landing__title{transform:unset;font-size:1rem;margin-bottom:1.25rem}}.landing__btn{transform:translateY(12.5rem);opacity:0}.landing__footer{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1.25rem;font-size:.75rem}@media(max-width:821.98px){.landing__footer{padding:0}}.landing__footer__left{display:flex;align-items:center;gap:2.0625rem}@media(max-width:821.98px){.landing__footer__left{gap:1.25rem;flex-wrap:wrap}}.landing__footer__left a{color:#2d4921;text-decoration:none}.landing__footer__tnc{cursor:pointer}.landing .locale-switcher__btn{font-size:.75rem}@media(max-width:1024.98px){.landing .common-btn{width:60%}}@media(max-width:575.98px){.landing .common-btn{width:100%}}.map-landing{background-color:#fff;position:absolute;width:100%;height:100dvh;min-height:48.75rem;display:none}@media(min-width:1758px){.map-landing{aspect-ratio:1920/1080;height:auto;min-height:100dvh}}@media(min-width:1441px)and (max-height:880px){.map-landing{min-height:100dvh;height:auto;aspect-ratio:2/1}}@media(min-width:576px)and (max-width:821.98px){.map-landing{min-height:73.75rem}}.map-landing.active{display:block}.map-landing:before{content:"";position:absolute;top:0;left:0;width:100%;height:40dvh;background:linear-gradient(180deg,#3dafe3,#b8f7ef 55%,#fff)}.map-landing__abs{position:absolute}.map-landing__bg--d,.map-landing__bg--m,.map-landing__bg--t{bottom:0;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-landing__img-title,.map-landing__logo{position:absolute;top:2.5rem;flex-shrink:0;z-index:1}@media(max-width:1024.98px){.map-landing__img-title,.map-landing__logo{visibility:hidden}}.map-landing__logo{width:7.25rem;height:3.75rem;left:3.125rem}.map-landing__img-title{left:50%;height:4.5rem;transform:translateX(-50%)}.map-landing__header{top:2.5rem;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:0 3.125rem;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed}@media(max-width:1024.98px){.map-landing__header{top:1.25rem;padding:0 1.25rem}}@media(max-width:575.98px){.map-landing__header{flex-wrap:wrap}}.map-landing__header__logo{width:7.25rem;flex-shrink:0}@media(min-width:1025px){.map-landing__header__logo{visibility:hidden}}.map-landing__btns{display:flex;gap:1.25rem;flex-shrink:0}@media(max-width:1024.98px){.map-landing__btns .circle-btn img{width:3.125rem}}.map-landing__speech-bubble{position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all .3s ease}.map-landing__game-btn{cursor:pointer}.map-landing__game-btn:hover .map-landing__speech-bubble{transform:translateX(-50%) scale(1.2)}.map-landing__game-btn .speech-bubble{top:0;left:50%;animation:UpDown 3s ease-in-out infinite;transition:all .3s ease}.map-landing__game-btn--low-carbon{width:37%;aspect-ratio:18/6;bottom:29vw;right:39.5%}@media(max-width:1024.98px){.map-landing__game-btn--low-carbon{width:36%;aspect-ratio:14/6;width:59%;aspect-ratio:16/6;bottom:54vw;right:26.5%}}@media(max-width:821.98px){.map-landing__game-btn--low-carbon{width:77%;aspect-ratio:14/6;bottom:100vw;right:17.5%}}@media(max-width:575.98px){.map-landing__game-btn--low-carbon{width:77%;aspect-ratio:14/6;bottom:104vw;right:17.5%}}.map-landing__game-btn--low-carbon .speech-bubble{animation-delay:.2s}.map-landing__game-btn--sus{width:25.2%;aspect-ratio:12/8;bottom:9.7vw;left:6.5%}@media(max-width:1024.98px){.map-landing__game-btn--sus{aspect-ratio:10/8;width:38.2%;bottom:12.7vw;left:6.5%}}@media(max-width:821.98px){.map-landing__game-btn--sus{width:57%;bottom:52vw;aspect-ratio:12/8;left:39%}}@media(max-width:575.98px){.map-landing__game-btn--sus{width:57%;bottom:52vw;aspect-ratio:10/8;left:39%}}.map-landing__game-btn--sus .speech-bubble{animation-delay:.8s}@media(max-width:575.98px){.map-landing__game-btn--sus .speech-bubble{left:60%}}.map-landing__game-btn--green-corner{width:14%;aspect-ratio:7/6;bottom:6vw;right:39%}@media(max-width:1024.98px){.map-landing__game-btn--green-corner{width:15%;aspect-ratio:1/1;right:38.5%;width:29%;aspect-ratio:8/6;bottom:42vw;right:7%}}@media(max-width:821.98px){.map-landing__game-btn--green-corner{width:30%;aspect-ratio:4.4/4;bottom:44vw;right:60%}}@media(max-width:575.98px){.map-landing__game-btn--green-corner{width:30%;aspect-ratio:6.6/8;bottom:44vw;right:60%}}.map-landing__game-btn--green-corner .speech-bubble{animation-delay:.5s}@media(max-width:575.98px){.map-landing__game-btn--green-corner .speech-bubble{left:53%}}.map-landing__game-btn--eco{width:22%;aspect-ratio:6/5;bottom:5.5vw;right:8%}@media(max-width:1024.98px){.map-landing__game-btn--eco{width:24%;right:7%;width:39%;aspect-ratio:7/6;bottom:2.5vw;right:3%}}@media(max-width:821.98px){.map-landing__game-btn--eco{width:47%;aspect-ratio:7/6;bottom:2.5vw;right:18%}}@media(max-width:575.98px){.map-landing__game-btn--eco{width:47%;aspect-ratio:6.2/6;bottom:2.5vw;right:18%}}.map-landing__audio-btn img{filter:brightness(0) saturate(100%) invert(23%) sepia(12%) saturate(1928%) hue-rotate(58deg) brightness(95%) contrast(91%);width:1.625rem;height:1.625rem}.map-landing__lang-switcher{bottom:2.5rem;right:3.125rem}@media(max-width:1024.98px){.map-landing__lang-switcher{bottom:1.25rem;right:1.25rem}}.matching{position:fixed;top:0;bottom:0;left:0;width:100%;min-height:100dvh;background:linear-gradient(0deg,#308674,#77a674);overflow-y:auto;z-index:1}@media(max-width:1024.98px){.matching.type-composite .matching__content__options{max-width:98%}}.matching__bg{position:fixed;top:0;left:0;width:100%;height:100%}.matching__bg--breakdown{background-image:url(/greencorner/images/game/matching/recycle-break-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease-in-out}@media(max-width:821.98px){.matching__bg--breakdown{background-image:url(/greencorner/images/game/matching/recycle-break-bg_m.png)}}.matching__bg--breakdown.active{opacity:1}.matching__bg--composite{background-image:url(/greencorner/images/game/matching/recycle-form-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease-in-out}@media(max-width:821.98px){.matching__bg--composite{background-image:url(/greencorner/images/game/matching/recycle-form-bg_m.png)}}.matching__bg--composite.active{opacity:1}.matching__content{padding:8.75rem 5.208vw calc(7.5rem + 1.25rem);max-width:81.25rem;margin:0 auto;min-height:100dvh;display:flex}@media(max-width:1024.98px){.matching__content{padding-top:calc(5.625rem + .3125rem);display:flex;flex-direction:column;justify-content:flex-start}}.matching__content__wrapper{position:relative;flex:1}@media(min-width:1025px){.matching__content__wrapper{min-height:31.25rem}}@media(max-width:1024.98px){.matching__content__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}}.matching__content__options{display:flex;align-items:flex-end;gap:1.875rem}@media(min-width:1025px){.matching__content__options{position:absolute;bottom:0;left:14.375rem}}@media(max-width:1024.98px){.matching__content__options{flex-direction:column;align-items:center;justify-content:center;width:31.25rem;max-width:85%;margin:0 auto}}.matching__content.active .recycle-game-question__bubble{animation:fadeInUp .6s ease-in-out;transition:opacity .6s ease-in-out;opacity:1}.matching__content.active .recycle-game-question__bubble__img-frame{animation:fadeInUpBigCusWithYCenter .6s ease-in-out .2s;transition:opacity .6s ease-in-out .2s;opacity:1}@media(max-width:1024.98px){.matching__content.active .recycle-game-question__bubble__img-frame{animation:fadeInUpBigCusBubbleImgMobile .7s ease-in-out .4s;transition:opacity .7s ease-in-out .4s}}.matching__content.active .recycle-game-question__text__progress{animation:fadeInUp .6s ease-in-out .3s;transition:opacity .6s ease-in-out .3s;opacity:1}.matching__content.active .recycle-game-question__text__question{animation:fadeInUp .6s ease-in-out .4s;transition:opacity .6s ease-in-out .4s;opacity:1}@media(max-width:1024.98px){.matching__content.active .recycle-game-question__doll{animation:fadeInUp .6s ease-in-out .2s;transition:opacity .6s ease-in-out .2s;opacity:1}}.matching__content.active .recycle-game-question--answered .recycle-game-question__doll{animation:jello-vertical .9s both;transform-origin:center bottom}.matching__content-img{width:calc(50% - .625rem);display:flex;align-items:center;justify-content:center}@media(max-width:1024.98px){.matching__content-img{width:100%;order:0}}.matching__effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-height:calc(100svh - 6.25rem)}.matching__effect div{height:100%}.matching__header-right-corner{display:flex;gap:.9375rem;align-items:center}@media(max-width:1024.98px){.matching__header-right-corner{gap:.3125rem}}.matching .recycle-game-question__bubble,.matching .recycle-game-question__bubble__img-frame,.matching .recycle-game-question__text__progress,.matching .recycle-game-question__text__question{opacity:0}@media(max-width:1024.98px){.matching .recycle-game-question__doll{opacity:0}}@media(min-width:1025px){.matching .recycle-game-question{position:absolute;bottom:.9375rem;left:0}}@media(max-width:1024.98px){.matching .recycle-game-question{margin-bottom:.9375rem;width:100%;max-width:37.5rem}}@media(max-width:1280.98px){.matching .recycle-game-btn--breakdown{width:100%}}@media(max-width:1024.98px){.matching .recycle-game-btn--breakdown{max-width:6.25rem}}@media(max-width:575.98px){.matching .recycle-game-btn--breakdown{width:4.6875rem}}@media(max-width:1024.98px){.matching .recycle-game-btn--composite{height:7.5rem}}.matching .recycle-game-btn--composite.paper .recycle-game-btn__img{max-width:70%}@media(max-width:1024.98px){.matching .recycle-game-btn--composite.paper .recycle-game-btn__img{max-width:62%}}.matching .recycle-game-btn--composite.plastic .recycle-game-btn__img{max-width:58%}@media(max-width:1024.98px){.matching .recycle-game-btn--composite.plastic .recycle-game-btn__img{max-width:54%}}.carbon-hunt{position:fixed;top:0;bottom:0;left:0;width:100%;min-height:100dvh;background:linear-gradient(0deg,#308674,#77a674);overflow-y:auto;z-index:1}.carbon-hunt__content{padding:0 3.125rem;max-width:90rem;margin:0 auto;min-height:100dvh;display:flex}@media(max-width:1024.98px){.carbon-hunt__content{padding:calc(5.625rem + .3125rem) 0 5.625rem;display:flex;flex-direction:column;justify-content:flex-start;min-height:97dvh}}.carbon-hunt__content__wrapper{position:relative;display:flex;align-items:center;flex:1;gap:5rem}@media(min-width:1025px){.carbon-hunt__content__wrapper{min-height:50rem;height:100dvh}}@media(max-width:1024.98px){.carbon-hunt__content__wrapper{display:flex;flex-direction:column-reverse;justify-content:center;gap:1.25rem;width:43.75rem;max-width:100%;margin:0 auto}}.carbon-hunt__content__right{position:relative;width:100%;height:100%;overflow:hidden}@media(max-width:1024.98px){.carbon-hunt__content__right{height:auto;overflow:visible}.carbon-hunt__content__left{width:100%;padding:0 1.25rem}}.carbon-hunt__content.active .carbon-hunt-ans{transition:opacity .3s ease-in-out;opacity:1}.carbon-hunt__content.active .carbon-hunt-ans>*,.carbon-hunt__content.active .carbon-hunt-ans__content>*{animation:fadeInUp .6s ease-in-out;transition:opacity .6s ease-in-out;opacity:1}.carbon-hunt__content.active .carbon-hunt-ans__progress{animation-delay:.2s;transition-delay:.2s}.carbon-hunt__content.active .carbon-hunt-ans__circle{animation-delay:.3s;transition-delay:.3s}.carbon-hunt__content.active .carbon-hunt-ans__title{animation-delay:.6s;transition-delay:.6s}.carbon-hunt__content.active .carbon-hunt-ans__desc{animation-delay:.8s;transition-delay:.8s}.carbon-hunt__content.active .carbon-hunt-ans .text-tag{animation-delay:1s;transition-delay:1s}.carbon-hunt__clicking-area{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;height:auto}@media(max-width:1024.98px){.carbon-hunt__clicking-area{position:relative;top:unset;transform:translateX(-50%);width:calc(100% + 1.875rem);left:50%}}.carbon-hunt__clicking-area__img{opacity:.5;visibility:hidden;transition:opacity .3s ease-in-out;height:0}.carbon-hunt__clicking-area__img.active{opacity:1;visibility:visible;height:auto}.carbon-hunt__clicking-area__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.carbon-hunt__clicking-area__popup-text{position:absolute;font-weight:700;font-size:2rem;color:#ed6f52;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;opacity:0;text-align:center;transition:opacity .3s ease-in-out;pointer-events:none}@media(max-width:1024.98px){.carbon-hunt__clicking-area__popup-text{font-size:.875rem}}.carbon-hunt__clicking-area__popup-text.active{animation:fadeOutUp .8s ease-in-out}.carbon-hunt__clicking-area__popup-text.correct{color:#56a26c}.carbon-hunt__clicking-area__target{position:absolute}.carbon-hunt__clicking-area__target.office-1{width:12%;height:8%;left:40.5%;top:37%;transform:rotate(29deg)}.carbon-hunt__clicking-area__target.office-2{width:8%;height:8%;left:73%;top:44%}.carbon-hunt__clicking-area__target.office-3{width:7.5%;height:8.5%;left:46.5%;top:63%}.carbon-hunt__clicking-area__target.office-4{width:46.3%;height:24.5%;left:50%;top:23%;transform:skew(0deg,30deg)}.carbon-hunt__clicking-area__target.office-5{width:8%;height:9%;left:26.5%;top:63%}.carbon-hunt__clicking-area__target.office-6{width:8.5%;height:8.5%;left:43%;top:54%}.carbon-hunt__clicking-area__target.office-7{width:23.6%;height:12.1%;left:5.9%;top:27%;transform:skew(0,-30deg)}.carbon-hunt__clicking-area__target.office-8{width:3.5%;height:3%;left:12%;top:35.8%;transform:skew(0,-30deg)}.carbon-hunt__clicking-area__target.pantry-1{width:7%;height:5%;left:39%;top:30.5%;transform:skew(-60deg,33deg)}.carbon-hunt__clicking-area__target.pantry-2{width:3.5%;height:6.3%;left:53.8%;top:26.4%;transform:skew(0deg,-2deg)}.carbon-hunt__clicking-area__target.pantry-3{width:7.6%;height:16.1%;left:85.2%;top:52.4%;transform:skew(-7deg,10deg)}.carbon-hunt__clicking-area__target.pantry-4{width:9.5%;height:10.7%;left:10.2%;top:41%}.carbon-hunt__clicking-area__target.pantry-5{width:11.2%;height:10.2%;left:83%;top:33.2%;transform:skew(0deg,29deg)}.carbon-hunt__clicking-area__target.pantry-6{width:5.5%;height:4.5%;left:32%;top:35.5%;transform:skew(-60deg,33deg)}.carbon-hunt__clicking-area__target.pantry-7{width:4.5%;height:2%;left:44.5%;top:64.5%;transform:skew(-53deg,33deg)}.carbon-hunt__clicking-area__target.pantry-8{width:6.5%;height:8%;left:35.9%;top:61.9%}.carbon-hunt__clicking-area__target.pantry-9{width:6.1%;height:7.8%;left:19.8%;top:37%;transform:skew(-2deg,0deg)}.carbon-hunt__clicking-area__target.pantry-10{width:26.8%;height:38%;left:52.5%;top:25.5%;clip-path:polygon(69% -3%,39% -10%,99% 17%,99% 85%,66% 98%,27% 81%,20% 84%,-75% 44%,-1% 37%,28% 25%,28% 14%)}.carbon-hunt__clicking-area__target.pantry-11{width:3.1%;height:3.1%;left:73.2%;top:42.2%;transform:skew(-2deg,-32deg)}.carbon-hunt__clicking-area__target.outdoor-1{width:10.5%;height:16%;left:14.6%;top:44%;transform:skew(0deg,11deg)}.carbon-hunt__clicking-area__target.outdoor-2{width:12.5%;height:18%;left:7.6%;top:21%;transform:skew(0,-30deg);clip-path:polygon(28% 100%,-21% -1%,72% 5%,107% 78%,84% 103%)}.carbon-hunt__clicking-area__target.outdoor-3{width:8.5%;height:15%;left:46.5%;top:4%;transform:skew(-58deg,30deg)}.carbon-hunt__clicking-area__target.outdoor-4{width:7.5%;height:15%;left:60.5%;top:61.5%;transform:skew(-60deg,40deg)}.carbon-hunt__clicking-area__target.outdoor-5{width:30.6%;height:51%;left:52.4%;top:11.5%;transform:unset;clip-path:polygon(79% -3%,59% -10%,104% 17%,100% 67%,24% 105%,-14% 81%,-1% 84%,-1% 42%,48% 15%)}.carbon-hunt__clicking-area__target.outdoor-6{width:6.5%;height:6%;left:26.5%;top:35.5%;transform:skew(-59deg,39deg)}.carbon-hunt__clicking-area__target.outdoor-7{width:9%;height:4.8%;left:26%;top:8%;transform:skew(-58deg,31deg)}.carbon-hunt__clicking-area__target.outdoor-8{width:5%;height:8%;left:46.6%;top:23.5%}.carbon-hunt__clicking-area__target.outdoor-9{width:6.5%;height:7%;left:18%;top:34.5%}.carbon-hunt__clicking-area__target.outdoor-10{width:6.5%;height:14%;left:42%;top:61.5%;transform:skew(-61deg,36deg)}.carbon-hunt__content-img{width:calc(50% - .625rem);display:flex;align-items:center;justify-content:center}@media(max-width:1024.98px){.carbon-hunt__content-img{width:100%;order:0}}.carbon-hunt__effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-height:calc(100svh - 6.25rem)}.carbon-hunt__effect div{height:100%}.carbon-hunt__header-right-corner{display:flex;gap:.9375rem;align-items:center}@media(max-width:1024.98px){.carbon-hunt__header-right-corner{gap:.3125rem}}.carbon-hunt__debrief-img{width:70%;margin:0 auto;position:relative}@media(max-width:1024.98px){.carbon-hunt__debrief-img{width:100%;transform:translateY(.625rem)}}.carbon-hunt__debrief-img__tag{background:#56a26c;border-radius:2rem;color:#fff;font-size:1rem;display:flex;gap:.75rem;align-items:center;justify-content:center;padding:.125rem 1.25rem;position:absolute;z-index:1;left:50%;transform:translate(-50%,-50%);min-height:3.75rem;min-width:9.0625rem;width:auto;text-transform:uppercase}@media(max-width:1024.98px){.carbon-hunt__debrief-img__tag{min-height:3.125rem;font-size:.9375rem;padding:.125rem .625rem;min-width:7.875rem}}.carbon-hunt__debrief-img__tag.missed{background:#ed6f52}.carbon-hunt__debrief-img__tag img{filter:brightness(0) invert(1);width:1.375rem;margin:0}@media(max-width:1024.98px){.carbon-hunt__debrief-img__tag img{width:1.125rem}}.carbon-hunt__debrief-img .img-with-border{padding:0}.carbon-hunt .carbon-hunt-ans{opacity:0;transition:opacity .3s ease-in-out}.carbon-hunt .carbon-hunt-ans>*,.carbon-hunt .carbon-hunt-ans__content>*{opacity:0}@media(max-width:1024.98px){.carbon-hunt .game-footer{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}}.low-carbon-transport{position:fixed;top:0;bottom:0;left:0;width:100%;min-height:100dvh;background:linear-gradient(0deg,#308674,#77a674);overflow-y:auto;overflow-x:hidden;z-index:1;-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.low-carbon-transport__container{overflow:hidden;position:relative}.low-carbon-transport__content{padding:8.75rem 1.25rem calc(7.5rem - 2.5rem);width:90rem;max-width:calc(100% - 12.5rem);margin:0 auto;height:100dvh;min-height:37.5rem;display:flex;position:relative}.low-carbon-transport__content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:1024.98px){.low-carbon-transport__content{padding:calc(5.625rem + .3125rem) 1.25rem 0;max-width:100%;display:flex;flex-direction:column;align-items:center;min-height:50rem;gap:1.5625rem;bottom:-2.1875rem}}@media(max-width:575.98px){.low-carbon-transport__content{min-height:37.5rem;bottom:-3.125rem}}@media(max-height:650px){.low-carbon-transport__content{bottom:-4.0625rem}}.low-carbon-transport__content__wrapper{position:relative;width:100%;height:100%}.low-carbon-transport__content__wrapper.moving{animation:moving .15s linear infinite;transform-origin:bottom}@media(max-width:1024.98px){.low-carbon-transport__content__wrapper{max-width:40.625rem}}.low-carbon-transport__phone{position:absolute;bottom:-2.5rem;right:-20%;width:46%;max-width:39.5625rem;opacity:0}.low-carbon-transport__phone.active{opacity:1;animation:fadeInUpBigCus .5s ease-in-out}@media(max-width:1024.98px){.low-carbon-transport__phone{position:relative;width:91%;max-width:25rem;bottom:0;right:-12.8%}}@media(max-width:821.98px){.low-carbon-transport__phone{width:85%;right:-19.8%}}@media(max-width:575.98px){.low-carbon-transport__phone{width:100%;right:-22.8%}}.low-carbon-transport__phone .level{width:58%;top:11%;left:20.5%;opacity:0;transition:opacity .4s ease-in-out}.low-carbon-transport__phone .level.active{opacity:1;transition:opacity .4s ease-in-out}.low-carbon-transport__phone .phone-text{color:#fff;font-size:1.125rem;display:flex;gap:.375rem;align-items:center;justify-content:center;width:80%;bottom:11%;left:50%;transform:translateX(-50%)}@media(max-width:1024.98px){.low-carbon-transport__phone .phone-text{font-size:.75rem}.low-carbon-transport__phone .phone-text img{width:.5rem}}.low-carbon-transport__popup-text{position:absolute;font-weight:700;font-size:2rem;color:#ed6f52;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;opacity:0;text-align:center;transition:opacity .3s ease-in-out;pointer-events:none;top:0}@media(max-width:1024.98px){.low-carbon-transport__popup-text{font-size:.875rem}}.low-carbon-transport__popup-text.active{animation:fadeOutUp 1.2s ease-in-out;pointer-events:none}.low-carbon-transport .game-footer{z-index:2}.low-carbon-transport .abs-ele{position:absolute}.low-carbon-transport .monitor{top:6.2%;left:8.4%;width:32%;height:57.3%}.low-carbon-transport .electric-car,.low-carbon-transport .electric-plugged,.low-carbon-transport .electric-plugged-animation,.low-carbon-transport .electric-unplugged,.low-carbon-transport .electric-unplugged-animation{width:70%;bottom:0}@media(max-width:1024.98px){.low-carbon-transport .electric-car,.low-carbon-transport .electric-plugged,.low-carbon-transport .electric-plugged-animation,.low-carbon-transport .electric-unplugged,.low-carbon-transport .electric-unplugged-animation{width:100%;left:50%;transform:translateX(-50%)}}@media(max-width:575.98px){.low-carbon-transport .electric-car,.low-carbon-transport .electric-plugged,.low-carbon-transport .electric-plugged-animation,.low-carbon-transport .electric-unplugged,.low-carbon-transport .electric-unplugged-animation{width:100%;left:50%;transform:translateX(-50%)}}.low-carbon-transport .electric-connect{width:11.7%;bottom:0;left:6%}@media(max-width:1024.98px){.low-carbon-transport .electric-connect{left:17.4%;width:16.8%;transform:translateX(-50%)}}@media(max-width:821.98px){.low-carbon-transport .electric-connect{left:17.5%}}.low-carbon-transport .electric-unplugged{display:none}.low-carbon-transport .h2-car{width:70%;bottom:0}@media(max-width:1024.98px){.low-carbon-transport .h2-car{width:100%;left:50%;max-width:31.25rem;transform:translateX(-50%)}}.low-carbon-transport .solar-car{width:65%;bottom:0}@media(max-width:1024.98px){.low-carbon-transport .solar-car{width:100%;left:50%;max-width:31.25rem;transform:translateX(-50%)}}.low-carbon-transport .solar-building{width:100%;height:20rem;bottom:55%;left:0;transform:translateY(50%);background:url(/greencorner/images/game/low-carbon-transport/solar-bg_repeatx.png) repeat-x 50%/contain}@media(max-width:1024.98px){.low-carbon-transport .solar-building{bottom:70%;height:11.0625rem;width:160%;max-width:160%}}@media(max-width:575.98px){.low-carbon-transport .solar-building{height:12.5rem}}.low-carbon-transport .solar-road{background:#a09795;height:65%;width:100%;bottom:0}.low-carbon-transport .meter-pointer{left:50%;top:32%;width:83%;transform:translate(-50%,-50%);transition:transform .5s ease-out}@media(max-width:1024.98px){.low-carbon-transport .meter-pointer{width:78%;top:35.2%}}.low-carbon-transport .cursor{top:0;left:0;position:absolute;display:inline-block;border-radius:50%;transform:translate(-50%,-50%);height:100%;width:100%;border:.125rem solid #fff;animation:cursorClick .5s ease-in-out forwards;touch-action:manipulation!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;opacity:.8}.low-carbon-transport .cursor.fadeout{opacity:0;transition:.3s ease}.low-carbon-transport .moving-image{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1}.low-carbon-transport .moving-image.fadeout{opacity:0;transition:.3s ease}.low-carbon-transport .game-corner-indicator{gap:.625rem}.low-carbon-transport .game-corner-indicator__icon{width:3.125rem;height:3.125rem}.low-carbon-transport.electric .low-carbon-transport__container{background:url(/greencorner/images/game/low-carbon-transport/electric-bg.png) no-repeat bottom/cover;min-height:37.5rem}@media(max-width:1024.98px){.low-carbon-transport.electric .low-carbon-transport__container{background:url(/greencorner/images/game/low-carbon-transport/electric-bg_m.png) no-repeat bottom/cover}}.low-carbon-transport.solar{background:#8bd5e2}.low-carbon-transport.solar:after{content:"";position:absolute;top:0;right:24%;transform:translate(50%,-45%);width:24.375rem;aspect-ratio:1/1;background:url(/greencorner/images/game/low-carbon-transport/solar-bg-sun.png) no-repeat 50%/cover}@media(max-width:1024.98px){.low-carbon-transport.solar:after{right:50%;width:16.875rem}}.low-carbon-transport.solar .low-carbon-transport__phone .level{width:81%;top:19%;left:9.5%}@media(max-width:1024.98px){.low-carbon-transport.solar .low-carbon-transport__phone .level{width:77%;top:21%;left:12.5%}}.low-carbon-transport.solar .meter-pointer{top:43%;width:82%}@media(max-width:1024.98px){.low-carbon-transport.solar .meter-pointer{top:44%;width:82%}}.low-carbon-transport.solar .phone-text{bottom:17%}@media(max-width:1024.98px){.low-carbon-transport.solar .phone-text{bottom:19%}}.low-carbon-transport.mass .low-carbon-transport__phone .level{width:80%;top:9%;left:10%}.low-carbon-transport.mass .low-carbon-transport__container{background:url(/greencorner/images/game/low-carbon-transport/mass-bg.png) no-repeat 50%/cover}@media(max-width:1024.98px){.low-carbon-transport.mass .low-carbon-transport__container{background:url(/greencorner/images/game/low-carbon-transport/mass-bg_m.png) no-repeat 50%/cover}}.low-carbon-transport.h2 .low-carbon-transport__phone .level{width:83%;top:7%;left:8.5%}@media(max-width:1024.98px){.low-carbon-transport.h2 .low-carbon-transport__phone .level{width:78%;top:12%;left:11.5%}}.low-carbon-transport.h2 .low-carbon-transport__container{background:url(/greencorner/images/game/low-carbon-transport/h2-bg.png) no-repeat 50%/cover}@media(max-width:1024.98px){.low-carbon-transport.h2 .low-carbon-transport__container{background:url(/greencorner/images/game/low-carbon-transport/h2-bg_m.png) no-repeat 50%/cover}}