.full-screen{position:fixed;left:50%;transform:translateX(-50%);max-width:500px}.full-screen,.loading-state{width:100%;height:100%;top:0}.loading-state{position:absolute;left:0;background-repeat:no-repeat;background-position:100% 20%;background-image:url(/images/coonyang/bg_1.png);background-size:cover;justify-content:center;z-index:100}.foot-loading,.loading-state{display:flex;align-items:center}.foot-loading{font-family:NeoDunggeunmoPro-Regular;color:#000;font-size:24px;line-height:130%;flex-direction:column;gap:20px;text-align:center}.foot-loading img{width:90px;animation:beat .6s infinite}@keyframes beat{0%,51%,to{transform:scale(1)}1%,50%{transform:scale(1.1)}}#init_loading h1.logo{font-size:0;width:268px;height:200px;background:url(/images/coonyang/logo.png) 50%/100% no-repeat;animation:fadeInLogo 2s forwards;transform:translateY(50px);opacity:0}@keyframes fadeInLogo{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}#coonyang_gnb{width:100%;height:70px;position:absolute;top:0;left:0;padding:0 18px;display:flex;align-items:center;z-index:10;gap:14px}#coonyang_gnb .gnb-item{font-size:0}#coonyang_gnb .back{width:46px;height:46px;background:url(/images/coonyang/gnb/back_btn.png) 50%/100% no-repeat}#coonyang_gnb .info{width:46px;height:46px;background:url(/images/coonyang/gnb/info_btn.png) 50%/100% no-repeat}#coonyang_gnb .gage-wrap{width:calc(100% - 92px - 28px);position:relative;display:flex;justify-content:flex-end}#coonyang_gnb .gage-wrap .gage{top:0;display:flex;align-items:center}#coonyang_gnb .gage-wrap .gage .gage-icon{z-index:3;height:46px}#coonyang_gnb .gage-wrap .gage .gage-bar{height:25px;aspect-ratio:132/25;position:relative;margin-left:-10px;padding:2px 0;overflow:hidden}#coonyang_gnb .gage-wrap .gage .gage-bar:before{content:"";width:100%;height:100%;background:url(/images/coonyang/gnb/gage_bar.png) 50%/100% no-repeat;position:absolute;top:0;left:0;z-index:2}#coonyang_gnb .gage-wrap .gage .level{width:100%;height:100%;background:url(/images/coonyang/gage_full.png) 50%/100% no-repeat;transform:translateX(-100%)}#coonyang_view{top:0;left:0;width:100%;height:100%;position:absolute;padding-top:70px;padding-bottom:46%}#coonyang_view.type-1{background:url(/images/coonyang/bg_1.png) 50%/cover no-repeat;display:flex;align-items:center;justify-content:center}#coonyang_view.type-2{background:url(/images/coonyang/bg_2.png) 50%/cover no-repeat}#coonyang_view.type-3{background:#ffccd3;padding-top:70px;padding-bottom:46%}.cat-conversation .row{display:flex;align-items:center}.cat-conversation .row>.col{width:120px;display:flex;justify-content:center}.cat-conversation .row-speech>.col:nth-of-type(2){display:flex;justify-content:flex-end}.cat-conversation .row-speech img{width:auto;height:70px}.cat-conversation .row-cat{margin-top:16px}.cat-conversation .row-cat img{height:100px}.speeching-now{animation:speeching .8s infinite}@keyframes speeching{0%,51%,to{transform:translateY(0)}1%,50%{transform:translateY(-6px)}}#coonyang_dialog{width:calc(100% - 36px);aspect-ratio:320/145;position:absolute;bottom:20px;left:18px;background:url(/images/coonyang/dialog/dialog_wrap.png) 50%/100% no-repeat;padding:16px 16px 30px;z-index:13}#coonyang_dialog .dialog-content{display:flex;gap:10px}#coonyang_dialog .dialog-profile{width:78px}#coonyang_dialog .dialog-profile img{width:100%;display:block}#coonyang_dialog .dialog-text{font-family:NeoDunggeunmoPro-Regular;color:#000;font-size:20px;line-height:136%;width:calc(100% - 88px)}#coonyang_dialog .dialog-next{font-size:0;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}#coonyang_dialog .dialog-next.to-next:after{content:"";width:18px;height:14px;background:url(/images/coonyang/dialog/next_btn.svg) 50%/100% no-repeat;position:absolute;bottom:16px;right:16px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}20%{opacity:0}}#coonyang_dialog .dialog-guide{position:absolute;top:-40px;width:100%;left:0;font-size:18px}.create-user-name-form{font-family:NeoDunggeunmoPro-Regular;display:flex;flex-direction:column;align-items:center;width:294px}.create-user-name-form .my-name-text{font-size:20px;line-height:136%;background:url(/images/coonyang/conversation/speech_long.png) 50%/100% no-repeat;aspect-ratio:294/114;width:100%;padding:18px;margin-bottom:15px;color:#000}.create-user-name-form .face-icon{width:98px}.create-user-name-form .cta{display:flex;flex-direction:column;gap:16px;margin-top:25px;width:100%}.create-user-name-form .cta button{width:100%;aspect-ratio:276/72;background-repeat:no-repeat;background-size:100%;background-position:50%;font-size:0}.create-user-name-form .cta .select{background-image:url(/images/coonyang/btn/text_btn_select.png)}.create-user-name-form .cta .other{background-image:url(/images/coonyang/btn/text_btn_other.png)}.jam-mission{width:100%;height:100%}.jam-mission,.jam-mission .jam{display:flex;justify-content:center;align-items:center}.jam-mission .jam{position:relative}.jam-mission .jam img.bottle{width:70%}.jam-mission .jam img.deco{width:40%;position:absolute;bottom:0;left:0;z-index:2;transform:rotate(10deg)}.jam-mission .cta{margin-top:18px;width:276px;z-index:12;position:relative}.jam-mission .cta.trace{background:#fff}.jam-mission .cta.trace:before{content:"";width:100%;height:100%;border:4px solid #fff;position:absolute;display:block;z-index:1;animation:focus 1s infinite}@keyframes focus{0%,to{transform:scale(1.12,1.4);opacity:1}50%{transform:scale(1);opacity:0}}.jam-mission .cta button{width:100%;aspect-ratio:276/72;background:url(/images/coonyang/btn/btn_active.png) 50%/100% no-repeat;font-family:NeoDunggeunmoPro-Regular;font-size:20px;color:#fff;line-height:116%;z-index:2;position:relative}.jam-mission .cta button:disabled{background:url(/images/coonyang/btn/btn_disabled.png) 50%/100% no-repeat}.touch-wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.touch-wrap .berry-img{width:80%}.touch-wrap .touch-berry{width:100%;height:100%;position:absolute;top:0;left:0;font-size:0}.touch-wrap .berry-img.touching{animation:beat .5s}.touch-wrap .touch-effect{background:url(/images/coonyang/foot.png) 50%/100% no-repeat;width:94px;aspect-ratio:1;pointer-events:none;position:absolute;animation:disappear 1.2s forwards}@keyframes disappear{0%{opacity:1}to{opacity:0}}.touch-wrap .touch-state-banner{width:100%;aspect-ratio:360/112;background:hsla(0,0%,100%,.4);position:absolute;top:50%;transform:translateY(-50%);left:0;font-size:0;pointer-events:none}.touch-wrap .touch-state-banner.start{background:url(/images/coonyang/touch_state_start.png) 50%/100% no-repeat}.touch-wrap .touch-state-banner.complete{background:url(/images/coonyang/touch_state_complete.png) 50%/100% no-repeat}.twinkling-effect{width:100%;aspect-ratio:1;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.twinkling-effect .effect{position:absolute;opacity:0}.twinkling-effect .effect-1{width:6%;top:15%;left:30%;animation:twinkling .8s .3s infinite}.twinkling-effect .effect-2{width:9%;top:57%;right:12%;animation:twinkling .8s infinite}.twinkling-effect .effect-3{width:12%;bottom:4%;left:17%;animation:twinkling .8s .8s infinite}@keyframes twinkling{0%,to{opacity:0}50%{opacity:1}}.tutorial-dimmed{background-color:rgba(0,0,0,.5);z-index:11}#coonyang_reward_popup,.tutorial-dimmed{width:100%;height:100%;position:absolute;top:0;left:0}#coonyang_reward_popup{display:flex;flex-direction:column;align-items:center;z-index:100;background:rgba(42,42,42,.95)}#coonyang_reward_popup .head{width:100%;color:#fff;text-align:center;font-family:NeoDunggeunmoPro-Regular;font-size:28px;font-weight:400;line-height:130%;padding-top:40px}#coonyang_reward_popup .content{width:100%;flex:1;display:flex;justify-content:center;align-items:center;position:relative}#coonyang_reward_popup h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#coonyang_reward_popup .content>div{width:100%;display:flex;flex-direction:column;align-items:center}#coonyang_reward_popup .label-img{width:240px;z-index:2}#coonyang_reward_popup .shining-jam-bottle{width:240px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:-28px}#coonyang_reward_popup .shining-jam-bottle .jam-img{width:60%;z-index:2}#coonyang_reward_popup .shining-jam-bottle .rotated-shine{width:200%;aspect-ratio:1;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);opacity:.2;animation:rotate-shine 10s linear infinite;pointer-events:none}@keyframes rotate-shine{0%{transform:translate(-50%,-50%) rotate(0deg) scale(2)}to{transform:translate(-50%,-50%) rotate(1turn) scale(2)}}#coonyang_reward_popup .shining-jam-bottle .shining-effect{position:absolute;width:100%;height:100%;top:0;left:0}#coonyang_reward_popup .shining-jam-bottle .shining-effect .effect{position:absolute}#coonyang_reward_popup .shining-jam-bottle .shining-effect .effect-1{width:6%;top:55%;left:16%;animation:twinkling .8s .3s infinite}#coonyang_reward_popup .shining-jam-bottle .shining-effect .effect-2{width:12%;top:47%;right:5%;animation:twinkling .8s infinite}#coonyang_reward_popup .shining-jam-bottle .shining-effect .effect-3{width:4%;top:64%;right:15%;animation:twinkling .8s .6s infinite}#coonyang_reward_popup .reward-point{display:flex;align-items:center;height:56px}#coonyang_reward_popup .point-img{width:auto;height:100%}#coonyang_reward_popup .point-slot{font-family:NeoDunggeunmoPro-Regular;font-size:42px;color:#f1dc6e;overflow:hidden;width:100%;height:56px;margin-left:10px}#coonyang_reward_popup .point-slot .slot{position:relative;transform:translateY(56px);transition:4s cubic-bezier(0,0,.4,1.15)}#coonyang_reward_popup .point-slot .slot>.item{height:100%;line-height:56px;display:flex;align-items:center}#coonyang_reward_popup .point-slot .slot-item span:first-of-type{letter-spacing:3.36px}#coonyang_reward_popup .point-slot .slot-item span:nth-of-type(2){letter-spacing:2.72px}#coonyang_reward_popup .cta{width:276px;margin-top:32px}#coonyang_reward_popup .cta button{width:100%;aspect-ratio:276/72;background:url(/images/coonyang/btn/btn_yellow.png) 50%/100% no-repeat;font-family:NeoDunggeunmoPro-Regular;font-size:20px;color:#000;line-height:116%}.coonyang-sheet{overflow:hidden}.coonyang-sheet .logo{width:150px}.coonyang-sheet .jam-box{position:relative;width:250px;aspect-ratio:250/200}.coonyang-sheet .jam-box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.coonyang-sheet .jam-box .jam{width:120px}.coonyang-sheet .jam-box .deco{width:60px;left:17%;top:66%;transform:rotate(10deg)}.coonyang-sheet .jam-box .coin{width:40px;left:71%;top:76%}.coonyang-sheet .jam-box .rotated-shine{width:120%;animation:rotate 10s linear infinite;z-index:1;opacity:.6}.coonyang-sheet .jam-box .effect-1{width:11px;top:55%;left:22%;animation:twinkling .8s .3s infinite}.coonyang-sheet .jam-box .effect-2{width:10px;top:43%;left:75%;animation:twinkling .8s .6s infinite}.coonyang-sheet .jam-box .effect-3{width:25px;top:35%;left:82%;animation:twinkling .8s .9s infinite}