docs: 페이지 3 스타트업 IR 평가 섹션 상세화 - 베이지안 설명, 7명 업데이트, 그래프를 한 화면에 배치

journey/scenarios/251223_bayesian_seminar_presentation_scenario.md

@@ -61,23 +61,61 @@
 - 버튼: 활성화 시 보라색 배경, 흰색 텍스트
 - 그래프: 보라색 그라데이션
 
-### 2. 스타트업 IR 평가 (페이지 3)
+### 2. 스타트업 IR 평가 (페이지 3, 인터랙티브 단일 페이지)
 
-**페이지 3**: "이제 스타트업을 평가해봅시다"
-- 실제 IR Deck 선택 (예시 1-2개 준비)
+**페이지 3**: "이제 스타트업을 평가해봅시다" (인터랙티브 단일 페이지)
 
-**페이지 3 - 섹션 2**: IR 정보 단계별 공개 (섹션별 표시/숨김)
-- 각 페이지마다 하나의 정보 공개:
-  - 대표자 프로필 (나이, 경력, 학력)
-  - 사업 규모 (직원 수, 설립년도)
-  - 비즈니스 모델 (수익 구조)
-  - 시장 규모 (TAM, SAM, SOM)
-  - 매출액/성장률
-- 각 정보 공개 후 7명이 성공 확률 업데이트
-- 실시간 확률 분포 그래프 업데이트
+**화면 구성** (모니터 스크린 1920x1080 기준, 크롬 브라우저):
+- 전체 레이아웃: 상단 설명 영역(15%), 중앙 콘텐츠 영역(75%), 하단 버튼 영역(10%)
 
-**페이지 3 - 섹션 3**: 최종 평가 비교
-- 7명의 최종 확률 vs 로빙의 평가 점수/등급
+**섹션 1: 베이지안 원리 설명 및 IR Deck 선택** (기본 표시)
+- 상단: 베이지안 원리 설명 영역 (전체 너비, 15% 높이)
+  - "자루 속 공의 비율을 추정한 것과 같은 원리로, 스타트업의 성공 확률을 추정합니다"
+  - 간단한 베이지안 업데이트 공식 시각화 (사전확률 → IR 정보 → 사후확률)
+- 중앙 좌측: IR Deck 선택 영역 (600px 너비)
+  - 실제 IR Deck 선택 (예시 1-2개 준비, 카드 형태)
+  - 선택된 IR Deck 정보 미리보기
+- 중앙 우측: 7명의 초기 성공 확률 입력 영역 (600px 너비)
+  - 7개 입력 카드 (세로 리스트, 각 카드 80px 높이)
+  - 각 카드: 이름 + 성공 확률 슬라이더 (0-100%)
+- 하단: "다음" 버튼 (모두 입력 시 활성화)
+
+**섹션 2: IR 정보 단계별 공개 및 업데이트** (섹션 1 완료 후 표시)
+- 상단: 베이지안 원리 설명 영역 (고정, 15% 높이)
+  - 베이지안 업데이트 공식 시각화 유지
+  - 현재 공개된 정보 단계 표시 (예: "1/5: 대표자 프로필")
+- 중앙 좌측: IR 정보 표시 영역 (600px 너비)
+  - 단계별로 하나의 정보 공개:
+    1. 대표자 프로필 (나이, 경력, 학력)
+    2. 사업 규모 (직원 수, 설립년도)
+    3. 비즈니스 모델 (수익 구조)
+    4. 시장 규모 (TAM, SAM, SOM)
+    5. 매출액/성장률
+  - 각 정보는 카드 형태로 표시
+- 중앙 중앙: 7명의 업데이트 입력 영역 (400px 너비)
+  - 7개 입력 카드 (세로 리스트, 각 카드 60px 높이)
+  - 각 카드: 이름 + 업데이트된 성공 확률 슬라이더
+  - 실시간으로 확률 업데이트 가능
+- 중앙 우측: 실시간 그래프 영역 (600px 너비)
+  - 상단: 7명의 확률 분포 그래프 (막대 그래프 또는 선 그래프)
+  - 하단: 베타분포 그래프 (Beta(1,1) vs Beta(50,50) 비교, 선택적)
+  - 각 정보 공개 후 자동 업데이트
+- 하단: "다음 정보 공개" 버튼 (5회 반복)
+
+**섹션 3: 최종 평가 비교** (5회 완료 후 표시, 섹션 2 숨김)
+- 상단: "최종 평가 비교" 제목
+- 중앙: 비교 차트
+  - 좌측: 7명의 최종 확률 표시 (막대 그래프)
+  - 우측: 로빙의 평가 점수/등급 표시
+  - 중앙: 비교 분석 (차이점, 유사점)
+- 하단: "다음" 버튼 (로빙 소개로 이동)
+
+**디자인**:
+- 배경: 흰색 또는 밝은 회색
+- 설명 영역: 보라색(#5C00E6) 배경, 흰색 텍스트 (선택적)
+- 카드: 흰색 배경, 그림자, 둥근 모서리
+- 슬라이더: 보라색(#5C00E6) 트랙, 파란색 핸들
+- 그래프: 보라색 그라데이션
 
 ### 3. 로빙 소개 및 마무리 (페이지 4-7)