Thumbnail Image Extractor

HTML / CSS CODE

<div style="width: 500px; height: 500px; background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 20px; font-family: sans-serif; color: white; padding: 40px; box-sizing: border-box; text-align: center; position: relative; overflow: hidden; border: 8px solid rgba(255,255,255,0.1);">
    <div style="position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%;"></div>
    <div style="background-color: #ffcc00; color: #1e3c72; padding: 6px 16px; border-radius: 500px; font-weight: 800; font-size: 14px; margin-bottom: 20px;">2026 최신판</div>
    <h1 style="font-size: 36px; margin: 0; line-height: 1.2; text-align: center;">3차 민생지원금<br><span style="color: #ffcc00;">완벽 가이드</span></h1>
    <div style="width: 50px; height: 4px; background-color: white; margin: 25px 0;"></div>
    <ul style="list-style: none; padding: 0; margin: 0; font-size: 16px; text-align: left; line-height: 1.8;">
      <li style="display: flex; align-items: center; margin-bottom: 8px;"><span style="color: #ffcc00; margin-right: 10px;">✓</span> 지역별 지급 현황 (최대 60만)</li>
      <li style="display: flex; align-items: center; margin-bottom: 8px;"><span style="color: #ffcc00; margin-right: 10px;">✓</span> 신청 대상 & 기간 총정리</li>
      <li style="display: flex; align-items: center; margin-bottom: 8px;"><span style="color: #ffcc00; margin-right: 10px;">✓</span> 공식 공고 확인하는 법</li>
    </ul>
    <p style="font-size: 14px; opacity: 0.8; margin-top: 30px; text-align: center;">지금 바로 확인하고 혜택 받으세요!</p>
</div>