/*! Monnit Korea — 긴급 경보 알리미 랜딩 (/promo/alarm) 전용 스타일 · 2026-10-02
 *  공통 스타일은 /style.css 를 그대로 씁니다. 여기에는 알리미 화면에만 쓰는 규칙만 둡니다.
 *  (예전 promo-alarm.html 이 품고 있던 style.css 옛 사본에서 알리미 부분만 옮겼습니다)
 */
/* 2026-10-02 공통 style.css 의 「html, body { overflow-x:hidden }」 이 body 를 스크롤 상자로 만들어
   구독료 빌더 왼쪽 사진(position:sticky)이 따라 내려오지 않고 위에 멈춰 있던 문제.
   clip 은 가로 넘침은 똑같이 자르지만 스크롤 상자를 만들지 않아 sticky 가 정상 동작합니다. */
html, body { overflow-x: clip !important; overflow-y: visible !important; }
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* 긴급 경보 알리미 히어로 — editorial intro + pointer/scroll motion */
#promoDetail:has(.via-hero) .promo-detail-title { display:none; }
#promoDetail:has(.via-hero) .wrap.section-pad { width:100%; max-width:none; padding:0; }
#promoDetail:has(.via-hero) .promo-detail-body { border-radius:0; overflow:visible; }
#promoDetail:has(.via-hero) .promo-detail-cta { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:46px 0 70px; }
.via-hero { --mx:0; --my:0; --scroll:0; position:relative; width:100%; min-height:calc(100svh - 70px); overflow:hidden; isolation:isolate; color:#151719; background:#c9cacc; cursor:default; }
.via-hero__wash { position:absolute; z-index:-1; inset:-12%; background:radial-gradient(circle at calc(50% + var(--mx)*18%) calc(50% + var(--my)*14%),rgba(255,255,255,.32),transparent 32%),linear-gradient(115deg,transparent 20%,rgba(255,255,255,.12),transparent 70%); transform:translate3d(calc(var(--mx)*-14px),calc(var(--my)*-10px),0) scale(1.05); transition:transform .12s linear; }
.via-hero__top { position:absolute; top:30px; left:clamp(24px,5vw,76px); right:clamp(24px,5vw,76px); display:flex; justify-content:space-between; color:rgba(21,23,25,.65); font:700 11px/1.2 var(--fm); letter-spacing:.12em; }
.via-hero__title { position:absolute; top:clamp(70px,7vh,105px); left:clamp(24px,21.5vw,420px); margin:0; font-family:Arial,'Noto Sans KR',sans-serif; font-size:clamp(58px,7.2vw,138px); font-weight:700; line-height:.88; letter-spacing:-.075em; transform:translate3d(calc(var(--mx)*7px),calc(var(--scroll)*-58px),0); will-change:transform; }
.via-line { display:block; overflow:hidden; padding:0 .08em .09em 0; }
.via-line i { display:block; font-style:normal; transform:translateY(112%) rotate(2deg); transform-origin:left bottom; opacity:0; will-change:transform; transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .3s ease; }
.via-line--accent { color:#fff; }
.via-hero.is-ready .via-line:nth-child(1) i { transition-delay:.08s; transform:translateY(0) rotate(0); opacity:1; }
.via-hero.is-ready .via-line:nth-child(2) i { transition-delay:.2s; transform:translateY(0) rotate(0); opacity:1; }
.via-hero.is-ready .via-line:nth-child(3) i { transition-delay:.32s; transform:translateY(0) rotate(0); opacity:1; }
.via-hero__bottom { position:absolute; left:clamp(24px,21vw,410px); right:clamp(24px,12vw,230px); bottom:clamp(44px,8vh,100px); display:grid; grid-template-columns:220px 1fr; align-items:end; gap:clamp(40px,16vw,330px); transform:translateY(calc(var(--scroll)*-28px)); }
.via-hero__bottom p { max-width:460px; margin:0 0 2px; font-size:clamp(18px,1.5vw,29px); line-height:1.25; letter-spacing:-.04em; }
.via-rings { width:220px; opacity:0; transform:translate3d(calc(var(--mx)*-10px),18px,0); transition:opacity .6s ease 1s,transform .9s cubic-bezier(.16,1,.3,1) 1s; }
.via-hero.is-ready .via-rings { opacity:1; transform:translate3d(calc(var(--mx)*-10px),0,0); }
.via-rings svg { width:100%; overflow:visible; }
.via-ring { fill:none; stroke:rgba(21,23,25,.3); stroke-width:1.25; stroke-dasharray:405; stroke-dashoffset:405; transform-origin:center; }
.via-ring--3 { stroke:#fff; }
.via-hero.is-ready .via-ring { animation:viaDraw 1.45s cubic-bezier(.16,1,.3,1) forwards .78s; }
.via-hero.is-ready .via-ring--3 { animation-delay:1.35s; }
.via-hero__action { position:absolute; z-index:3; right:clamp(28px,6vw,110px); top:54%; width:clamp(116px,10vw,176px); aspect-ratio:1; display:flex; flex-direction:column; justify-content:space-between; padding:24px; border:0; border-radius:50%; color:#fff; background:#151719; text-align:left; cursor:pointer; transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-8px)) scale(.001); transition:transform 1s cubic-bezier(.16,1,.3,1) .72s,background .25s; }
.via-hero.is-ready .via-hero__action { transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-8px)) scale(1); }
.via-hero__action span { font-size:clamp(13px,1vw,17px); font-weight:700; line-height:1.3; }.via-hero__action b { align-self:flex-end; font-size:25px; font-weight:400; transition:transform .25s; }.via-hero__action:hover { background:#2a61ff; }.via-hero__action:hover b { transform:translate(4px,-4px); }
.via-cursor { position:fixed; z-index:100; top:0; left:0; width:64px; height:64px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#202225; pointer-events:none; opacity:0; mix-blend-mode:difference; transition:width .28s,height .28s,opacity .2s; will-change:transform; }
.via-cursor span { font:700 8px/1 var(--fm); letter-spacing:.1em; }.via-hero.has-pointer .via-cursor { opacity:1; }.via-cursor.is-active { width:108px; height:108px; }
.via-scroll { position:absolute; left:clamp(24px,5vw,76px); bottom:36px; display:flex; align-items:center; gap:14px; color:rgba(21,23,25,.52); font:700 9px/1 var(--fm); letter-spacing:.16em; transform:rotate(-90deg); transform-origin:left center; }.via-scroll i { display:block; width:46px; height:1px; background:currentColor; transform-origin:left; animation:viaScroll 1.7s ease-in-out infinite; }
@keyframes viaDraw { to{stroke-dashoffset:0} }
@keyframes viaScroll { 0%,100%{transform:scaleX(.25);opacity:.35}50%{transform:scaleX(1);opacity:1} }
@media(max-width:900px){
  .via-hero__title { left:24px; right:24px; top:110px; font-size:clamp(54px,11vw,95px); }
  .via-hero__bottom { left:24px; right:24px; grid-template-columns:150px 1fr; gap:40px; }.via-rings{width:150px}.via-hero__action{right:28px;top:58%}
}
@media(max-width:600px){
  .via-hero { min-height:760px; }.via-hero__top{top:22px}.via-hero__index{display:none}.via-hero__title{top:92px;font-size:55px;line-height:.94}.via-hero__bottom{bottom:68px;grid-template-columns:1fr;gap:24px}.via-rings{width:118px}.via-hero__bottom p{font-size:18px}.via-hero__action{width:108px;padding:18px;right:20px;top:52%}.via-scroll{display:none}.via-cursor{display:none}
}
@media(prefers-reduced-motion:reduce){.via-line i,.via-rings,.via-hero__action{transition-duration:.01ms!important;transition-delay:0s!important}.via-ring,.via-scroll i{animation:none!important;stroke-dashoffset:0}}

/* Vide Infra 방식의 2-stage reveal: 고정된 모션 화면 위로 인트로 패널이 이동 */
.via-sequence { --mx:0; --my:0; --scroll:0; position:relative; height:200svh; background:#191b1d; }
.via-stage { position:sticky; top:0; height:100svh; overflow:hidden; background:#191b1d; }
.via-sequence .via-hero { position:absolute; z-index:4; inset:0; width:100%; min-height:100%; transform:translate3d(0,calc(var(--scroll) * -200%),0); will-change:transform; }
.via-sequence.is-ready .via-line:nth-child(1) i { transition-delay:.08s; transform:translateY(0) rotate(0); opacity:1; }
.via-sequence.is-ready .via-line:nth-child(2) i { transition-delay:.2s; transform:translateY(0) rotate(0); opacity:1; }
.via-sequence.is-ready .via-line:nth-child(3) i { transition-delay:.32s; transform:translateY(0) rotate(0); opacity:1; }
.via-sequence.is-ready .via-rings { opacity:1; transform:translate3d(calc(var(--mx)*-10px),0,0); }
.via-sequence.is-ready .via-ring { animation:viaDraw 1.45s cubic-bezier(.16,1,.3,1) forwards .78s; }
.via-sequence.is-ready .via-ring--3 { animation-delay:1.35s; }
.via-video-stage { position:absolute; z-index:1; inset:0; overflow:hidden; color:#fff; background:radial-gradient(circle at 52% 48%,#101b52 0,#080d25 38%,#191b1d 75%); }
.via-video-stage:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(25,27,29,.76),transparent 28%,transparent 72%,rgba(25,27,29,.7)); pointer-events:none; }
.via-video-stage__grid { position:absolute; inset:-10%; opacity:.13; background-image:linear-gradient(rgba(80,116,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(80,116,255,.3) 1px,transparent 1px); background-size:64px 64px; transform:perspective(700px) rotateX(62deg) translateY(38%); animation:viaGrid 8s linear infinite; }
.via-neon { position:absolute; width:118%; height:118%; left:-9%; top:-4%; transform:perspective(1100px) rotateX(7deg) rotateZ(-3deg) scale(1.05); }
.via-neon__rings { opacity:.42; transform-origin:810px 455px; animation:viaRadar 5s ease-in-out infinite; }
.via-neon__rings ellipse { stroke-width:2; stroke-dasharray:8 15; }
.via-neon__paths path { stroke-width:5; stroke-linecap:round; stroke-dasharray:30 18 160 26; animation:viaFlow 5s linear infinite; }
.via-neon__paths path:nth-child(2){animation-delay:-1.1s}.via-neon__paths path:nth-child(3){animation-delay:-2.2s}.via-neon__paths path:nth-child(4){animation-delay:-3.3s}
.via-signal-node circle:first-child { fill:rgba(255,255,255,.08); stroke:#fff; stroke-width:2; animation:viaNode 2s ease-out infinite; }.via-signal-node circle:last-child{fill:#fff}
.via-video-stage__copy { position:absolute; z-index:2; left:clamp(28px,6vw,94px); bottom:clamp(44px,8vh,96px); }.via-video-stage__copy small{font:700 10px/1 var(--fm);letter-spacing:.15em;color:#82a2ff}.via-video-stage__copy h3{margin:17px 0 0;font:700 clamp(42px,6vw,92px)/.95 Arial,sans-serif;letter-spacing:-.065em}
.via-video-stage__button { position:absolute; z-index:3; right:clamp(28px,7vw,130px); top:50%; width:clamp(128px,12vw,190px); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; color:#17191b; background:#fff; text-align:center; font-weight:700; line-height:1.2; transform:translateY(-50%); animation:viaButton 3.2s ease-in-out infinite; }
@keyframes viaFlow{to{stroke-dashoffset:-420}}@keyframes viaRadar{50%{opacity:.72;transform:scale(1.08)}}@keyframes viaNode{0%{r:25;opacity:1}100%{r:72;opacity:0}}@keyframes viaGrid{to{background-position:0 64px,64px 0}}@keyframes viaButton{50%{transform:translateY(-50%) scale(1.045)}}
@media(max-width:600px){.via-sequence{height:180svh}.via-sequence .via-hero{transform:translate3d(0,calc(var(--scroll) * -225%),0)}.via-video-stage__button{width:105px;right:18px;top:45%;font-size:12px}.via-video-stage__copy{left:20px;bottom:60px}.via-video-stage__copy h3{font-size:43px}.via-neon{width:155%;height:120%;left:-27%}}
@media(prefers-reduced-motion:reduce){.via-video-stage__grid,.via-neon__rings,.via-neon__paths path,.via-signal-node circle,.via-video-stage__button{animation:none!important}}




/* 토스증권 참고 — 중앙 비주얼 + 순차 페이드업 카드 섹션 */
.ta-milestone-banner{width:100%;margin:0;overflow:hidden;background:#000;line-height:0}
.ta-milestone-banner picture,.ta-milestone-banner img{display:block;width:100%;height:auto;margin:0}
.ta-milestone-banner img{aspect-ratio:1920/260}
@media(max-width:760px){.ta-milestone-banner img{aspect-ratio:1080/258}}
.ti-security { --section-progress:0; position:relative; overflow:hidden; min-height:1050px; padding:190px 24px 160px; color:#fff; background:#000; font-family:var(--fb); }
.ti-security__inner { width:min(100%,960px); margin:0 auto; }
.ti-security__visual { position:relative; isolation:isolate; width:min(19vw,175px); margin:-34px auto 50px; transform:translate3d(0,calc((.5 - var(--section-progress))*54px),0); will-change:transform,opacity; }
.ti-security__visual img { position:relative; z-index:2; display:block; width:100%; height:auto; filter:saturate(1.08) contrast(1.06) drop-shadow(0 24px 55px rgba(255,34,48,.22)); animation:ti-siren-float 4.6s ease-in-out infinite; }
.ti-security__siren-glow { position:absolute; z-index:0; inset:12% 3% 4%; border-radius:50%; background:radial-gradient(circle,rgba(255,50,60,.64) 0,rgba(139,84,241,.32) 32%,rgba(76,196,252,.13) 53%,transparent 72%); filter:blur(30px); animation:ti-siren-pulse 1.25s ease-in-out infinite; }
.ti-security__siren-beam { position:absolute; z-index:1; left:50%; top:38%; width:154%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:conic-gradient(from 0deg,transparent 0 38deg,rgba(255,51,66,.2) 53deg,transparent 72deg 180deg,rgba(76,196,252,.13) 205deg,transparent 230deg); filter:blur(9px); opacity:.86; mix-blend-mode:screen; animation:ti-siren-rotate 2.2s linear infinite; }
@keyframes ti-siren-rotate { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes ti-siren-pulse { 0%,100% { opacity:.55; transform:scale(.92); } 50% { opacity:1; transform:scale(1.08); } }
@keyframes ti-siren-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-10px) rotate(1deg); } }
.ti-security__heading { margin:0 auto 132px; text-align:center; }
.ti-security__heading h3 { margin:0; font-size:clamp(34px,4.4vw,58px); line-height:1.16; font-weight:800; letter-spacing:-.055em; }
.ti-security__heading p { margin:25px 0 0; color:rgba(255,255,255,.7); font-size:clamp(17px,1.8vw,23px); line-height:1.5; font-weight:600; letter-spacing:-.035em; }
.ti-security__mobile-break,.ta-builder__mobile-break { display:none; }
.ti-security__apply { width:max-content; display:flex; align-items:center; justify-content:center; margin:-72px auto 106px; padding:13px 25px; border-radius:999px; color:#fff; background:#3182f6; font-size:15px; font-weight:650; text-decoration:none; box-shadow:0 10px 28px rgba(49,130,246,.25); transition:transform .2s ease,background .2s ease; }
.ti-security__apply:hover { transform:translateY(-2px); background:#1b64da; }
.ti-security__cards { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); align-items:center; gap:14px; }
.ti-security__flow-arrow { position:relative; z-index:3; display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:#fff; background:#242429; font-size:24px; line-height:1; box-shadow:0 12px 30px rgba(0,0,0,.35); }
.ti-security__card { overflow:hidden; min-height:340px; border:1px solid rgba(255,255,255,.055); border-radius:30px; background:#19191d; box-shadow:0 30px 80px rgba(0,0,0,.32); }
.ti-security__card-visual { position:relative; height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff; }
.ti-security__card-visual img { display:block; width:100%; height:100%; padding:18px 24px; object-fit:contain; }
.ti-security__card-copy { min-height:120px; display:flex; align-items:center; padding:26px 32px 30px; }
.ti-security__card-copy h4 { margin:0; font-size:clamp(19px,1.85vw,24px); line-height:1.48; font-weight:750; letter-spacing:-.045em; }
.ti-reveal { opacity:0; transform:translate3d(0,58px,0); transition:opacity .8s ease,transform 1.05s cubic-bezier(.16,1,.3,1); }
.ti-security.is-visible .ti-reveal { opacity:1; transform:translate3d(0,0,0); }
.ti-security.is-visible .ti-security__visual { transition-delay:.04s; transform:translate3d(0,calc((.5 - var(--section-progress))*54px),0); }
.ti-security.is-visible .ti-security__heading h3 { transition-delay:.15s; }
.ti-security.is-visible .ti-security__heading p { transition-delay:.25s; }
.ti-security.is-visible .ti-security__card:nth-child(1) { transition-delay:.32s; }
.ti-security.is-visible .ti-security__flow-arrow { transition-delay:.39s; }
.ti-security.is-visible .ti-security__card:nth-child(3) { transition-delay:.46s; }
@media(max-width:760px){.ti-security{min-height:auto;padding:130px 20px 110px}.ti-security__visual{width:min(32vw,150px);margin:-20px auto 34px}.ti-security__heading{margin-bottom:78px}.ti-security__heading p{margin-top:18px}.ti-security__apply{margin:-48px auto 64px}.ti-security__cards{grid-template-columns:1fr;gap:16px}.ti-security__flow-arrow{margin:0 auto;transform:rotate(90deg)}.ti-security.is-visible .ti-security__flow-arrow{transform:rotate(90deg)}.ti-security__card{min-height:310px;border-radius:26px}.ti-security__card-visual{height:195px}.ti-security__card-copy{min-height:115px;padding:24px 26px 27px}}
@media(prefers-reduced-motion:reduce){.ti-reveal{opacity:1!important;transform:none!important;transition:none!important}.ti-security__visual{transform:none!important}.ti-security__visual img,.ti-security__siren-glow,.ti-security__siren-beam{animation:none!important}}

/* 토스 금융 카드 참고 — 4개 이미지 슬롯 + 키워드 연동 */
.ta-alerts { padding:130px 24px 105px; color:#191f28; background:#fff; font-family:var(--fb); }
.ta-alerts__inner { width:min(100%,1320px); margin:0 auto; }
.ta-alerts__lead { margin:0 auto 68px; color:#333d4b; font-size:clamp(38px,4vw,54px); line-height:1.25; font-weight:600; letter-spacing:-.055em; text-align:center; opacity:0; transform:translateY(34px); transition:opacity .75s ease,transform .95s cubic-bezier(.16,1,.3,1); }
.ta-alerts__lead em { color:#3182f6; font-style:normal; }
.ta-alerts__title { margin:0 auto 72px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.12em; font-size:clamp(32px,3.15vw,48px); line-height:1.3; font-weight:700; letter-spacing:-.052em; text-align:center; opacity:0; transform:translateY(34px); transition:opacity .75s ease,transform .95s cubic-bezier(.16,1,.3,1); }
.ta-alerts__keyword { position:relative; display:inline-flex; align-items:center; min-height:1.55em; padding:0 .44em; border-radius:999px; color:#4e5968; background:#f2f4f6; font-weight:650; transition:color .28s ease,background-color .28s ease,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .28s ease; }
.ta-alerts__keyword + .ta-alerts__keyword { margin-left:0; }
.ta-alerts__keyword:nth-child(1){z-index:4}.ta-alerts__keyword:nth-child(2){z-index:3}.ta-alerts__keyword:nth-child(3){z-index:2}.ta-alerts__keyword:nth-child(4){z-index:1}
.ta-alerts__keyword.is-active { z-index:10; color:#fff; background:#3182f6; transform:translateY(-3px); box-shadow:0 10px 26px rgba(49,130,246,.25); }
.ta-alerts__title-tail { margin-left:.26em; white-space:nowrap; }
.ta-alerts__cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.ta-alert-card { min-width:0; outline:none; opacity:0; transform:translateY(48px); transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1); }
.ta-alert-card__photo { position:relative; aspect-ratio:1/1.05; display:grid; place-items:center; overflow:hidden; border-radius:0; background:#f2f4f6; transition:box-shadow .4s ease,background-color .35s ease; }
.ta-alert-card__photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; transition:transform .65s cubic-bezier(.16,1,.3,1),filter .35s ease; }
.ta-alert-card:first-child .ta-alert-card__photo { border-radius:5px 0 0 5px; }
.ta-alert-card:last-child .ta-alert-card__photo { border-radius:0 5px 5px 0; }
.ta-alert-card__photo span { color:#8b95a1; font-size:15px; font-weight:650; letter-spacing:-.03em; }
.ta-alert-card h4 { margin:28px 10px 0; color:#333d4b; font-size:clamp(20px,1.55vw,23px); line-height:1.4; font-weight:750; letter-spacing:-.045em; transition:color .28s ease; }
.ta-alert-card p { margin:10px 10px 0; color:#4e5968; font-size:clamp(16px,1.2vw,18px); line-height:1.55; font-weight:400; letter-spacing:-.035em; }
.ta-alert-card__more { position:relative; width:max-content; margin:16px 10px 0; padding:2px 0 4px; display:inline-block; color:#0875e1; background:transparent; font-size:15px; line-height:1.45; font-weight:500; letter-spacing:-.035em; text-decoration:none; }
.ta-alert-card__more::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right center; transition:transform .24s ease; }
.ta-alert-card__more:hover::after,.ta-alert-card__more:focus-visible::after { transform:scaleX(1); transform-origin:left center; }
.ta-alert-card__more:focus-visible { outline:2px solid rgba(8,117,225,.28); outline-offset:4px; border-radius:2px; }
.has-alert-modal { overflow:hidden; }
.ta-alert-modal { --modal-progress:0; position:fixed; inset:0; width:min(1040px,calc(100% - 40px)); height:min(840px,calc(100svh - 40px)); max-width:none; max-height:none; margin:auto; padding:0; overflow:hidden; border:0; border-radius:28px; color:#333d4b; background:#fff; box-shadow:0 40px 120px rgba(15,23,42,.25); opacity:0; transform:translateY(30px) scale(.965); transition:opacity .25s ease,transform .48s cubic-bezier(.16,1,.3,1),display .48s allow-discrete,overlay .48s allow-discrete; }
.ta-alert-modal[open] { opacity:1; transform:none; }
@starting-style { .ta-alert-modal[open] { opacity:0; transform:translateY(36px) scale(.96); } }
.ta-alert-modal::backdrop { background:rgba(15,23,42,.54); backdrop-filter:blur(8px); opacity:0; transition:opacity .35s ease,display .35s allow-discrete,overlay .35s allow-discrete; }
.ta-alert-modal[open]::backdrop { opacity:1; }
@starting-style { .ta-alert-modal[open]::backdrop { opacity:0; } }
.ta-alert-modal__panel { position:relative; width:100%; height:100%; display:block; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scroll-behavior:smooth; border-radius:inherit; background:#fff; scrollbar-width:thin; scrollbar-color:#c9d2df transparent; }
.ta-alert-modal__close { position:absolute; z-index:5; top:24px; right:24px; width:44px; height:44px; display:grid; place-items:center; border:0; border-radius:50%; color:#4e5968; background:#f2f4f6; font-size:28px; font-weight:300; line-height:1; cursor:pointer; transition:transform .2s ease,background .2s ease; }
.ta-alert-modal__close:hover { transform:rotate(7deg); background:#e5e8eb; }
.ta-alert-modal__rail { position:absolute; z-index:4; left:max(28px,calc(50% - 380px)); top:36px; bottom:36px; width:1px; display:block; pointer-events:none; background:#e5e8eb; }
.ta-alert-modal__rail i { position:absolute; left:0; top:0; width:1px; height:100%; background:#3182f6; transform-origin:top; transform:scaleY(var(--modal-progress)); transition:transform .12s linear; }
.ta-alert-modal__intro { position:relative; height:100%; min-height:620px; display:grid; place-items:center; overflow:hidden; background:#fff; }
.ta-alert-modal__intro-media { position:relative; width:min(88%,900px); max-height:82%; opacity:calc(1 - min(1,var(--modal-progress)*4)); transform:translate3d(calc(var(--modal-progress)*-620px),calc(var(--modal-progress)*18px),0) scale(calc(1 + var(--modal-progress)*.06)); filter:blur(calc(var(--modal-progress)*4px)); transition:opacity .08s linear,transform .08s linear,filter .08s linear; will-change:opacity,transform,filter; }
.ta-alert-modal__intro img { width:100%; max-height:100%; display:block; object-fit:contain; border-radius:24px; box-shadow:0 28px 90px rgba(15,23,42,.16); }
.ta-alert-modal__swipe { position:absolute; z-index:3; left:50%; bottom:22px; display:grid; justify-items:center; gap:7px; color:#fff; opacity:calc(1 - min(1,var(--modal-progress)*8)); transform:translateX(-50%); pointer-events:none; text-shadow:0 1px 5px rgba(0,0,0,.35); }
.ta-alert-modal__swipe small { font-size:10px; line-height:1; font-weight:400; letter-spacing:.08em; }
.ta-alert-modal__swipe i { position:relative; width:1px; height:30px; display:block; background:#fff; }
.ta-alert-modal__swipe i::after { content:""; position:absolute; left:50%; bottom:0; width:7px; height:7px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:translateX(-50%) rotate(45deg); transform-origin:center; }
.ta-alert-modal__story { position:relative; min-height:150vh; display:block; background:#fff; }
.ta-alert-modal__visual { position:sticky; top:0; min-width:0; height:min(840px,calc(100svh - 40px)); display:grid; place-items:center; padding:72px 34px; overflow:hidden; background:linear-gradient(145deg,#f7f9fc,#edf5ff); }
.ta-alert-modal__visual::before,.ta-alert-modal__visual::after { content:""; position:absolute; width:120px; aspect-ratio:1; border-radius:26px; background:rgba(255,255,255,.8); box-shadow:0 20px 46px rgba(49,130,246,.12); transform:translate3d(calc(var(--modal-progress)*38px),calc(var(--modal-progress)*-72px),0) rotate(calc(var(--modal-progress)*8deg)); transition:transform .12s linear; }
.ta-alert-modal__visual::before { left:8%; top:14%; }
.ta-alert-modal__visual::after { right:5%; bottom:12%; width:90px; transform:translate3d(calc(var(--modal-progress)*-34px),calc(var(--modal-progress)*64px),0) rotate(calc(var(--modal-progress)*-10deg)); }
.ta-alert-modal__visual img { position:relative; z-index:2; width:min(92%,360px); max-height:520px; display:block; object-fit:contain; border-radius:24px; opacity:0; transform:translateY(30px) scale(.94); filter:blur(calc(var(--modal-progress)*1.2px)); }
.ta-alert-modal[open] .ta-alert-modal__visual img { animation:taModalRise .8s .12s both cubic-bezier(.16,1,.3,1); }
.ta-alert-modal__content { width:min(100%,760px); min-width:0; margin:0 auto; padding:88px clamp(42px,6vw,76px) 100px; display:flex; flex-direction:column; }
.ta-alert-modal__eyebrow { margin-bottom:10px; color:#3182f6; font-size:13px; font-weight:700; letter-spacing:.12em; opacity:0; transform:translateY(16px); }
.ta-alert-modal__block { min-height:68vh; display:flex; flex-direction:column; justify-content:center; opacity:.22; transform:translateY(38px) scale(.985); filter:blur(1px); transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1),filter .55s ease; }
.ta-alert-modal__block.is-current { opacity:1; transform:none; filter:none; }
.ta-alert-modal__block + .ta-alert-modal__block { margin-top:8vh; }
.ta-alert-modal__block h4 { margin:0; color:#333d4b; font-size:clamp(27px,3vw,40px); line-height:1.25; font-weight:650; letter-spacing:-.052em; }
.ta-alert-modal__block p { margin:20px 0 0; color:#8b95a1; font-size:clamp(16px,1.55vw,20px); line-height:1.75; font-weight:400; letter-spacing:-.035em; white-space:pre-line; }
.ta-alert-modal__risk-list { margin:26px 0 30px; display:grid; gap:10px; white-space:normal; }
.ta-alert-modal__risk-list>span { min-height:60px; padding:14px 18px; display:flex; align-items:center; gap:13px; border-radius:15px; color:#536580; background:#f3f6fa; font-size:clamp(14px,1.35vw,17px); line-height:1.55; font-weight:500; letter-spacing:-.03em; }
.ta-alert-modal__risk-list i { flex:0 0 auto; color:#f5a623; font-size:18px; line-height:1; font-style:normal; }
.ta-alert-modal__body-copy { display:block; }
.ta-alert-modal__highlight { margin-top:24px; display:block; color:#3182f6; background:transparent; font-weight:700; line-height:1.65; white-space:normal; }
.ta-alert-modal__inline-highlight { color:#3182f6; font-weight:700; }
.ta-alert-modal__closing { margin-top:24px; display:block; color:#333d4b; font-weight:700; line-height:1.65; white-space:normal; }
.ta-alert-modal[data-alert-type="fire"] .ta-alert-modal__block p,
.ta-alert-modal[data-alert-type="flood"] .ta-alert-modal__block p,
.ta-alert-modal[data-alert-type="outage"] .ta-alert-modal__block p { line-height:1.55; }
.ta-alert-modal[data-alert-type="flood"] .ta-alert-modal__block--first h4 { font-size:clamp(14px,3.6vw,38px); white-space:nowrap; }
.ta-alert-modal[data-alert-type="flood"] .ta-alert-modal__closing { color:#3182f6; }
.ta-alert-modal[open] .ta-alert-modal__eyebrow { animation:taModalRise .65s .18s both cubic-bezier(.16,1,.3,1); }
.ta-alert-modal[open] .ta-alert-modal__block--first.is-current { animation:taModalRise .78s .28s both cubic-bezier(.16,1,.3,1); }
.ta-alert-modal__cta { width:max-content; margin-top:32px; padding:15px 24px; display:flex; align-items:center; justify-content:center; border-radius:999px; color:#fff; background:#0875e1; box-shadow:0 10px 24px rgba(8,117,225,.2); font-size:17px; line-height:1; font-weight:700; text-decoration:none; transition:background .2s ease,transform .2s ease,box-shadow .2s ease; }
.ta-alert-modal__cta b { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#3182f6; font-size:18px; }
.ta-alert-modal__cta:hover { color:#fff; background:#0064cf; transform:translateY(-2px); box-shadow:0 14px 30px rgba(8,117,225,.28); }
.ta-alert-modal__steps { position:relative; margin-top:34px; display:grid; gap:0; color:#536580; white-space:normal; }
.ta-alert-modal__steps[hidden] { display:none; }
.ta-alert-modal__steps::before { content:""; position:absolute; left:20px; top:24px; bottom:24px; width:1px; background:#cbdcff; }
.ta-alert-modal__steps>span { position:relative; min-height:62px; padding:10px 0 10px 58px; display:flex; align-items:center; color:#536580; font-size:clamp(14px,1.35vw,17px); line-height:1.5; font-weight:500; letter-spacing:-.03em; }
.ta-alert-modal__steps i { position:absolute; z-index:1; left:0; top:50%; width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#2878ed; transform:translateY(-50%); font-size:16px; line-height:1; font-weight:700; font-style:normal; }
.ta-alert-modal__steps small { margin-left:.25em; color:#6e7f99; font:inherit; }
@keyframes taModalRise { from { opacity:0; transform:translateY(30px) scale(.97); } to { opacity:1; transform:none; } }
.ta-alert-card.is-active .ta-alert-card__photo,.ta-alert-card:hover .ta-alert-card__photo,.ta-alert-card:focus-visible .ta-alert-card__photo { background:#edf5ff; box-shadow:inset 0 0 0 2px rgba(49,130,246,.16),0 20px 45px rgba(49,130,246,.12); }
.ta-alert-card.is-active .ta-alert-card__photo img,.ta-alert-card:hover .ta-alert-card__photo img,.ta-alert-card:focus-visible .ta-alert-card__photo img { transform:scale(1.025); }
.ta-alert-card.is-active h4,.ta-alert-card:hover h4,.ta-alert-card:focus-visible h4 { color:#3182f6; }
.ta-alerts.is-visible .ta-alerts__title { opacity:1; transform:none; }
.ta-alerts.is-visible .ta-alerts__lead { opacity:1; transform:none; }
.ta-alerts.is-visible .ta-alert-card { opacity:1; transform:none; }
.ta-alerts.is-visible .ta-alert-card:nth-child(1) { transition-delay:.12s; }
.ta-alerts.is-visible .ta-alert-card:nth-child(2) { transition-delay:.2s; }
.ta-alerts.is-visible .ta-alert-card:nth-child(3) { transition-delay:.28s; }
.ta-alerts.is-visible .ta-alert-card:nth-child(4) { transition-delay:.36s; }
@media(max-width:900px){.ta-alerts{padding:90px 20px 95px}.ta-alerts__title{margin-bottom:52px}.ta-alerts__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 0}.ta-alert-card:nth-child(odd) .ta-alert-card__photo{border-radius:5px 0 0 5px}.ta-alert-card:nth-child(even) .ta-alert-card__photo{border-radius:0 5px 5px 0}}
@media(max-width:560px){.ta-alerts__lead{margin-bottom:50px;font-size:38px}.ta-alerts__title{justify-content:flex-start;text-align:left;font-size:30px}.ta-alerts__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 28px;margin:0 -20px;gap:12px}.ta-alert-card{flex:0 0 78vw;scroll-snap-align:center}.ta-alert-card .ta-alert-card__photo{border-radius:10px}.ta-alert-card h4{margin-top:20px}.ta-alert-card__more{margin:14px 10px 0;padding:2px 0 4px;font-size:14px}}
@media(max-width:700px){.ta-alert-modal{width:calc(100% - 24px);height:calc(100svh - 24px);border-radius:22px}.ta-alert-modal__intro{height:100%;min-height:520px}.ta-alert-modal__intro-media{width:92%;max-height:78%}.ta-alert-modal__intro img{border-radius:16px}.ta-alert-modal__swipe{bottom:16px}.ta-alert-modal__story{display:block}.ta-alert-modal__rail{left:18px;top:24px;bottom:24px}.ta-alert-modal__visual{position:relative;height:42vh;min-height:260px;padding:52px 30px 32px}.ta-alert-modal__visual img{width:min(62vw,250px);max-height:260px}.ta-alert-modal__content{padding:32px 28px 60px 38px}.ta-alert-modal__eyebrow{margin-bottom:10px}.ta-alert-modal__block{min-height:58vh}.ta-alert-modal__block + .ta-alert-modal__block{margin-top:4vh}.ta-alert-modal__close{top:14px;right:14px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.ta-alerts__lead,.ta-alerts__title,.ta-alert-card{opacity:1!important;transform:none!important;transition:none!important}.ta-alert-card__photo,.ta-alerts__keyword{transition:none!important}.ta-alert-modal[open] .ta-alert-modal__visual img,.ta-alert-modal[open] .ta-alert-modal__eyebrow,.ta-alert-modal[open] .ta-alert-modal__block{animation:none!important;opacity:1;transform:none;filter:none}.ta-alert-modal__visual::before,.ta-alert-modal__visual::after{display:none}}

/* 긴급 경보 알리미 — 파란색 UI 뒤의 번짐/글로우 제거 */
#promoDetailBody .ti-security__apply,
#promoDetailBody .ta-alerts__keyword,
#promoDetailBody .ta-alert-card__photo,
#promoDetailBody .ta-alert-modal,
#promoDetailBody .ta-alert-modal__intro img,
#promoDetailBody .ta-alert-modal__cta,
#promoDetailBody .ti-security__card,
#promoDetailBody .ti-security__flow-arrow,
#promoDetailBody .ta-perk-card,
#promoDetailBody .ta-perk-card__icon,
#promoDetailBody .ta-dashboard,
#promoDetailBody .ta-notice,
#promoDetailBody .ta-status,
#promoDetailBody .ta-builder__device,
#promoDetailBody .ta-dashboard__map span,
#promoDetailBody .ta-builder__option,
#promoDetailBody .ta-builder-addon__choice,
#promoDetailBody .ta-builder__consult,
#promoDetailBody .ta-builder__result a,
#promoDetailBody .eap-primary,
#promoDetailBody .eap-flow article.is-accent,
#promoDetailBody button,
#promoDetailBody input:focus,
#promoDetailBody select:focus,
#promoDetailBody textarea:focus { box-shadow:none!important; }
#promoDetailBody .ta-alert-modal__cta:hover,
#promoDetailBody .ta-alert-card:hover .ta-alert-card__photo,
#promoDetailBody .ta-alert-card.is-active .ta-alert-card__photo,
#promoDetailBody .ta-alerts__keyword.is-active { box-shadow:none!important; }

/* 토스증권 참고 — 알리미 서비스 필요성, 교차형 기능 소개 */
.ta-reasons { padding:105px 24px 115px; color:#333d4b; background:#fff; font-family:var(--fb); overflow:hidden; }
.ta-reasons__inner { width:min(100%,1220px); margin:0 auto; }
.ta-reasons__title { margin:0 auto 130px; color:#333d4b; font-size:clamp(38px,4vw,54px); line-height:1.25; font-weight:600; letter-spacing:-.055em; text-align:center; opacity:0; transform:translateY(42px); transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1); }
.ta-reasons__title em { color:#3182f6; font-style:normal; }
.ta-reason { min-height:560px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(50px,8vw,120px); opacity:0; transform:translateY(70px); transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,1,.3,1); }
.ta-reason + .ta-reason { margin-top:130px; }
.ta-reasons__title.is-visible,.ta-reason.is-visible { opacity:1; transform:none; }
.ta-reason__copy { position:relative; z-index:2; padding-inline:clamp(26px,3.2vw,48px); }
.ta-reason__tag { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 26px; border:1px solid #d7dde5; border-radius:999px; color:#333d4b; background:#fff; font-size:clamp(15px,1.25vw,18px); line-height:1; font-weight:600; letter-spacing:-.035em; }
.ta-reason__copy h4 { margin:34px 0 0; color:#333d4b; font-size:clamp(36px,3.55vw,52px); line-height:1.3; font-weight:650; letter-spacing:-.052em; }
.ta-reason__copy h4 strong { color:#3182f6; font-weight:650; }
.ta-reason__copy p { margin:30px 0 0; color:#6b7684; font-size:clamp(18px,1.7vw,24px); line-height:1.75; font-weight:450; letter-spacing:-.038em; }
.ta-reason__points { margin:34px 0 0; padding:0; display:grid; gap:13px; list-style:none; color:#6b7684; font-size:clamp(19px,1.55vw,22px); line-height:1.62; font-weight:400; letter-spacing:-.03em; }
.ta-reason__points li { display:flex; align-items:flex-start; gap:9px; }
.ta-reason__points li span { color:#6b7684; font-weight:400; }
.ta-reason__visual { position:relative; min-height:480px; display:grid; place-items:center; }
.ta-reason--first .ta-reason__visual,.ta-reason--third .ta-reason__visual { transform:translateX(24px); }
.ta-reason--second .ta-reason__visual { transform:translateX(-24px); }
.ta-reason__image { width:min(100%,540px); height:480px; display:block; object-fit:contain; object-position:center; filter:drop-shadow(0 24px 34px rgba(49,130,246,.12)); transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s ease; }
.ta-reason.is-visible .ta-reason__image { animation:taReasonImageIn 1s .18s both cubic-bezier(.16,1,.3,1); }
.ta-reason:hover .ta-reason__image { transform:translateY(-5px); filter:drop-shadow(0 32px 42px rgba(49,130,246,.18)); }
.ta-device { position:relative; filter:drop-shadow(0 35px 42px rgba(49,130,246,.16)); }
.ta-device--monitor { width:min(100%,500px); height:330px; border:18px solid #cbd7ea; border-bottom-width:34px; border-radius:36px 36px 30px 30px; background:linear-gradient(145deg,#e7effb,#b7c9e6); transform:perspective(900px) rotateY(8deg) rotateX(2deg); }
.ta-device--monitor::after { content:""; position:absolute; left:50%; bottom:-82px; width:210px; height:54px; border-radius:50%; background:linear-gradient(180deg,#b8cae5,#e8f0fb); transform:translateX(-50%); box-shadow:0 -34px 0 -22px #aebfd9; }
.ta-device__screen { position:absolute; inset:18px; overflow:hidden; border-radius:17px; background:linear-gradient(135deg,#1e2b46,#43577c); }
.ta-signal { position:absolute; left:14%; right:12%; height:7px; border-radius:50%; transform:rotate(-8deg); }
.ta-signal--red { top:48%; background:#ff476f; box-shadow:40px -40px 0 -1px #ff476f,80px -12px 0 -2px #ff476f; }
.ta-signal--blue { top:66%; background:#3182f6; transform:rotate(6deg); box-shadow:50px -22px 0 -1px #3182f6; }
.ta-notice { position:absolute; right:-46px; top:70px; width:280px; min-height:88px; padding:17px 20px; display:flex; align-items:center; gap:14px; border:1px solid rgba(255,255,255,.8); border-radius:20px; background:rgba(255,255,255,.92); box-shadow:0 18px 45px rgba(31,54,91,.17); backdrop-filter:blur(12px); animation:taNoticeFloat 3.2s ease-in-out infinite; }
.ta-notice__bell { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#ff4b55; font-size:24px; font-weight:800; }
.ta-notice b,.ta-notice small,.ta-status b,.ta-status small { display:block; }
.ta-notice b,.ta-status b { color:#333d4b; font-size:15px; }
.ta-notice small,.ta-status small { margin-top:5px; color:#8b95a1; font-size:12px; }
.ta-device--phone { width:300px; height:500px; border:14px solid #c2d3eb; border-radius:58px; background:linear-gradient(160deg,#f4f8ff,#c7dcf8); box-shadow:inset 0 0 0 3px rgba(255,255,255,.7); }
.ta-phone__speaker { position:absolute; left:50%; top:15px; width:96px; height:19px; border-radius:999px; background:#94b9e5; transform:translateX(-50%); }
.ta-phone__pulse { position:absolute; left:50%; top:105px; width:110px; height:110px; border:3px solid #3182f6; border-radius:50%; transform:translateX(-50%); animation:taPulse 2s ease-out infinite; }
.ta-phone__pulse::after { content:"!"; position:absolute; inset:16px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#3182f6; font-size:44px; font-weight:800; }
.ta-status { position:absolute; left:-90px; width:380px; min-height:90px; padding:18px 22px; display:flex; align-items:center; gap:14px; border:1px solid rgba(255,255,255,.85); border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 18px 45px rgba(31,54,91,.15); backdrop-filter:blur(12px); }
.ta-status--one { top:250px; animation:taNoticeFloat 3.4s ease-in-out infinite; }
.ta-status--two { top:360px; left:10px; animation:taNoticeFloat 3.4s .6s ease-in-out infinite; }
.ta-status i { flex:0 0 13px; width:13px; height:13px; border-radius:50%; background:#ff4b55; box-shadow:0 0 0 7px rgba(255,75,85,.12); }
.ta-status--two i { background:#3182f6; box-shadow:0 0 0 7px rgba(49,130,246,.12); }
.ta-dashboard { width:min(100%,510px); min-height:350px; overflow:hidden; border:12px solid #d5e1f2; border-radius:34px; background:#f7faff; box-shadow:0 34px 60px rgba(49,130,246,.17); transform:perspective(1000px) rotateY(7deg); }
.ta-dashboard__bar { height:54px; padding:0 22px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #e5ebf3; background:#fff; }
.ta-dashboard__bar i { width:9px; height:9px; border-radius:50%; background:#dbe3ed; }
.ta-dashboard__bar i:first-child { background:#3182f6; }
.ta-dashboard__body { min-height:284px; padding:24px; display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }
.ta-dashboard__map { position:relative; overflow:hidden; border-radius:22px; background:linear-gradient(135deg,#deebfd,#f1f6fd); }
.ta-dashboard__map::before,.ta-dashboard__map::after { content:""; position:absolute; inset:22% -15%; border:2px solid rgba(49,130,246,.22); border-radius:50%; transform:rotate(-18deg); }
.ta-dashboard__map::after { inset:5% 28%; transform:rotate(28deg); }
.ta-dashboard__map span { position:absolute; width:17px; height:17px; border:5px solid #fff; border-radius:50%; background:#3182f6; box-shadow:0 5px 16px rgba(49,130,246,.35); animation:taMapPing 2.4s ease-in-out infinite; }
.ta-dashboard__map span:nth-child(1){left:25%;top:30%}.ta-dashboard__map span:nth-child(2){left:62%;top:52%;animation-delay:.5s}.ta-dashboard__map span:nth-child(3){left:40%;top:72%;background:#ff4b55;animation-delay:1s}
.ta-dashboard__list { padding:18px 14px; display:grid; align-content:start; gap:13px; border-radius:22px; background:#fff; }
.ta-dashboard__list b { margin-bottom:5px; color:#333d4b; font-size:15px; }
.ta-dashboard__list span { padding:11px 10px; display:flex; align-items:center; gap:8px; border-radius:12px; color:#6b7684; background:#f7f9fc; font-size:12px; white-space:nowrap; }
.ta-dashboard__list span i { width:7px; height:7px; border-radius:50%; background:#2ecc71; }
.ta-dashboard__list span.is-alert i { background:#ff4b55; }
@keyframes taNoticeFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
@keyframes taPulse { 0%{box-shadow:0 0 0 0 rgba(49,130,246,.28)}70%,100%{box-shadow:0 0 0 28px rgba(49,130,246,0)} }
@keyframes taMapPing { 0%,100%{transform:scale(1)}50%{transform:scale(1.22)} }
@keyframes taReasonImageIn { from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none} }
@media(max-width:820px){.ta-reasons{padding:85px 20px 100px}.ta-reasons__title{margin-bottom:85px}.ta-reason{min-height:0;grid-template-columns:1fr;gap:52px}.ta-reason+.ta-reason{margin-top:120px}.ta-reason--first .ta-reason__visual{order:2}.ta-reason__copy{padding-inline:clamp(8px,4vw,24px);text-align:left}.ta-reason__visual,.ta-reason--first .ta-reason__visual,.ta-reason--second .ta-reason__visual,.ta-reason--third .ta-reason__visual{min-height:430px;transform:none}.ta-device--monitor{width:min(88vw,460px)}.ta-reason--second .ta-reason__copy{order:1}.ta-reason--second .ta-reason__visual{order:2}}
@media(max-width:520px){.ta-reasons__title{font-size:38px}.ta-reason__tag{min-height:48px;padding:0 21px;font-size:15px}.ta-reason__copy h4{margin-top:27px;font-size:32px}.ta-reason__copy h4 br{display:block}.ta-reason__visual{min-height:350px}.ta-reason__image{width:100%;height:350px}.ta-reason__points{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ta-reasons__title,.ta-reason{opacity:1!important;transform:none!important;transition:none!important}.ta-notice,.ta-status,.ta-phone__pulse,.ta-reason__image{animation:none!important}}

/* 토스 혜택 참고 — 스크롤 시 부채꼴로 펼쳐지는 기능 카드 */
.ta-perks { min-height:920px; padding:105px 24px 140px; color:#333d4b; background:radial-gradient(circle at 50% 65%,#edf4ff 0,rgba(237,244,255,.72) 24%,rgba(255,255,255,0) 58%),#fff; font-family:var(--fb); overflow:hidden; }
.ta-perks__inner { width:min(100%,1180px); margin:0 auto; text-align:center; }
.ta-perks__title { margin:0; color:#333d4b; font-size:clamp(38px,4vw,54px); line-height:1.25; font-weight:600; letter-spacing:-.055em; opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1); }
.ta-perks__title strong { color:#3182f6; font-weight:720; }
.ta-perks__deck { position:relative; width:min(100%,920px); height:590px; margin:88px auto 0; perspective:1200px; }
.ta-perk-card { position:absolute; left:50%; top:0; width:330px; height:510px; padding:44px 35px; overflow:hidden; border:1px solid rgba(222,229,239,.8); border-radius:44px; background:linear-gradient(155deg,#f4f7fc,#e8eff9); box-shadow:0 30px 70px rgba(64,91,130,.1); text-align:left; opacity:0; transform:translateX(-50%) translateY(85px) scale(.82); transform-origin:50% 95%; transition:opacity .65s ease,transform 1.05s cubic-bezier(.16,1,.3,1),box-shadow .4s ease; }
.ta-perk-card--left,.ta-perk-card--center,.ta-perk-card--right { background:linear-gradient(155deg,#f4f7fc,#eaf0f8); }
.ta-perk-card__index { color:#596ba5; font-size:13px; font-weight:500; letter-spacing:.01em; }
.ta-perk-card h4 { margin:18px 0 0; color:#191f28; font-size:23px; line-height:1.4; font-weight:750; letter-spacing:-.045em; white-space:normal; }
.ta-perk-card h4 strong { font-weight:750; }
.ta-perk-card p { margin:17px 0 0; color:#596574; font-size:16px; line-height:1.62; font-weight:450; letter-spacing:-.025em; word-break:keep-all; }
.ta-perk-card__note { position:absolute; left:35px; right:35px; bottom:24px; color:#9aa3b5; font-size:10.5px; line-height:1.45; font-weight:400; }
.ta-perk-card__asset { position:absolute; left:50%; bottom:58px; width:112px; height:112px; display:block; object-fit:contain; image-rendering:auto; transform:translateX(-50%); filter:drop-shadow(0 16px 18px rgba(69,81,140,.16)); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.ta-perk-card:hover .ta-perk-card__asset { transform:translateX(-50%) translateY(-8px) scale(1.04); }
.ta-perk-card__icon { position:absolute; left:50%; bottom:55px; width:116px; height:116px; display:grid; place-items:center; border-radius:32px; color:#fff; background:linear-gradient(145deg,#64a6ff,#4768ef); box-shadow:0 24px 35px rgba(49,130,246,.24),inset 0 2px 3px rgba(255,255,255,.55); transform:translateX(-50%) rotate(-6deg); font-size:70px; font-weight:500; }
.ta-perk-card__icon--people { grid-template-columns:repeat(3,24px); justify-content:center; gap:2px; background:linear-gradient(145deg,#8b54f1,#5f7ef7); }
.ta-perk-card__icon--people i { position:relative; width:20px; height:20px; border-radius:50%; background:#fff; }
.ta-perk-card__icon--people i::after { content:""; position:absolute; left:50%; top:24px; width:27px; height:28px; border-radius:16px 16px 8px 8px; background:#fff; transform:translateX(-50%); }
.ta-perk-card__icon--history { align-content:center; gap:9px; background:linear-gradient(145deg,#56cfbc,#3182f6); }
.ta-perk-card__icon--history span { width:62px; height:8px; border-radius:99px; background:#fff; box-shadow:-13px 0 0 -1px rgba(255,255,255,.6); }
.ta-perks.is-visible .ta-perks__title { opacity:1; transform:none; }
.ta-perks.is-visible .ta-perk-card { opacity:1; }
.ta-perks.is-visible .ta-perk-card--left { transform:translateX(-112%) translateY(65px) rotate(-14deg); transition-delay:.16s; }
.ta-perks.is-visible .ta-perk-card--center { z-index:3; transform:translateX(-50%) translateY(0); transition-delay:.06s; }
.ta-perks.is-visible .ta-perk-card--right { transform:translateX(12%) translateY(65px) rotate(14deg); transition-delay:.26s; }
.ta-perk-card:hover { z-index:5; box-shadow:0 38px 85px rgba(64,91,130,.18); }
.ta-perks.is-visible .ta-perk-card--left:hover { transform:translateX(-112%) translateY(48px) rotate(-10deg); }
.ta-perks.is-visible .ta-perk-card--center:hover { transform:translateX(-50%) translateY(-17px); }
.ta-perks.is-visible .ta-perk-card--right:hover { transform:translateX(12%) translateY(48px) rotate(10deg); }
@media(max-width:780px){.ta-perks{min-height:auto;padding:80px 20px 105px}.ta-perks__deck{height:auto;margin-top:60px;display:grid;gap:18px}.ta-perk-card{position:relative;left:auto;top:auto;width:100%;height:360px;padding:35px 30px;border-radius:32px;opacity:0;transform:translateY(45px)}.ta-perks.is-visible .ta-perk-card--left,.ta-perks.is-visible .ta-perk-card--center,.ta-perks.is-visible .ta-perk-card--right{transform:none}.ta-perk-card h4{font-size:22px;white-space:normal}.ta-perk-card p{max-width:72%;font-size:15px;line-height:1.62}.ta-perk-card__asset{left:auto;right:28px;bottom:34px;width:100px;height:100px;transform:none}.ta-perk-card:hover .ta-perk-card__asset{transform:translateY(-5px) scale(1.03)}.ta-perk-card:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.ta-perks__title,.ta-perk-card{opacity:1!important;transform:none!important;transition:none!important}}

/* Apple Store 선택 흐름 참고 — 고정 미리보기 + 스크롤 옵션 */
.ta-builder { padding:130px 24px 170px; color:#1d1d1f; background:#fff; font-family:var(--fb); }
.ta-builder__header { width:min(100%,1280px); margin:0 auto 90px; }
.ta-builder__header>span { color:#3182f6; font-size:14px; font-weight:700; letter-spacing:.08em; }
.ta-builder__header h3 { margin:18px 0 0; font-size:clamp(42px,5vw,68px); line-height:1.13; font-weight:600; letter-spacing:-.06em; }
.ta-builder__header h3 strong { color:#3182f6; font-weight:650; }
.ta-builder__header p { margin:24px 0 0; color:#6e6e73; font-size:19px; line-height:1.6; }
.ta-builder.is-motion-ready .ta-builder__header,.ta-builder.is-motion-ready .ta-builder__preview,.ta-builder.is-motion-ready .ta-builder__step { opacity:0; transform:translateY(44px); transition:opacity .78s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1); }
.ta-builder.is-motion-ready .ta-builder-addon { opacity:0; transform:translateY(44px); transition:opacity .78s .38s cubic-bezier(.2,.75,.2,1),transform .9s .38s cubic-bezier(.2,.75,.2,1); }
.ta-builder.is-motion-ready .ta-builder__preview { transition-delay:.1s; }
.ta-builder.is-motion-ready .ta-builder__step:nth-child(1) { transition-delay:.18s; }
.ta-builder.is-motion-ready .ta-builder__step:nth-child(2) { transition-delay:.25s; }
.ta-builder.is-motion-ready .ta-builder__step:nth-child(3) { transition-delay:.32s; }
.ta-builder.is-motion-ready.is-visible .ta-builder__header,.ta-builder.is-motion-ready.is-visible .ta-builder__preview,.ta-builder.is-motion-ready.is-visible .ta-builder__step,.ta-builder.is-motion-ready.is-visible .ta-builder-addon { opacity:1; transform:none; }
.ta-builder__layout { width:min(100%,1450px); margin:0 auto; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(390px,.7fr); gap:56px; align-items:start; }
.ta-builder__preview { position:sticky; top:88px; min-height:720px; padding:55px 55px 124px; display:grid; place-items:center; overflow:hidden; border-radius:14px; background:#f5f5f7; }
.ta-builder__plan-image { display:block; width:min(64%,480px); height:min(64%,480px); object-fit:contain; object-position:center center; transition:opacity .18s ease,transform .28s ease; }
.ta-builder__plan-image[data-plan="water"] { object-position:center calc(50% + 18px); }
.ta-builder__carousel { position:absolute; inset:0; box-sizing:border-box; padding:0; overflow:hidden; border-radius:inherit; background:#f5f5f7; }
.ta-builder__carousel .ta-builder__plan-image { width:100%; height:100%; max-width:none; border-radius:12px; object-fit:cover; object-position:center; }
.ta-builder__carousel.is-product { position:absolute; inset:0; display:block; overflow:hidden; }
.ta-builder__carousel.is-product .ta-builder__plan-image { width:100%; height:100%; object-fit:contain; }
.ta-builder__carousel-controls { position:absolute; inset:0; z-index:4; pointer-events:none; }
.ta-builder__carousel-arrow { position:absolute; top:50%; width:104px; height:104px; padding:0; display:grid; place-items:center; overflow:visible; border:0; border-radius:50%; color:transparent; background:transparent; box-shadow:none; font-size:0; line-height:1; cursor:pointer; pointer-events:auto; transform:translateY(-50%); transition:transform .18s ease,filter .18s ease; }
.ta-builder__carousel-arrow::before { content:""; width:100%; height:100%; background:url('/images/alarm/carousel-arrow-button.webp') center/contain no-repeat; }
.ta-builder__carousel-arrow--prev::before { transform:rotate(180deg); }
.ta-builder__carousel-arrow:hover { background:transparent; filter:brightness(.96); transform:translateY(-50%) scale(1.04); }
.ta-builder__carousel-arrow:focus-visible { outline:3px solid rgba(0,113,227,.55); outline-offset:3px; }
.ta-builder__carousel-arrow--prev { left:0; }
.ta-builder__carousel-arrow--next { right:0; }
.ta-builder__carousel-dots { position:absolute; left:50%; bottom:26px; display:flex; gap:4px; padding:0; border:0; border-radius:0; background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; transform:translateX(-50%); pointer-events:auto; }
.ta-builder__carousel-dot { position:relative; width:20px; height:20px; padding:0; border:0; border-radius:50%; background:transparent; box-shadow:none; cursor:pointer; }
.ta-builder__carousel-dot::before { content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; border-radius:50%; background:rgba(0,0,0,.42); transform:translate(-50%,-50%); transition:background-color .18s ease; }
.ta-builder__carousel-dot.is-active::before { background:rgba(0,0,0,.8); }
.ta-builder__carousel-dot:focus-visible { outline:2px solid rgba(0,113,227,.65); outline-offset:1px; }
.ta-builder__carousel[hidden] { display:none; }
.ta-builder__preview.has-fire-carousel .ta-builder__site-birds { display:none; }
.ta-builder__site-birds { position:absolute; right:28px; bottom:24px; max-width:calc(100% - 56px); display:flex; align-items:flex-end; justify-content:flex-end; gap:3px; }
.ta-builder__site-birds img { flex:0 1 64px; width:clamp(40px,4.35vw,64px); min-width:0; height:auto; object-fit:contain; filter:drop-shadow(0 5px 7px rgba(26,43,65,.12)); animation:taBuilderBirdIn .32s cubic-bezier(.2,.8,.2,1) both; }
.ta-builder__site-birds img:nth-child(2n){animation-delay:.035s}.ta-builder__site-birds img:nth-child(3n){animation-delay:.07s}
@keyframes taBuilderBirdIn{from{opacity:0;transform:translateY(9px) scale(.8)}to{opacity:1;transform:none}}
.ta-builder__device { position:relative; width:min(100%,360px); aspect-ratio:.58; margin:auto; padding:13px; border-radius:58px; background:linear-gradient(145deg,#20232d,#090a0e); box-shadow:0 38px 80px rgba(20,24,40,.22); transform:rotate(-4deg); }
.ta-builder__device-top { position:absolute; left:50%; width:98px; height:27px; margin-top:8px; border-radius:99px; background:#050608; transform:translateX(-50%); z-index:2; }
.ta-builder__device-screen { position:relative; height:100%; padding:62px 30px 35px; overflow:hidden; border-radius:47px; color:#fff; background:radial-gradient(circle at 60% 26%,rgba(139,84,241,.75),transparent 32%),linear-gradient(155deg,#0a1535,#172c78 55%,#0b101d); }
.ta-builder__status { font-size:11px; font-weight:700; letter-spacing:.14em; opacity:.68; }
.ta-builder__device-screen>p { position:absolute; left:30px; bottom:38px; margin:0; font-size:25px; line-height:1.35; font-weight:650; }
.ta-builder__pulse { position:absolute; left:50%; top:43%; width:120px; height:120px; transform:translate(-50%,-50%); }
.ta-builder__pulse i { position:absolute; inset:0; border:2px solid rgba(76,196,252,.7); border-radius:50%; animation:taBuilderPulse 2.7s ease-out infinite; }
.ta-builder__pulse i:nth-child(2){animation-delay:.8s}.ta-builder__pulse i:nth-child(3){animation-delay:1.6s}
.ta-builder__summary { align-self:end; padding-bottom:20px; }
.ta-builder__eyebrow { color:#6e6e73; font-size:14px; }
.ta-builder__summary h4 { margin:10px 0 18px; font-size:30px; line-height:1.25; font-weight:650; letter-spacing:-.045em; }
.ta-builder__chips { display:flex; flex-wrap:wrap; gap:7px; }
.ta-builder__chips span { padding:7px 11px; border-radius:999px; color:#4e5968; background:#fff; font-size:12px; }
.ta-builder__price { margin:34px 0 0; }
.ta-builder__price small,.ta-builder__price strong { display:block; }
.ta-builder__price small { color:#6e6e73; font-size:13px; }
.ta-builder__price strong { margin-top:7px; color:#191f28; font-size:32px; line-height:1.2; font-weight:700; }
.ta-builder__notice { margin:18px 0 0; color:#8b95a1; font-size:12px; line-height:1.55; }
.ta-builder__options { display:grid; gap:0; }
.ta-builder__rail { display:none; pointer-events:none; }
.ta-builder__mobile-install { display:none; }
.ta-builder-install-modal { width:min(760px,calc(100% - 20px)); max-width:none; margin:auto; padding:0; overflow:hidden; border:0; border-radius:22px; background:#f5f5f7; box-shadow:0 30px 90px rgba(15,23,42,.28); }
.ta-builder-install-modal::backdrop { background:rgba(15,23,42,.62); backdrop-filter:blur(6px); }
.ta-builder-install-modal__close { position:absolute; z-index:4; top:12px; right:12px; width:40px; height:40px; display:grid; place-items:center; border:0; border-radius:50%; color:#4e5968; background:rgba(255,255,255,.9); font-size:25px; line-height:1; cursor:pointer; }
.ta-builder-install-modal__track { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x; cursor:grab; }
.ta-builder-install-modal__track.is-dragging { scroll-snap-type:none; cursor:grabbing; }
.ta-builder-install-modal__track::-webkit-scrollbar { display:none; }
.ta-builder-install-modal__track img { flex:0 0 100%; width:100%; height:min(68svh,620px); display:block; object-fit:cover; scroll-snap-align:start; }
.ta-builder-install-modal__dots { position:absolute; z-index:3; left:50%; bottom:16px; display:flex; gap:7px; transform:translateX(-50%); }
.ta-builder-install-modal__dots i { width:7px; height:7px; display:block; border-radius:50%; background:rgba(255,255,255,.62); box-shadow:0 1px 4px rgba(0,0,0,.24); }
.ta-builder-install-modal__dots i.is-active { background:#fff; }
.ta-builder__step { min-height:72vh; margin:0; padding:32px 0 95px; border:0; display:flex; flex-direction:column; gap:13px; }
.ta-builder__step legend { margin:0 0 22px; padding:0; color:#6e6e73; font-size:24px; line-height:1.35; font-weight:600; letter-spacing:-.04em; }
.ta-builder__step legend b { color:#1d1d1f; }
.ta-builder__option { position:relative; min-height:106px; padding:22px 21px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px; border:1px solid #d2d2d7; border-radius:14px; background:#fff; cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease,transform .25s ease; }
.ta-builder__option:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.06); }
.ta-builder__option:has(input:checked) { border:2px solid #3182f6; padding:21px 20px; box-shadow:none; }
.ta-builder__option input { position:absolute; opacity:0; pointer-events:none; }
.ta-builder__option span b,.ta-builder__option span small { display:block; }
.ta-builder__option span b { color:#1d1d1f; font-size:18px; font-weight:650; }
.ta-builder__option span small { margin-top:8px; color:#6e6e73; font-size:13px; line-height:1.45; }
.ta-builder__option em { color:#333; font-size:13px; line-height:1.4; font-style:normal; text-align:right; }
.ta-builder__stepper { width:100%; display:grid; grid-template-columns:74px minmax(100px,1fr) 74px; align-items:center; overflow:hidden; border:1px solid #d2d2d7; border-radius:10px; background:#f5f5f7; }
.ta-builder__stepper button { width:74px; height:58px; border:0; color:#333; background:transparent; font-size:29px; font-weight:300; cursor:pointer; }
.ta-builder__stepper button:hover { background:#e8f2ff; }
.ta-builder__stepper input { width:100%; height:58px; padding:0; border:0; border-inline:1px solid #d2d2d7; outline:0; color:#1d1d1f; background:#fff; font:400 21px/1 var(--fb); text-align:center; appearance:textfield; }
.ta-builder__stepper input::-webkit-inner-spin-button,.ta-builder__stepper input::-webkit-outer-spin-button { appearance:none; margin:0; }
.ta-builder__stepper input:focus { box-shadow:inset 0 0 0 2px #3182f6; }
.ta-builder__unit { margin:12px 2px 2px; color:#6e6e73; font-size:14px; line-height:1.45; }
.ta-builder__unit-note { margin:10px 2px 2px; color:#6e6e73; font-size:14px; line-height:1.45; }
.ta-builder__help { min-height:96px; margin-top:14px; padding:20px 21px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-radius:14px; color:#1d1d1f; background:#f5f5f7; text-decoration:none; transition:background-color .2s ease,transform .2s ease; }
.ta-builder__help:hover { color:#1d1d1f; background:#eef1f5; transform:translateY(-2px); }
.ta-builder__help b,.ta-builder__help small { display:block; }
.ta-builder__help b { font-size:15px; line-height:1.4; font-weight:650; }
.ta-builder__help small { margin-top:7px; color:#4e5968; font-size:14px; }
.ta-builder__help i { flex:0 0 25px; width:25px; height:25px; display:grid; place-items:center; border:1.5px solid #1d1d1f; border-radius:50%; font-size:17px; line-height:1; font-style:normal; }
.ta-builder__cta { min-height:58px; margin-top:16px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; border:0; border-radius:14px; color:#fff; background:#0071e3; font:600 16px/1 var(--fb); cursor:pointer; transition:background-color .2s ease,transform .2s ease; }
.ta-builder__cta:hover { background:#0077ed; transform:translateY(-2px); }
.ta-builder__cta span { font-size:24px; }
.ta-builder-addon { width:min(100%,1450px); margin:54px auto 0; padding:0; border:0; }
.ta-builder-addon legend { width:100%; margin:0 0 24px; padding:0; color:#8b95a1; font-size:25px; line-height:1.4; font-weight:600; letter-spacing:-.035em; }
.ta-builder-addon legend b { color:#1d1d1f; font-weight:700; }
.ta-builder-addon__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.66fr); gap:14px; align-items:stretch; }
.ta-builder-addon__choice { position:relative; min-height:116px; padding:24px 28px; display:flex; align-items:center; justify-content:center; border:1px solid #b7b7bc; border-radius:14px; background:#fff; text-align:center; cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.ta-builder-addon__choice:hover { transform:translateY(-2px); border-color:#86868b; }
.ta-builder-addon__choice:has(input:checked) { border:2px solid #3182f6; padding:23px 27px; box-shadow:none; }
.ta-builder-addon__choice input { position:absolute; opacity:0; pointer-events:none; }
.ta-builder-addon__choice b,.ta-builder-addon__choice small { display:block; }
.ta-builder-addon__choice b { color:#1d1d1f; font-size:17px; line-height:1.35; font-weight:650; }
.ta-builder-addon__choice small { margin-top:7px; color:#6e6e73; font-size:13px; line-height:1.45; }
.ta-builder-addon__help { min-height:116px; padding:22px 24px; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; border-radius:14px; color:#1d1d1f; background:#f5f5f7; text-decoration:none; transition:background-color .2s ease,transform .2s ease; }
.ta-builder-addon__help:hover { color:#1d1d1f; background:#eceef1; transform:translateY(-2px); }
.ta-builder-addon__help b,.ta-builder-addon__help small { display:block; }
.ta-builder-addon__help b { font-size:14px; line-height:1.45; font-weight:650; }
.ta-builder-addon__help small { margin-top:6px; color:#4e5968; font-size:13px; line-height:1.5; }
.ta-builder-addon__help i { flex:0 0 23px; width:23px; height:23px; display:grid; place-items:center; border:1.4px solid #1d1d1f; border-radius:50%; font-size:15px; line-height:1; font-style:normal; }
.ta-builder-result { position:relative; isolation:isolate; contain:paint; width:min(100%,1450px); min-height:450px; margin:110px auto 0; padding:54px 70px 0; display:grid; grid-template-columns:1.15fr .9fr .72fr; gap:60px; overflow:hidden; color:#1d1d1f; background:#f5f5f7; }
.ta-builder-result__product { position:relative; min-width:0; min-height:396px; overflow:hidden; }
.ta-builder-result__product h4 { position:relative; z-index:2; margin:0; font-size:clamp(34px,3.2vw,52px); line-height:1.15; font-weight:650; letter-spacing:-.06em; }
.ta-builder-result__product h4 span { color:#86868b; }
.ta-builder-result__product img { position:absolute; left:50%; bottom:-31%; width:min(94%,520px); max-width:100%; height:90%; object-fit:contain; object-position:center bottom; transform:translateX(-50%); }
.ta-builder-result__summary { padding-top:7px; }
.ta-builder-result__model { margin:0 0 12px; color:#1d1d1f; font-size:18px; line-height:1.4; }
.ta-builder-result__price { display:block; margin-bottom:34px; font-size:27px; line-height:1.25; font-weight:650; }
.ta-builder-result__summary dl { margin:0; padding:26px 0; border-block:1px solid #d2d2d7; }
.ta-builder-result__summary dl div { display:flex; justify-content:space-between; gap:24px; padding:8px 0; font-size:14px; line-height:1.45; }
.ta-builder-result__summary dt { color:#86868b; }
.ta-builder-result__summary dd { margin:0; color:#1d1d1f; font-weight:600; text-align:right; }
.ta-builder-result__note { margin:24px 0 0; color:#86868b; font-size:12px; line-height:1.65; }
.ta-builder-result__action { padding-top:3px; }
.ta-builder-result__action>div { display:flex; align-items:flex-start; gap:12px; margin-bottom:23px; }
.ta-builder-result__action>div>span { width:24px; color:#1d1d1f; font-size:20px; line-height:1.2; text-align:center; }
.ta-builder-result__action p,.ta-builder-result__action small,.ta-builder-result__action b { display:block; margin:0; }
.ta-builder-result__action small { margin-bottom:5px; color:#6e6e73; font-size:12px; }
.ta-builder-result__action b { font-size:14px; line-height:1.4; font-weight:600; }
.ta-builder-result__action p>a { color:#3182f6; font-size:14px; line-height:1.45; font-weight:600; text-decoration:none; }
.ta-builder-result__action p>a:hover { text-decoration:underline; text-underline-offset:3px; }
.ta-builder-result__action>a { min-height:54px; margin-top:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; color:#fff; background:#3182f6; font-size:15px; font-weight:600; text-decoration:none; transition:background-color .2s ease; }
.ta-builder-result__action>a:hover { color:#fff; background:#1b64da; }
@keyframes taBuilderPulse { 0%{opacity:0;transform:scale(.3)}20%{opacity:1}100%{opacity:0;transform:scale(1.35)} }
@media(max-width:980px){.ta-builder{padding:100px 20px 130px}.ta-builder__layout{grid-template-columns:1fr;gap:65px}.ta-builder__preview{position:relative;top:auto;min-height:580px}.ta-builder__step{min-height:auto;padding-bottom:75px}.ta-builder-addon{margin-top:20px}.ta-builder-addon__grid{grid-template-columns:1fr 1fr}.ta-builder-addon__help{grid-column:1/-1}}
@media(max-width:980px){.ta-builder-result{margin-top:80px;padding:54px 46px 0;grid-template-columns:1fr 1fr;gap:44px}.ta-builder-result__product{grid-row:span 2}.ta-builder-result__action{grid-column:2}.ta-builder-result__action>a{margin-top:24px}.ta-builder-result__product img{width:100%;height:86%;bottom:-28%}}
@media(max-width:620px){.ta-builder__header{margin-bottom:55px}.ta-builder__header h3{font-size:42px}.ta-builder__preview{min-height:430px;padding:35px 24px 102px}.ta-builder__carousel{padding:0}.ta-builder__carousel .ta-builder__plan-image,.ta-builder__carousel.is-product .ta-builder__plan-image{width:100%;height:100%}.ta-builder__carousel-arrow{width:76px;height:76px}.ta-builder__carousel-arrow--prev{left:-8px}.ta-builder__carousel-arrow--next{right:-8px}.ta-builder__carousel-dots{bottom:16px}.ta-builder__site-birds{right:16px;bottom:18px;max-width:calc(100% - 32px);gap:1px}.ta-builder__site-birds img{width:clamp(29px,8.7vw,42px)}.ta-builder__step legend{font-size:21px}.ta-builder__option{min-height:112px;grid-template-columns:1fr}.ta-builder__option em{text-align:left}.ta-builder__stepper{grid-template-columns:62px 1fr 62px}.ta-builder__stepper button{width:62px}}
@media(max-width:620px){.ta-builder-addon legend{font-size:21px}.ta-builder-addon__grid{grid-template-columns:1fr}.ta-builder-addon__help{grid-column:auto}.ta-builder-addon__choice,.ta-builder-addon__help{min-height:104px}}
@media(max-width:620px){.ta-builder-result{min-height:0;margin-top:60px;padding:38px 24px 34px;grid-template-columns:1fr;gap:36px}.ta-builder-result__product{min-height:340px;grid-row:auto}.ta-builder-result__product h4{font-size:36px}.ta-builder-result__product img{left:50%;bottom:-29%;width:100%;height:88%}.ta-builder-result__action{grid-column:auto}.ta-builder-result__action>a{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.ta-builder__pulse i{animation:none!important}.ta-builder.is-motion-ready .ta-builder__header,.ta-builder.is-motion-ready .ta-builder__preview,.ta-builder.is-motion-ready .ta-builder__step,.ta-builder.is-motion-ready .ta-builder-addon{opacity:1;transform:none;transition:none}}

/* 긴급 경보 알리미 상세 — 메시지 중심 프로모션 랜딩 */
.promo-detail-body:has(.eap) { background:#fff; border-radius:24px; }
.eap { --eap-blue:#1769e8; --eap-navy:#071d49; --eap-soft:#edf5ff; color:#101828; background:#fff; font-family:var(--fb); }
.eap * { box-sizing:border-box; }
.eap h2,.eap h3,.eap h4,.eap p { margin:0; }
.eap em { color:var(--eap-blue); font-style:normal; }
.eap-hero { min-height:680px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:54px; padding:84px clamp(28px,6vw,76px); overflow:hidden; }
.eap-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--eap-blue); font-size:15px; font-weight:800; }
.eap-kicker i { width:8px; height:8px; border-radius:50%; background:#ff3b30; box-shadow:0 0 0 6px rgba(255,59,48,.12); }
.eap-hero h2 { margin-top:25px; font-size:clamp(52px,6.5vw,88px); line-height:1.02; letter-spacing:-.065em; font-weight:850; }
.eap-hero-copy>p { margin-top:28px; color:#526173; font-size:clamp(18px,2vw,24px); line-height:1.65; letter-spacing:-.02em; }
.eap-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:34px; }
.eap-primary,.eap-secondary { min-height:56px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:14px; border:0; font:800 16px/1 var(--fb); text-decoration:none; cursor:pointer; transition:transform .18s,filter .18s; }
.eap-primary { background:var(--eap-blue); color:#fff; box-shadow:0 10px 28px rgba(23,105,232,.22); }
.eap-secondary { color:#24405f; background:#eef3f8; }
.eap-primary:hover,.eap-secondary:hover { transform:translateY(-2px); filter:brightness(1.03); }
.eap-price { display:flex; align-items:center; gap:12px; margin-top:25px; color:#64748b; font-size:14px; }
.eap-price strong { color:#101828; font-size:18px; }
.eap-price span { padding-left:12px; border-left:1px solid #d6dee8; }
.eap-hero-visual { position:relative; border-radius:30px; overflow:hidden; box-shadow:0 32px 80px rgba(2,16,54,.2); transform:rotate(1.5deg); }
.eap-hero-visual img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; transform:scale(1.015); }
.eap-intro { padding:140px 30px 110px; text-align:center; background:#f7f9fc; }
.eap-section-no { display:block; margin-bottom:25px; color:var(--eap-blue); font-size:14px; font-weight:850; letter-spacing:.12em; }
.eap-intro h3,.eap-products>h3 { font-size:clamp(40px,6vw,72px); line-height:1.12; letter-spacing:-.055em; font-weight:850; }
.eap-intro p { margin-top:30px; color:#66758a; font-size:clamp(17px,2vw,22px); line-height:1.75; }
.eap-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:20px; padding:70px clamp(24px,5vw,70px) 120px; background:#f7f9fc; }
.eap-flow article { min-height:258px; padding:30px; border:1px solid #e2e9f2; border-radius:24px; background:#fff; box-shadow:0 12px 40px rgba(21,44,78,.06); }
.eap-flow article.is-accent { color:#fff; border-color:var(--eap-blue); background:var(--eap-blue); box-shadow:0 20px 50px rgba(23,105,232,.22); }
.eap-flow-icon { width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:17px; background:var(--eap-soft); color:var(--eap-blue); font-size:27px; font-weight:900; }
.is-accent .eap-flow-icon { background:rgba(255,255,255,.17); color:#fff; }
.eap-flow small { display:block; margin-top:26px; color:#8a99ab; font-size:11px; font-weight:850; letter-spacing:.12em; }
.eap-flow h4 { margin-top:8px; font-size:22px; letter-spacing:-.035em; }
.eap-flow p { margin-top:12px; color:#758396; font-size:15px; line-height:1.65; }
.eap-flow .is-accent small,.eap-flow .is-accent p { color:rgba(255,255,255,.72); }
.eap-arrow { color:#b7c4d4; font-size:26px; }
.eap-values { padding:130px clamp(28px,6vw,78px); background:var(--eap-navy); color:#fff; }
.eap-value-head { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }
.eap-value-head .eap-section-no { margin:0; }
.eap-value-head h3 { max-width:650px; font-size:clamp(40px,5vw,66px); line-height:1.13; letter-spacing:-.05em; }
.eap-value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:74px; }
.eap-value-grid article { padding:34px 30px 38px; border-top:1px solid rgba(255,255,255,.2); }
.eap-value-grid strong { color:#69a7ff; font-size:14px; }
.eap-value-grid h4 { margin-top:42px; font-size:26px; }
.eap-value-grid p { margin-top:16px; color:#aab8cc; font-size:16px; line-height:1.7; }
.eap-products { padding:140px clamp(28px,6vw,78px); text-align:center; background:#fff; }
.eap-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:70px; }
.eap-product-grid article { padding:42px 18px 38px; border:1px solid #e5eaf0; border-radius:24px; background:#fff; box-shadow:0 14px 40px rgba(30,55,90,.07); }
.eap-product-grid span { height:62px; display:flex; align-items:center; justify-content:center; color:var(--eap-blue); font-size:46px; font-weight:800; }
.eap-product-grid .fire { color:#f04452; }.eap-product-grid .water { color:#3a7afe; }.eap-product-grid .power { color:#f4aa00; }.eap-product-grid .machine { color:#173b7a; }
.eap-product-grid h4 { margin-top:24px; color:#0b2b65; font-size:24px; line-height:1.25; }
.eap-product-grid p { margin-top:18px; padding-top:18px; border-top:1px solid #e1e8f0; color:#66758a; font-size:15px; line-height:1.6; }
.eap-final { padding:120px 30px; text-align:center; color:#fff; background:linear-gradient(135deg,#125ed3,#7347ee); }
.eap-final>span { display:inline-flex; padding:8px 13px; border-radius:999px; color:#dceaff; background:rgba(255,255,255,.13); font-size:13px; font-weight:800; }
.eap-final h3 { margin-top:26px; font-size:clamp(42px,6vw,74px); line-height:1.1; letter-spacing:-.055em; }
.eap-final>p { margin-top:22px; color:#dce9ff; font-size:20px; }
.eap-actions-center { justify-content:center; }
.eap-primary-light { color:#125ed3; background:#fff; box-shadow:0 12px 35px rgba(0,0,0,.18); }
.eap-call { color:#fff; padding:16px; font-weight:750; text-decoration:none; }
@media (max-width:900px){
  .eap-hero { grid-template-columns:1fr; padding-top:64px; }
  .eap-hero-visual { order:-1; transform:none; }
  .eap-flow { grid-template-columns:1fr; }
  .eap-arrow { transform:rotate(90deg); text-align:center; }
  .eap-product-grid { grid-template-columns:repeat(2,1fr); }
  .eap-value-head { display:block; }
  .eap-value-head h3 { margin-top:25px; }
}
@media (max-width:640px){
  .promo-detail-body:has(.eap) { border-radius:16px; }
  .eap-hero { min-height:0; gap:36px; padding:28px 20px 64px; }
  .eap-hero h2 { font-size:48px; }
  .eap-hero-copy>p br { display:none; }
  .eap-primary,.eap-secondary { width:100%; }
  .eap-price { align-items:flex-start; flex-direction:column; }
  .eap-price span { padding:0; border:0; }
  .eap-intro,.eap-products { padding:90px 20px; }
  .eap-flow { padding:50px 20px 90px; }
  .eap-values { padding:90px 20px; }
  .eap-value-grid { grid-template-columns:1fr; margin-top:48px; }
  .eap-value-grid article { padding-left:0; padding-right:0; }
  .eap-product-grid { grid-template-columns:1fr; margin-top:45px; }
  .eap-final { padding:90px 20px; }
}

.emergency-apply { scroll-margin-top:28px; padding:90px 24px 110px; color:#172033; background:#fff; font-family:var(--fb); }
.emergency-apply__inner { width:min(100%,960px); margin:0 auto; }
.emergency-apply .promo-apply-head { margin-bottom:32px; }
.emergency-apply .promo-apply-head h2 { margin-top:0; color:#172033; font-size:clamp(30px,3vw,42px); }
.emergency-apply .promo-apply-head h2 em { color:#2878ed; }
.emergency-apply .promo-apply-head p { color:#7b8799; }
.emergency-apply__form { max-width:760px; padding:48px 50px 42px; border:1px solid #e3e7ed; border-radius:26px; color:#667085; background:#fff; box-shadow:0 18px 55px rgba(52,63,82,.1); }
.emergency-apply__form .paf-row { gap:16px; margin-bottom:20px; }
.emergency-apply__form .paf-field>span,.paf-models legend { color:#667085; font-size:14px; font-weight:700; }
.emergency-apply__form .paf-field>span b,.paf-models legend b { color:#ef4444; }
.emergency-apply__form .paf-field input,.emergency-apply__form .paf-field select,.emergency-apply__form .paf-field textarea { width:100%; min-height:50px; box-sizing:border-box; padding:14px 16px; border:1px solid #d5dae2; border-radius:12px; color:#667085; background:#fff; font:500 15px/1.45 var(--fb); box-shadow:none; }
.emergency-apply__form .paf-field textarea { min-height:112px; resize:vertical; }
.emergency-apply__form .paf-field input::placeholder,.emergency-apply__form .paf-field textarea::placeholder { color:#929cab; }
.paf-models { margin:0 0 30px; padding:0; border:0; }
.paf-models legend { margin-bottom:14px; }
.paf-models legend small { color:#8792a3; font-size:12px; font-weight:500; }
.paf-models__choices { display:flex; flex-wrap:wrap; gap:10px; }
.paf-models__choices label { cursor:pointer; }
.paf-models__choices input { position:absolute; opacity:0; pointer-events:none; }
.paf-models__choices span { min-height:44px; padding:0 20px; display:flex; align-items:center; justify-content:center; border:1px solid #cdd9e8; border-radius:999px; color:#40516b; background:#fff; font-size:14px; font-weight:700; transition:border-color .18s,background .18s,color .18s; }
.paf-models__choices input:checked+span { border-color:#2878ed; color:#1767d7; background:#e4efff; }
.paf-models__choices input:focus-visible+span { outline:3px solid rgba(40,120,237,.22); }
.paf-consents { margin-top:18px; display:grid; gap:12px; }
.paf-consents label { display:flex; align-items:flex-start; gap:10px; color:#7b8799; font-size:12.5px; line-height:1.5; cursor:pointer; }
.paf-consents input { flex:0 0 auto; width:17px; height:17px; margin-top:1px; accent-color:#2878ed; }
.paf-consents b { color:#64748b; }
.paf-consents a { color:#2878ed; text-underline-offset:2px; }
.emergency-apply__form .paf-actions { margin-top:28px; padding-top:0; display:block; border-top:0; }
.emergency-apply__form .paf-status { display:block; margin-bottom:10px; text-align:center; color:#637083; }
.emergency-apply__form .paf-status.ok { color:#16835b; }
.emergency-apply__form .paf-status.err { color:#d83a4a; }
.emergency-apply__form .cta-primary { width:100%; min-height:62px; justify-content:center; border-radius:13px; background:#2878ed; font-size:18px; font-weight:800; box-shadow:none; }
.emergency-apply__form .paf-footnote { margin:16px 0 0; color:#8b96a7; font-size:12px; text-align:center; }
html { scroll-behavior:smooth; }

@media (max-width:640px){.emergency-apply__form{padding:30px 20px 28px;border-radius:20px}.paf-models__choices{display:grid;grid-template-columns:1fr 1fr}.paf-models__choices span{padding:0 12px}.emergency-apply__form .cta-primary{min-height:54px;font-size:16px}}

/* 긴급 경보 알리미 — 모바일 경량 버전
   데스크톱의 연출은 유지하고 작은 화면에서만 이동·블러·반복 모션을 제거한다. */
@media (max-width:768px){
  #promoDetailBody,
  #promoDetailBody section,
  #promoDetailBody article,
  #promoDetailBody div,
  #promoDetailBody form,
  #promoDetailBody fieldset { min-width:0; max-width:100%; box-sizing:border-box; }
  #promoDetailBody img,
  #promoDetailBody video,
  #promoDetailBody svg { max-width:100%; }
  #promoDetailBody h1,
  #promoDetailBody h2,
  #promoDetailBody h3,
  #promoDetailBody h4,
  #promoDetailBody p { max-width:100%; box-sizing:border-box; } #promoDetailBody .ti-security *, #promoDetailBody .ta-alerts *, #promoDetailBody .ta-reasons *, #promoDetailBody .ta-perks *, #promoDetailBody .ta-builder * { animation:none!important; transition-duration:.01ms!important; transition-delay:0s!important; } #promoDetailBody .ti-security, #promoDetailBody .ta-alerts, #promoDetailBody .ta-reasons, #promoDetailBody .ta-perks, #promoDetailBody .ta-builder { overflow-x:hidden; }

  #promoDetailBody .ti-reveal,
  #promoDetailBody .ta-alerts__lead,
  #promoDetailBody .ta-alerts__title,
  #promoDetailBody .ta-alert-card,
  #promoDetailBody .ta-reasons__title,
  #promoDetailBody .ta-reason,
  #promoDetailBody .ta-perks__title,
  #promoDetailBody .ta-perk-card,
  #promoDetailBody .ta-builder.is-motion-ready .ta-builder__header,
  #promoDetailBody .ta-builder.is-motion-ready .ta-builder__preview,
  #promoDetailBody .ta-builder.is-motion-ready .ta-builder__step,
  #promoDetailBody .ta-builder.is-motion-ready .ta-builder-addon { opacity:1!important; transform:none!important; filter:none!important; }

  #promoDetailBody .ta-alert-card:hover,
  #promoDetailBody .ta-reason:hover .ta-reason__image,
  #promoDetailBody .ta-perk-card:hover,
  #promoDetailBody .ta-builder__option:hover,
  #promoDetailBody .ta-builder__help:hover,
  #promoDetailBody .ta-builder-addon__choice:hover,
  #promoDetailBody .ta-builder-addon__help:hover { transform:none!important; }

  #promoDetailBody .ta-phone__pulse,
  #promoDetailBody .ta-builder__pulse,
  #promoDetailBody .ta-alert-modal__visual::before,
  #promoDetailBody .ta-alert-modal__visual::after { display:none!important; }

  #promoDetailBody .ta-notice,
  #promoDetailBody .ta-status,
  #promoDetailBody .ta-reason__image,
  #promoDetailBody .ta-builder__site-birds img { filter:none!important; }

  #promoDetailBody .ta-reasons { padding:72px 20px 84px; }
  #promoDetailBody .ta-reasons__title { margin-bottom:58px; font-size:34px; }
  #promoDetailBody .ta-reason { min-height:0; grid-template-columns:1fr; gap:24px; }
  #promoDetailBody .ta-reason + .ta-reason { margin-top:78px; }
  #promoDetailBody .ta-reason__copy { padding-inline:0; }
  #promoDetailBody .ta-reason__copy h4 { width:100%; margin-top:24px; font-size:clamp(27px,8.7vw,34px); white-space:normal!important; overflow-wrap:break-word; word-break:keep-all; }
  #promoDetailBody .ta-reason__copy p { margin-top:20px; font-size:17px; line-height:1.65; }
  #promoDetailBody .ta-reason__visual { min-height:250px; height:250px; order:-1; align-items:end; transform:none; }
  #promoDetailBody .ta-reason__image { width:min(100%,360px); height:250px; object-position:center bottom; }
  #promoDetailBody .ta-reason--first .ta-reason__image { object-position:calc(50% + 10px) bottom; }
  #promoDetailBody .ta-reason--third .ta-reason__image { width:min(90%,330px); max-width:100%; }

  #promoDetailBody .ta-perks { min-height:0; padding:76px 20px 86px; background:#fff; }
  #promoDetailBody .ta-perks__title { font-size:34px; }
  #promoDetailBody .ta-perks__deck { width:100%; height:auto; margin-top:44px; display:grid; gap:16px; perspective:none; }
  #promoDetailBody .ta-perk-card,
  #promoDetailBody .ta-perks.is-visible .ta-perk-card--left,
  #promoDetailBody .ta-perks.is-visible .ta-perk-card--center,
  #promoDetailBody .ta-perks.is-visible .ta-perk-card--right { position:relative; left:auto; top:auto; width:100%; height:390px; padding:34px 28px; transform:none; border-radius:26px; }
  #promoDetailBody .ta-perk-card__asset { bottom:42px; }

  #promoDetailBody .ta-builder { padding:78px 18px 92px; }
  #promoDetailBody .ta-builder__header { margin-bottom:42px; }
  #promoDetailBody .ta-builder__header h3 { font-size:38px; }
  #promoDetailBody .ta-builder__header p { font-size:16px; }
  #promoDetailBody .ta-builder__layout { gap:44px; }
  #promoDetailBody .ta-builder__options { position:relative; }
  #promoDetailBody .ta-builder__rail { position:absolute; z-index:3; right:clamp(-12px,-2.6vw,-8px); top:22px; bottom:calc(-1 * var(--builder-rail-extend,0px)); width:1px; display:block; background:#e5e8eb; }
  #promoDetailBody .ta-builder__rail i { position:absolute; left:0; top:0; width:1px; height:100%; display:block; background:#3182f6; transform-origin:top; transform:scaleY(var(--builder-progress,0)); transition:transform .12s linear; }
  #promoDetailBody .ta-builder__preview { display:none!important; }
  #promoDetailBody .ta-builder__layout { display:block; }
  #promoDetailBody .ta-builder__mobile-install { margin-top:12px; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:10px; }
  #promoDetailBody .ta-builder__mobile-install.is-visible { display:grid; }
  #promoDetailBody .ta-builder__mobile-install-photo { min-width:0; height:116px; padding:0; overflow:hidden; border:0; border-radius:14px; background:#f2f4f6; cursor:pointer; }
  #promoDetailBody .ta-builder__mobile-install-photo img { width:100%; height:100%; display:block; object-fit:cover; }
  #promoDetailBody .ta-builder__mobile-install-copy { min-width:0; min-height:116px; padding:14px 12px; display:flex; flex-direction:column; justify-content:center; border-radius:14px; color:#191f28; background:#f2f4f6; }
  #promoDetailBody .ta-builder__mobile-install-copy b { font-size:13px; line-height:1.35; letter-spacing:-.035em; }
  #promoDetailBody .ta-builder__mobile-install-copy span { margin-top:10px; font-size:11px; line-height:1.55; letter-spacing:-.035em; }
  #promoDetailBody .ta-builder__plan-image { width:min(72%,250px); height:250px; }
  #promoDetailBody .ta-builder__carousel:not(.is-product) .ta-builder__plan-image { width:100%; height:100%; }
  #promoDetailBody .ta-builder__step { min-height:0; padding:22px 0 52px; }
  #promoDetailBody .ta-builder__option { min-height:96px; padding:18px; }
  #promoDetailBody .ta-builder-addon { margin-top:6px; }
  #promoDetailBody .ta-builder-addon__grid { grid-template-columns:1fr; }
  #promoDetailBody .ta-builder-addon__help { grid-column:auto; }
  #promoDetailBody .ta-builder-result { margin-top:58px; padding:34px 22px; grid-template-columns:1fr; gap:32px; }
  #promoDetailBody .ta-builder-result__product { min-height:0; display:flex; flex-direction:column; }
  #promoDetailBody .ta-builder-result__product h4 { font-size:33px; }
  #promoDetailBody .ta-builder-result__product img { position:relative; left:auto; bottom:auto; width:100%; max-width:300px; height:240px; margin:20px auto 0; object-fit:contain; object-position:center; transform:none; }
  #promoDetailBody .ta-builder-result__action { grid-column:auto; }

  #promoDetailBody .emergency-apply { padding:72px 16px 82px; }
  #promoDetailBody .emergency-apply .promo-apply-head h2 { font-size:30px; }
  #promoDetailBody .emergency-apply .promo-apply-head p { padding-inline:8px; font-size:14px; }
  #promoDetailBody .emergency-apply__form { padding:24px 18px; border-radius:13px; }

  #promoDetailBody .ta-alert-modal { width:calc(100% - 20px); height:calc(100svh - 20px); border-radius:20px; transform:none!important; }
  #promoDetailBody .ta-alert-modal__panel { scroll-behavior:auto; scrollbar-width:none; -ms-overflow-style:none; }
  #promoDetailBody .ta-alert-modal__panel::-webkit-scrollbar { width:0; height:0; display:none; }
  #promoDetailBody .ta-alert-modal__intro { height:auto; min-height:0; padding:46px 12px 12px; }
  #promoDetailBody .ta-alert-modal__intro-media { width:100%; max-height:none; margin:0; opacity:1!important; transform:none!important; filter:none!important; }
  #promoDetailBody .ta-alert-modal__intro img { width:100%; max-height:44svh; object-fit:cover; border-radius:15px; box-shadow:none; }
  #promoDetailBody .ta-alert-modal__swipe { bottom:9px; }
  #promoDetailBody .ta-alert-modal__story { min-height:0; }
  #promoDetailBody .ta-alert-modal__content { padding:44px 24px 56px 34px; }
  #promoDetailBody .ta-alert-modal__block { min-height:0; padding:38px 0; opacity:1!important; transform:none!important; filter:none!important; }
  #promoDetailBody .ta-alert-modal__block + .ta-alert-modal__block { margin-top:18px; }
  #promoDetailBody .ta-alert-modal__block h4 { font-size:29px; }
  #promoDetailBody .ta-alert-modal__block p { font-size:16px; line-height:1.58; }
  #promoDetailBody .ta-alert-modal__risk-list>span { padding:13px 14px; border-radius:12px; font-size:14px; }
  #promoDetailBody .ta-alert-modal__rail { left:20px; top:22px; bottom:22px; }
  #promoDetailBody .ta-alert-modal__close { position:fixed; top:18px; right:18px; }

  #promoDetailBody .ti-security__heading h3 { font-size:29px; line-height:1.28; white-space:normal; }
  #promoDetailBody .ti-security__mobile-break,
  #promoDetailBody .ta-builder__mobile-break { display:block; }
  #promoDetailBody .ti-security__heading { margin-bottom:110px; }
  #promoDetailBody .ti-security__apply { min-height:0; margin:-45px auto 68px; padding:10px 22px; line-height:1.2; }

  #promoDetailBody .ta-alert-modal__content { width:100%; min-width:0; padding-right:20px; }
  #promoDetailBody .ta-alert-modal__block,
  #promoDetailBody .ta-alert-modal__block p,
  #promoDetailBody .ta-alert-modal__risk-list,
  #promoDetailBody .ta-alert-modal__steps { min-width:0; max-width:100%; }
  #promoDetailBody .ta-alert-modal__block h4,
  #promoDetailBody .ta-alert-modal[data-alert-type="flood"] .ta-alert-modal__block--first h4 { max-width:100%; font-size:25px; line-height:1.35; white-space:normal; overflow-wrap:anywhere; word-break:keep-all; }
  #promoDetailBody .ta-alert-modal__block p { white-space:normal; overflow-wrap:anywhere; word-break:keep-all; }
  #promoDetailBody .ta-alert-modal__desktop-break { display:none; }
  #promoDetailBody .ta-alert-modal__risk-list>span { width:100%; min-width:0; align-items:flex-start; overflow-wrap:anywhere; word-break:keep-all; }
  #promoDetailBody .ta-alert-modal__steps>span { min-width:0; align-content:center; flex-wrap:wrap; overflow-wrap:anywhere; word-break:keep-all; }
  #promoDetailBody .ta-alert-modal__steps small { flex:0 0 100%; margin:4px 0 0; }

  /* 1. 알림 흐름 카드: 모바일에서도 좌우 2열 */
  #promoDetailBody .ti-security { padding:72px 14px 82px; }
  #promoDetailBody .ti-security__inner { width:100%; }
  #promoDetailBody .ti-security__heading { margin-bottom:82px; }
  #promoDetailBody .ti-security__cards { grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr); gap:7px; }
  #promoDetailBody .ti-security__flow-arrow,
  #promoDetailBody .ti-security.is-visible .ti-security__flow-arrow { width:26px; height:26px; margin:0; transform:none!important; font-size:16px; }
  #promoDetailBody .ti-security__card { min-height:238px; border-radius:18px; }
  #promoDetailBody .ti-security__card-visual { height:142px; }
  #promoDetailBody .ti-security__card-visual img { padding:9px; }
  #promoDetailBody .ti-security__card-copy { min-height:96px; padding:16px 13px 18px; }
  #promoDetailBody .ti-security__card-copy h4 { font-size:14px; line-height:1.45; }

  /* 3. 알리미 키워드 한 줄 + 카드 2×2 */
  #promoDetailBody .ta-alerts { padding:72px 14px 82px; }
  #promoDetailBody .ta-alerts__lead { margin-bottom:38px; font-size:34px; }
  #promoDetailBody .ta-alerts__title { margin-bottom:38px; flex-wrap:wrap; justify-content:center; gap:5px; font-size:15px; line-height:1; white-space:normal; }
  #promoDetailBody .ta-alerts__keyword { min-height:32px; padding:0 7px; }
  #promoDetailBody .ta-alerts__keyword + .ta-alerts__keyword { margin-left:0; }
  #promoDetailBody .ta-alerts__title-tail { margin-left:5px; }
  #promoDetailBody .ta-alerts__cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 10px; margin:0; padding:0; overflow:visible; scroll-snap-type:none; }
  #promoDetailBody .ta-alert-card { min-width:0; flex:none; }
  #promoDetailBody .ta-alert-card .ta-alert-card__photo { aspect-ratio:1/1.02; border-radius:8px; }
  #promoDetailBody .ta-alert-card h4 { margin:14px 4px 0; font-size:15px; }
  #promoDetailBody .ta-alert-card p { margin:7px 4px 0; font-size:12px; line-height:1.45; }
  #promoDetailBody .ta-alert-card__more { margin:10px 4px 0; font-size:12px; }
}

/* 모바일 경량 모드에서도 핵심 사이렌 모션은 유지합니다. */
@media (max-width:768px) and (prefers-reduced-motion:no-preference){
  #promoDetailBody .ti-security__visual img{animation:ti-siren-float 4.6s ease-in-out infinite!important}
  #promoDetailBody .ti-security__siren-glow{animation:ti-siren-pulse 1.25s ease-in-out infinite!important}
  #promoDetailBody .ti-security__siren-beam{animation:ti-siren-rotate 2.2s linear infinite!important}
}


/* 데스크톱: 확대·축소나 창 비율이 달라져도 현재 문장 줄 구성을 유지한다. */
@media (hover:hover) and (pointer:fine) {
  #promoDetailBody .ti-security__heading h3,
  #promoDetailBody .ti-security__heading p,
  #promoDetailBody .ti-security__card-copy h4,
  #promoDetailBody .ta-alerts__lead,
  #promoDetailBody .ta-alert-card h4,
  #promoDetailBody .ta-alert-card p,
  #promoDetailBody .ta-reasons__title,
  #promoDetailBody .ta-reason__copy h4,
  #promoDetailBody .ta-perks__title,
  #promoDetailBody .ta-perk-card h4,
  #promoDetailBody .ta-builder__header h3,
  #promoDetailBody .ta-builder__header p,
  #promoDetailBody .ta-builder-result__product h4 {
    white-space:nowrap;
  }

  #promoDetailBody .ta-alerts__title {
    flex-wrap:nowrap;
    white-space:nowrap;
  }
}

/* 기기 미리보기처럼 포인터는 PC여도 화면 폭이 모바일이면 모바일 줄바꿈을 최우선 적용한다. */
@media (max-width:768px) {
  #promoDetailBody .ti-security__heading h3,
  #promoDetailBody .ti-security__heading p,
  #promoDetailBody .ti-security__card-copy h4,
  #promoDetailBody .ta-alerts__lead,
  #promoDetailBody .ta-alert-card h4,
  #promoDetailBody .ta-alert-card p,
  #promoDetailBody .ta-reasons__title,
  #promoDetailBody .ta-reason__copy h4,
  #promoDetailBody .ta-perks__title,
  #promoDetailBody .ta-perk-card h4,
  #promoDetailBody .ta-builder__header h3,
  #promoDetailBody .ta-builder__header p,
  #promoDetailBody .ta-builder-result__product h4 {
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:break-word;
    word-break:keep-all;
  }

  #promoDetailBody .ta-builder-result__product h4 {
    width:100%;
    font-size:clamp(27px,8.3vw,33px);
    line-height:1.2;
  }

  #promoDetailBody .ta-alerts__title {
    flex-wrap:wrap!important;
    white-space:normal!important;
  }
}

/* 선택 결과 사진은 결과 박스 크기를 바꾸지 않고 내부에 전체가 보이도록 맞춘다. */
#promoDetailBody .ta-builder-result__product img {
  position:absolute;
  left:50%;
  bottom:18px;
  width:min(82%,440px);
  max-width:calc(100% - 16px);
  height:min(64%,270px);
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-50%);
}

@media (max-width:768px) {
  #promoDetailBody .ta-builder-result__product img {
    position:relative;
    left:auto;
    bottom:auto;
    width:min(100%,300px);
    max-width:100%;
    height:240px;
    margin:20px auto 0;
    object-position:center;
    transform:translateY(-10px);
  }
}

/* 긴급 경보 알리미 신청 폼 — 최종 라이트 테마
   공통 다크 폼 규칙보다 뒤에서 선언해 모든 화면·배율에서 동일하게 유지한다. */
#promoDetailBody .emergency-apply { width:100%; padding-inline:clamp(16px,4vw,48px); background:#fff!important; }
#promoDetailBody .emergency-apply__inner { width:100%; max-width:960px; }
#promoDetailBody .emergency-apply__form {
  width:min(100%,760px); max-width:760px; min-width:0;
  padding:clamp(28px,4vw,50px); border:0!important; border-radius:clamp(18px,2vw,28px);
  color:#64748b!important; background:#eef5ff!important;
  box-shadow:0 18px 55px rgba(52,93,150,.12)!important;
}
#promoDetailBody .emergency-apply__form .paf-row { width:100%; min-width:0; gap:clamp(14px,2vw,20px); }
#promoDetailBody .emergency-apply__form .paf-field { min-width:0; }
#promoDetailBody .emergency-apply__form .paf-field>span,
#promoDetailBody .emergency-apply__form .paf-models legend { color:#334155!important; font-size:clamp(13px,1.2vw,15px); font-weight:700; }
#promoDetailBody .emergency-apply__form .paf-field input,
#promoDetailBody .emergency-apply__form .paf-field select,
#promoDetailBody .emergency-apply__form .paf-field textarea {
  width:100%!important; max-width:100%; min-width:0; min-height:clamp(48px,5vw,56px);
  padding:clamp(12px,1.5vw,16px)!important; border:1px solid #ccd9ea!important;
  border-radius:clamp(10px,1vw,13px)!important; color:#667085!important;
  background-color:#fff!important; background-image:none!important;
  -webkit-text-fill-color:#667085; caret-color:#2878ed;
  font-family:var(--fb)!important; font-size:clamp(14px,1.25vw,16px)!important; font-weight:500!important;
  box-shadow:none!important;
}
#promoDetailBody .emergency-apply__form .paf-field select { appearance:auto!important; -webkit-appearance:menulist!important; cursor:pointer; }
#promoDetailBody .emergency-apply__form .paf-field textarea { min-height:120px; resize:vertical; }
#promoDetailBody .emergency-apply__form .paf-field input::placeholder,
#promoDetailBody .emergency-apply__form .paf-field textarea::placeholder { color:#98a2b3!important; -webkit-text-fill-color:#98a2b3; opacity:1; }
#promoDetailBody .emergency-apply__form input:-webkit-autofill,
#promoDetailBody .emergency-apply__form input:-webkit-autofill:hover,
#promoDetailBody .emergency-apply__form input:-webkit-autofill:focus {
  -webkit-text-fill-color:#667085!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s;
}
#promoDetailBody .emergency-apply__form .paf-models__choices span { color:#40516b!important; background:#fff!important; border-color:#ccd9ea!important; }
#promoDetailBody .emergency-apply__form .paf-models__choices input:checked+span { color:#1767d7!important; background:#e3efff!important; border-color:#2878ed!important; }
#promoDetailBody .emergency-apply__form .paf-consents label,
#promoDetailBody .emergency-apply__form .paf-footnote { color:#748198!important; }
@media(max-width:640px){
  #promoDetailBody .emergency-apply { padding-inline:14px; }
  #promoDetailBody .emergency-apply__form { width:100%; padding:28px 18px; }
  #promoDetailBody .emergency-apply__form .paf-row { grid-template-columns:minmax(0,1fr); }
  #promoDetailBody .emergency-apply__form .paf-models__choices { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* 알리미 프로모션 랜딩: 프로모션 상세 외의 홈페이지 UI 는 표시하지 않는다. */
body.emergency-review > .topnav,
body.emergency-review > .site-footer,
body.emergency-review > .floating-dog,
body.emergency-review > [class*="cookie"],
body.emergency-review #promoList,
body.emergency-review #promoDetail > .promo-detail-bar,
body.emergency-review #promoDetail > .wrap > .promo-detail-title,
body.emergency-review #promoDetail > .wrap > .promo-detail-cta { display:none!important; }
body.emergency-review .view { display:none!important; }
body.emergency-review #view-promotions { display:block!important; }
body.emergency-review #promoDetail { display:block!important; }
body.emergency-review #promoDetail > .wrap.section-pad { width:100%;max-width:none;padding:0; }
body.emergency-review #promoDetailBody { margin:0!important; }