@font-face{font-family:Pretendard;font-weight:900;font-style:normal;src:url(/font/Pretendard-Black.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:800;font-style:normal;src:url(/font/Pretendard-ExtraBold.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:700;font-style:normal;src:url(/font/Pretendard-Bold.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:600;font-style:normal;src:url(/font/Pretendard-SemiBold.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;src:url(/font/Pretendard-Medium.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:400;font-style:normal;src:url(/font/Pretendard-Regular.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:300;font-style:normal;src:url(/font/Pretendard-Light.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:200;font-style:normal;src:url(/font/Pretendard-ExtraLight.woff)format("woff")}@font-face{font-family:Pretendard;font-weight:100;font-style:normal;src:url(/font/Pretendard-Thin.woff)format("woff")}@font-face{font-family:Propaganda-Bold;font-weight:600;font-style:normal;src:url(/font/Propaganda-Bold.ttf)format("truetype")}@font-face{font-family:Propaganda;font-weight:500;font-style:normal;src:url(https://fontsforyou.com/fonts/p/Propaganda.ttf)format("truetype")}@font-face{font-family:Noto-Sans-KR-Black;font-weight:500;font-style:normal;src:url(/font/NotoSerifKR-Black.ttf)format("truetype")}@font-face{font-family:Noto-Sans-KR-Bold;font-weight:600;font-style:normal;src:url(/font/NotoSerifKR-Bold.ttf)format("truetype")}@font-face{font-family:BlackHanSans-Regular;font-weight:500;font-style:normal;src:url(/font/BlackHanSans-Regular.ttf)format("truetype")}@font-face{font-family:Cravend-Regular;font-weight:500;font-style:normal;src:url(/font/Cravend.otf)format("truetype")}@font-face{font-family:Cravend;src:url(/fonts/Cravend.woff2)format("woff2"),url(/fonts/Cravend.woff)format("woff"),url(/fonts/Cravend.otf)format("otf");font-weight:400;font-style:normal}@font-face{font-family:Cyber-Brush-Regular;font-weight:500;font-style:normal;src:url(/font/Cyber-Brush.ttf)format("truetype")}@font-face{font-family:Afacad-Regular;font-weight:500;font-style:normal;src:url(/font/Afacad-Regular.ttf)format("truetype")}@font-face{font-family:PyeongchangPeace;font-weight:700;src:url(/font/PyeongChangPeace-Bold.woff)format("woff")}@font-face{font-family:PyeongchangPeace;font-weight:300;src:url(/font/PyeongChangPeace-Light.woff)format("woff")}@font-face{font-family:Do Hyeon;src:url(/font/DoHyeon-Regular.ttf)format("truetype")}:before,:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--app-primary) var(--app-neutral-20);margin:0;padding:0}html{width:100%;overflow-x:hidden}body{background:var(--app-surface-1);background:var(--app-surface-0);width:100%;font-family:Pretendard,sans-serif;position:relative;overflow-x:hidden}body *,body :before,body :after{box-sizing:border-box;-webkit-user-select:none;user-select:none;letter-spacing:-.025em;-webkit-tap-highlight-color:var(--app-transparent);font-family:Pretendard,sans-serif}body code,body pre,body .monospace,body input[type=password]{font-family:Pretendard,monospace!important}body .font_gmarket_sans{font-family:Pretendard,sans-serif!important}body input[type=number]{color:var(--app-secondary)}body img{-webkit-user-drag:none}body a{text-decoration:none}body input{border:0;margin:0;padding:0;display:block}body .scrollbox{overflow:hidden scroll}body .scrollbox::-webkit-scrollbar{border-radius:3px!important;width:5px!important}body .scrollbox::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}body .scrollbox::-webkit-scrollbar-thumb{background:var(--app-primary);border-radius:3px}body iframe{border:0;margin:0;padding:0;overflow:hidden!important}body iframe html,body iframe body{overflow:hidden!important}.scroll-indicator{z-index:4;flex-direction:column;align-items:center;animation:2s infinite bounce;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator .mouse{border:2px solid var(--app-white);background-color:color-mix(in srgb, var(--app-white) 10%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:24px;height:40px;margin-bottom:8px;position:relative}.scroll-indicator .mouse .wheel{background-color:var(--app-white);border-radius:1px;width:2px;height:8px;animation:2s infinite scroll;position:absolute;top:8px;left:50%;transform:translate(-50%)}.scroll-indicator .text{color:var(--app-white);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px color-mix(in srgb, var(--app-black) 50%, transparent);opacity:.9;font-size:12px;font-weight:500}.scroll-indicator .arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--app-white);width:0;height:0;margin-top:4px;animation:2s infinite arrowBounce}#App.desktop-app{background-color:var(--app-neutral-10,var(--app-surface-1));width:100%;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}#App.desktop-app.navigation-layout-side #Header{min-width:0}#App.desktop-app.navigation-layout-side #Container{height:calc(100vh - 60px)}#Page{background:var(--app-onetop-surface);contain:layout style;scrollbar-gutter:stable;flex-direction:column;flex:1 1 0;width:100%;min-width:0;display:flex;overflow:visible}#Container{flex:1;width:100%;display:flex;position:relative;overflow:hidden}#Container>.main-page{contain:layout style;flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow:hidden}#Container>.main-page>.page-main-contents{scrollbar-gutter:stable;will-change:scroll-position;box-sizing:border-box;background:var(--app-page-background);flex:1;width:100%;min-height:0;overflow:hidden auto}#Container>.main-page>.page-main-contents::-webkit-scrollbar{background-color:var(--app-surface-0);width:0;height:0}#Container.FullScreen{top:70px}#Container::-webkit-scrollbar{background-color:var(--app-surface-0);width:0;height:0}#Container::-webkit-scrollbar-corner{background-color:var(--app-surface-0)}#Container::-webkit-scrollbar-thumb{background-color:var(--app-surface-2);border-radius:10px}.overlay-ads{background-color:color-mix(in srgb, var(--app-black) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.Ads-Container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;opacity:1;z-index:3;flex-flow:row;justify-content:flex-start;align-items:center;gap:20px;max-width:90vw;height:fit-content;max-height:90vh;transition:opacity .5s;display:flex;overflow:auto hidden}.Ads-Container .ads-item{flex-shrink:1}.Ads-Container .ads-item .img-banner{max-width:520px;height:780px;max-height:50vh}.Ads-Container .ads-item .btn-group{justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px;display:flex}.Ads-Container .ads-item .btn-group .btn{color:color-mix(in srgb, var(--app-white) 78%, transparent);cursor:pointer;font-family:Pretendard,sans-serif;font-size:14px}.Ads-Container .ads-item .btn-group .btn:hover{color:var(--app-primary-active)}#newNotification.new-notification{color:var(--app-white);scroll-snap-align:start;background:var(--app-surface-1);border:1px solid var(--app-white);opacity:0;border-radius:5px;width:300px;margin-right:-150px;padding:20px 15px;transition:all .3s ease-in-out;position:absolute;top:30px;right:50%;transform:translateY(-1000px)}#newNotification.new-notification .notification-reward-icons{flex-wrap:wrap;gap:5px;margin-top:12px;margin-bottom:5px;display:flex}#newNotification.new-notification .notification-reward-icons .reward-icon-btn{text-align:center;flex-direction:column;align-items:center;display:flex}#newNotification.new-notification .notification-reward-icons .reward-icon-btn .icon{cursor:pointer;width:20px;height:20px}#newNotification.new-notification .notification-item--subject,#newNotification.new-notification .notification-item--message,#newNotification.new-notification .notification-item--datetime,#newNotification.new-notification .notification-item--action{margin:0 0 10px;font-size:13px}#newNotification.new-notification .notification-item--subject{font-weight:700}#newNotification.new-notification .notification-item--message{text-overflow:ellipsis;white-space:initial;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}#newNotification.new-notification .notification-item--datetime{color:var(--app-neutral-70);font-size:11px}#newNotification.new-notification p{margin:0 0 10px;font-size:13px}#newNotification.new-notification.slide-in-top{animation:.8s cubic-bezier(.645,.045,.355,1) 1s forwards slide-in-top}#newNotification.new-notification.slide-out-top{animation:.5s cubic-bezier(.55,.085,.68,.53) forwards slide-out-top}@keyframes slide-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1000px)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@keyframes scroll{0%{opacity:0;transform:translate(-50%)translateY(-8px)}50%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}@keyframes arrowBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(3px)}60%{transform:translateY(1px)}}@keyframes slideIn{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOut{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes blink{0%,49%{opacity:0}50%,to{opacity:1}}.liquid-glass{isolation:isolate;border-color:color-mix(in srgb, var(--app-neutral-60) 45%, transparent);background:var(--app-liquid-glass);box-shadow:inset -5px -483px 134px -11px var(--app-primary-alpha-05),inset 5px 5px 10px var(--app-white-alpha-10);position:relative}.liquid-glass:before,.liquid-glass:after{z-index:2;content:"";pointer-events:none;width:auto;height:1px;position:absolute;left:0;right:0}.liquid-glass:before{background:linear-gradient(90deg, color-mix(in srgb, var(--app-white) 54%, transparent), color-mix(in srgb, var(--app-white) 70%, var(--app-primary)) 36%, transparent 72%);box-shadow:0 1px 5px var(--app-primary-alpha-25);border-radius:0 0 999px 999px;top:0}.liquid-glass:after{background:linear-gradient(90deg, transparent 28%, color-mix(in srgb, var(--app-white) 70%, var(--app-primary)) 66%, color-mix(in srgb, var(--app-white) 54%, transparent));box-shadow:0 -1px 5px var(--app-primary-alpha-25);border-radius:999px 999px 0 0;bottom:0}@keyframes liquid-glass-flow{0%{transform:translate(-5%,-3%)rotate(-18deg)scale(1)}to{transform:translate(7%,5%)rotate(14deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.liquid-glass:after{animation:none}}.app-matte-frosted-glass{border:1px solid color-mix(in srgb, var(--app-white) 7%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--app-white) 5%, transparent), transparent 65%),color-mix(in srgb, var(--app-white) 2%, var(--app-surface-1))}.app-liquid-glass-frosted{isolation:isolate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#0000;position:relative;overflow:hidden;box-shadow:inset 5px 5px 10px var(--app-white-alpha-10)!important;background:#ffffff15!important;border-radius:15px!important}.app-liquid-glass-frosted:before,.app-liquid-glass-frosted:after{z-index:2;border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;content:"";pointer-events:none;padding:1.25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-liquid-glass-frosted:before{background:radial-gradient(ellipse 72% 36px at 0 0, color-mix(in srgb, var(--app-white) 68%, transparent) 0%, color-mix(in srgb, var(--app-white) 38%, transparent) 32%, color-mix(in srgb, var(--app-white) 12%, transparent) 72%, transparent 100%);clip-path:polygon(0 0,72% 0,72% 2px,24px 2px,24px 36px,0 36px);filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--app-primary) 10%, transparent))}.app-liquid-glass-frosted:after{background:radial-gradient(ellipse 72% 36px at 100% 100%, color-mix(in srgb, var(--app-white) 68%, transparent) 0%, color-mix(in srgb, var(--app-white) 38%, transparent) 32%, color-mix(in srgb, var(--app-white) 12%, transparent) 72%, transparent 100%);clip-path:polygon(28% calc(100% - 2px),calc(100% - 24px) calc(100% - 2px),calc(100% - 24px) calc(100% - 36px),100% calc(100% - 36px),100% 100%,28% 100%);filter:drop-shadow(0 -1px 2px color-mix(in srgb, var(--app-primary) 10%, transparent))}.app-liquid-glass-clear{isolation:isolate;box-shadow:inset 2px 2px 3px var(--app-white-alpha-10);border-color:#0000;border-radius:15px;position:relative;overflow:hidden;background:0 0!important}.app-liquid-glass-clear input{background-color:unset!important;background:unset!important}.app-liquid-glass-clear:before,.app-liquid-glass-clear:after{z-index:2;border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;content:"";pointer-events:none;padding:1.25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-liquid-glass-clear:before{background:radial-gradient(ellipse 72% 36px at 0 0, color-mix(in srgb, var(--app-white) 68%, transparent) 0%, color-mix(in srgb, var(--app-white) 38%, transparent) 32%, color-mix(in srgb, var(--app-white) 12%, transparent) 72%, transparent 100%);clip-path:polygon(0 0,72% 0,72% 2px,24px 2px,24px 36px,0 36px);filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--app-primary) 10%, transparent))}.app-liquid-glass-clear:after{background:radial-gradient(ellipse 72% 36px at 100% 100%, color-mix(in srgb, var(--app-white) 68%, transparent) 0%, color-mix(in srgb, var(--app-white) 38%, transparent) 32%, color-mix(in srgb, var(--app-white) 12%, transparent) 72%, transparent 100%);clip-path:polygon(28% calc(100% - 2px),calc(100% - 24px) calc(100% - 2px),calc(100% - 24px) calc(100% - 36px),100% calc(100% - 36px),100% 100%,28% 100%);filter:drop-shadow(0 -1px 2px color-mix(in srgb, var(--app-primary) 10%, transparent))}
