이메일 인증 템플릿 추가:

- 제주은행/DJ Bank 이메일 템플릿 신규 추가 - Base64 임베디드 이미지 및 링크형 리소스 분리
2026-08-11 15:03:37 +09:00
parent b0ecb26a9d
commit 919b4a0b06
11 changed files with 240 additions and 0 deletions
@@ -0,0 +1,120 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>DJBank API Portal 이메일 인증</title>
 <!--[if mso]>
 <style type="text/css">
  table, td { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
 </style>
 <![endif]-->
 </head>
 <body style="margin:0;padding:0;width:100%;background-color:#eef0f3;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
 <!-- 미리보기 텍스트 (받은편지함 목록에 노출, 본문에서는 숨김) -->
 <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;font-size:1px;line-height:1px;color:#eef0f3;">DJBank 개발자포탈 이메일 인증번호 안내입니다.</div>
 <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#eef0f3;">
  <tr>
    <td align="center" style="padding:30px 12px;">
      <!-- ============ 카드 (흰 배경 · 테두리 #dfdfdf · 라운드 20) ============ -->
      <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background-color:#ffffff;border:1px solid #dfdfdf;border-radius:20px;">
        <!-- ===== Header : DJ Bank 로고 + API Portal ===== -->
        <tr>
          <td style="padding:26px 27px 0 27px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td width="20" style="width:20px;font-size:0;line-height:0;">&nbsp;</td>
                <td valign="middle" style="line-height:0;">
                  <img src="images/logo-djbank.png" width="144" height="40" alt="DJ Bank" style="display:block;width:144px;height:40px;border:0;outline:none;-ms-interpolation-mode:bicubic;">
                </td>
                <td width="16" style="width:16px;font-size:0;line-height:0;">&nbsp;</td>
                <td valign="middle" style="line-height:0;">
                  <img src="images/logo-apiportal.png" width="124" height="21" alt="API Portal" style="display:block;width:124px;height:21px;border:0;outline:none;-ms-interpolation-mode:bicubic;">
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <!-- ===== 본문 : 상단 파란선(#2A69DE) + 그림자 ===== -->
        <tr>
          <td style="padding:7px 27px 0 27px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-top:3px solid #2a69de;box-shadow:0px 4px 12px 0px rgba(85,95,108,0.25);">
              <tr>
                <td style="padding:26px 29px;">
                  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <!-- 제목 (subject) : ##변수## 치환 토큰 -->
                    <tr>
                      <td style="font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;font-size:15px;line-height:25px;color:#000000;font-weight:600;padding-bottom:20px;">##subject:이메일인증##</td>
                    </tr>
                    <!-- 인증번호 박스 (#ECF1FF · 라운드 10) -->
                    <tr>
                      <td style="padding-bottom:20px;">
                        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#ecf1ff;border-radius:10px;">
                          <tr>
                            <td align="center" bgcolor="#ecf1ff" style="background-color:#ecf1ff;border-radius:10px;padding:16px 20px;font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;font-size:14px;line-height:24px;color:#000000;font-weight:700;text-align:center;letter-spacing:2px;"><!-- 동적값: 인증번호 -->123456</td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <!-- 안내 문구 -->
                    <tr>
                      <td style="font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;font-size:12px;line-height:25px;color:#000000;padding-bottom:20px;">
                        안녕하세요, <!-- 동적값: 회원명 -->김철수 님.<br>
                        DJBank 개발자포탈 회원가입 시 입력하신 이메일을 인증해 주세요.<br>
                        아래 인증번호를 회원가입 화면에 입력하시면 인증이 완료됩니다.
                      </td>
                    </tr>
                    <!-- 경고 문구 (#FF2727) -->
                    <tr>
                      <td style="font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;font-size:12px;line-height:25px;color:#ff2727;font-weight:600;">※ 본 메일을 요청하지 않으셨다면 이 메일을 무시해 주시기 바랍니다.</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <!-- ===== Footer : 제주은행 로고 + 안내 (#F1F1ED) ===== -->
        <tr>
          <td style="padding:7px 27px 26px 27px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f1f1ed" style="background-color:#f1f1ed;border-radius:4px;">
              <tr>
                <td style="padding:12px 14px;">
                  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td valign="middle" width="86" style="width:86px;padding-right:16px;line-height:0;">
                        <img src="images/logo-jejubank.png" width="86" height="24" alt="제주은행" style="display:block;width:86px;height:24px;border:0;outline:none;-ms-interpolation-mode:bicubic;">
                      </td>
                      <td valign="middle" style="font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;color:#0d0e11;">
                        <p style="margin:0;font-size:10px;line-height:20px;color:#0d0e11;">본 메일은 발신 전용으로 회신되지 않습니다.</p>
                        <p style="margin:0 0 9px 0;font-size:10px;line-height:20px;color:#0d0e11;">관련 문의사항은 고객센터 (????-????) 또는 홈페이지를 이용하시기 바랍니다.</p>
                        <p style="margin:0 0 9px 0;font-size:10px;line-height:16px;color:#0d0e11;">제주 제주시 1100로 3351 (노형동)<span style="color:#c2c2bc;">&nbsp;|&nbsp;</span>고객센터 : ????-?????<span style="color:#c2c2bc;">&nbsp;|&nbsp;</span>사업자 등록번호 : 616-81-00615</p>
                        <p style="margin:0;font-size:10px;line-height:16px;color:#454545;font-weight:500;">Copyright JEJUBANK. ALL Rights Reserved.</p>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <!-- ============ /카드 ============ -->
    </td>
  </tr>
 </table>
 </body>
 </html>