현성필
256 lines
15 KiB
HTML
256 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<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>일회용 비밀번호 - 광주은행 API Portal</title>
|
|
<!--[if mso]>
|
|
<noscript>
|
|
<xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml>
|
|
</noscript>
|
|
<![endif]-->
|
|
<style type="text/css">
|
|
/* Reset styles */
|
|
body, table, td, p, a, li, blockquote {
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
table, td {
|
|
mso-table-lspace: 0pt;
|
|
mso-table-rspace: 0pt;
|
|
}
|
|
img {
|
|
-ms-interpolation-mode: bicubic;
|
|
border: 0;
|
|
height: auto;
|
|
line-height: 100%;
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
body {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
a[x-apple-data-detectors] {
|
|
color: inherit !important;
|
|
text-decoration: none !important;
|
|
font-size: inherit !important;
|
|
font-family: inherit !important;
|
|
font-weight: inherit !important;
|
|
line-height: inherit !important;
|
|
}
|
|
/* Responsive styles */
|
|
@media screen and (max-width: 700px) {
|
|
.email-container {
|
|
width: 100% !important;
|
|
}
|
|
.content-section {
|
|
margin: 0 15px !important;
|
|
}
|
|
.content-inner {
|
|
padding: 30px 20px !important;
|
|
}
|
|
.header-section,
|
|
.footer-section {
|
|
padding: 20px 15px !important;
|
|
}
|
|
.password-box {
|
|
width: 90% !important;
|
|
}
|
|
.login-button {
|
|
width: 80% !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #ececec;">
|
|
<!-- Email Wrapper -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #ececec;">
|
|
<tr>
|
|
<td align="center" style="padding: 0;">
|
|
<!-- Email Container -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="700" class="email-container" style="max-width: 700px; background-color: #ececec;">
|
|
|
|
<!-- Header Section -->
|
|
<tr>
|
|
<td class="header-section" style="padding: 14px 25px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td style="vertical-align: middle;">
|
|
<!-- Logo Image -->
|
|
<img src="email_logo_top.png" alt="광주은행" width="118" height="22" style="display: inline-block; vertical-align: middle;">
|
|
<span style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px; font-weight: 700; color: #212529; vertical-align: middle; padding-left: 8px;">API Portal</span>
|
|
</td>
|
|
<td style="vertical-align: middle; text-align: right;">
|
|
<!-- Key Icon -->
|
|
<img src="email_icon_key.png" alt="비밀번호" width="74" height="60" style="display: inline-block; vertical-align: middle;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Content Section -->
|
|
<tr>
|
|
<td style="padding: 0 25px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #fdfdfd; border-top: 4px solid #0049b4;">
|
|
<tr>
|
|
<td class="content-inner" style="padding: 40px 30px;">
|
|
|
|
<!-- Title -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding-bottom: 30px;">
|
|
<h1 style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 28px; font-weight: 700; color: #2f3b51; margin: 0;">
|
|
[일회용 비밀번호 ]
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Greeting Message -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding-bottom: 30px;">
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; color: #000000; line-height: 36px; margin: 0; text-align: center;">
|
|
<span style="font-weight: 700;">{{userName}}님</span> 안녕하세요.<br>
|
|
광주은행 API Portal 비밀번호가 초기화 되어 일회용<br>
|
|
비밀번호를 발급해 드립니다.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- One-Time Password Box -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding-bottom: 30px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="password-box" style="width: 438px; max-width: 100%;">
|
|
<tr>
|
|
<td align="center" style="background-color: #ffffff; border: 6px solid #e5e7eb; border-radius: 20px; padding: 20px 30px;">
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 24px; font-weight: 700; color: #0049b4; margin: 0; letter-spacing: 2px;">
|
|
{{otpPassword}}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Login Guide Text -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding-bottom: 25px;">
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; font-weight: 700; color: #212529; margin: 0;">
|
|
아래 버튼을 클릭하여 로그인을 진행해 주세요.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Login Button -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding-bottom: 20px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
|
|
<tr>
|
|
<td align="center" class="login-button" style="background-color: #0049b4; border-radius: 12px; width: 220px;">
|
|
<a href="{{loginUrl}}" target="_blank" style="display: block; padding: 18px 40px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; text-decoration: none; text-align: center;">
|
|
로그인
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer Section -->
|
|
<tr>
|
|
<td class="footer-section" style="padding: 25px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<!-- Footer Logo and Notice -->
|
|
<tr>
|
|
<td style="padding-bottom: 10px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td width="96" style="vertical-align: top; padding-right: 25px;">
|
|
<!-- Footer Logo -->
|
|
<img src="email_logo_bottom.png" alt="광주은행" width="96" height="18" style="display: block;">
|
|
</td>
|
|
<td style="vertical-align: top;">
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; line-height: 20px; margin: 0;">
|
|
본 메일은 발신 전용으로 회신되지 않습니다.<br>
|
|
관련 문의사항은 고객센터 (1588-3388) 또는 홈페이지를 이용하시기 바랍니다.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer Links -->
|
|
<tr>
|
|
<td style="padding: 10px 0 0 121px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
|
|
<tr>
|
|
<td style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151;">
|
|
<a href="https://www.kjbank.com" style="color: #515151; text-decoration: none;">은행소개</a>
|
|
<span style="color: #515151; padding: 0 7px;">|</span>
|
|
<a href="https://www.kjbank.com/privacy" style="color: #515151; text-decoration: none;">개인정보처리방침</a>
|
|
<span style="color: #515151; padding: 0 7px;">|</span>
|
|
<a href="https://www.kjbank.com/faq" style="color: #515151; text-decoration: none;">자주 묻는 질문</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer Info -->
|
|
<tr>
|
|
<td style="padding: 8px 0 0 121px;">
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; margin: 0;">
|
|
광주광역시 동구 제봉로225, 1층(대인동)
|
|
<span style="color: #515151; padding: 0 7px;">|</span>
|
|
고객센터 : 1588-3388
|
|
<span style="color: #515151; padding: 0 7px;">|</span>
|
|
사업자 등록번호 : ???-??-?????
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Copyright -->
|
|
<tr>
|
|
<td style="padding: 12px 0 0 121px;">
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #8c959f; margin: 0;">
|
|
Copyright KWANGJU Bank. ALL Rights Reserved.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
<!-- End Email Container -->
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!-- End Email Wrapper -->
|
|
</body>
|
|
</html>
|