<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 460" fill="none" role="img" aria-label="가입 전 준비 사항 일러스트">
  <defs>
    <linearGradient id="pAccent" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#ff8aa0"/>
      <stop offset="1" stop-color="#ff5d73"/>
    </linearGradient>
    <linearGradient id="pIndigo" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#6f66f2"/>
      <stop offset="1" stop-color="#4f46e5"/>
    </linearGradient>
    <filter id="pSoft" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#4f46e5" flood-opacity="0.18"/>
    </filter>
    <filter id="pSoftSm" x="-40%" y="-40%" width="180%" height="180%">
      <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#4f46e5" flood-opacity="0.16"/>
    </filter>
  </defs>

  <!-- 배경 블롭 (흰 배경 대비용) -->
  <circle cx="300" cy="230" r="200" fill="#eef0ff"/>
  <circle cx="470" cy="96" r="12" fill="#ffd15c" opacity="0.9"/>
  <circle cx="86" cy="120" r="9" fill="#ff8aa0" opacity="0.7"/>
  <g opacity="0.6" stroke="#c7c9f7" stroke-width="4" stroke-linecap="round">
    <path d="M96 350 h24"/>
    <path d="M108 338 v24"/>
  </g>

  <!-- 뒤쪽 문서 (사업자등록증 느낌) -->
  <g filter="url(#pSoftSm)" transform="rotate(-8 190 210)">
    <rect x="150" y="120" width="180" height="230" rx="16" fill="#ffffff"/>
    <rect x="150" y="120" width="180" height="46" rx="16" fill="#eef0ff"/>
    <rect x="150" y="150" width="180" height="16" fill="#eef0ff"/>
    <rect x="172" y="134" width="96" height="12" rx="6" fill="#c7c9f7"/>
    <rect x="172" y="192" width="136" height="9" rx="4.5" fill="#e9ebf5"/>
    <rect x="172" y="212" width="112" height="9" rx="4.5" fill="#e9ebf5"/>
    <rect x="172" y="232" width="124" height="9" rx="4.5" fill="#e9ebf5"/>
    <circle cx="288" cy="304" r="26" fill="none" stroke="#ff8aa0" stroke-width="4"/>
    <text x="288" y="310" font-family="Arial, sans-serif" font-size="15" font-weight="700" fill="#ff5d73" text-anchor="middle">인</text>
  </g>

  <!-- 앞쪽 체크리스트 클립보드 -->
  <g filter="url(#pSoft)">
    <rect x="250" y="150" width="200" height="248" rx="20" fill="#ffffff"/>
  </g>
  <!-- 클립 -->
  <rect x="316" y="138" width="68" height="26" rx="10" fill="url(#pIndigo)"/>
  <rect x="332" y="130" width="36" height="18" rx="9" fill="#3b34b8"/>

  <!-- 체크 항목들 -->
  <g>
    <rect x="272" y="196" width="26" height="26" rx="8" fill="url(#pAccent)"/>
    <path d="M279 209 l4.5 4.5 l8.5 -9.5" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
    <rect x="310" y="200" width="118" height="11" rx="5.5" fill="#e9ebf5"/>
  </g>
  <g>
    <rect x="272" y="238" width="26" height="26" rx="8" fill="url(#pAccent)"/>
    <path d="M279 251 l4.5 4.5 l8.5 -9.5" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
    <rect x="310" y="242" width="100" height="11" rx="5.5" fill="#e9ebf5"/>
  </g>
  <g>
    <rect x="272" y="280" width="26" height="26" rx="8" fill="url(#pAccent)"/>
    <path d="M279 293 l4.5 4.5 l8.5 -9.5" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
    <rect x="310" y="284" width="112" height="11" rx="5.5" fill="#e9ebf5"/>
  </g>
  <g>
    <rect x="272" y="322" width="26" height="26" rx="8" fill="#eef0ff"/>
    <rect x="310" y="326" width="86" height="11" rx="5.5" fill="#eef0ff"/>
  </g>

  <!-- 신분/담당자 카드 배지 (플로팅, 좌하단) -->
  <g filter="url(#pSoftSm)" transform="translate(120 300)">
    <rect x="0" y="0" width="120" height="76" rx="14" fill="#ffffff"/>
    <circle cx="30" cy="30" r="16" fill="#eef0ff"/>
    <circle cx="30" cy="25" r="6" fill="#4f46e5"/>
    <path d="M18 40 a12 12 0 0 1 24 0 z" fill="#4f46e5"/>
    <rect x="56" y="20" width="50" height="9" rx="4.5" fill="#c7c9f7"/>
    <rect x="56" y="36" width="38" height="8" rx="4" fill="#e9ebf5"/>
    <rect x="16" y="56" width="88" height="8" rx="4" fill="#e9ebf5"/>
  </g>

  <!-- 계좌/결제 배지 (플로팅, 우상단) -->
  <g filter="url(#pSoftSm)" transform="translate(392 176)">
    <rect x="0" y="0" width="96" height="60" rx="14" fill="url(#pIndigo)"/>
    <rect x="0" y="16" width="96" height="12" fill="#3b34b8"/>
    <circle cx="76" cy="44" r="11" fill="#ffd15c"/>
    <text x="76" y="49" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#3b34b8" text-anchor="middle">₩</text>
    <rect x="14" y="40" width="34" height="8" rx="4" fill="#ffffff" opacity="0.85"/>
  </g>
</svg>
