/* 메인 아래 "무료 진단 신청" 칸: 주소 입력 + 접수·계약전력 조회 창 (adflow.js) — 2026-10-30 */
.form .fl{font-size:.8rem;color:rgba(255,255,255,.6);font-weight:600}
.form .fl .in{display:flex;gap:8px;margin-top:6px}
.form .fl .in input{margin:0;flex:1;min-width:0;cursor:pointer}
.form .srch{flex:none;padding:0 18px;border-radius:16px;border:1px solid rgba(79,224,242,.55);background:rgba(79,224,242,.12);color:var(--aqua);font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;white-space:nowrap;transition:background .25s}
.form .srch:hover{background:rgba(79,224,242,.24)}
.form .bad input:not([type=checkbox]){border-color:#ff9b9b;background:rgba(255,155,155,.1)}
.form .em{display:block;margin-top:6px;font-size:.8rem;font-weight:600;color:#ff9b9b}
.form .ag.bad{color:#ff9b9b}
.form .btn:disabled{opacity:.6;cursor:default;transform:none}

.af-ov{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:-.02em}
.af-ov.on{display:flex;animation:afFade .25s}
@keyframes afFade{from{opacity:0}to{opacity:1}}
@keyframes afRise{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes afSp{to{transform:rotate(360deg)}}
.af-sheet{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 40px);overflow:auto;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#112a40,#0a1a2b);box-shadow:0 40px 90px rgba(0,0,0,.6);animation:afRise .35s cubic-bezier(.2,.8,.2,1);color:#fff;text-align:left}
.af-x{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}

.af-inl{display:none;padding:10px;border-radius:18px;border:1px solid rgba(79,224,242,.4);background:rgba(255,255,255,.04)}
.af-ibar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 10px;font-size:.78rem;color:rgba(255,255,255,.6)}
.af-ic{flex:none;padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:inherit;font-size:.8rem;cursor:pointer}
.af-ibox{height:min(400px,58vh);border-radius:12px;overflow:hidden}

.af-hd{padding:30px 26px 20px;text-align:center;background:radial-gradient(300px 160px at 50% 0,rgba(79,224,242,.22),transparent 70%)}
.af-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4fe0f2,#2ba7bd);color:#04222a;box-shadow:0 10px 28px rgba(43,167,189,.45)}
.af-ico svg{width:26px;height:26px}
.af-hd h2{margin:16px 0 0;font-size:1.05rem;font-weight:600;color:rgba(255,255,255,.75)}
.af-hd h2 b{display:block;margin-top:2px;font-size:1.7rem;font-weight:800;letter-spacing:-.045em;line-height:1.2;background:linear-gradient(90deg,#4fe0f2 30%,#ff9b57);-webkit-background-clip:text;background-clip:text;color:transparent}
.af-bd{padding:4px 22px 26px}
.af-who{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.86rem}
.af-who div{display:flex;gap:10px}.af-who span{flex:none;width:2.8em;color:rgba(255,255,255,.5)}.af-who b{font-weight:600;word-break:keep-all}
.af-stp{display:none}.af-stp.on{display:block}
.af-ld{margin-top:18px;display:grid;gap:10px}
.af-ld div{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.05);font-size:.92rem;color:rgba(255,255,255,.45);transition:color .3s}
.af-ld i{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}
.af-ld div.go{color:#fff}.af-ld div.go i{border-color:#4fe0f2;border-top-color:transparent;animation:afSp .8s linear infinite}
.af-ld div.dn{color:rgba(255,255,255,.85)}.af-ld div.dn i{border:0;background:#5be3a4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062a1c' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.af-recv{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:99px;background:rgba(91,227,164,.12);border:1px solid rgba(91,227,164,.35);color:#5be3a4;font-size:.86rem;font-weight:700}
.af-vd{display:flex;gap:14px;align-items:center;margin-top:14px;padding:18px;border-radius:20px}
.af-vd.yes{background:linear-gradient(135deg,rgba(255,138,61,.2),rgba(255,138,61,.08));border:1px solid rgba(255,138,61,.55)}
.af-vd.no{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.af-vd .vi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:1.4rem}
.af-vd.yes .vi{background:#ff8a3d;color:#2a1000}.af-vd.no .vi{background:rgba(255,255,255,.12)}
.af-vd b{display:block;font-size:1.12rem;letter-spacing:-.03em}
.af-vd span{display:block;margin-top:2px;font-size:.84rem;color:rgba(255,255,255,.7)}
.af-vd span em{font-style:normal;font-weight:800;color:#ffb07a}
.af-lst{margin:18px 0 0;font-size:.84rem;color:rgba(255,255,255,.6)}
.af-res{display:grid;gap:10px;margin-top:10px}
.af-it{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end;padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.af-it.tg{border-color:rgba(255,138,61,.6);background:rgba(255,138,61,.09)}
.af-it small{display:block;font-size:.72rem;color:rgba(255,255,255,.5)}
.af-it span{font-weight:600;font-size:.93rem}
.af-it .kw{text-align:right}.af-it .kw b{font-size:1.45rem;font-weight:800;letter-spacing:-.04em}
.af-it em{grid-column:1/-1;font-style:normal;font-size:.78rem;font-weight:800;color:#ffb07a}
.af-who2{margin-top:16px;padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.25);font-size:.9rem;line-height:1.55}
.af-who2 b{color:#4fe0f2}
.af-fine{margin:12px 0 0;font-size:.74rem;color:rgba(255,255,255,.42);line-height:1.55}
.af-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;padding:17px;border-radius:99px;font:inherit;font-weight:800;font-size:1.02rem;cursor:pointer;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28)}
.af-tlk{display:block;margin-top:14px;text-align:center;font-size:.88rem;color:rgba(255,255,255,.65)}

@media(max-width:560px) and (hover:none){
  .af-ov{padding:0;align-items:flex-end}
  .af-sheet{max-width:none;max-height:92vh;border-radius:26px 26px 0 0}
}

/* 절감 검토 대상 카드 강조(2026-10-30): 주황 빛 번짐 + 번개가 번쩍이는 움직임 + 빛 지나가는 효과 */
.af-vd.yes{position:relative;overflow:hidden;padding:20px 18px;border:1.5px solid #ff8a3d;background:linear-gradient(135deg,rgba(255,138,61,.36),rgba(255,138,61,.12));animation:afGlow 1.9s ease-in-out infinite}
.af-vd.yes::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.24),transparent);transform:skewX(-20deg);animation:afShine 3s ease-in-out infinite;pointer-events:none}
.af-vd.yes .vi{position:relative;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ffb36b,#ff7a1f);box-shadow:0 0 24px rgba(255,138,61,.75)}
.af-vd.yes .vi::before{content:"";position:absolute;inset:-4px;border-radius:22px;border:2px solid rgba(255,160,90,.85);animation:afRing 1.9s ease-out infinite}
.af-vd.yes .vi svg{position:relative;width:32px;height:32px;animation:afZap 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}
.af-vd.yes .vi svg path{fill:#fff}
.af-vd.yes b{font-size:1.32rem;color:#fff;text-shadow:0 0 18px rgba(255,138,61,.55)}
.af-vd.yes span{color:rgba(255,255,255,.85)}
@keyframes afGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,138,61,.45),0 10px 28px rgba(255,138,61,.2)}50%{box-shadow:0 0 0 7px rgba(255,138,61,0),0 12px 38px rgba(255,138,61,.5)}}
@keyframes afShine{0%{left:-60%}55%,100%{left:135%}}
@keyframes afRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.4);opacity:0}}
@keyframes afZap{0%,40%,100%{transform:scale(1) rotate(0)}6%{transform:scale(1.3) rotate(-10deg)}12%{transform:scale(.92) rotate(8deg)}18%{transform:scale(1.25) rotate(-6deg)}26%{transform:scale(1) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.af-vd.yes,.af-vd.yes::after,.af-vd.yes .vi::before,.af-vd.yes .vi svg{animation:none}}