<div style="max-width: 600px; margin: 20px auto; border: 1px solid #e1e4e8; border-radius: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.05); overflow: hidden; color: #24292e; line-height: 1.6;">
<!-- 메일 헤더 영역 -->
<div style="background-color: #f6f8fa; padding: 16px 20px; border-bottom: 1px solid #e1e4e8;">
<table style="width: 100%; border-collapse: collapse; font-size: 14px;">
<tr>
<td style="width: 80px; font-weight: bold; color: #586069; padding-bottom: 6px;">보낸사람</td>
<td style="padding-bottom: 6px; color: #24292e;">
<span style="font-weight: 600;">보내는 사람 이름</span>
<span style="color: #0366d6; font-size: 13px;"><sender@email.com></span>
</td>
</tr>
<tr>
<td style="font-weight: bold; color: #586069; padding-bottom: 6px;">받는사람</td>
<td style="padding-bottom: 6px; color: #24292e;">
<span style="font-weight: 600;">받는 사람 이름</span>
<span style="color: #0366d6; font-size: 13px;"><recipient@email.com></span>
</td>
</tr>
<tr>
<td style="font-weight: bold; color: #586069; padding-bottom: 6px;">날짜</td>
<td style="padding-bottom: 6px; color: #586069; font-size: 13px;">
2026년 9월 10일 오후 08:40
</td>
</tr>
<tr>
<td style="font-weight: bold; color: #586069; padding-top: 6px; border-top: 1px dashed #d1d5da;">제목</td>
<td style="padding-top: 6px; border-top: 1px dashed #d1d5da; font-weight: bold; font-size: 15px; color: #1b1f23;">
메일 제목을 여기에 입력하세요.
</td>
</tr>
</table>
</div>
<!-- 메일 본문 영역 -->
<div style="padding: 24px 20px; font-size: 15px; color: #24292e; min-height: 150px;">
<p style="margin-top: 0;">안녕하세요,</p>
<p>여기에 메일 본문 내용을 작성하시면 됩니다.</p>
<p>줄바꿈이나 단락을 나누어 진짜 메일처럼 연출해 보세요.</p>
<br>
<p style="margin-bottom: 0;">감사합니다.<br><strong>보낸사람 드림</strong></p>
</div>
</div>