현성필
261 lines
12 KiB
HTML
261 lines
12 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;
|
|
}
|
|
/* Custom styles */
|
|
.email-wrapper {
|
|
width: 100%;
|
|
background-color: #c3dfea;
|
|
}
|
|
.email-container {
|
|
max-width: 700px;
|
|
margin: 0 auto;
|
|
background-color: #c3dfea;
|
|
}
|
|
.header-section {
|
|
padding: 28px 25px;
|
|
}
|
|
.content-section {
|
|
background-color: #fdfdfd;
|
|
margin: 0 25px;
|
|
border-top: 4px solid #0049b4;
|
|
min-height: 400px;
|
|
}
|
|
.content-inner {
|
|
padding: 40px 30px;
|
|
}
|
|
.footer-section {
|
|
padding: 25px;
|
|
}
|
|
.footer-notice {
|
|
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
|
font-size: 12px;
|
|
color: #515151;
|
|
line-height: 20px;
|
|
}
|
|
.footer-links {
|
|
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
|
font-size: 12px;
|
|
color: #515151;
|
|
}
|
|
.footer-links a {
|
|
color: #515151;
|
|
text-decoration: none;
|
|
}
|
|
.footer-links a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.footer-info {
|
|
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
|
font-size: 12px;
|
|
color: #515151;
|
|
}
|
|
.footer-copyright {
|
|
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
|
font-size: 12px;
|
|
color: #8c959f;
|
|
}
|
|
.divider {
|
|
color: #515151;
|
|
padding: 0 7px;
|
|
}
|
|
.logo-text {
|
|
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
color: #212529;
|
|
vertical-align: middle;
|
|
padding-left: 8px;
|
|
}
|
|
/* 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;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #c3dfea;">
|
|
<!-- Email Wrapper -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #c3dfea;">
|
|
<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: #c3dfea;">
|
|
|
|
<!-- Header Section -->
|
|
<tr>
|
|
<td class="header-section" style="padding: 28px 25px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td style="vertical-align: middle;">
|
|
<!-- Logo Image - Replace src with actual logo URL -->
|
|
<img src="email_logo_top.png" alt="광주은행" width="118" height="22" style="display: inline-block; vertical-align: middle;">
|
|
<span class="logo-text" 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>
|
|
</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; min-height: 400px;">
|
|
|
|
<!-- ====================== -->
|
|
<!-- EMAIL CONTENT START -->
|
|
<!-- ====================== -->
|
|
|
|
<!-- 이 영역에 실제 이메일 내용을 작성하세요 -->
|
|
<!-- Example content structure: -->
|
|
<!--
|
|
<h1 style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 24px; color: #212529; margin: 0 0 20px 0;">
|
|
이메일 제목
|
|
</h1>
|
|
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 14px; color: #515151; line-height: 1.6; margin: 0 0 15px 0;">
|
|
이메일 본문 내용이 들어갑니다.
|
|
</p>
|
|
-->
|
|
|
|
<!-- ====================== -->
|
|
<!-- EMAIL CONTENT END -->
|
|
<!-- ====================== -->
|
|
|
|
</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 - Replace src with actual logo URL -->
|
|
<img src="email_logo_bottom.png" alt="광주은행" width="96" height="18" style="display: block;">
|
|
</td>
|
|
<td style="vertical-align: top;">
|
|
<p class="footer-notice" 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 class="footer-links" 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 class="divider" style="color: #515151; padding: 0 7px;">|</span>
|
|
<a href="https://www.kjbank.com/privacy" style="color: #515151; text-decoration: none;">개인정보처리방침</a>
|
|
<span class="divider" 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 class="footer-info" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; margin: 0;">
|
|
광주광역시 동구 제봉로225, 1층(대인동)
|
|
<span class="divider" style="color: #515151; padding: 0 7px;">|</span>
|
|
고객센터 : 1588-3388
|
|
<span class="divider" style="color: #515151; padding: 0 7px;">|</span>
|
|
사업자 등록번호 : ???-??-?????
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Copyright -->
|
|
<tr>
|
|
<td style="padding: 12px 0 0 121px;">
|
|
<p class="footer-copyright" 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>
|