##8E2DE2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .step-card::before { content: attr(data-step); position: absolute; top: -20px; left: - ##4A00E0 #sans-serif; background-color: #F8F9FA; } .chart-container { position: relative; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; heigh #making the 'execute the rest' logic intuitive. Justification: A Donut chart is ideal for showing part-to-whole relationships. Chart.js/Canvas used. 4. Styled List with Unicode Icons (Organize): Used to present the final key takeaways for investors in a hi #highlighting that the non-executable part (building) is small #and actionable story. --> <!-- Visualization & Content Choices: 1. Process Diagram (Organize): A simple flow diagram using HTML/CSS Flexbox to illustrate the sequence from auction to execution refusal. Best way to show a process without SVG/Mermaid. 2 #step-by-step narrative to explain the legal precedent of Supreme Court Decision 2025그7523 for real estate investors. The flow is: 1. The Hook: A direct question posing a common problem for auction investors. 2. The Scenario: Visually sets the scene and in #initial-scale=1.0"> <title>인포그래픽: 내 땅 위 건물 때문에 인도집행을 거부당했다면?</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="preconnect" href="https://fonts.googleapis.co #<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width #발송송달 #배당이의 #담보가등기 #채권신고 #memorable #임차권등기명령 #대항력 #점유