<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>부동산 PF 정상화 대시보드</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script> <style> @font-face { font-family: 'SUITE'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'SUITE', sans-serif; } body { background-color: #f8f8f8; color: #2d2d2d; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; background-color: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; } header { background-color: #012f47; color: white; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; } header h1 { font-size: 24px; font-weight: 700; } .date-source { font-size: 14px; opacity: 0.9; } .main-content { display: flex; padding: 30px; gap: 30px; } .left-column { flex: 6; } .right-column { flex: 4; } .card { background: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); padding: 25px; margin-bottom: 20px; border: 1px solid #eee; } .card-title { font-size: 18px; font-weight: 700; color: #012f47; margin-bottom: 15px; display: flex; align-items: center; } .card-title i { margin-right: 10px; font-size: 20px; } .summary { padding: 25px; background-color: #f9f9f9; border-radius: 12px; margin-bottom: 20px; border-left: 4px solid #018ab4; } .summary p { font-size: 16px; line-height: 1.6; } .key-stats { display: flex; justify-content: space-between; gap: 15px; margin: 20px 0; } .stat-item { flex: 1; background-color: #f9f9f9; padding: 20px; border-radius: 10px; text-align: center; transition: transform 0.2s ease; } .stat-item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .stat-value { font-size: 28px; font-weight: 700; color: #018ab4; margin: 10px 0; } .stat-desc { font-size: 14px; color: #666; } .highlight { background-color: #dbf2ff; border-radius: 8px; padding: 15px 20px; margin: 20px 0; border-left: 4px solid #00baee; } .highlight p { font-size: 16px; line-height: 1.5; color: #012f47; font-weight: 500; } .key-points ul { list-style-type: none; padding-left: 10px; } .key-points li { position: relative; padding-left: 25px; margin-bottom: 15px; line-height: 1.5; } .key-points li:before { content: "•"; color: #018ab4; font-size: 22px; position: absolute; left: 0; top: -2px; } .factor-box { background-color: #dbd4cc; border-radius: 10px; padding: 20px; margin: 20px 0; } .factor-box h3 { font-size: 16px; margin-bottom: 10px; color: #012f47; display: flex; align-items: center; } .factor-box h3 i { margin-right: 10px; } .factor-box p { font-size: 14px; line-height: 1.5; } .chart-container { position: relative; height: 300px; margin: 20px 0; } footer { background-color: #012f47; color: white; padding: 15px 30px; text-align: center; font-size: 14px; } .tab-buttons { display: flex; gap: 10px; margin-bottom: 15px; } .tab-button { padding: 10px 15px; background-color: #f1f1f1; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; transition: all 0.2s ease; } .tab-button.active { background-color: #018ab4; color: white; } .tab-content { display: none; } .tab-content.active { display: block; } .news-list { max-height: 400px; overflow-y: auto; } .news-item { padding: 15px 0; border-bottom: 1px solid #eee; } .news-item:last-child { border-bottom: none; } .news-title { font-weight: 600; font-size: 15px; margin-bottom: 8px; } .news-source { font-size: 12px; color: #666; display: flex; justify-content: space-between; margin-top: 8px; } </style> </head> <body> <div class="container"> <header> <h1>부동산 PF 정상화 방안 분석</h1> <div class="date-source">2024년 5월 13일 | 금융당국 발표 자료</div> </header> <div class="main-content"> <div class="left-column"> <div class="summary"> <p>금융당국이 2024년 5월 13일 '부동산 프로젝트 파이낸싱(PF) 정상화 방안 최종안'을 발표했습니다. 회생 가능한 PF 사업장에는 신규 자금을 투입하고, 부실 사업장은 정리를 유도하며, 1조원대의 캠코 PF 정상화 펀드 활성화 방안이 포함되었습니다.</p> </div> <div class="key-stats"> <div class="stat-item"> <div class="stat-label">PF 시장 규모</div> <div class="stat-value">230조원</div> <div class="stat-desc">총 PF 사업 규모</div> </div> <div class="stat-item"> <div class="stat-label">구조조정 대상</div> <div class="stat-value">5~10%</div> <div class="stat-desc">전체 PF 사업장 중</div> </div> <div class="stat-item"> <div class="stat-label">추가 손실 예상</div> <div class="stat-value">최대 8.8조원</div> <div class="stat-desc">제2금융권 기준</div> </div> </div> <div class="card"> <div class="card-title"> <i class="fas fa-chart-line"></i> PF 사업장 평가 및 대응 전략 </div> <div class="chart-container"> <canvas id="pfEvaluationChart"></canvas> </div> <div class="highlight"> <p>금융당국이 부동산 PF 사업장 평가 기준을 현행 3단계에서 4단계로 세분화하여 맞춤형 대응 전략을 시행합니다.</p> </div> </div> <div class="card"> <div class="card-title"> <i class="fas fa-hand-holding-usd"></i> 공동대출 및 유동성 공급 계획 </div> <div class="chart-container"> <canvas id="liquiditySupplyChart"></canvas> </div> <div class="key-points"> <ul> <li>은행·보험업권이 최대 5조원 규모의 공동대출을 조성하여 유동성을 공급</li> <li>캠코 PF 정상화 펀드 1조원대 활성화 방안 도입</li> <li>회생 가능한 사업장에 신규 자금 투입 통한 정상화 지원</li> <li>부실 사업장에 대해서는 조기 정리 유도</li> </ul> </div> </div> </div> <div class="right-column"> <div class="card"> <div class="card-title"> <i class="fas fa-exclamation-triangle"></i> 제2금융권 추가 손실 예상 규모 </div> <div class="chart-container"> <canvas id="lossEstimationChart"></canvas> </div> <div class="factor-box"> <h3><i class="fas fa-info-circle"></i> PF 사업성 평가기준 개선방안</h3> <p>금융당국의 '부동산 PF 사업성 평가기준 개선방안'에 따라 전체 PF 사업장을 세분화하여 맞춤형 지원 및 구조조정을 진행합니다. 사업장 상태별 4단계 평가를 통해 지원 여부와 방식이 결정됩니다.</p> </div> </div> <div class="card"> <div class="card-title"> <i class="fas fa-newspaper"></i> 관련 뉴스 </div> <div class="tab-buttons"> <button class="tab-button active" data-tab="policy">정책 관련</button> <button class="tab-button" data-tab="market">시장 동향</button> </div> <div class="tab-content active" id="policy"> <div class="news-list"> <div class="news-item"> <div class="news-title">금융당국, 오늘 부동산 PF 정상화 방안 발표</div> <div class="news-summary">금융당국이 오늘(13일) '부동산 프로젝트 파이낸싱(PF) 정상화 방안 최종안'을 발표했다.</div> <div class="news-source"> <span>연합뉴스</span> <a href="https://www.yna.co.kr/view/MYH20240513000600641" target="_blank">원문 보기</a> </div> </div> <div class="news-item"> <div class="news-title">부동산PF 정상화한다…공동대출·사업장 평가 세분화</div> <div class="news-summary">정부가 부동산 PF 연착륙을 위한 정상화 방안을 발표했다.</div> <div class="news-source"> <span>연합뉴스</span> <a href="https://www.yna.co.kr/view/MYH20240513012600641" target="_blank">원문 보기</a> </div> </div> <div class="news-item"> <div class="news-title">PF사업장 5∼10% 구조조정 대상…2금융권 수조 추가손실 예상</div> <div class="news-summary">금융당국의 '부동산 PF 사업성 평가기준 개선방안'에 따라 전체 230조원 규모의 PF 사업장 중 5∼10%가 구조조정 대상이 될 전망이다.</div> <div class="news-source"> <span>연합뉴스</span> <a href="https://www.yna.co.kr/view/AKR20240513075700002" target="_blank">원문 보기</a> </div> </div> </div> </div> <div class="tab-content" id="market"> <div class="news-list"> <div class="news-item"> <div class="news-title">위례신사선 표류에 한달 만에 집값 1억 뚝…집주인 분통</div> <div class="news-summary">위례신도시 내 아파트 가격이 위례신사선 사업 표류와 맞물려 급격히 하락하고 있다.</div> <div class="news-source"> <span>한국경제</span> <a href="https://www.hankyung.com/article/2025051270876" target="_blank">원문 보기</a> </div> </div> <div class="news-item"> <div class="news-title">5월 월간 부동산 시장 동향</div> <div class="news-summary">건설산업연구원이 발표한 「5월 월간 부동산 시장 동향」에 따르면, 4월 매매가격 하락폭은 지역에 관계없이 모두 개선되었으나, 상승세로 전환되지는 않았다는 분석이 나왔다.</div> <div class="news-source"> <span>KDI 경제교육·정보센터</span> <a href="https://eiec.kdi.re.kr/policy/domesticView.do?ac=0000175596" target="_blank">원문 보기</a> </div> </div> <div class="news-item"> <div class="news-title">Residential Market Report - 2025년 5월 부동산마켓브리프</div> <div class="news-summary">알투코리아에서 5월 8일에 발행한 부동산마켓브리프로 최신 주택 시장 동향과 분석 정보를 제공한다.</div> <div class="news-source"> <span>알투코리아부동산투자자문</span> <a href="http://www.r2korea.co.kr/web/marketReport/?bno=4" target="_blank">원문 보기</a> </div> </div> </div> </div> </div> </div> </div> <footer> <p>출처: 성성 프리미엄 부동산 (010-8282-8684) | 데이터 기준: 2024년 5월 13일</p> </footer> </div> <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> <script> // PF 사업장 평가 차트 const pfEvaluationCtx = document.getElementById('pfEvaluationChart').getContext('2d'); const pfEvaluationChart = new Chart(pfEvaluationCtx, { type: 'bar', data: { labels: ['정상 사업장', '유의 사업장', '관리 사업장', '위험 사업장'], datasets: [{ label: '사업장 비율(%)', data: [65, 20, 10, 5], backgroundColor: [ '#00baee', '#018ab4', '#dbd4cc', '#e74c3c' ], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(context) { let label = context.dataset.label || ''; if (label) { label += ': '; } label += context.parsed.y + '%'; return label; } } } }, scales: { y: { beginAtZero: true, max: 100, title: { display: true, text: '비율(%)' } } } } }); // 유동성 공급 계획 차트 const liquiditySupplyCtx = document.getElementById('liquiditySupplyChart').getContext('2d'); const liquiditySupplyChart = new Chart(liquiditySupplyCtx, { type: 'doughnut', data: { labels: ['은행·보험 공동대출', '캠코 PF 정상화 펀드', '기타 지원'], datasets: [{ data: [5, 1, 1.2], backgroundColor: [ '#012f47', '#018ab4', '#dbd4cc' ], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom' }, tooltip: { callbacks: { label: function(context) { let label = context.label || ''; if (label) { label += ': '; } label += context.parsed + '조원'; return label; } } } } } }); // 손실 예상 차트 const lossEstimationCtx = document.getElementById('lossEstimationChart').getContext('2d'); const lossEstimationChart = new Chart(lossEstimationCtx, { type: 'bar', data: { labels: ['최소 예상', '최대 예상'], datasets: [{ label: '제2금융권 추가 손실 예상 (조원)', data: [3.1, 8.8], backgroundColor: [ '#018ab4', '#012f47' ], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(context) { let label = context.dataset.label || ''; if (label) { label += ': '; } label += context.parsed.x + '조원'; return label; } } } }, scales: { x: { beginAtZero: true, title: { display: true, text: '손실 규모 (조원)' } } } } }); // 탭 기능 const tabButtons = document.querySelectorAll('.tab-button'); const tabContents = document.querySelectorAll('.tab-content'); tabButtons.forEach(button => { button.addEventListener('click', () => { // 모든 탭에서 active 클래스 제거 tabButtons.forEach(btn => btn.classList.remove('active')); tabContents.forEach(content => content.classList.remove('active')); // 클릭한 탭에 active 클래스 추가 button.classList.add('active'); document.getElementById(button.dataset.tab).classList.add('active'); }); }); </script> </body> </html>
Made with Bullet