/* 홈 이벤트 배너 (2026-09-25) · 밤에 켜 두고 → 자동 → 아침 환호 → 공유 → 무료 일수
   사이트 CSS 와 안 부딪히게 전부 #evb 아래, 이름은 e- 로 시작한다. */
/* 홈에는 박아 두지 않는다 (사장님 2026-09-25). 배너는 팝업으로만 보인다 */
.evsec{display:none}
#evb{--e-acc:#A3B4FF;--e-fill:#4A63E0;--e-pos:#4CC38A;--e-tx:#EEEEF3;--e-tx2:#A8A9BA;--e-tx3:#8A8CA1;--e-grad:linear-gradient(120deg,#C3CEFF 0%,#A3B4FF 45%,#6E86F2 100%);
  --e-sans:'Pretendard','Space Grotesk',-apple-system,'Segoe UI',sans-serif;--e-mono:'IBM Plex Mono',ui-monospace,monospace;
  position:relative;aspect-ratio:2/1;border-radius:22px;overflow:hidden;background:#05050A;isolation:isolate;color:var(--e-tx);font-family:var(--e-sans);
  box-shadow:0 40px 120px -40px rgba(74,99,224,.3),0 0 0 1px rgba(255,255,255,.08)}
#evb *{box-sizing:border-box;margin:0;padding:0}
#evb .e-sc{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;z-index:1}
#evb .e-sc.on{opacity:1;z-index:2}
#evb .e-pane{position:absolute;inset:0;overflow:hidden}
#evb .e-pane.L{clip-path:polygon(0 0,54% 0,46% 100%,0 100%)}
#evb .e-pane.R{clip-path:polygon(54% 0,100% 0,100% 100%,46% 100%)}
#evb .e-div{position:absolute;inset:0;z-index:4;pointer-events:none;width:100%;height:100%}
#evb .e-frame{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0}
#evb .e-kb{position:absolute;inset:0;transform-origin:var(--ox,50%) var(--oy,40%)}
#evb .e-sc.on .e-kb{animation:e-kb 5.8s cubic-bezier(.25,.1,.25,1) both}
#evb .e-sc.on .e-pane.R .e-kb{animation-name:e-kbr}
@keyframes e-kb{from{transform:scale(1.02)}to{transform:scale(1.11)}}
@keyframes e-kbr{from{transform:scale(1.11)}to{transform:scale(1.02)}}
#evb .e-kb>img{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}

#evb .e-shade{position:absolute;inset:0;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,10,.8) 0%,rgba(5,5,10,.45) 30%,rgba(5,5,10,0) 56%),
             linear-gradient(0deg,rgba(5,5,10,.92) 0%,rgba(5,5,10,.3) 34%,rgba(5,5,10,0) 55%),
             radial-gradient(130% 110% at 60% 40%,transparent 55%,rgba(0,0,0,.5) 100%)}
#evb .e-grain{position:absolute;inset:-50%;z-index:6;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:e-grain 1s steps(4) infinite}
@keyframes e-grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
#evb .e-sweep{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
#evb .e-sweep::before{content:"";position:absolute;top:-20%;bottom:-20%;width:22%;left:-40%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent)}
#evb .e-sweep.go::before{animation:e-sweep 1.3s ease-out}
@keyframes e-sweep{to{left:130%}}
#evb .e-flash{position:absolute;inset:0;z-index:8;background:#fff;opacity:0;pointer-events:none}
#evb .e-flash.go{animation:e-flash .9s ease-out}
@keyframes e-flash{0%{opacity:0}8%{opacity:.9}100%{opacity:0}}

#evb .e-hud{position:absolute;z-index:10;left:clamp(18px,3.6%,44px);right:clamp(18px,3.6%,44px);top:clamp(16px,4%,34px);display:flex;justify-content:space-between;align-items:center}
#evb .e-brand{display:flex;align-items:center;gap:10px;font:700 15px 'Space Grotesk',var(--e-sans)}
#evb .e-brand i{width:26px;height:26px;border-radius:8px;background:var(--e-grad);display:grid;place-items:center;color:#07070B;font-style:normal;font-size:13px;font-weight:800}
#evb .e-live{display:inline-flex;align-items:center;gap:7px;margin-left:8px;font:600 11px var(--e-mono);letter-spacing:.14em;color:#fff;background:var(--e-fill);border-radius:99px;padding:5px 11px;box-shadow:0 0 18px -4px rgba(74,99,224,.8)}
#evb .e-live b{width:6px;height:6px;border-radius:50%;background:#fff;animation:e-blink 1.2s infinite}
@keyframes e-blink{50%{opacity:.2}}
#evb .e-count{font:600 12px var(--e-mono);letter-spacing:.14em;color:var(--e-tx2)}
#evb .e-count b{color:var(--e-tx);font-weight:600}

#evb .e-copy{position:absolute;z-index:10;left:clamp(18px,3.6%,44px);bottom:clamp(64px,14%,100px);width:min(54%,600px)}
#evb .e-cp{position:absolute;left:0;bottom:0;width:100%}
#evb .e-kick{font:600 12px var(--e-mono);letter-spacing:.2em;color:var(--e-acc);margin-bottom:14px}
#evb .e-hl{font-weight:800;font-size:clamp(30px,5vw,64px);line-height:1.08;letter-spacing:-.035em;text-shadow:0 4px 40px rgba(0,0,0,.55);color:var(--e-tx);font-family:var(--e-sans)}
#evb .e-hl em{font-style:normal;background:var(--e-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
#evb .e-sub{margin-top:16px;font-size:clamp(13px,1.35vw,16.5px);color:var(--e-tx2);line-height:1.6;text-shadow:0 2px 20px rgba(0,0,0,.6)}
#evb .e-ln{display:block;overflow:hidden;padding-bottom:.06em}
#evb .e-ln>span{display:block;transform:translateY(105%);opacity:0}
#evb .e-cp.on .e-ln>span{animation:e-up .9s cubic-bezier(.2,.8,.2,1) both}
#evb .e-cp.on .l1>span{animation-delay:.08s}#evb .e-cp.on .l2>span{animation-delay:.2s}#evb .e-cp.on .l3>span{animation-delay:.38s}
#evb .e-cp.out .e-ln>span{transform:none;opacity:1;animation:e-out .5s ease both}
@keyframes e-up{to{transform:none;opacity:1}}
@keyframes e-out{to{transform:translateY(-30%);opacity:0}}

#evb .e-cta{position:absolute;z-index:10;left:clamp(18px,3.6%,44px);bottom:clamp(20px,4.6%,36px);display:flex;align-items:center;gap:16px}
#evb .e-btn{display:inline-flex;align-items:center;gap:10px;background:var(--e-fill);color:#fff;font-weight:800;font-size:clamp(13.5px,1.3vw,15.5px);
  border-radius:12px;padding:12px 20px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 40px -8px rgba(74,99,224,.75);position:relative;overflow:hidden;white-space:nowrap}
#evb .e-btn::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:e-shine 3.2s ease-in-out infinite}
@keyframes e-shine{0%,60%{left:-60%}100%{left:140%}}
#evb .e-btn svg{width:16px;height:16px}
#evb .e-fine{font-size:11.5px;color:var(--e-tx3);line-height:1.5}

#evb .e-prog{position:absolute;z-index:10;left:0;right:0;bottom:0;height:3px;display:flex;gap:3px}
#evb .e-prog i{flex:1;position:relative;overflow:hidden;background:rgba(255,255,255,.1)}
#evb .e-prog i::after{content:"";position:absolute;inset:0;background:var(--e-grad);transform:scaleX(0);transform-origin:left}
#evb .e-prog i.done::after{transform:scaleX(1)}
#evb .e-prog i.on::after{animation:e-pg var(--dur) linear forwards}
@keyframes e-pg{to{transform:scaleX(1)}}

#evb .e-glass{position:absolute;z-index:9;border-radius:18px;background:rgba(14,14,22,.6);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;transform:translateY(24px) scale(.96);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.9,.25,1.1)}
#evb .e-sc.on .e-glass{opacity:1;transform:none;transition-delay:.5s}
#evb .e-pill{position:absolute;z-index:9;display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:7px 13px;font-size:13px;font-weight:600;white-space:nowrap;
  background:rgba(10,10,18,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateY(10px);
  transition:opacity .6s ease,transform .7s ease}
#evb .e-sc.on .e-pill{opacity:1;transform:none;transition-delay:.7s}
#evb .e-pill .mo{font-size:14px}
#evb .e-pill.run{color:var(--e-acc)}
#evb .e-pill.run b{width:7px;height:7px;border-radius:50%;background:var(--e-acc);box-shadow:0 0 10px var(--e-acc);animation:e-blink 1.1s infinite}
#evb .e-pill small{font:600 12px var(--e-mono);color:var(--e-tx2)}

#evb .e-screen{position:absolute;left:0;top:0;width:1018px;height:615px;transform-origin:0 0;overflow:hidden;box-shadow:0 0 120px 20px rgba(110,134,242,.25)}
#evb .e-screen svg{display:block;width:100%;height:100%}
#evb .e-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 35%,transparent 70%,rgba(110,134,242,.06))}

#evb .e-res{right:clamp(18px,4%,48px);bottom:clamp(20px,7%,56px);width:clamp(236px,26%,290px);padding:18px 20px}
#evb .e-res p{font-size:12.5px;color:var(--e-tx2);display:flex;justify-content:space-between;gap:8px}
#evb .e-res p b{font:600 12px var(--e-mono);color:var(--e-tx3)}
#evb .e-res .v{font:700 44px/1.1 'Space Grotesk',var(--e-sans);color:var(--e-pos);text-shadow:0 0 26px rgba(76,195,138,.35);margin:6px 0 4px}
#evb .e-res .row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--e-tx3);border-top:1px solid rgba(255,255,255,.08);padding-top:8px;margin-top:6px}
#evb .e-res .row b{color:var(--e-tx);font-weight:600}

#evb .e-pv{position:absolute;left:545px;top:300px;width:465px;height:338px;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 235px,40px 215px,66px 180px,62px 150px,40px 128px,0 118px)}
#evb .e-pv svg{width:100%;height:100%;display:block;filter:saturate(1.1) contrast(1.04)}
#evb .e-pv::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 100% 10%,rgba(255,190,120,.45),transparent 60%)}
#evb .e-refc{right:clamp(18px,4%,48px);top:50%;margin-top:-148px;width:clamp(280px,36%,410px);padding:8px;overflow:hidden}
#evb .e-sc.on .e-refc{transition-delay:.3s}
#evb .e-ref{width:100%;aspect-ratio:557/409;border-radius:12px;overflow:hidden}
#evb .e-ref svg{width:100%;height:100%;display:block}
#evb .e-focus{position:absolute;z-index:2;left:190px;top:90px;width:120px;height:120px;border:3px solid #FFD54A;border-radius:6px;opacity:0}
#evb .e-sc.on .e-focus{animation:e-focus 1.2s ease .3s both}
@keyframes e-focus{0%{opacity:0;transform:scale(1.4)}40%{opacity:1;transform:scale(1)}80%{opacity:1}100%{opacity:0}}
#evb .e-share{right:clamp(18px,4%,48px);top:clamp(62px,14%,104px);width:clamp(220px,24%,272px);padding:16px}
#evb .e-sc.on .e-share{transition-delay:1.7s}
#evb .e-share h4{font-size:14px;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;color:var(--e-tx)}
#evb .e-share h4 small{font:500 11px var(--e-mono);color:var(--e-tx3)}
#evb .e-lnk{display:flex;align-items:center;gap:8px;border-radius:10px;background:rgba(74,99,224,.14);border:1px solid rgba(110,134,242,.45);padding:9px 10px;font:600 12.5px var(--e-mono);color:var(--e-acc);margin-bottom:12px}
#evb .e-lnk svg{width:14px;height:14px;flex:none}
#evb .e-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 6px}
#evb .e-app{text-align:center;font-size:11px;color:var(--e-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#evb .e-app .ic{width:42px;height:42px;border-radius:13px;margin:0 auto 5px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#evb .e-app .ck{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--e-fill);display:grid;place-items:center;transform:scale(0);box-shadow:0 0 0 2px #10101a}
#evb .e-app .ck svg{width:10px;height:10px}
#evb .e-sc.on .e-app .ck{animation:e-ck .35s cubic-bezier(.2,.9,.3,1.5) forwards}
#evb .e-sc.on .e-app:nth-child(1) .ck{animation-delay:2.6s}#evb .e-sc.on .e-app:nth-child(2) .ck{animation-delay:2.9s}#evb .e-sc.on .e-app:nth-child(3) .ck{animation-delay:3.2s}
#evb .e-sc.on .e-app:nth-child(4) .ck{animation-delay:3.5s}#evb .e-sc.on .e-app:nth-child(5) .ck{animation-delay:3.8s}#evb .e-sc.on .e-app:nth-child(6) .ck{animation-delay:4.1s}
@keyframes e-ck{to{transform:scale(1)}}

#evb .e-cnt{right:clamp(18px,5%,60px);top:50%;margin-top:-150px;width:clamp(260px,32%,360px);padding:24px 24px 20px}
#evb .e-sc.on .e-cnt{transition-delay:.3s}
#evb .e-cnt p{font-size:14px;color:var(--e-tx2);display:flex;justify-content:space-between;gap:8px}
#evb .e-cnt p b{font-size:12.5px;font-weight:700;color:var(--e-acc)}
#evb .e-odo{display:flex;align-items:flex-end;gap:10px;margin:4px 0 12px}
#evb .e-odo .win{height:110px;overflow:hidden}
#evb .e-odo .col{display:flex;flex-direction:column;font:700 110px/110px 'Space Grotesk',var(--e-sans)}
#evb .e-odo .col span{background:var(--e-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#evb .e-sc.on .e-odo .col{animation:e-roll 4.4s cubic-bezier(.3,1.35,.5,1) forwards}
@keyframes e-roll{0%,18%{transform:translateY(0)}28%,42%{transform:translateY(-110px)}52%,66%{transform:translateY(-220px)}76%,100%{transform:translateY(-330px)}}
#evb .e-odo em{font-style:normal;font-size:30px;font-weight:800;padding-bottom:16px}
#evb .e-gains{display:grid;gap:6px}
#evb .e-gain{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;border-radius:9px;background:rgba(255,255,255,.06);padding:8px 11px;opacity:0;transform:translateX(16px)}
#evb .e-gain b{font:700 13px var(--e-mono);color:var(--e-acc);white-space:nowrap}
#evb .e-sc.on .e-gain{animation:e-gin .45s ease forwards}
#evb .e-sc.on .e-gain:nth-child(1){animation-delay:1.1s}#evb .e-sc.on .e-gain:nth-child(2){animation-delay:1.95s}#evb .e-sc.on .e-gain:nth-child(3){animation-delay:2.8s}
@keyframes e-gin{to{opacity:1;transform:none}}
#evb .e-float{position:absolute;z-index:9;font:800 26px 'Space Grotesk',var(--e-sans);color:var(--e-acc);text-shadow:0 0 24px rgba(110,134,242,.8);opacity:0;white-space:nowrap}
#evb .e-sc.on .e-float{animation:e-float 1.6s ease-out forwards}
@keyframes e-float{0%{opacity:0;transform:translateY(20px) scale(.7)}20%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-80px)}}

.evsec .e-note{margin:10px 4px 0;font-size:12px;color:#8A8CA1}
/* 팝업 (2026-09-25) · 들어오고 1.5초 뒤, 하루 안 보기 */
.evpop,#evpop{position:fixed!important;inset:0;z-index:2147483000;display:grid;place-items:center;padding:56px 20px 20px;margin:0}
#evpop[hidden]{display:none}
.evpop-bg{position:absolute;inset:0;background:rgba(3,3,8,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:evpop-fade .35s ease}
.evpop-box{position:relative;width:min(1040px,100%,calc((100vh - 130px) * 2));animation:evpop-in .55s cubic-bezier(.2,.9,.3,1.12)}
.evpop-box #evb{box-shadow:0 40px 140px -20px rgba(74,99,224,.4),0 0 0 1px rgba(255,255,255,.14)}
.evpop-x{position:absolute;right:0;top:-46px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22);font-size:24px;line-height:1;cursor:pointer}
.evpop-x:hover{background:rgba(255,255,255,.22)}
.evpop-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#8b8c9e;font-size:12.5px;text-align:center}
.evpop-ft button{background:none;border:0;color:#d6d7e2;font:inherit;font-size:13.5px;cursor:pointer;padding:8px 4px;white-space:nowrap}
.evpop-ft button:hover{color:#fff;text-decoration:underline}
@keyframes evpop-in{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}
@keyframes evpop-fade{from{opacity:0}}
@media (max-width:720px){
  .evpop{padding:52px 12px 12px}
  .evpop-box{width:min(100%,calc((100dvh - 120px) * .645))}
  .evpop-ft span{display:none}
}
@media (max-width:720px){
  #evb{aspect-ratio:4/6.2;border-radius:18px}
  #evb .e-shade{background:linear-gradient(0deg,#05050A 0%,#05050A 40%,rgba(5,5,10,.6) 50%,rgba(5,5,10,0) 64%),linear-gradient(180deg,rgba(5,5,10,.55) 0%,rgba(5,5,10,0) 18%)}
  #evb .e-copy{width:auto;right:18px;bottom:112px}
  #evb .e-hl{font-size:clamp(26px,8.2vw,36px)}
  #evb .e-sub{font-size:13.5px;margin-top:10px}
  #evb .e-kick{margin-bottom:10px;font-size:11px}
  #evb .e-glass{zoom:.72}
  #evb .e-res,#evb .e-share{top:auto;bottom:calc(46% + 14px);right:12px}
  #evb .e-refc{top:84px;bottom:auto;margin:0;right:auto;left:50%;translate:-50% 0;width:320px}
  #evb .e-cnt{top:auto;bottom:calc(46% + 20px);margin:0;right:auto;left:50%;translate:-50% 0}
  #evb .e-gains,#evb .e-count{display:none}
  #evb .e-pill{font-size:11.5px;padding:5px 10px}
  #evb .e-cta{bottom:18px;flex-direction:column;align-items:flex-start;gap:8px}
}
@media (prefers-reduced-motion:reduce){#evb *,#evb *::before,#evb *::after{animation:none!important;transition:none!important}#evb .e-cp.on .e-ln>span,#evb .e-sc.on .e-gain{transform:none;opacity:1}}

/* 폰에서는 필름 입자를 끈다: 모바일 브라우저가 overlay 섞기를 빼먹으면 입자가 흰 점 노이즈로 그대로 보인다 (사장님 2026-09-28) */
@media (hover:none),(max-width:760px){#evb .e-grain,#evpop .e-grain{display:none!important}}
/* 폰: 흰 번쩍임·빛 줄기를 끄고, 기울인 화면 층을 고정해 매 판 다시 그리며 깜빡이는 것을 막는다 (사장님 2026-09-28) */
@media (hover:none),(max-width:760px){#evb .e-flash,#evb .e-sweep{display:none!important}#evb .e-frame,#evb .e-kb,#evb .e-screen{-webkit-backface-visibility:hidden;backface-visibility:hidden}}