From f4fa5f4304122110dfbe90ef3ae0680ad30f0114 Mon Sep 17 00:00:00 2001
From: DoodlesOnMyFood <57210973+DoodlesOnMyFood@users.noreply.github.com>
Date: Sat, 16 Mar 2024 01:13:46 +0900
Subject: [PATCH] =?UTF-8?q?[FO-774]=20=EC=9D=B4=EB=A9=94=EC=9D=BC=20?=
 =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EC=9D=B8=EC=A6=9D=20?=
 =?UTF-8?q?=EB=A9=98=ED=8A=B8=20=EC=88=98=EC=A0=95=20(#414)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/src/main/resources/email-template.html | 86 +++++++++++--------
 1 file changed, 50 insertions(+), 36 deletions(-)
diff --git a/server/src/main/resources/email-template.html b/server/src/main/resources/email-template.html
index 92af23b1..b06985d6 100644
--- a/server/src/main/resources/email-template.html
+++ b/server/src/main/resources/email-template.html
@@ -1,59 +1,73 @@
 <!DOCTYPE html>
-<html>
+<html lang="kr">
 <head>
-    <title>회원가입 인증번호</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Email Template</title>
     <style>
         body {
             font-family: Arial, sans-serif;
+            background-color: #f4f4f4;
+            margin: 0;
+            padding: 0;
         }
         .email-container {
+            background-color: #ffffff;
             width: 100%;
             max-width: 600px;
             margin: 0 auto;
             padding: 20px;
-            background-color: #f7f7f7;
-            border-radius: 5px;
             text-align: center;
         }
-        .email-header {
-            color: #333;
-            font-size: 24px;
-            margin-bottom: 20px;
-        }
-        .email-content {
-            color: #666;
-            font-size: 16px;
-            margin-bottom: 30px;
+        .verification-code {
+            font-size: 40px;
+            color: #db0d0d;
+            font-weight: bold;
+            padding: 20px 0;
         }
-        .auth-code {
-            font-size: 20px;
-            color: #2a7ae2;
+        .greeting-text {
+            font-size: 32px;
             font-weight: bold;
+            color: #000000;
+            margin-bottom: 10px;
+        }
+        .message-text {
             margin-bottom: 30px;
+            color: #555555;
+            line-height: 1.5;
         }
-        .email-footer {
-            color: #999;
-            font-size: 12px;
+        .footer-text {
+            font-size: 14px;
+            color: #aaaaaa;
+            margin-top: 30px;
         }
     </style>
 </head>
 <body>
-<div class="email-container">
-    <div class="email-header">
-        회원가입 인증번호
-    </div>
-    <div class="email-content">
-        에프원에 회원가입하셔서 감사합니다. 회원가입 절차를 정상적을 마치기 위해서 해당 인증번호를 회원가입 화면에 입력해주시길 바랍니다.
-    </div>
-    <div class="auth-code">
-        AUTHENTICATION_CODE
-    </div>
-    <div class="email-content">
-        해당 인증번호는 10분간 유효합니다. 만약 에프원으로 회원가입하시는게 아니라면 해당 이메일을 무시하시길 바랍니다.
-    </div>
-    <div class="email-footer">
-        에프원
-    </div>
-</div>
+<table class="email-container">
+    <tr>
+        <td>
+            <p class="greeting-text">회원가입 인증번호</p>
+            <p class="message-text">
+                안녕하세요. 촬영 현장 채용 정보 플랫폼 에프원입니다.<br>
+                요청하신 이메일 환영기업 등록을 위해 인증번호를 보내드립니다.
+            </p>
+            <p class="message-text">
+                이메일 인증번호를 인증하고 인증을 완료해주세요.
+            </p>
+            <p class="verification-code">AUTHENTICATION_CODE</p>
+            <p class="footer-text">
+                이 메일은 발신 전용 메일로 회신되지 않습니다.<br>
+                문의사항은 앱 내 문의하기를 이용해 주세요.
+            </p>
+            <p class="footer-text">
+                혹시 직접 요청하지 않은 인증 메일을 받으셨을 경우 무시하기실 바랍니다.
+            </p>
+            <p class="footer-text">
+                에프원
+            </p>
+        </td>
+    </tr>
+</table>
 </body>
 </html>
