/**
 * =============================================
 * Able Lead Tool - 결과 리포트 페이지 스타일 (제품별 템플릿, 우선 RC1)
 *
 * - 이 리포트는 팝업이 아니라 위저드와 같은 위치에 렌더링되는 "페이지 콘텐츠"다.
 *   팝업으로 뜨는 건 able-dynamic-inquiry-builder의 문의 폼뿐이다.
 * - dim 처리는 별도로 만들지 않는다. DIB 문의 팝업은 position:fixed + 전체 화면
 *   dim(z-index 99999)으로 뜨기 때문에, 이 리포트가 일반 페이지 콘텐츠로
 *   (position:fixed 아님) 존재하기만 하면 문의 팝업이 열려있는 동안 자동으로
 *   덮여서 어둡게 보이고, 팝업이 닫히면(제출 완료 후) 자동으로 선명하게 드러난다.
 * - 아직 UI 우선 구현 단계라 산식/실데이터 연동 전, 화면 레이아웃 위주.
 * =============================================
 */

@font-face{font-family:'Suit';font-weight:400;src:local('SUIT Regular'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-Regular.woff2') format('woff2');font-display:swap;}
@font-face{font-family:'Suit';font-weight:600;src:local('SUIT SemiBold'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-SemiBold.woff2') format('woff2');font-display:swap;}
@font-face{font-family:'Suit';font-weight:700;src:local('SUIT Bold'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-Bold.woff2') format('woff2');font-display:swap;}
@font-face{font-family:'Suit';font-weight:800;src:local('SUIT ExtraBold'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-ExtraBold.woff2') format('woff2');font-display:swap;}
@font-face{font-family:'Suit';font-weight:900;src:local('SUIT Heavy'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-Heavy.woff2') format('woff2');font-display:swap;}


/* =============================================
   1. 페이지 셸 & 카드 공통 틀
   ============================================= */
#lead-result-page{display:none;max-width:1300px;margin:0 auto;padding:30px 50px 80px;min-height:100vh;box-sizing:border-box;background-color:#ffffff;font-family:'Suit', 'Apple SD Gothic Neo', '-apple-system', 'BlinkMacSystemFont', 'Malgun Gothic', sans-serif;word-break:keep-all;}

#lead-result-page.is-active{display:block;}

.lead-result__header{display:flex;align-items:center; justify-content: space-between; margin-bottom:27px;}
.lead-result__logo{display:flex;align-items:center;justify-content:center;gap:8px;}
.lead-result__logo img{width:21px;height:20px;}
.lead-result__logo .lead-result__header-title{color:#666;font-size:18px;font-weight:800;line-height:130%;cursor:pointer;}

.lead-result__cta-top{display:flex;align-items: center;justify-content: center; gap:12px;margin-right:22px;}
.lead-result__cta-top-btn{color:#666;font-size:18px;line-height:130%;}
.lead-result__cta-top-btn:last-child:before{content:""; display:inline-block; width:1px; height:13px;margin-right:12px; background: #CCC;}
.lead-result__cta-top-btn:hover{color:#56ACFF;}


.lead-result__viewport{position:relative;}

/* 제품별 본문 블록: PHP가 준비된 제품 템플릿을 전부 렌더링해두고,
   JS가 위저드 응답의 reportTemplate에 맞는 블록에만 is-active를 토글한다.
   (새로고침 유지 등 자바스크립트 실행 전 첫 페인트에서도 올바른 제품이
   바로 보이도록, 서버에서도 해당하는 블록에 is-active를 미리 붙여둔다) */
.lead-result__product-body{display:none;}
.lead-result__product-body.is-active{display:block;}

/* 표지(슬라이드 0)를 제외한 슬라이드를 감싸는 래퍼(lead-result.js가 초기화 시 한 번
   wrapAll로 만든다) - 데스크톱에서는 박스 스타일이 필요 없으므로 레이아웃에 전혀
   영향을 주지 않는 display:contents로 둔다. 모바일 전용 박스 스타일은 768px 이하
   미디어쿼리에서 정의한다. */
.lead-result__slide-group{display:contents;}

/* 슬라이드: PHP가 11개를 전부 렌더링해두고, JS는 is-active만 토글한다 */
.lead-result__slide{position:relative; min-height:710px;padding:60px;border-radius:30px;background:#FFF;box-shadow:0 4px 16px 0 rgba(51, 51, 51, 0.20);display:none;}
.lead-result__slide.is-active{display:flex;flex-direction:column;}

/* 모바일(768px 이하) 전용 아코디언 버튼 - 데스크톱에서는 항상 숨김 */
.lead-result__accordion-toggle{display:none;}

/* 콘텐츠 카드 양옆의 이전/다음 버튼 (하단 페이지네이션과 별개로 존재) */
.lead-result__side-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:66.5px;height:66.5px;padding:16px;border:1px solid #FFF;box-shadow:0 4px 16px 0 rgba(51, 51, 51, 0.20);border-radius:50%;background:#ffffff;color:#666;cursor:pointer;z-index:1;visibility:hidden;}
.lead-result__side-nav--prev{left:-33px;}
.lead-result__side-nav--next{right:-33px;}
.lead-result__viewport:hover .lead-result__side-nav{visibility:visible;}
.lead-result__viewport:hover .lead-result__side-nav.is-boundary{visibility:hidden;}

.lead-result__badge{display:inline-flex;align-items:center;gap:2px;background:#1a1a1a;color:#ffffff;font-size:18px;font-weight:600;line-height: 130%;padding: 8px 12px 8px 8px;border-radius:8px;margin-bottom:32px;}
h2.lead-result__title{position:relative; font-size: 48px;font-weight: 800;line-height: 130%;}
h3.lead-result__title{color:#333;font-size: 32px;font-weight: 800;line-height: 142%;}
h3 i.arrow{width:27px; height:22px;}
h3.lead-result__title + .lead-result__subdesc{padding-top:12px;}
i.arrow{display:inline-block;width:14px; height:9px; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='22' viewBox='0 0 27 22' fill='none'%3E%3Cpath d='M25.8206 9.65322H1.17459C0.52588 9.65322 0 10.1757 0 10.8202C0 11.4646 0.52588 11.9871 1.17459 11.9871H25.8206C26.4693 11.9871 26.9952 11.4646 26.9952 10.8202C26.9952 10.1757 26.4693 9.65322 25.8206 9.65322Z' fill='%23333333'/%3E%3Cpath d='M24.9949 9.98367L15.2837 19.6316C14.825 20.0873 14.825 20.8262 15.2837 21.2819C15.7424 21.7376 16.4861 21.7376 16.9448 21.2819L26.656 11.634C27.1147 11.1783 27.1147 10.4394 26.656 9.98367C26.1973 9.52795 25.4536 9.52795 24.9949 9.98367Z' fill='%23333333'/%3E%3Cpath d='M15.2645 1.99209L24.9756 11.64C25.4343 12.0958 26.178 12.0958 26.6367 11.64C27.0954 11.1843 27.0954 10.4454 26.6367 9.98973L16.9256 0.341789C16.4669 -0.113931 15.7232 -0.113929 15.2645 0.34179C14.8058 0.797509 14.8058 1.53637 15.2645 1.99209Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / cover;mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='22' viewBox='0 0 27 22' fill='none'%3E%3Cpath d='M25.8206 9.65322H1.17459C0.52588 9.65322 0 10.1757 0 10.8202C0 11.4646 0.52588 11.9871 1.17459 11.9871H25.8206C26.4693 11.9871 26.9952 11.4646 26.9952 10.8202C26.9952 10.1757 26.4693 9.65322 25.8206 9.65322Z' fill='%23333333'/%3E%3Cpath d='M24.9949 9.98367L15.2837 19.6316C14.825 20.0873 14.825 20.8262 15.2837 21.2819C15.7424 21.7376 16.4861 21.7376 16.9448 21.2819L26.656 11.634C27.1147 11.1783 27.1147 10.4394 26.656 9.98367C26.1973 9.52795 25.4536 9.52795 24.9949 9.98367Z' fill='%23333333'/%3E%3Cpath d='M15.2645 1.99209L24.9756 11.64C25.4343 12.0958 26.178 12.0958 26.6367 11.64C27.0954 11.1843 27.0954 10.4454 26.6367 9.98973L16.9256 0.341789C16.4669 -0.113931 15.7232 -0.113929 15.2645 0.34179C14.8058 0.797509 14.8058 1.53637 15.2645 1.99209Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / cover;background-color: #333333;}
.point{color:#56ACFF;}
.lead-result__title .warning{color:#E00;}
.lead-result__slide-content{width:100%;flex:1;display:flex; flex-direction:column; justify-content:space-between; gap:10px;}
.lead-result__slide-body{flex:1;display:flex; flex-direction: column;justify-content: center;}
.lead-result__subdesc{color:#666;font-size: 18px;line-height: 130%;}
.lead-result__etcdesc{color:#666;font-size: 16px;line-height: 130%;}
ul.lead-result__etcdesc{display:flex; gap:8px; flex-direction: column;}
ul.lead-result__etcdesc li{padding-left:20px; text-indent: -20px;}

.highlight{background:#D8F6FF;}

/* =============================================
   2. 슬라이드 콘텐츠 컴포넌트 (표지 → 현황진단 → 문제진단 → 개선효과 →
      도입사례 → 체크포인트 → 가이드 → 종합요약 → 마무리)
   ============================================= */

/* 표지(커버) 슬라이드 */
.lead-result__slide--cover{position:relative; }
.lead-result__slide--cover.is-active{justify-content:space-between;gap:8px;flex-direction: row;padding-top:125px;}
.lead-result__cover-content{display:flex; flex-direction: column; gap:30px; flex:2.4;}
.lead-result__cover-image{flex:1;}
.lead-result__cover-image img{height:auto;padding-right:20px;}
.lead-result__cover-eyebrow{font-size:24px;color:#333;font-weight: 700;line-height: 120%;}
.lead-result__slide--cover .lead-result__desc{color:#666;font-size: 20px;font-weight: 700;line-height: 130%;}
.lead-result__cover-tag{display:inline-block;margin-top:40px;padding: 4px 12px 4px 8px; color:#666;border-radius: 8px;background: #F4F4F4;font-size: 16px;line-height: 130%;}
.lead-result__copyright{position:absolute; bottom:40px; left:60px;color:#B2B2B2;font-size: 14px;line-height: 140%; }


/* 스탯 3~4개 나열형 (현황 진단) */
.lead-result__stat-grid{display:grid;/*grid-template-columns:repeat(4, minmax(max-content, 1fr));*/grid-template-rows:auto auto;gap:0 16px;padding:0px 0 30px;margin-bottom:40px;border-bottom:1px solid #D3D3D3;}
.lead-result__stat-grid--3{grid-template-columns:repeat(3, minmax(max-content, 1fr));}/* RV1 */
.lead-result__stat{display:grid;grid-template-rows:subgrid;grid-row:1/3;text-align:center;}
.lead-result__stat-value{color:#333;font-size: 60px;font-weight: 800;line-height: 1.2;}
.lead-result__stat-value.emphasis{color: #E00;}
.lead-result__stat-value .unit{font-size: 30px; font-weight: 700;vertical-align:baseline;}

.lwCounter{display:inline-flex;}
.lwCounter span{height:1em;line-height:1;}
.lwCounter .digit-wrap{display:inline-block;overflow:hidden;height:1em;line-height:1;vertical-align:bottom;}
.lwCounter .digit-inner{display:block;height:1em;transform:translateY(0);transition:transform .8s cubic-bezier(0.22,1,0.36,1);}
.lwCounter .digit-inner span{display:block;height:1em;line-height:1;text-align:center;}

.lead-result__stat-label{color: #6C7684;font-size: 20px;line-height: 1.2;white-space:nowrap;}
.lead-result__formula{color: #E91C24;text-align: center;font-size: 20px;font-weight: 700;line-height: 130%;}

/* 카드 4~5개형 (문제 진단) */
/* 번호 행 / 아이콘+제목 행이 5열 모두 같은 grid row를 공유하도록 subgrid 사용
   (제목 길이가 카드마다 달라 줄바꿈되어도 정렬이 맞춰진다) */
.lead-result__card-grid{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:auto auto auto;gap:0 25px;overflow-x:auto;cursor:grab;}
.lead-result__card-grid.is-dragging{cursor:grabbing;user-select:none;}
.lead-result__card-grid--4{grid-template-columns:repeat(4, 1fr);}
.lead-result__card-grid--3{grid-template-columns:repeat(3, 1fr);}
.lead-result__card-indicators{display:none;}
.lead-result__mini-card{display:grid;grid-template-rows:subgrid;grid-row:1/3;min-width:0;border-radius: 16px;border: 1px solid #E5E5E5;}
.lead-result__mini-card-num{padding: 20px 24px 19px;border-bottom: 1px solid #E5E5E5; color:#B2B2B2;font-size: 18px;font-weight: 800;line-height: 130%; }
.lead-result__mini-card-num span{display:inline-block; padding-right:12px; color:#666;}
.lead-result__mini-card-body{padding: 27px 17px;}
.lead-result__mini-card-icon{display:block; margin:0 auto 12px;}
/* 아이콘 없는 카드(RC1/RC2/CB1/RM1 - title+result만 있음)는 카드끼리 title/result 행도
   맞춰지도록 num/title/result 3행으로 확장한다. body는 display:contents로 풀어서
   title/result가 mini-card의 subgrid에 직접 참여하게 한다(중첩 subgrid는 브라우저 지원이
   불안정해서 겹침이 발생하므로 사용하지 않는다). title만 있고 result가 없는 카드(AI1)는
   기존 flex 레이아웃을 그대로 사용한다. */
.lead-result__mini-card-body:not(:has(.lead-result__mini-card-icon)){display:flex;flex-direction:column;gap:24px;}
.lead-result__mini-card:has(.lead-result__mini-card-result){grid-row:1/4;}
.lead-result__mini-card-body:has(.lead-result__mini-card-result){display:contents;}
.lead-result__mini-card-body:has(.lead-result__mini-card-result) > .lead-result__mini-card-title{grid-row:2;padding:25px 17px 0 24px;}
.lead-result__mini-card-body:has(.lead-result__mini-card-result) > .lead-result__mini-card-result{grid-row:3;padding:24px 17px 25px 24px;}
.lead-result__mini-card-title{color:#666;font-size: 18px;font-weight: 700;line-height: 130%;}
.lead-result__mini-card-title strong{display:block; font-weight: 700;}
.lead-result__mini-card-title p{padding-top:12px;font-weight: 400;}
.lead-result__mini-card-result{color: #EF4B4B;font-size: 18px;line-height: 130%;}
.lead-result__mini-card-result strong{display:block; font-weight: 700;}
.lead-result__mini-card-result p{padding-top:12px;font-weight: 400;}

/* 카드 3개형 (자원 운용 및 비용 최적화 - RV1의 이 슬라이드에서만 사용) */
.lead-result__resource-card-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px;margin:16px 0;}
.lead-result__resource-card{border-radius: 12px;background: #F4F4F4;padding: 40px 20px;text-align:center;}
.lead-result__resource-card-eyebrow{color:#56ACFF;font-size: 18px;font-weight: 700;line-height: 130%;}
.lead-result__resource-card-title{padding:16px 0 12px;color:#333;font-size: 24px;font-weight: 800;line-height: 120%;}
.lead-result__resource-card-desc{color:#666;font-size: 18px;line-height: 130%;}

/* 도입 전/후 비교 (보안과 업무 연속성 - RV1/) */
.lead-result__security-compare{display:grid;grid-template-columns:minmax(0,363px) auto minmax(0,661px);grid-template-rows:auto auto auto auto;align-items:stretch;gap:0 20px;}
.lead-result__security-compare-col{display:grid;grid-template-columns:1fr;grid-template-rows:subgrid;grid-row:1/5;border-radius: 12px;box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.20);}
.lead-result__security-compare-col--before{grid-column:1;}
.lead-result__security-compare-col--after{grid-column:3;}
.lead-result__security-compare-head{padding: 15px 24px;font-size:18px;font-weight:800;line-height:130%;background:#F4F4F4;color:#B2B2B2;border-radius:12px 12px 0 0;}
.lead-result__security-compare-col--after .lead-result__security-compare-head{background:#56ACFF;color:#fff;}
.lead-result__security-compare-item{display:flex; gap:12px; padding: 15px 16px 15px 24px;border-bottom: 1px solid #E7E7E7;font-size:16px;line-height:130%;color:#666;}
.lead-result__security-compare-item:last-child{border-bottom:0;}
.lead-result__security-compare-item i{width:14px; height:10px; margin-top: 5px; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M1.25 5.14547L5.44932 9.25L13.25 1.25' stroke='%2356ACFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M1.25 5.14547L5.44932 9.25L13.25 1.25' stroke='%2356ACFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;background-color: #56ACFF;}
.lead-result__security-compare-item strong{color:#56ACFF;font-size: 18px;font-weight: 600;line-height: 120%; }
.lead-result__security-compare-arrow{grid-column:2;grid-row:1/5;display:flex;align-items:center;justify-content:center;}
.lead-result__security-compare + .lead-result__etcdesc{padding-top:37px;}

/* 전후비교 표 *//* 개선 효과 분석 - time*/
.lead-result__time-tag {padding:0px 0 29px;}
.lead-result__time-tag span{display:inline-block;padding: 4px 8px; color:#666;border-radius: 8px;background: #F4F4F4;font-size: 14px;line-height: 130%;}
.lead-result__table-wrap{overflow-x:auto;overflow-y:visible;margin-bottom:16px}
.lead-result__table{width:100%;min-width:530px;border-collapse:collapse;table-layout: fixed;}
.lead-result__table th{text-align:left;font-size:18px;color:#AFAFAF;font-weight:800;line-height: 130%; padding:0px 12px 12px;border-bottom: 0.5px solid #6F6F6F;background: #FFF;}
.lead-result__table th.after{color: #56ACFF;font-weight:800;}
.lead-result__table th.effect{color: #323232;font-weight:800;}
.lead-result__table td{padding:12px; font-size:18px;color:#9F9F9F;line-height: 130%;border-bottom: 0.5px solid #EAEAEA;}
.lead-result__table tr:last-child td{border-bottom:0;}
.lead-result__table td.category{color:#3C3C3C;font-weight:700;}
.lead-result__table td.after{color:#56ACFF;font-weight:700;}
.lead-result__table td.effect{color:#3C3C3C;font-weight:800;}
.lead-result__table td i.down{transform: rotate(90deg);}


/* 종합 요약(PART6) 표 - lead-result__table과 셀 클래스 구성이 달라 별도 분리.*/
.lead-result__summary-result-tag {padding:0px 0 45px;text-align:right;}
.lead-result__summary-result-tag span{padding: 4px 8px;border-radius: 8px;background: #F4F4F4;color:#666;font-size: 14px;line-height: 130%;}
.lead-result__summary-result-tag strong{font-weight: 700;}
.lead-result__summary-result-table{width:100%;border-collapse:collapse;table-layout: fixed;padding:45px 0 0px;text-align:center;}
.lead-result__summary-result-table th{padding:0px 0px 16px;border-bottom: 1px solid #56ACFF;background: #FFF;color:#666;font-size: 18px;font-weight: 700;line-height: 130%;}
.lead-result__summary-result-table td{padding:16px 0px;color:#666; font-size: 18px;line-height: 130%;border-bottom: 1px solid #B6C2CE;}
.lead-result__summary-result-table th.category, .lead-result__summary-result-table td.category{color:#333;font-weight:700;}
.lead-result__summary-result-table .after{color:#56ACFF;font-weight:700;}



/* 스탯 흐름형 (①+②=③) - 마크업 순서(타이틀 label → value → 하단 설명들)가 이미
   보여줄 순서와 같아서 별도 재배치 없이 DOM 순서 그대로 스타일만 입힌다.
   value 바로 다음에 오는 요소(label 또는 flow-box-detail)에만 구분선을 준다. */
/* 3개 박스가 같은 grid row를 공유하도록 subgrid 사용 (타이틀/값/설명 행 높이가 박스마다 맞춰진다) */
.lead-result__flow{display:grid;grid-template-columns:1fr auto 1.73fr;grid-template-rows:auto auto auto auto;gap:16px 24px;align-items:stretch;margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #A8A8A8;}
.lead-result__flow--3{grid-template-columns:1fr auto 1fr auto 1fr;}/* 박스 3개형 (RC1/RC2/RV2/RM1 - 절감시간→인력환산→인건비 3단계) */
.lead-result__flow--wide{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;}/* 박스 4개형 (AI1 - 정리비용→절감시간→인력환산→인건비 4단계) */

.lead-result__flow-box{display:grid;grid-template-rows:subgrid;grid-row:1/5;}
.lead-result__flow-box-label{padding:0 12px;color:#666;font-size: 18px;font-weight: 800;line-height: 130%;}
.lead-result__flow-box-value{padding:0 12px; color:#333;font-size: 40px;font-weight: 800;line-height: 120%;}
.lead-result__flow-box-value .unit{font-size: 18px;font-weight: 400;line-height: 130%;vertical-align: middle;}
.lead-result__flow-box-value-detail{display:flex; align-items: center;gap:4px;}
.lead-result__flow-box-detail{padding-top:4px;color:#333;font-size: 14px;font-weight: 600;line-height: 130%;}
.lead-result__flow-box-detail .lead-result__ico-arrow.ico-arrow-next{background-color:#666;}
.lead-result__flow-box-detail .point{font-weight:800;}
.lead-result__flow-box-tag{display:flex;align-items: center;padding: 4px 12px;border-radius: 8px;background: #F4F4F4;color:#666;font-size: 16px;line-height: 130%;}
.lead-result__flow-op{grid-row:1/5;align-self:center;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color: #333333;-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M12 6.92822L0 13.8564L0 1.95503e-05L12 6.92822Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / contain;mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M12 6.92822L0 13.8564L0 1.95503e-05L12 6.92822Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / contain;}
.lead-result__flow-op.after{background-color:#56ACFF;}



/* 본문 인라인 안내 아이콘 - PC는 hover, 모바일은 클릭(JS)으로 말풍선을 띄운다 */
.lead-result__info-tip{position:relative;display:inline-flex;}
.lead-result__info-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.5 8.80005V4.99976C5.50011 4.7237 5.72392 4.49976 6 4.49976C6.27608 4.49976 6.49989 4.7237 6.5 4.99976V8.80005C6.49995 9.07615 6.27611 9.30005 6 9.30005C5.72389 9.30005 5.50005 9.07615 5.5 8.80005ZM5.5 3.24487V3.19995C5.5 2.92381 5.72386 2.69995 6 2.69995C6.27614 2.69995 6.5 2.92381 6.5 3.19995V3.24487C6.5 3.52102 6.27614 3.74487 6 3.74487C5.72386 3.74487 5.5 3.52102 5.5 3.24487Z' fill='%239F9F9F'/%3E%3Cpath d='M11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11V12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6C12 9.31371 9.31371 12 6 12V11C8.76142 11 11 8.76142 11 6Z' fill='%239F9F9F'/%3E%3C/svg%3E");cursor:pointer;vertical-align:middle;}
.lead-result__info-tip-bubble{position:absolute;top:calc(100% + 12px);left:-16px;width:max-content;padding:8px 12px;border-radius:4px;background:rgba(34, 34, 34, 0.6);color: #FFF;font-size: 12px;font-weight: 700;line-height: 130%;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;z-index:2;}
.lead-result__info-tip-bubble::before{content:"";position:absolute;bottom:100%;left:16px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid rgba(34, 34, 34, 0.6);}
@media (hover:hover){
    .lead-result__info-tip:hover .lead-result__info-tip-bubble{opacity:1;visibility:visible;}
}
.lead-result__info-tip.is-active .lead-result__info-tip-bubble{opacity:1;visibility:visible;}

/* 곱셈식 3박스형 (담당자 1인 관리 대수 × 관리 효율 = 도입 후 대수 - RC1/RC2/RV2에서 사용, CB1은 아래 lead-result__colabox-* 로 분리) */
.lead-result__scale-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.9fr;grid-template-rows:auto auto;gap:0px 24px;align-items:stretch;}
.lead-result__scale-box{border-radius: 12px;background: #F4F4F4;padding: 32px 20px;text-align:center;}
.lead-result__scale-box-label{font-size:18px;line-height: 130%;color:#999;}
.lead-result__scale-box-value{padding:10px 0 12px;margin-bottom:8px;border-bottom: 1px solid #CECECE;font-size:28px;font-weight:800;line-height: 120%;color:#333;}
.lead-result__scale-box-value .unit{font-size: 24px;line-height: 130%;}
.lead-result__scale-box-value .unit i{color:#808080; font-weight: 600; font-style: normal;}
.lead-result__scale-box-desc{color:#808080;font-size: 18px;line-height: 130%;}
.lead-result__scale-box.bg{background: #D4EAFF;}
.lead-result__scale-box.bg .lead-result__scale-box-label{color:#56ACFF}
.lead-result__scale-box.bg .lead-result__scale-box-value{color:#56ACFF; border-color:#B9DCFF;}

.lead-result__plus-flow .lead-result__scale-box-label{padding:16px 12px 12px 0;text-align:center;}
.lead-result__plus-flow .lead-result__scale-box-label.bg{color:#56ACFF;}
.lead-result__plus-flow .lead-result__scale-op.plus{align-self:end;margin-bottom:46px;}

.lead-result__scale-box--result{grid-column:5;grid-row:1/3;display:flex; gap:12px; justify-content:center; align-items:center; flex-direction:column;background:#56ACFF;}
.lead-result__scale-box--result .lead-result__scale-box-label{padding:0;color:#FFF;font-size: 24px;font-weight:800;}
.lead-result__scale-box--result .lead-result__scale-box-value{padding:0;margin:0; border-bottom:0;font-size:40px;color:#FFF;}
.lead-result__scale-box--result .lead-result__scale-box-value .unit{font-weight:800;}
.lead-result__scale-box--result .lead-result__scale-box-value .unit i{color:#FFF; font-weight: 600;}
.lead-result__scale-box--result .lead-result__scale-box-desc{color:#EBF5FF;}

.lead-result__scale-op{align-self:center;width:30px;height:30px;display:flex;justify-content: center;align-items:center;justify-content:center;border-radius:50%;border: 0.5px solid #999;}
.lead-result__scale-op{background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M9.35536 0.141162L0.141252 9.35527C-0.0476261 9.54415 -0.0469802 9.85103 0.142695 10.0407C0.33237 10.2304 0.639248 10.231 0.828126 10.0421L10.0422 0.828035C10.2311 0.639157 10.2305 0.332278 10.0408 0.142603C9.85112 -0.0470715 9.54424 -0.0477162 9.35536 0.141162Z' fill='%23333333'/%3E%3Cpath d='M10.0422 9.37411L0.828126 0.160001C0.639248 -0.0288774 0.33237 -0.0282315 0.142695 0.161443C-0.0469802 0.351118 -0.0476261 0.657996 0.141252 0.846874L9.35536 10.061C9.54424 10.2499 9.85112 10.2492 10.0408 10.0595C10.2305 9.86987 10.2311 9.56299 10.0422 9.37411Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / 11px;}
.lead-result__scale-box:not(.bg):not(.lead-result__scale-box--result){margin-right:-12px;}
.lead-result__scale-box.bg{margin-left:-12px;}
.lead-result__scale-op.plus{background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Crect x='4.6' width='1.4' height='11' rx='0.7' fill='%23333333'/%3E%3Crect y='4.6' width='11' height='1.4' rx='0.7' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / 14px;}
.lead-result__scale-op--final{grid-column:4;grid-row:1/3;align-self:center;background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6' fill='none'%3E%3Cpath d='M13.5144 0H0.483653C0.216539 0 0 0.217452 0 0.485693C0 0.753934 0.216539 0.971386 0.483653 0.971386H13.5144C13.7815 0.971386 13.998 0.753934 13.998 0.485693C13.998 0.217452 13.7815 0 13.5144 0Z' fill='%23333333'/%3E%3Cpath d='M13.5144 4.97139H0.483653C0.216539 4.97139 0 5.18884 0 5.45708C0 5.72532 0.216539 5.94277 0.483653 5.94277H13.5144C13.7815 5.94277 13.998 5.72532 13.998 5.45708C13.998 5.18884 13.7815 4.97139 13.5144 4.97139Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center/14px 11px;}
.lead-result__scale-note{position:relative;grid-column:1/4;grid-row:2;text-align:center;padding-top:24px;color:#808080;font-size: 18px;line-height: 130%;}
.lead-result__scale-note::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 24px;background: url(/wp-content/plugins/able-lead-consulting-tool/assets/images/img_scale_note.svg) no-repeat center;}
.lead-result__scale-note strong{color:#333;font-size: 24px;font-weight: 800;line-height: 130%;}

/* 콜라박스(CB1) 전용 환산 박스형 - 위 lead-result__scale-* 와 동일한 구조지만
   CB1만 별도 이름으로 분리해 다른 제품(RC1/RC2/RV2)의 scale-box 스타일과
   독립적으로 수정할 수 있게 한다. */
.lead-result__colabox-flow{flex:1; display:grid;grid-template-columns:1fr auto 1.2fr auto 1.7fr;grid-template-rows:auto auto auto;gap:4px 40px;align-items:stretch;height:100%;}
.lead-result__colabox-box{grid-row:1/4;display:flex; gap:12px; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.lead-result__colabox-box-label{font-size:20px;line-height: 130%;color:#333;}
.lead-result__colabox-box-value{font-size:48px;font-weight:800;line-height: 120%;color:#333;}
.lead-result__colabox-box-value .unit{font-size: 24px;line-height: 130%;}
.lead-result__colabox-box-desc{color:#808080;font-size: 18px;line-height: 130%;}
.bg .lead-result__colabox-box-desc{font-size:14px;}

.lead-result__colabox-box--result{grid-column:5;grid-row:1/4;display:flex; gap:12px; justify-content:center; align-items:center; flex-direction:column; border-radius: 12px; background:#56ACFF;}
.lead-result__colabox-box--result .lead-result__colabox-box-label{padding:0;color:#FFF;font-size: 24px;font-weight:800;}
.lead-result__colabox-box--result .lead-result__colabox-box-value{padding:0;margin:0; border-bottom:0;font-size:40px;color:#FFF;}
.lead-result__colabox-box--result .lead-result__colabox-box-value .unit{font-weight:800;}
.lead-result__colabox-box--result .lead-result__colabox-box-value .unit i{color:#FFF; font-weight: 600;}
.lead-result__colabox-box--result .lead-result__colabox-box-desc{color:#EBF5FF;}

.lead-result__colabox-op{grid-row:1/4;align-self:center;width:30px;height:30px;display:flex;justify-content: center;align-items:center;justify-content:center;color:#333;text-align: center;font-size: 48px;font-weight: 800;line-height: 120%;}
.lead-result__colabox-op--final{grid-row:1/4;align-self:center;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#56ACFF;-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M12 6.92822L0 13.8564L0 1.95503e-05L12 6.92822Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / contain;mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M12 6.92822L0 13.8564L0 1.95503e-05L12 6.92822Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center / contain;}


/* 막대바 그래프형 (RM1 PART3-3 - 규모별 누적 효과, 값 크기에 비례한 막대 너비) */
/* 세로 막대 그래프 - track(고정 높이) 안에서 fill이 값 비례 %만큼 아래에서 위로
   차오른다. 라벨/캡션은 막대 바깥(위/아래)에 고정 위치로 둬서 막대 높이가
   아무리 작아도(예: 8%) 텍스트 때문에 찌그러지지 않는다. */
.lead-result__bar-chart{flex:1; display:grid;grid-template-columns:1fr 1.2fr 1.8fr;align-items:stretch;gap:24px;}
.lead-result__bar-col{position:relative; display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;}
.lead-result__bar-track{width:100%;flex:1;display:flex;align-items:flex-end;}
.lead-result__bar-fill{position:relative;display:flex;flex-direction:column;justify-content: center;text-align:center;width:100%;padding:40px;border-radius:20px 20px 0 0;background:#F4F4F4;transition:height .6s cubic-bezier(0.22,1,0.36,1);}
.lead-result__bar-tag{position:absolute; top:-13px; left:50%; transform:translateX(-50%); display:inline-flex;padding: 4px 20px;border-radius:20px;border: 0.5px solid #B2B2B2;background:#fff;color:#B2B2B2;text-align: center;font-size: 16px;font-weight: 800;line-height: 130%;}
.lead-result__bar-value{margin-bottom:8px; padding-bottom:8px; border-bottom: 1px solid #6F6F6F; font-size:20px;font-weight:800;color:#333;line-height:130%;white-space:nowrap;}
.lead-result__bar-value .unit{font-size:18px;font-weight:600;line-height:130%;color:#808080;}
.lead-result__bar-desc{color:#333;font-size:16px;font-weight: 600;line-height:130%;}
.lead-result__bar-desc .unit{color:#808080;font-size:16px;font-weight: 600;line-height:130%;}

.lead-result__bar-col.bg .lead-result__bar-fill{background:#F0F8FF;}
.lead-result__bar-col.bg .lead-result__bar-tag{border-color:#56ACFF;color:#56ACFF;font-size: 20px;}
.lead-result__bar-col.bg .lead-result__bar-value{font-size:28px;color:#56ACFF;line-height:120%;}
.lead-result__bar-col.bg .lead-result__bar-value .unit{font-size:20px;font-weight:600;}
.lead-result__bar-col.bg .lead-result__bar-desc{font-size:18px;font-weight: 600;line-height:130%;}
.lead-result__bar-col.bg .lead-result__bar-desc .unit{font-size:18px;}

.lead-result__bar-col--result .lead-result__bar-fill{background:#56ACFF;}
.lead-result__bar-col--result .lead-result__bar-tag{border-color:#56ACFF;color:#56ACFF;font-size: 24px;}
.lead-result__bar-col--result .lead-result__bar-value{border-bottom: 1px solid #8ECCFF; font-size:32px;color:#fff;line-height:120%;}
.lead-result__bar-col--result .lead-result__bar-value .unit{font-size:20px;color:#fff;}
.lead-result__bar-col--result .lead-result__bar-desc{color:#fff;font-size:18px;}
.lead-result__bar-col--result .lead-result__bar-desc .unit{color:#CCEAFA;font-size:18px;}

/* 가로 막대바형 (CB1 PART3-2 공간 활용 향상 - 전/후 값 크기는 동일하고
   용도만 바뀌는 경우라 막대는 항상 100%로 채우고 색상으로만 전/후를 구분한다) */
.lead-result__hbar-chart{display:flex;flex-direction:column;gap:24px;}
.lead-result__hbar-row{display:flex;gap:40px;}
.lead-result__hbar-head{flex:1 0 115px;display:flex;align-items:center;}
.lead-result__hbar-tag{color:#999;font-size: 18px;line-height: 130%;}
.lead-result__hbar-track{position:relative;width:100%;border-radius:12px;overflow:hidden;}
.lead-result__hbar-fill{display: flex;align-items: center;flex-wrap: wrap;gap: 24px;padding: 40px;border-radius:12px;background: #F4F4F4;}
.lead-result__hbar-value{color:#333;font-size: 28px;font-weight: 800;line-height: 120%;}
.lead-result__hbar-value.unit{font-size: 24px;font-weight: 800;line-height: 120%;}
.lead-result__hbar-desc{color:#808080;font-size: 18px;font-weight: 400;line-height: 130%;}
.lead-result__hbar-row--result .lead-result__hbar-tag{color:#56ACFF;font-weight:700;}
.lead-result__hbar-row--result .lead-result__hbar-fill{background:#56ACFF;}
.lead-result__hbar-row--result .lead-result__hbar-value{color:#fff;}
.lead-result__hbar-row--result .lead-result__hbar-desc{color:#EBF5FF;font-size: 18px;font-weight: 400;line-height: 130%;}

/* 사례 카드 3개형 */
/* 헤드(이름+태그) / 설명 / 결과 3행이 3열 모두 같은 grid row를 공유하도록 subgrid 사용
   (설명 길이가 카드마다 달라 줄바꿈되어도 결과 블록 시작 위치가 맞춰진다) */
.lead-result__case-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto auto auto;gap:20px 24px;margin-bottom:32px;}
.lead-result__case-card{display:grid;grid-template-rows:subgrid;grid-row:1/4;padding: 20px 20px 20px 16px;border-radius: 8px;background: #F1F8FF;}
.lead-result__case-head{flex:1 0 115px; display:flex; gap:12px; align-items: center;}
.lead-result__case-name{display:inline-block;color:#666;font-size: 20px;font-weight: 700;line-height: 130%; }
.lead-result__case-tag{display:inline-block;padding: 0 10px;border-left: 0.5px solid #B2B2B2;color:#B2B2B2;font-size: 14px;line-height: 130%;}
.lead-result__case-desc{color:#666;font-size: 18px;line-height: 130%;}
.lead-result__case-result{padding: 12px 0 12px 12px;border-radius: 8px;background: #FFF;}
.lead-result__case-result dt{padding-bottom:8px;color:#56ACFF;font-size: 18px;font-weight: 800;line-height: 130%; }
.lead-result__case-result:not(:has(dd)) dt{padding-bottom:0;margin:0;}
.lead-result__case-result dt span{color:#666;}
.lead-result__case-result dd{color: #666;font-size: 18px;font-weight: 600;line-height: 130%;padding-left: 10px;text-indent: -10px;}
.lead-result__case-result-tag{display:flex; gap:12px;flex-wrap:wrap; align-items: center;color: #56ACFF;font-size: 20px;font-weight: 700;line-height: 130%;}
.lead-result__case-result-tag div{display:flex; gap:12px; flex-wrap:wrap;}
.lead-result__case-result-tag span{padding: 4px 12px;background:#F1F8FF;color:#333;font-size: 18px;font-weight:400;line-height: 130%;}

/* 체크리스트 3열형 */
/* title 행 + item 3행까지 3열 모두 같은 grid row를 공유하도록 subgrid를 2단으로 사용
   (security-compare와 동일한 이유 - 한쪽 텍스트가 줄바꿈되면 반대쪽도 높이가 맞춰진다) */
.lead-result__check-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto auto auto auto;gap:0;border:1px solid #56ACFF;border-radius:12px;overflow:hidden;}
.lead-result__check-col{display:grid;grid-template-rows:subgrid;grid-row:1/5;}
.lead-result__check-col-title{padding: 20px;border-left:1px solid #E7E7E7;background:#F1F8FF;color:#333;font-size: 18px;font-weight: 800;line-height: 130%;}
.lead-result__check-col:first-child .lead-result__check-col-title, .lead-result__check-col:first-child  .lead-result__check-item{border-left:none;}
.lead-result__check-item{display:grid;grid-template-rows:subgrid;grid-row:2/5;gap:24px;padding: 20px;border-top: 1px solid #E0E0E0;border-left:1px solid #E7E7E7;background: #FFF;list-style:none;margin:0;}
.lead-result__check-item li{position:relative;padding-left:24px;color:#666;font-size: 14px;line-height: 130%; }
.lead-result__check-item li::before{content:"";position:absolute;left:0;top:5px;width:14px; height:10px;background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M1.25 5.14547L5.44932 9.25L13.25 1.25' stroke='%2356ACFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.lead-result__check-item strong{color:#56ACFF; font-weight:400;}

/* 단계 프로세스형 */
/* 번호(원) 행 / STEP 라벨+제목+설명 묶음 행, 2행이 4열 모두 같은 grid row를 공유하도록 subgrid 사용 */
.lead-result__step-grid{position:relative;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:auto auto;gap:0 34px;}
.lead-result__step-grid::before{content:"";position:absolute;top:14px;left:14px;width:calc(75% + 24px);height:1px;background:#56ACFF;}
.lead-result__step-grid--3{grid-template-columns:repeat(3, 1fr);}/* 3단계형 (CB1 도입 가이드) - 원 3개를 잇는 선이라 4단계형과 길이 비율이 다르다 */
.lead-result__step-grid--3::before{width:calc(66.66% + 16px);}
.lead-result__step-num{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:#56ACFF;color:#fff;font-size:20px;font-weight:700;line-height: 130%;display:flex;align-items:center;justify-content:center;}
.lead-result__step{display:grid;grid-template-rows:subgrid;grid-row:1/3;}
.lead-result__step-body{display:flex;flex-direction:column;gap:16px; padding: 12px 20px 24px 0px;border-right: 1px solid #F3F3F3;}
.lead-result__step:first-child .lead-result__step-body{padding-left:0; }
.lead-result__step:last-child .lead-result__step-body{padding-right:0;border-right:0;}
.lead-result__step-label{color: #56ACFF; font-size: 18px;font-weight: 600;line-height: 130%;}
.lead-result__step-title{color:#333;font-size: 20px;font-weight: 700;line-height: 130%;}
.lead-result__step-desc{color:#666;font-size: 18px;line-height: 130%; }
.lead-result__step-desc span{display:block;font-size: 14px;line-height: 130%;}

/* 종합요약 */
.lead-result__slide--summary .lead-result__slide-content{gap:36px;}
.lead-result__slide--summary .lead-result__slide-body{display:flex;flex-direction:column;}
.lead-result__summary-flex{display:flex;flex:1;gap:24px;padding-top:4px;}
.lead-result__summary-box{border-radius: 12px;border: 0.462px solid #56ACFF;background: #F1F8FF; display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding: 40px 60px;}
.lead-result__summary-box-label{padding-bottom:12px;color:#333;font-size: 20px;font-weight: 800;line-height: 130%;}
.lead-result__summary-box-value{color: #56ACFF;font-size: 50px;font-weight: 800;line-height: 120%; }
.lead-result__summary-box-value .unit{font-size: 30px;font-weight: 800;line-height: 120%;}
.lead-result__summary-box-desc{color:#333;font-size: 15.521px;font-weight: 800;line-height: 130%; }
.lead-result__summary-box-desc strong{color:#56ACFF; font-size: 20.694px;}
.lead-result__summary-table-box{flex:1;display:flex; flex-direction: column;gap:24px; justify-content: space-between;}
.lead-result__summary-table-box .lead-result__summary-result-tag{padding: 0px 0 41px;}
.lead-result__summary-result-item{display:flex; gap:8px;flex-direction: column; padding: 16px 12px;border-radius: 8px;background: #F4F4F4;}
.lead-result__summary-result-item li{color:#333;font-size: 14px;line-height: 130%;padding-left:10px; text-indent: -10px;}
.lead-result__summary-result-item li i{display:inline-block;width:9px; height:12px; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M4.01777 11.0144V0.483653C4.01777 0.216539 4.23522 0 4.50346 0C4.7717 0 4.98915 0.216539 4.98915 0.483653V11.0144C4.98915 11.2815 4.7717 11.498 4.50346 11.498C4.23522 11.498 4.01777 11.2815 4.01777 11.0144Z' fill='%2356ACFF'/%3E%3Cpath d='M4.1553 10.6744L8.17087 6.67565C8.36055 6.48678 8.66807 6.48677 8.85774 6.67565C9.04742 6.86453 9.04742 7.17076 8.85774 7.35964L4.84218 11.3583C4.6525 11.5472 4.34498 11.5472 4.1553 11.3583C3.96563 11.1695 3.96563 10.8632 4.1553 10.6744Z' fill='%2356ACFF'/%3E%3Cpath d='M0.82913 6.66773L4.8447 10.6664C5.03437 10.8553 5.03437 11.1615 4.8447 11.3504C4.65502 11.5393 4.3475 11.5393 4.15782 11.3504L0.142256 7.35171C-0.047419 7.16284 -0.0474184 6.8566 0.142256 6.66773C0.331931 6.47885 0.639454 6.47885 0.82913 6.66773Z' fill='%2356ACFF'/%3E%3C/svg%3E") no-repeat center / contain;mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M4.01777 11.0144V0.483653C4.01777 0.216539 4.23522 0 4.50346 0C4.7717 0 4.98915 0.216539 4.98915 0.483653V11.0144C4.98915 11.2815 4.7717 11.498 4.50346 11.498C4.23522 11.498 4.01777 11.2815 4.01777 11.0144Z' fill='%2356ACFF'/%3E%3Cpath d='M4.1553 10.6744L8.17087 6.67565C8.36055 6.48678 8.66807 6.48677 8.85774 6.67565C9.04742 6.86453 9.04742 7.17076 8.85774 7.35964L4.84218 11.3583C4.6525 11.5472 4.34498 11.5472 4.1553 11.3583C3.96563 11.1695 3.96563 10.8632 4.1553 10.6744Z' fill='%2356ACFF'/%3E%3Cpath d='M0.82913 6.66773L4.8447 10.6664C5.03437 10.8553 5.03437 11.1615 4.8447 11.3504C4.65502 11.5393 4.3475 11.5393 4.15782 11.3504L0.142256 7.35171C-0.047419 7.16284 -0.0474184 6.8566 0.142256 6.66773C0.331931 6.47885 0.639454 6.47885 0.82913 6.66773Z' fill='%2356ACFF'/%3E%3C/svg%3E") no-repeat center / contain;background-color: #56ACFF;}
.lead-result__summary-result-item li i.up{transform: rotate(-180deg);}

/* CTA 배너(파란색 강조 안내줄) */
.lead-result__cta-banner{margin-top:auto; display:flex; gap:12px; align-items:center; justify-content: end; border-radius: 12px;padding: 20px; background: linear-gradient(90deg, #E0F1FF 0%, #EFEFFF 100%), linear-gradient(90deg, #C3E4FF 0%, #E4E4FF 100%), #393939; text-align:right; cursor:pointer;}
.lead-result__cta-banner span{display: inline-block;font-size: 18px;font-weight: 700;line-height: 1.3;background: linear-gradient(90deg, #ACA9FF 68.57%, #56ACFF 87.83%, #ACA9FF 100%);background-size: 200% auto;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: #fff; animation: rs-shine 2.8s linear infinite;}
.lead-result__cta-banner i{display:inline-block;width:14px; height:14px; background: url(/wp-content/plugins/able-lead-consulting-tool/assets/images/ico_arrow_banner.svg) no-repeat center;animation:rs-arrow-bounce 1.2s ease-in-out infinite;}
@keyframes rs-shine{to{background-position:-200% center}}
@keyframes rs-arrow-bounce{0%,100%{transform:translateX(0);}50%{transform:translateX(4px);}}



/* 마무리 CTA 슬라이드 */
.lead-result__slide--final.is-active{width:100%;display:flex; align-items: center; justify-content: center;}
.lead-result__final{text-align:center;}
.lead-result__final-img{padding-bottom:32px;}
.lead-result__final-img img{margin:0px auto;}
.lead-result__slide--final .lead-result__desc{padding:12px 0 32px;color:#666;font-size: 20px;line-height: 130%;}
.lead-result__final-title{padding-bottom:12px;color:#56ACFF;font-size: 18px;font-weight: 700;line-height: 130%;}
.lead-result__final-phone{color:#56ACFF;font-size: 48px;font-weight: 800;line-height: 120%; }



/* =============================================
   3. 제품별 오버라이드 (제품 ID로 스코프해 공용 컴포넌트 스타일만 조정)
   ============================================= */
/* lead-result-body-rv1 */
#lead-result-body-rv1 .lead-result__slide--problem .lead-result__etcdesc{margin-top:32px;font-size:18px;}
#lead-result-body-rv1 .lead-result__mini-card{text-align: center;}
#lead-result-body-rv1 .lead-result__mini-card-num{font-weight: 600;}

/* lead-result-body-rv2 */
#lead-result-body-rv2 .lead-result__mini-card{text-align: center;}
#lead-result-body-rv2 .lead-result__mini-card-num{font-weight: 600;}
#lead-result-body-rv2 .lead-result__slide--problem .lead-result__slide-body{justify-content: flex-start;}
#lead-result-body-rv2 .lead-result__slide--problem .lead-result__card-grid{padding-top:32px;}
#lead-result-body-rv2 .lead-result__case-grid{gap:12px 24px;margin-bottom:20px;}
#lead-result-body-rv2 .lead-result__summary-result-table td{min-height:46px;}
#lead-result-body-rv2 .lead-result__scale-box-desc{font-size:16px;}
#lead-result-body-rv2 .lead-result__scale-box--result .lead-result__scale-box-desc{font-size:18px;}

/* lead-result-body-rc1 */
#lead-result-body-rc1 .lead-result__case-result{padding:12px 8px;}
#lead-result-body-rc1 .lead-result__slide--problem .lead-result__slide-content{gap:10px;}

/* lead-result-body-rc2 */
#lead-result-body-rc2 .lead-result__slide--problem .lead-result__slide-content{gap:10px;}
#lead-result-body-rc2 .lead-result__case-result{padding:12px 8px;}
#lead-result-body-rc2 .lead-result__slide--summary .lead-result__summary-box-value{font-size:72px;}

/* lead-result-body-rm1 */
#lead-result-body-rm1 .lead-result__etcdesc{color:#999;}
#lead-result-body-rm1 .lead-result__slide--time .lead-result__slide-content{gap:32px;}
#lead-result-body-rm1 .lead-result__slide--scale .lead-result__slide-content{gap:32px;}
#lead-result-body-rm1 .lead-result__case-grid{margin-bottom:24px;}
#lead-result-body-rm1 .lead-result__slide--summary .lead-result__summary-box-value{font-size:72px;}

/* lead-result-body-cb1 */
#lead-result-body-cb1 .lead-result__flow{grid-template-columns:auto auto 1.73fr;}
#lead-result-body-cb1 .lead-result__flow .lead-result__flow-box{width:max-content;}
#lead-result-body-cb1 .lead-result__etcdesc{color:#999;}
#lead-result-body-cb1 .lead-result__slide--cost .lead-result__slide-content{gap:32px;}
#lead-result-body-cb1 .lead-result__case-grid{margin-bottom:24px;}
#lead-result-body-cb1 .lead-result__summary-table-box{margin-top:41px;}
#lead-result-body-cb1 .lead-result__summary-box-label{font-size:15px;}
#lead-result-body-cb1 .lead-result__summary-box-label strong{font-size:20px;}
#lead-result-body-cb1 .lead-result__summary-box-value{font-size:60px;}

/* #lead-result-body-ai1 */
#lead-result-body-ai1 .lead-result__slide-content{gap:16px;}
#lead-result-body-ai1 .lead-result__flow{gap: 8px 12px; padding:20px 0 43px; grid-template-columns: 1.2fr 1.1fr auto 0.8fr auto 1fr;}
#lead-result-body-ai1 .lead-result__flow-box-tag{font-size:14px;}
#lead-result-body-ai1 .lead-result__case-result dd{font-size:16px;}
#lead-result-body-ai1 .lead-result__security-compare-item{padding:22px 16px 22px 24px;}
#lead-result-body-ai1 .lead-result__summary-result-table th{font-size:16px;}
#lead-result-body-ai1 .lead-result__summary-result-table td{font-size:16px;vertical-align: middle;}

/* =============================================
   4. 하단 네비게이션 & CTA
   ============================================= */

/* 하단 페이지네이션 + 이전/다음 */
.lead-result__footer{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:40px;}
.lead-result__pagination{display:flex;align-items:center;width: 212px;justify-content: space-between;}

/* 첫 슬라이드 노출 2초 후 "다음" side-nav 버튼 위에 나타나는 안내 말풍선.. */
.lead-result__hint-bubble{visibility:visible;position:absolute;bottom:calc(100% + 15.5px);left:50%;transform:translateX(-50%);background:#222;color:#fff;font-size:14px;font-weight:700;line-height:1.3;padding:8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.lead-result__hint-bubble::after{content:"";position:absolute;top:95%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #222;border-radius:2px;}
.lead-result__hint-bubble.is-active{opacity:1;animation:leadResultHintBounce 1.2s ease-in-out infinite;}

@keyframes leadResultHintBounce{
    0%,100%{transform:translateX(-50%) translateY(0);}
    50%{transform:translateX(-50%) translateY(-8px);}
}

/* 모바일 전용 스크롤 유도 화살표(.lead-result__scroll-hint) - 데스크톱에서는 항상 숨김.
   실제 표시 스타일은 768px 이하 미디어쿼리에서 정의한다. */
.lead-result__scroll-hint{display:none;}

.lead-result__nav-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;padding:8px;border:1px solid #B2B2B2;background:#FFF;cursor:pointer;color:#B2B2B2;}
.lead-result__nav-btn.is-boundary{visibility:hidden;}
.lead-result__nav-btn:hover:not(:disabled){border-color:#56ACFF;color:#56ACFF;background-color:#F1F8FF;}
.lead-result__ico-arrow{display:inline-block;width:14px;height:9px;background-color:#B2B2B2;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.lead-result__ico-arrow.ico-arrow-prev{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M0.485626 4.01777H13.5163C13.7835 4.01777 14 4.23522 14 4.50346C14 4.7717 13.7835 4.98915 13.5163 4.98915H0.485626C0.218512 4.98915 0.0019722 4.7717 0.0019722 4.50346C0.0019722 4.23522 0.218512 4.01777 0.485626 4.01777Z' fill='%23000'/%3E%3Cpath d='M0.825647 4.1553L4.82435 8.17087C5.01323 8.36055 5.01323 8.66807 4.82435 8.85774C4.63547 9.04742 4.32924 9.04742 4.14036 8.85774L0.141659 4.84218C-0.0472193 4.6525 -0.0472183 4.34498 0.14166 4.1553C0.330538 3.96563 0.636769 3.96563 0.825647 4.1553Z' fill='%23000'/%3E%3Cpath d='M4.83228 0.82913L0.833573 4.8447C0.644695 5.03437 0.338464 5.03437 0.149586 4.8447C-0.0392923 4.65502 -0.0392923 4.3475 0.149586 4.15782L4.14829 0.142256C4.33716 -0.047419 4.6434 -0.0474184 4.83227 0.142256C5.02115 0.331931 5.02115 0.639454 4.83228 0.82913Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M0.485626 4.01777H13.5163C13.7835 4.01777 14 4.23522 14 4.50346C14 4.7717 13.7835 4.98915 13.5163 4.98915H0.485626C0.218512 4.98915 0.0019722 4.7717 0.0019722 4.50346C0.0019722 4.23522 0.218512 4.01777 0.485626 4.01777Z' fill='%23000'/%3E%3Cpath d='M0.825647 4.1553L4.82435 8.17087C5.01323 8.36055 5.01323 8.66807 4.82435 8.85774C4.63547 9.04742 4.32924 9.04742 4.14036 8.85774L0.141659 4.84218C-0.0472193 4.6525 -0.0472183 4.34498 0.14166 4.1553C0.330538 3.96563 0.636769 3.96563 0.825647 4.1553Z' fill='%23000'/%3E%3Cpath d='M4.83228 0.82913L0.833573 4.8447C0.644695 5.03437 0.338464 5.03437 0.149586 4.8447C-0.0392923 4.65502 -0.0392923 4.3475 0.149586 4.15782L4.14829 0.142256C4.33716 -0.047419 4.6434 -0.0474184 4.83227 0.142256C5.02115 0.331931 5.02115 0.639454 4.83228 0.82913Z' fill='%23000'/%3E%3C/svg%3E");}
.lead-result__ico-arrow.ico-arrow-next{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M13.5144 4.01777H0.483653C0.216539 4.01777 0 4.23522 0 4.50346C0 4.7717 0.216539 4.98915 0.483653 4.98915H13.5144C13.7815 4.98915 13.998 4.7717 13.998 4.50346C13.998 4.23522 13.7815 4.01777 13.5144 4.01777Z' fill='%23000'/%3E%3Cpath d='M13.1744 4.1553L9.17565 8.17087C8.98677 8.36055 8.98677 8.66807 9.17565 8.85774C9.36453 9.04742 9.67076 9.04742 9.85964 8.85774L13.8583 4.84218C14.0472 4.6525 14.0472 4.34498 13.8583 4.1553C13.6695 3.96563 13.3632 3.96563 13.1744 4.1553Z' fill='%23000'/%3E%3Cpath d='M9.16772 0.82913L13.1664 4.8447C13.3553 5.03437 13.6615 5.03437 13.8504 4.8447C14.0393 4.65502 14.0393 4.3475 13.8504 4.15782L9.85171 0.142256C9.66284 -0.047419 9.3566 -0.0474184 9.16773 0.142256C8.97885 0.331931 8.97885 0.639454 9.16772 0.82913Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M13.5144 4.01777H0.483653C0.216539 4.01777 0 4.23522 0 4.50346C0 4.7717 0.216539 4.98915 0.483653 4.98915H13.5144C13.7815 4.98915 13.998 4.7717 13.998 4.50346C13.998 4.23522 13.7815 4.01777 13.5144 4.01777Z' fill='%23000'/%3E%3Cpath d='M13.1744 4.1553L9.17565 8.17087C8.98677 8.36055 8.98677 8.66807 9.17565 8.85774C9.36453 9.04742 9.67076 9.04742 9.85964 8.85774L13.8583 4.84218C14.0472 4.6525 14.0472 4.34498 13.8583 4.1553C13.6695 3.96563 13.3632 3.96563 13.1744 4.1553Z' fill='%23000'/%3E%3Cpath d='M9.16772 0.82913L13.1664 4.8447C13.3553 5.03437 13.6615 5.03437 13.8504 4.8447C14.0393 4.65502 14.0393 4.3475 13.8504 4.15782L9.85171 0.142256C9.66284 -0.047419 9.3566 -0.0474184 9.16773 0.142256C8.97885 0.331931 8.97885 0.639454 9.16772 0.82913Z' fill='%23000'/%3E%3C/svg%3E");}
.lead-result__nav-btn:hover:not(:disabled) .lead-result__ico-arrow{color:#56ACFF;background-color:#56ACFF;}
.lead-result__page-text{font-size:16px;color:#666;line-height:130%;}

/* =============================================
   5. 팝업 & 모달
   ============================================= */

.mode-popup-top .tit{padding:12px 0;color:#333;font-size:24px;font-weight:800;line-height:120%}
.mode-popup-top .tit+p{padding-bottom:10px;color:#666;font-size:16px;font-weight:400;line-height:130%}
.mode-popup-top .tit+p span{padding-top:4px;color:#666;font-size:12px;line-height:130%}
.mode-popup-top .tit+p span a{text-decoration:underline}
.list_dot > li.underline{color:#007CF4; font-weight:bold;}

/* =============================================
   "정말 나가실건가요?" 이탈 확인 다이얼로그
   - able-dynamic-inquiry-builder 문의 폼(z-index 99999)보다도 위에 떠서
     닫기/바깥 클릭을 가로챈 시점에 항상 보이도록 한다.
   ============================================= */
#lead-result-exit-confirm,
#lead-result-reset-confirm,
#lead-result-rid-conflict{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;height:100%;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .25s ease;}
#lead-result-exit-confirm.is-active,
#lead-result-reset-confirm.is-active,
#lead-result-rid-conflict.is-active{display:flex;opacity:1;}
.lead-result-exit-confirm__dim{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(31, 31, 31, 0.50);;touch-action:none;}

.lead-result-exit-confirm__card{position:relative;width:calc(100% - 32px);max-width:480px;padding:40px 33px;background:#fff;border-radius:16px;overflow:hidden;}
.lead-result-exit-confirm__title{padding:20px 0 12px;color:#333;font-size:24px;font-weight:800;line-height:120%;}
.lead-result-exit-confirm__subtitle{padding:20px 0 36px;color:#333;font-size:18px;font-weight:800;line-height:120%;}
.lead-result-exit-confirm__desc{padding:0px 0 24px;font-size:16px;color:#666;line-height:1.3;}
.lead-result-exit-confirm__actions{display:flex;gap:8px 12px;}
.lead-result-exit-confirm__btn{flex:1;display:block;border:0;padding:12px 24px;border-radius:8px;background:#F1F8FF;color:rgba(86, 172, 255, 0.50) !important;font-size:16px;font-weight:600;line-height:130%;transition:all 0.2s;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
.lead-result-exit-confirm__btn.primary{background:#56ACFF;color:#fff !important;}


/* =============================================
   "빠른 상담 요청하기" 클릭 시 뜨는 완료 팝업 (exit-confirm과 동일한
   dim+card 스캐폴딩을 재사용하되, 아이콘/닫기 버튼/항목 리스트는 새로 정의)
   ============================================= */
#lead-result-inquiry-complete{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;height:100%;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .25s ease;}
#lead-result-inquiry-complete.is-active{display:flex;opacity:1;}
.lead-result-inquiry-complete__dim{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(31, 31, 31, 0.50);touch-action:none;}
.lead-result-inquiry-complete__card{position:relative;width:calc(100% - 32px);max-width:389px;padding:28px 24px;background:#fff;border-radius:16px;overflow:hidden;}
.lead-result-inquiry-complete__close{position:absolute;top:24px;right:24px;width:16px;height:16px;border:0;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1 1L15 15M15 1L1 15' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;cursor:pointer;}
.lead-result-inquiry-complete__icon{width:36px;height:32px;background: url('/wp-content/plugins/able-lead-consulting-tool/assets/images/ico_popup_inquiry.svg') no-repeat center;}
.lead-result-inquiry-complete__title{padding:20px 0 12px;color:#333;font-size:20px;font-weight:800;line-height:130%;}
.lead-result-inquiry-complete__desc{color:#666;font-size:14px;line-height:130%;padding-bottom:24px;}
.lead-result-inquiry-complete__list{display:flex;flex-direction:column;gap:12px;padding: 20px;border-radius: 8px;border: 1px solid #E5E5E5;background: #F7F7F7;}
.lead-result-inquiry-complete__row{display:flex;gap:24px;color:#666;font-size:14px;line-height:130%;}
.lead-result-inquiry-complete__row dt{flex: 0 0 100px;font-weight:600;}
.lead-result-inquiry-complete__row dd{flex:1;word-break: break-all;}

.ui_modal_dim{backdrop-filter:blur(4px);}

/* ===============================
UI MODAL SYSTEM
=============================== */
.ui_modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;height:100%;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .25s ease;}
.ui_modal.active{display:flex;opacity:1;}
.ui_modal_dim{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);touch-action:none;}
.ui_modal_layer{position:relative;width:calc(100% - 32px);max-width:480px;z-index:2;}
.ui_modal_container{position:relative;padding:30px 32px 40px; background:#fff;border-radius:16px;overflow:hidden;}
.ui_modal_header{padding-bottom:20px;}
.ui_modal_header img{margin-bottom:12px;}
.ui_modal_header .tit{color:#333;font-size: 24px;font-weight: 800;line-height: 120%; }
.ui_modal_body{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.ui_modal_close{position:absolute;top:25px;right:25px;width:24px;height:24px;border:0;font-size:0;background:url(/wp-content/plugins/able-lead-consulting-tool/assets/images/ico_cloase.webp) no-repeat center/24px;cursor:pointer;}
body.ui_modal_lock{overflow:hidden;}

.agree_modal .ui_modal_layer{position:relative;max-width:440px;}
.agree_modal .ui_modal_header{padding-bottom:20px;border-bottom:0.5px solid #DEDEDE;}
.agree_modal .ui_modal_header .tit{color:#000;font-size: 20px;font-weight: 800;line-height: 120%; }
.agree_modal .ui_modal_body{padding-top:30px;}
.agree_modal .desc{color: #000;font-size: 14px;font-weight:400;line-height: 130%;}
.agree_modal .desc strong{color: #ff0000;font-size: 14px;font-weight:400;text-decoration-line: underline;}
.agree_modal .desc a {color: #000;font-size: 14px;font-weight:400;text-decoration-line: underline;}

@media (max-width:768px){
    .ui_modal_layer{width:calc(100% - 24px);max-width:none;}
    .ui_modal_container{padding:20px;}
}

.able-dib-force-success-box button{text-align:center;}
.able-dib-force-success-box button:hover{color:#fff;}

/* =============================================
   6. 반응형 (태블릿 1200px, 모바일 768px)
   ============================================= */

@media screen and (max-width:1200px){
   .br_pc{display:none}
   .br_mobile{display:none;}

   .lead-result__slide{padding:20px;}
   .lead-result__slide-content{gap:42px;}
   .lead-result__cta-top-btn{font-size:16px;}
   .agree_modal .ui_modal_header{border-bottom-width:1px;}

   .lead-result__header-title{font-size:14px;}
   .lead-result__badge{font-size:14px;}
   h2.lead-result__title{font-size:32px;}
   h3.lead-result__title{font-size:22px;}
   .lead-result__subdesc{font-size:14px;}
   .lead-result__etcdesc{font-size:14px;}
   .lead-result__cover-eyebrow{font-size:18px;}
   .lead-result__slide--cover .lead-result__desc{font-size:16px;}
   .lead-result__cover-tag{font-size:14px;}
   .lead-result__copyright{font-size:12px;}
   .lead-result__stat-value{font-size:36px;}
   .lead-result__stat-value .unit{font-size:20px;}
   .lead-result__stat-label{font-size:16px;}
   .lead-result__formula{font-size:16px;}
   .lead-result__card-grid{grid-template-columns:repeat(5, minmax(189px, 1fr));padding-bottom:16px;}
   .lead-result__card-grid--4{grid-template-columns:repeat(4, minmax(189px, 1fr));}
   .lead-result__card-grid--3{grid-template-columns:repeat(3, minmax(189px, 1fr));}
   .lead-result__mini-card{min-width:189px;}
   .lead-result__mini-card-num{font-size:14px;}
   .lead-result__mini-card-title{font-size:14px;}
   .lead-result__mini-card-result{font-size:14px;}
   .lead-result__resource-card-eyebrow{font-size:14px;}
   .lead-result__resource-card-title{font-size:18px;}
   .lead-result__resource-card-desc{font-size:14px;}
   .lead-result__security-compare-head{font-size:14px;}
   .lead-result__security-compare-item{font-size:14px;}
   .lead-result__security-compare-item strong{font-size:14px;}
   .lead-result__time-tag span{font-size:12px;}
   /* 0.5px border는 DPR 1인 화면(일부 안드로이드 등)에서 반올림되어 아예 안 보이는
      경우가 있어 1200px 이하부터는 1px로 올린다. */
   .lead-result__table th{font-size:14px;border-bottom-width:1px;}
   .lead-result__table td{font-size:14px;border-bottom-width:1px;}
   .lead-result__summary-result-tag span{font-size:12px;}
   .lead-result__summary-result-table th{font-size:14px;}
   .lead-result__summary-result-table td{font-size:14px;}
   .lead-result__summary-result-table th.category, .lead-result__summary-result-table td.category{text-align: left;}
   .lead-result__flow-box-label{font-size:14px;}
   .lead-result__flow-box-value{font-size:28px;}
   .lead-result__flow-box-value .unit{font-size:14px;}
   .lead-result__flow-box-detail{font-size:12px;}
   .lead-result__flow-box-tag{font-size:14px;}
   .lead-result__info-tip-bubble{font-size:12px;}
   .lead-result__scale-op{border-width:1px;}
   .lead-result__scale-box-label{font-size:14px;}
   .lead-result__scale-box-value{font-size:20px;}
   .lead-result__scale-box-value .unit{font-size:18px;}
   .lead-result__scale-box-desc{font-size:14px;}
   .lead-result__scale-box--result .lead-result__scale-box-label{font-size:18px;}
   .lead-result__scale-box--result .lead-result__scale-box-value{font-size:28px;}
   .lead-result__scale-note{font-size:14px;}
   .lead-result__scale-note strong{font-size:18px;}
   .lead-result__colabox-box-label{font-size:16px;}
   .lead-result__colabox-box-value{font-size:32px;}
   .lead-result__colabox-box-value .unit{font-size:18px;}
   .lead-result__colabox-box-desc{font-size:14px;}
   .bg .lead-result__colabox-box-desc{font-size:12px;}
   .lead-result__colabox-box--result .lead-result__colabox-box-label{font-size:18px;}
   .lead-result__colabox-box--result .lead-result__colabox-box-value{font-size:28px;}
   .lead-result__colabox-op{font-size:32px;}
   .lead-result__bar-tag{font-size:14px;border-width:1px;}
   .lead-result__bar-value{font-size:16px;}
   .lead-result__bar-value .unit{font-size:14px;}
   .lead-result__bar-desc{font-size:14px;}
   .lead-result__bar-desc .unit{font-size:14px;}
   .lead-result__bar-col.bg .lead-result__bar-tag{font-size:16px;}
   .lead-result__bar-col.bg .lead-result__bar-value{font-size:20px;}
   .lead-result__bar-col.bg .lead-result__bar-value .unit{font-size:16px;}
   .lead-result__bar-col.bg .lead-result__bar-desc{font-size:14px;}
   .lead-result__bar-col.bg .lead-result__bar-desc .unit{font-size:14px;}
   .lead-result__bar-col--result .lead-result__bar-tag{font-size:18px;}
   .lead-result__bar-col--result .lead-result__bar-value{font-size:22px;}
   .lead-result__bar-col--result .lead-result__bar-value .unit{font-size:16px;}
   .lead-result__bar-col--result .lead-result__bar-desc{font-size:14px;}
   .lead-result__bar-col--result .lead-result__bar-desc .unit{font-size:14px;}
   .lead-result__hbar-tag{font-size:14px;}
   .lead-result__hbar-value{font-size:20px;}
   .lead-result__hbar-value.unit{font-size:18px;}
   .lead-result__hbar-desc{font-size:14px;}
   .lead-result__hbar-row--result .lead-result__hbar-desc{font-size:14px;}
   .lead-result__case-name{font-size:16px;}
   .lead-result__case-tag{font-size:12px;border-left-width:1px;}
   .lead-result__case-desc{font-size:14px;}
   .lead-result__case-result dt{font-size:14px;}
   .lead-result__case-result dd{font-size:14px;}
   .lead-result__case-result-tag{font-size:16px;}
   .lead-result__case-result-tag span{font-size:16px;}
   .lead-result__check-col-title{font-size:14px;}
   .lead-result__check-item li{font-size:12px;}
   .lead-result__step-num{font-size:16px;}
   .lead-result__step-label{font-size:14px;}
   .lead-result__step-title{font-size:16px;}
   .lead-result__step-desc{font-size:14px;}
   .lead-result__step-desc span{font-size:12px;}
   .lead-result__summary-box-label{font-size:16px;}
   .lead-result__summary-box-value{font-size:32px;}
   .lead-result__summary-box-value .unit{font-size:20px;}
   .lead-result__summary-box-desc{font-size:14px;}
   .lead-result__summary-box-desc strong{font-size:16px;}
   .lead-result__summary-result-item li{font-size:12px;}
   .lead-result__cta-banner span{font-size:14px;}
   .lead-result__slide--final .lead-result__desc{font-size:16px;}
   .lead-result__final-title{font-size:14px;}
   .lead-result__final-phone{font-size:32px;}
   #lead-result-body-rv1 .lead-result__slide--problem .lead-result__etcdesc{font-size:14px;}
   #lead-result-body-rv2 .lead-result__scale-box-desc{font-size:14px;}
   #lead-result-body-rv2 .lead-result__scale-box--result .lead-result__scale-box-desc{font-size:14px;}
   #lead-result-body-rc2 .lead-result__slide--summary .lead-result__summary-box-value{font-size:44px;}
   #lead-result-body-rm1 .lead-result__slide--summary .lead-result__summary-box-value{font-size:44px;}
   #lead-result-body-cb1 .lead-result__summary-box-label{font-size:12px;}
   #lead-result-body-cb1 .lead-result__summary-box-label strong{font-size:16px;}
   #lead-result-body-cb1 .lead-result__summary-box-value{font-size:36px;}
   #lead-result-body-ai1 .lead-result__flow-box-tag{font-size:12px;}
   #lead-result-body-ai1 .lead-result__case-result dd{font-size:14px;}
   #lead-result-body-ai1 .lead-result__summary-result-table th{font-size:14px;}
   #lead-result-body-ai1 .lead-result__summary-result-table td{font-size:14px;}
   .lead-result__hint-bubble{font-size:12px;}
   .lead-result__page-text{font-size:14px;}

   .mode-popup-top .tit{padding:12px 0 8px;font-size:20px;}
   .mode-popup-top .tit+p{font-size:14px;}

   h3 i.arrow{width: 19px;height: 14px;}
   .lead-result__case-head{flex-direction: column;align-items:flex-start;}
}

@media screen and (max-width:768px){
   .br_mobile{display:inline;}

   #lead-result-page{padding:28px 20px 48px;}
   .lead-result__cta-top{display:none;}
   .lead-result__viewport{position:relative;}
   .lead-result__side-nav{display:none;}

   /* 표지(슬라이드 0) - 스크롤 전/후 관계없이 항상 독립된 카드 박스로 보인다.
      display:flex를 여기서 직접 고정한다 - is-active에만 의존하면, 목록 화면
      진입 후 다른 아코디언 그룹을 열어 state.slideIndex가 0이 아니게 된 상태에서
      renderSlide()가 다시 실행될 때(문의 폼 제출 감지 패치 등) is-active가 표지에서
      빠지면서 표지 자체가 사라지는 문제가 있었다. */
   .lead-result__slide[data-slide-index="0"]{display:flex; flex-direction:column-reverse;gap:16px; border-radius:12px;padding:16px 16px 72px;box-shadow:0 2px 8px 0 rgba(51, 51, 51, 0.20);}
   .lead-result__viewport.is-mobile-list .lead-result__slide[data-slide-index="0"]{margin-bottom:25px;}

   /* 모바일 아코디언 목록 화면 - lead-result.js가 표지(슬라이드 0)를 보고 있는 상태에서
      스크롤을 시작하면 .lead-result__viewport에 is-mobile-list를 붙여 진입한다. 이
      상태에서는 표지(data-slide-index="0")는 그대로 보이면서, 나머지 슬라이드
      (.lead-result__slide-group으로 미리 감싸둔 묶음)가 그 아래에 독립된 카드 박스로
      동시에 fadein된다. data-accordion-group을 가진 슬라이드는 자신의 아코디언 토글
      버튼만 보이다가 is-accordion-open일 때만 나머지 내용(버튼 제외 모든 자식)이
      펼쳐진다. 같은 data-accordion-group 값을 공유하는 슬라이드끼리(PART3 그룹) 함께
      열고 닫힌다. */
   .lead-result__viewport.is-mobile-list .lead-result__slide-group{display:block;border-radius:12px;padding:16px 16px 4px;box-shadow:0 2px 8px 0 rgba(51, 51, 51, 0.20);overflow:hidden;}
   .lead-result__viewport.is-mobile-list .lead-result__slide-group .lead-result__slide{display:block;padding:0px;border-radius:0;box-shadow:none;animation:leadResultSlideFadeIn .4s ease forwards;}
   .lead-result__viewport.is-mobile-list .lead-result__slide[data-accordion-group] > *:not(.lead-result__accordion-toggle){display:none;}
   .lead-result__viewport.is-mobile-list .lead-result__slide[data-accordion-group].is-accordion-open > *:not(.lead-result__accordion-toggle){display:flex;flex-direction:column;gap:0;}

   @keyframes leadResultSlideFadeIn{
       from{opacity:0;}
       to{opacity:1;}
   }

   /* 표지에서 아래로 스크롤을 유도하는 플로팅 화살표 - 표지만 보이는 동안(스크롤 시작
      전) 하단 중앙에 고정 노출되고, 스크롤을 시작하는 순간 lead-result.js가 감춘다. */
   .lead-result__scroll-hint{position:fixed;left:50%;bottom:24px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .25s ease;}
   .lead-result__scroll-hint.is-active{opacity:1;pointer-events:auto;cursor:pointer;animation:leadResultScrollHintBounce 1.2s ease-in-out infinite;}
   .lead-result__scroll-hint-bubble{background:#222;color:#fff;font-size:13px;font-weight:700;line-height:1.3;padding:8px 12px;border-radius:8px;white-space:nowrap;}
   .lead-result__scroll-hint-arrow{position:relative;width:10px;height:14px;width:10px;height:15px;background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M4.99219 8.48535L5.52249 9.01571C5.22961 9.30861 4.75476 9.30861 4.46188 9.01571L4.99219 8.48535ZM8.70432 3.71216C8.9972 3.41925 9.47206 3.41925 9.76493 3.71216C10.0578 4.00506 10.0578 4.47996 9.76493 4.77287L9.23463 4.24251L8.70432 3.71216ZM0.219441 4.77287C-0.073439 4.47996 -0.073439 4.00506 0.219441 3.71216C0.51232 3.41925 0.987171 3.41925 1.28005 3.71216L0.749746 4.24251L0.219441 4.77287ZM4.99219 8.48535L4.46188 7.955L8.70432 3.71216L9.23463 4.24251L9.76493 4.77287L5.52249 9.01571L4.99219 8.48535ZM0.749746 4.24251L1.28005 3.71216L5.52249 7.955L4.99219 8.48535L4.46188 9.01571L0.219441 4.77287L0.749746 4.24251Z' fill='%23AEAEAE'/%3E%3Cpath d='M4.99219 14.7549L5.52249 15.2852C5.22961 15.5781 4.75476 15.5781 4.46188 15.2852L4.99219 14.7549ZM8.70432 9.98169C8.9972 9.68878 9.47206 9.68878 9.76493 9.98169C10.0578 10.2746 10.0578 10.7495 9.76493 11.0424L9.23463 10.512L8.70432 9.98169ZM0.219441 11.0424C-0.073439 10.7495 -0.073439 10.2746 0.219441 9.98169C0.51232 9.68878 0.987171 9.68878 1.28005 9.98169L0.749746 10.512L0.219441 11.0424ZM4.99219 14.7549L4.46188 14.2245L8.70432 9.98169L9.23463 10.512L9.76493 11.0424L5.52249 15.2852L4.99219 14.7549ZM0.749746 10.512L1.28005 9.98169L5.52249 14.2245L4.99219 14.7549L4.46188 15.2852L0.219441 11.0424L0.749746 10.512Z' fill='%23AEAEAE'/%3E%3C/svg%3E") no-repeat center;}

   @keyframes leadResultScrollHintBounce{
       0%,100%{transform:translateX(-50%) translateY(0);}
       50%{transform:translateX(-50%) translateY(-4px);}
   }
   .lead-result__accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0 12px;border:0;border-top:1px solid #E7E7E7;background:#fff;color:#ccc;font-size:16px;font-weight:800;line-height:120%;cursor:pointer;}
   .lead-result__accordion-toggle-arrow{flex:none;width: 12px;height: 12px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0.316406 5.99877C0.316406 5.64996 0.599174 5.36719 0.947985 5.36719H11.0532C11.4021 5.36719 11.6848 5.64996 11.6848 5.99877C11.6848 6.34758 11.4021 6.63035 11.0532 6.63035H0.947985C0.599174 6.63035 0.316406 6.34758 0.316406 5.99877Z' fill='%23CCCCCC'/%3E%3Cpath d='M5.99928 0.31543C6.34809 0.31543 6.63086 0.598197 6.63086 0.947009L6.63086 11.0523C6.63086 11.4011 6.34809 11.6839 5.99928 11.6839C5.65047 11.6839 5.3677 11.4011 5.3677 11.0523L5.3677 0.947009C5.3677 0.598197 5.65047 0.31543 5.99928 0.31543Z' fill='%23CCCCCC'/%3E%3C/svg%3E") no-repeat center;transition:transform .2s ease;}
   .lead-result__slide[data-slide-index="1"] .lead-result__accordion-toggle{border-top:0;padding-top: 0;}
   .lead-result__slide.is-accordion-open .lead-result__accordion-toggle{color:#333;}
   .lead-result__slide.is-accordion-open .lead-result__accordion-toggle-arrow{background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0.316406 5.99877C0.316406 5.64996 0.599174 5.36719 0.947985 5.36719H11.0532C11.4021 5.36719 11.6848 5.64996 11.6848 5.99877C11.6848 6.34758 11.4021 6.63035 11.0532 6.63035H0.947985C0.599174 6.63035 0.316406 6.34758 0.316406 5.99877Z' fill='%23333333'/%3E%3C/svg%3E");}


   .lead-result__slide{min-height:auto;padding:20px;border-radius:12px;}
   .lead-result__slide-content{padding:12px 0 55px; justify-content:flex-start; gap:0px;}

   .lead-result__header{margin-bottom:22px;}
   .lead-result__logo{gap:4px;}
   .lead-result__logo img{width:12px;height:12px;}
   .lead-result__logo .lead-result__header-title{font-size:14px;}

   .lead-result__badge{display:none;}

   h2.lead-result__title{font-size: 24px;line-height: 120%;}
   h3.lead-result__title{font-size: 18px;line-height: 140%;}
   h3.lead-result__title + .lead-result__subdesc{padding-top:16px;}

   .lead-result__subdesc{font-size: 14px;}

   ul.lead-result__etcdesc li{padding-left:15px; text-indent: -15px;}
   .lead-result__etcdesc{gap:12px; font-size: 12px;padding-bottom:20px;}

   /* 표지(커버) 슬라이드 */
   .lead-result__slide--cover{position:relative; }
   .lead-result__cover-content{gap:20px;margin-top:0px;flex:auto;}
   .lead-result__cover-image{width:120px; height:109px; flex:auto;}
   .lead-result__cover-image img{padding-right:0;}
   .lead-result__cover-eyebrow{font-size:16px;}
   .lead-result__slide--cover .lead-result__desc{font-size:16px;}
   .lead-result__cover-tag{font-size: 12px;}
   .lead-result__copyright{bottom:16px; left:16px;padding-top:40px;font-size: 12px;line-height: 130%; }

   /* 스탯 3~4개 나열형 - 태블릿에서는 2열 2행으로 줄바꿈.*/
   .lead-result__stat-grid{grid-template-columns:repeat(2, minmax(max-content, 1fr));grid-template-rows:repeat(4, auto);row-gap:24px;}
   .lead-result__stat:nth-child(n+3){grid-row:3/5;}

   /* 문제 진단 */
   .lead-result__slide--problem .lead-result__slide-content{gap:20px}
   .lead-result__stat-grid,.lead-result__case-grid,.lead-result__check-grid,.lead-result__step-grid{grid-template-columns:repeat(2, auto);}

   /* 스탯 3~4개 나열형 (현황 진단) */
   .lead-result__stat-grid{gap:40px 10px;padding:32px 0 20px;border-bottom:1px solid #ccc;margin-bottom:32px;}
   .lead-result__stat{text-align:left;gap:4px;}
   .lead-result__stat-value{font-size: 28px;font-weight: 900;}
   .lead-result__stat-value .unit{font-size: 18px; font-weight: 800;}

   .lead-result__stat-label{padding-top:4px; color: #666;font-size: 14px;line-height: 1.3;white-space:normal;}

   .lead-result__formula{padding-bottom:32px;text-align: left;font-size:14px;}

   /* 카드 4~5개형 (문제 진단) - 1200px 이하와 동일하게 그리드 유지, 넘치면 가로 스크롤. */
   .lead-result__card-grid{padding-top:22px;margin-bottom: 22px;}
   .lead-result__mini-card{border-radius: 12px;}
   .lead-result__mini-card-num{padding: 12px 16px;font-size: 14px;}
   .lead-result__mini-card-body:has(.lead-result__mini-card-result) > .lead-result__mini-card-title{padding:16px 14px 0 14px;}
   .lead-result__mini-card-body:has(.lead-result__mini-card-result) > .lead-result__mini-card-result{padding:16px 14px 16px 14px;}
   .lead-result__mini-card-icon img{width:40px; height:40px;}
   .lead-result__mini-card-title strong{font-size: 14px;}
   .lead-result__mini-card-title p{font-size: 14px;padding-top: 8px;}
   .lead-result__mini-card-result strong{font-size: 14px;}
   .lead-result__mini-card-result p{font-size: 14px;padding-top: 8px;}

   /* 카드 3개형 (자원 운용 및 비용 최적화 - RV1의 이 슬라이드에서만 사용) */
   .lead-result__resource-card-grid{display:flex;flex-direction:column;gap:12px;margin:16px 0 20px;}
   .lead-result__resource-card{border-radius: 8px;padding:20px;}
   .lead-result__resource-card-eyebrow{font-size: 14px;}
   .lead-result__resource-card-title{font-size: 16px;}
   .lead-result__resource-card-desc{font-size: 14px;}

   /* 도입 전/후 비교 (보안과 업무 연속성 - RV1/AI1) */
   .lead-result__security-compare{display:flex;flex-direction:column;gap:12px;padding:16px 0 0px;}
   .lead-result__security-compare-col{border-radius: 8px;}
   .lead-result__security-compare-col--before{grid-column:1;}
   .lead-result__security-compare-col--after{grid-column:1;}
   .lead-result__security-compare-head{padding: 15px 16px;border-radius:8px 8px 0 0;}
   .lead-result__security-compare-item{padding: 15px 16px;}
   .lead-result__security-compare-arrow svg{transform:rotate(90deg);}
   .lead-result__security-compare + .lead-result__etcdesc{padding:16px 0;font-size:14px;}

   .lead-result__time-tag{padding:16px 0 36px;}

   .lead-result__table-wrap{margin-bottom:20px;}

   .lead-result__slide--summary .lead-result__slide-body{padding-bottom:20px;}
   .lead-result__summary-result-tag {padding:16px 0;text-align:left;}
   .lead-result__summary-result-tag span{padding:0; background:#fff; }
   .lead-result__summary-result-table-wrap{overflow-x:auto;overflow-y:visible;margin-bottom:16px}
   .lead-result__summary-result-table{min-width:503px;}
   .lead-result__summary-result-table th{padding:0px 0px 12px;}
   .lead-result__summary-result-table td{padding:12px 5px;}

   /* 스탯 흐름형(①+②=③) - 모바일에서는 1열 */
   .lead-result__flow{display:flex;flex-direction:column;justify-content: flex-start; gap:20px;padding-top:20px;margin-bottom:24px;}
   .lead-result__flow-box{justify-content: flex-start;}
   .lead-result__flow-op{width:11px;height:9px; transform:rotate(90deg);}
   .lead-result__flow-box-label {padding: 0;}
   .lead-result__flow-box-value { padding: 12px 0 16px; font-size: 20px;}

   /* 곱셈식/덧셈식 3박스형(scale-flow) - 768px 이하에서는 앞의 박스-연산-박스 3개만
      가로 배치를 유지하고, note/최종 연산자(=)/결과박스는 각각 별도 행에서 전체
      너비(1/4)로 배치한다.  */

   .lead-result__scale-flow{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto auto;gap:8px 12px;padding:24px 0px;}
   .lead-result__scale-box--result{grid-column:1/4;grid-row:4;gap:8px;border-radius:12px;}
   .lead-result__scale-box{border-radius: 4px;padding: 20px 12px;}
   .lead-result__scale-box-value{padding:0 0 8px;}
   .lead-result__scale-box-value .unit{font-size:14px;}
   .lead-result__scale-box-desc{font-size: 12px;}

   .lead-result__plus-flow .lead-result__scale-box-label{padding:0;}
   .lead-result__plus-flow .lead-result__scale-op.plus{margin-bottom:36px;}

   .lead-result__scale-box--result .lead-result__scale-box-label{font-size:16px;}
   .lead-result__scale-box--result .lead-result__scale-box-value{font-size:28px;}
   .lead-result__scale-box--result .lead-result__scale-box-value .unit{font-size:18px;}

   .lead-result__scale-box:not(.bg):not(.lead-result__scale-box--result){margin-right:0px;}
   .lead-result__scale-box.bg{margin-left:0px;}
   .lead-result__scale-op{width:16px;height:16px;background-size:7px;}
   .lead-result__scale-op.plus{background-size: 7px;}
   .lead-result__scale-op--final{width:16px;height:16px;background-size:7px;grid-column:1/4;grid-row:3;justify-self:center;margin-top: 8px;}
   .lead-result__scale-note{padding-top:12px;font-size: 12px;}
   .lead-result__scale-note::before {height: 12px;background-size:auto 8px;}
   .lead-result__scale-note strong{font-size: 16px;}

   /* 콜라박스(CB1) 전용 환산 박스형(colabox-flow) - scale-flow와 동일한 이유로
      마지막 연산자+결과박스만 다음 줄로 내린다. . */
   .lead-result__colabox-flow{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;gap:16px 40px;padding:24px 0;}
   .lead-result__colabox-box:not(.lead-result__colabox-box--result){grid-row:1;justify-content: flex-start;}
   .lead-result__colabox-op{grid-row:1;}
   .lead-result__colabox-op--final{grid-column:1/4;grid-row:2;justify-self:center;transform:rotate(90deg);}
   .lead-result__colabox-box--result{grid-column:1/4;grid-row:3;padding: 20px;}

   .lead-result__bar-chart{overflow-x:auto;}
   .lead-result__bar-track{padding-top:20px;}
   .lead-result__bar-fill{padding:50px 20px 40px;}

   /* 가로 막대바형 (CB1 PART3-2 공간 활용 향상 - 전/후 값 크기는 동일하고
      용도만 바뀌는 경우라 막대는 항상 100%로 채우고 색상으로만 전/후를 구분한다) */
   .lead-result__hbar-chart{gap:16px;padding:16px 0;}
   .lead-result__hbar-row{flex-direction:column; gap:12px;}
   .lead-result__hbar-head{flex:0;}
   .lead-result__hbar-track{border-radius:8px;}
   .lead-result__hbar-fill{gap: 12px;padding: 20px;border-radius:8px;}
   .lead-result__hbar-value{font-size: 18px;}
   .lead-result__hbar-value.unit{font-size: 16px;}

   /* 사례 카드 3개형 - 모바일에서는 2열도 좁아서 1열로 완전히 쌓는다.
      case-card가 grid-template-rows:subgrid;grid-row:1/4로 3장 높이를 맞추고 있어
      열만 줄이면 2·3번째 카드가 새 행으로 못 내려가고 겹치므로(위 stat-grid와 같은
      이유), flex column으로 바꿔 subgrid를 무시하게 한다 - 1열이라 카드 간 높이를
      맞출 필요도 없어진다. */
   .lead-result__case-grid{display:flex;flex-direction:column;gap:12px;margin:20px 0;}
   .lead-result__case-card{gap:12px;padding: 12px;border-radius: 4px;}
   .lead-result__case-head{gap:8px;flex-direction: row; align-items: center; }
   .lead-result__case-name{font-size: 14px;}

   .lead-result__case-result{padding: 4px 12px 4px 8px;border-radius:4px;}
   .lead-result__case-result-tag{flex-direction: column; gap:8px;align-items:flex-start;margin-bottom:24px;font-size: 14px;}
   .lead-result__case-result-tag div{gap:8px;}
   .lead-result__case-result-tag span{padding: 2px 8px;font-size: 14px;}

   /* 체크리스트 3열형 - 모바일에서는 3열도 좁아서 1열로 쌓는다(case-grid와 동일한
      이유로 flex column 사용). 가로 배치 전용이던 컬럼 구분선(border-left)은
      의미가 없어지므로 없애고, 대신 쌓인 그룹 사이를 구분하도록 border-top으로
      바꾼다(첫 그룹은 위쪽에 이미 컨테이너 테두리가 있으니 제외). */
   .lead-result__check-grid{display:flex;flex-direction:column;gap:12px;border: 0;border-radius: 0px;padding:20px 0;}
   .lead-result__check-col{border-radius: 8px;border: 1px solid #E7E7E7;}
   .lead-result__check-col-title{padding: 8px;border-left:0; }
   .lead-result__check-col-title,.lead-result__check-item{border-left:0;}
   .lead-result__check-col:not(:first-child) .lead-result__check-col-title{border-top:0;border-radius: 8px 8px 0 0;}
   .lead-result__check-item{gap:12px;padding:16px 8px;border-left:none;background:transparent;border-radius: 0 0 8px 8px;}
   .lead-result__check-item li{padding-left:16px;}
   .lead-result__check-item li::before{width:8px; height:5px;background-size:8px 5px;}

   /* 단계 프로세스형 - 모바일에서는 1열 */
   .lead-result__step-grid{display:flex;flex-direction:column;gap:40px;padding:16px 0 20px;}
   .lead-result__step-grid::before{display:none;}
   .lead-result__step{display:flex;gap:8px;position:relative;}
   .lead-result__step:not(:last-child)::before{content:"";position:absolute;left:12px;top:12px;bottom:-52px;width:1px;background:#56ACFF;}
   .lead-result__step-num{width:24px;height:24px;flex: 0 0 24px;}
   .lead-result__step-body{gap:12px; padding: 0px;border-right: 0;}

   /* 종합요약 */
   .lead-result__summary-flex{padding-top:24px;flex-direction:column;}
   .lead-result__summary-box{border-radius: 8px;padding: 24px;}
   .lead-result__summary-box-label{font-size: 14px;}
   .lead-result__summary-box-value{font-size: 24px;}
   .lead-result__summary-box-value .unit{font-size: 24px;}
   .lead-result__summary-box-desc{font-size: 14px; }
   .lead-result__summary-box-desc strong{font-size: 16px;}
   .lead-result__summary-result-table-wrap{margin-bottom:0;}
   .lead-result__summary-table-box .lead-result__summary-result-tag{padding:0px 0 16px; }
   .lead-result__summary-result-item{padding: 8px 8px 8px 0;border-radius: 4px;}
   .lead-result__summary-result-item li{font-size: 12px;}
   .lead-result__summary-result-item li i{width:6px; height:8px;}

   /* CTA 배너(파란색 강조 안내줄) */
   .lead-result__cta-banner{gap:16px; justify-content:space-between; border-radius: 8px;padding: 12px 16px; text-align:left;}
   .lead-result__cta-banner span{font-size: 14px;}
   .lead-result__cta-banner i{flex:0 0 8px; display:inline-block;width:7px; height:10px; background-size:7px 10px;animation:rs-arrow-bounce-y 1.2s ease-in-out infinite;}
   @keyframes rs-arrow-bounce-y{0%,100%{transform:rotate(90deg) translateX(0);}50%{transform:rotate(90deg) translateX(4px);}}

   /* 마무리 CTA 슬라이드 */
   .lead-result__slide--final.is-active{width:100%;display:flex; align-items: center; justify-content: center;}
   .lead-result__final{padding:16px 0 52px;}
   .lead-result__final-img{padding-bottom:12px;}
   .lead-result__final-img img{width:auto;height:150px;}
   .lead-result__slide--final h2.lead-result__title{font-size: 18px;}
   .lead-result__slide--final .lead-result__desc{font-size: 14px;}
   .lead-result__final-title{font-size: 14px;}
   .lead-result__final-phone{font-size: 24px;}

   /* =============================================
      3. 제품별 오버라이드 (제품 ID로 스코프해 공용 컴포넌트 스타일만 조정)
      ============================================= */
   /* lead-result-body-rv1 */
   #lead-result-body-rv1 .lead-result__slide--problem .lead-result__etcdesc{margin-top:0px;font-size:14px;}

   /* lead-result-body-rv2 */
   #lead-result-body-rv2 .lead-result__case-grid{gap:12px 24px;margin-bottom:20px;}
   #lead-result-body-rv2 .lead-result__scale-box--result .lead-result__scale-box-desc{font-size:14px;}

   /* lead-result-body-rc1 */
   #lead-result-body-rc1 .lead-result__slide--problem .lead-result__slide-content{gap:0;}
   #lead-result-body-rc1 .lead-result__case-result{padding: 4px 12px 4px 8px;}

   /* lead-result-body-rc2 */
   #lead-result-body-rc2 .lead-result__slide--summary .lead-result__summary-box-value{font-size:32px;}

   /* lead-result-body-rm1 */
   #lead-result-body-rm1 .lead-result__slide--time .lead-result__slide-content{gap:16px;}
   #lead-result-body-rm1 .lead-result__slide--scale .lead-result__slide-content{gap:16px;}
   #lead-result-body-rm1 .lead-result__case-grid{margin-bottom:24px;}
   #lead-result-body-rm1 .lead-result__slide--summary .lead-result__summary-box-value{font-size:32px;}

   /* lead-result-body-cb1 */
   #lead-result-body-cb1 .lead-result__flow{grid-template-columns:auto auto 1.73fr;}
   #lead-result-body-cb1 .lead-result__slide--cost .lead-result__slide-content{gap:0px;}
   #lead-result-body-cb1 .lead-result__summary-table-box{margin-top:0px;}
   #lead-result-body-cb1 .lead-result__summary-box-label{font-size:14px;}
   #lead-result-body-cb1 .lead-result__summary-box-label strong{font-size:14px;}
   #lead-result-body-cb1 .lead-result__summary-box-value{font-size:32px;}

   /* #lead-result-body-ai1 */
   #lead-result-body-ai1 .lead-result__flow{gap: 20px; padding:20px 0; }
   #lead-result-body-ai1 .lead-result__flow-box-tag{font-size:14px;}
   #lead-result-body-ai1 .lead-result__case-result dd{font-size:14px;}
   #lead-result-body-ai1 .lead-result__security-compare-item{padding: 15px 16px;}

   .lead-result__hint-bubble{font-size:10px;padding:4px 8px;border-radius:4px}

   .lead-result__footer{margin-top:24px; align-items: normal;}
   .lead-result__pagination{display:none;}
   .lead-result__cta-row{display:flex;flex-direction:column; gap:12px;}
   .lead-result__cta-btn{flex:1;display:flex;align-items:center;justify-content: space-between;gap:12px;padding:19px 20px;border-radius:8px;border:1px solid #E7E7E7;background:#ffffff;color:#666;font-size:16px;font-weight:600;line-height:130%;cursor:pointer;}
   .lead-result__cta-btn span{display:flex;align-items:center;gap:8px;}
   .lead-result__cta-btn:hover{border-color:#56ACFF;background:#F1F8FF;color:#56ACFF;}
   .lead-result__cta-btn:hover .lead-result__ico-arrow{color:#56ACFF;background-color:#56ACFF;}

   h3 i.arrow{width: 19px;height: 14px;}
   }