1 files changed, 25 insertions, 51 deletions
diff --git a/lib/mail/templates/vendor-active.hbs b/lib/mail/templates/vendor-active.hbs
index 6458e2fb..a2643f94 100644
--- a/lib/mail/templates/vendor-active.hbs
+++ b/lib/mail/templates/vendor-active.hbs
@@ -1,51 +1,25 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>벤더 등록이 완료되었습니다</title>
-  <style>
-    body { font-family: 'Malgun Gothic', sans-serif; line-height: 1.6; }
-    .container { max-width: 600px; margin: 0 auto; padding: 20px; }
-    .header { background-color: #f5f5f5; padding: 10px; text-align: center; }
-    .content { padding: 20px 0; }
-    .vendor-code { font-size: 18px; font-weight: bold; background-color: #f0f0f0; 
-                  padding: 10px; margin: 15px 0; text-align: center; }
-    .button { display: inline-block; background-color: #28a745; color: white; 
-              padding: 10px 20px; text-decoration: none; border-radius: 4px; }
-    .footer { margin-top: 20px; font-size: 12px; color: #777; }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <div class="header">
-      <h2>벤더 등록이 완료되었습니다</h2>
-    </div>
-    
-    <div class="content">
-      <p>{{vendorName}} 귀하,</p>
-      
-      <p>축하합니다! 귀사의 벤더 등록이 완료되었으며 벤더 정보가 당사 시스템에 성공적으로 등록되었습니다.</p>
-      
-      <p>귀사의 벤더 코드는 다음과 같습니다:</p>
-      <div class="vendor-code">{{vendorCode}}</div>
-      
-      <p>향후 모든 의사소통 및 거래 시 이 벤더 코드를 사용해 주십시오. 이제 벤더 포털에 접속하여 계정 관리, 발주서 확인 및 인보이스 제출을 할 수 있습니다.</p>
-      
-      <p style="text-align: center; margin: 25px 0;">
-        <a href="{{portalUrl}}" class="button">벤더 포털 접속</a>
-      </p>
-      
-      <p>벤더 계정에 관한 질문이나 도움이 필요하시면 당사 벤더 관리팀에 문의해 주십시오.</p>
-      
-      <p>파트너십에 감사드립니다.</p>
-      
-      <p>감사합니다.<br>
-      eVCP 팀</p>
-    </div>
-    
-    <div class="footer">
-      <p>이 메시지는 자동으로 발송되었습니다. 이 이메일에 회신하지 마십시오.</p>
-    </div>
-  </div>
-</body>
-</html>
-\ No newline at end of file
+{{> header logoUrl=logoUrl }}
+
+<h2 style="font-size:28px; margin-bottom:16px;">협력업체 등록이 완료되었습니다</h2>
+
+<p style="font-size:16px;">{{vendorName}} 귀하,</p>
+
+<p style="font-size:16px;">축하합니다! 귀사의 협력업체 등록이 완료되었으며 협력업체 정보가 당사 시스템에 성공적으로 등록되었습니다.</p>
+
+<p style="font-size:16px;">귀사의 협력업체 코드는 다음과 같습니다:</p>
+
+<div style="font-size:24px; font-weight:bold; letter-spacing:2px; background-color:#F1F5F9; padding:8px 16px; border-radius:4px; display:inline-block; margin:12px 0;">
+  {{vendorCode}}
+</div>
+
+<p style="font-size:1px;">이 코드를 사용하여 포털에 접속하고 계정을 관리할 수 있습니다.</p>
+
+<p style="text-align: center; margin: 25px 0;">
+  <a href="{{portalUrl}}" target="_blank" style="display:inline-block; background-color:#163CC4; color:#ffffff; padding:10px 20px; text-decoration:none; border-radius:4px;">협력업체 포털 접속</a>
+</p>
+
+<p style="font-size:16px;">문의사항이 있으시면 협력업체 관리팀에 연락해 주세요.</p>
+
+<p style="font-size:16px;">감사합니다.<br />eVCP 팀</p>
+
+{{> footer logoUrl=logoUrl companyName=companyName year=year }}
+\ No newline at end of file