임시휴무일 안내 메일 템플릿
- 썬더메일 활용방안/메일 템플릿
- 2023. 6. 8.
로고 삽입 부분을 제외하면 전체 텍스트로 된 템플릿입니다.
구글 알리미 메일 템플릿을 응용한 것입니다. 마케팅이 아닌 단순 공지는 텍스트가 더 좋은 것 같습니다.
https://www.google.co.kr/alerts
소스는 아래 '더보기' 클릭하세요.
<title>no title</title>
<style type="text/css">
table th { margin:0 !important; padding:0 !important; vertical-align:top !important; font-weight: normal !important; }
body{ padding:0; margin:0; width:100%; margin-left:0px !important; margin-right:0px !important; }
html { -webkit-text-size-adjust:none; }
v\:* { behavior: url(#default#VML); display:block;}
.ExternalClass * { line-height: 100%; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; }
.ExternalClass *{line-height:100%; }
.amz_link {color:#333333;}
.iosLinkPurple a { color:#97005e; text-decoration:none; }
.iosLinkMaroon a { color:#98005d; text-decoration:none; }
.iosLinkGrey a { color:#666666; text-decoration:none; }
.iosLinke0e0e0 a { color:#e0e0e0; text-decoration:none; }
@media screen and (max-width: 620px) {
*[class].block {display:block !important;}
*[class].hide {display:none !important;}
*[class].rel { position:relative !important; }
*[class].abs { position:absolute !important; }
*[class].show {display: block !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; line-height: inherit !important;}
/* ALIGNMENT */
*[class].aligncenter {text-align:center !important;}
*[class].alignleft {text-align:left !important;}
*[class].alignright {text-align:right !important;}
*[class].valigntop { vertical-align:top !important; }
*[class].valigncenter { vertical-align:middle !important; }
*[class].centertable {margin:0 auto !important;}
*[class].floatleft{ float: left !important; }
*[class].floatright{ float: right !important; }
/*** heights & widths ****/
*[class].width1 {width:1px !important;}
*[class].width2 {width:2px !important;}
*[class].width3 {width:3px !important;}
*[class].width4 {width:4px !important;}
*[class].width5 {width:5px !important;}
*[class].width6 {width:6px !important;}
*[class].width7 {width:7px !important;}
*[class].width8 {width:8px !important;}
*[class].width9 {width:9px !important;}
*[class].width10 {width:10px !important;}
*[class].width11 {width:11px !important;}
*[class].width12 {width:12px !important;}
*[class].width13 {width:13px !important;}
*[class].width14 {width:14px !important;}
*[class].width15 {width:15px !important;}
*[class].width16 {width:16px !important;}
*[class].width18 {width:18px !important;}
*[class].width19 {width:19px !important;}
*[class].width20 {width:20px !important;}
*[class].width21 {width:21px !important;}
*[class].width22 {width:22px !important;}
*[class].width24 {width:24px !important;}
*[class].width25 {width:25px !important;}
*[class].width27 {width:27px !important;}
*[class].width28 {width:28px !important;}
*[class].width30 {width:30px !important;}
*[class].width35 {width:35px !important;}
*[class].width36 {width:36px !important;}
*[class].width40 {width:40px !important;}
*[class].width42 {width:42px !important;}
*[class].width45 {width:45px !important;}
*[class].width48 {width:48px !important;}
*[class].width50 {width:50px !important;}
*[class].width55 {width:55px !important;}
*[class].width58 {width:58px !important;}
*[class].width59 {width:59px !important;}
*[class].width60 {width:60px !important;}
*[class].width65 {width:65px !important;}
*[class].width66 {width:66px !important;}
*[class].width75 {width:75px !important;}
*[class].width77 {width:77px !important;}
*[class].width85 {width:85px !important;}
*[class].width87 {width:87px !important;}
*[class].width90 {width:90px !important;}
*[class].width94 {width:94px !important;}
*[class].width95 {width:95px !important;}
*[class].width96 {width:96px !important;}
*[class].width97 {width:97px !important;}
*[class].width98 {width:98px !important;}
*[class].width100 {width:100px !important;}
*[class].width104 {width:104px !important;}
*[class].width105 {width:105px !important;}
*[class].width108 {width:108px !important;}
*[class].width110 {width:110px !important;}
*[class].width111 {width:111px !important;}
*[class].width115 {width:115px !important;}
*[class].width118 {width:118px !important;}
*[class].width122 {width:122px !important;}
*[class].width123 {width:123px !important;}
*[class].width125 {width:125px !important;}
*[class].width128 {width:128px !important;}
*[class].width130 {width:130px !important;}
*[class].width131 {width:131px !important;}
*[class].width133 {width:133px !important;}
*[class].width135 {width:135px !important;}
*[class].width136 {width:136px !important;}
*[class].width138 {width:138px !important;}
*[class].width139 {width:139px !important;}
*[class].width140 {width:140px !important;}
*[class].width142 {width:142px !important;}
*[class].width143 {width:143px !important;}
*[class].width144 {width:144px !important;}
*[class].width146 {width:146px !important;}
*[class].width148 {width:148px !important;}
*[class].width150 {width:150px !important;}
*[class].width152 {width:152px !important;}
*[class].width153 {width:153px !important;}
*[class].width155 {width:155px !important;}
*[class].width156 {width:156px !important;}
*[class].width157 {width:157px !important;}
*[class].width159 {width:159px !important;}
*[class].width160 {width:160px !important;}
*[class].width165 {width:165px !important;}
*[class].width170 {width:170px !important;}
*[class].width171 {width:171px !important;}
*[class].width172 {width:172px !important;}
*[class].width175 {width:175px !important;}
*[class].width180 {width:180px !important;}
*[class].width184 {width:184px !important;}
*[class].width187 {width:187px !important;}
*[class].width188 {width:188px !important;}
*[class].width189 {width:189px !important;}
*[class].width190 {width:190px !important;}
*[class].width194 {width:194px !important;}
*[class].width195 {width:195px !important;}
*[class].width208 {width:208px !important;}
*[class].width209 {width:209px !important;}
*[class].width210 {width:210px !important;}
*[class].width212 {width:212px !important;}
*[class].width214 {width:214px !important;}
*[class].width215 {width:215px !important;}
*[class].width218 {width:218px !important;}
*[class].width220 {width:220px !important;}
*[class].width222 {width:222px !important;}
*[class].width230 {width:230px !important;}
*[class].width232 {width:232px !important;}
*[class].width235 {width:235px !important;}
*[class].width240 {width:240px !important;}
*[class].width242 {width:242px !important;}
*[class].width246 {width:246px !important;}
*[class].width245 {width:245px !important;}
*[class].width250 {width:250px !important;}
*[class].width256 {width:256px !important;}
*[class].width258 {width:258px !important;}
*[class].width260 {width:260px !important;}
*[class].width264 {width:264px !important;}
*[class].width266 {width:266px !important;}
*[class].width268 {width:268px !important;}
*[class].width270 {width:270px !important;}
*[class].width272 {width:272px !important;}
*[class].width275 {width:275px !important;}
*[class].width276 {width:276px !important;}
*[class].width278 {width:278px !important;}
*[class].width285 {width:285px !important;}
*[class].width286 {width:286px !important;}
*[class].width296 {width:296px !important;}
*[class].width298 {width:298px !important;}
*[class].width300 {width:300px !important;}
*[class].width305 {width:305px !important;}
*[class].width310 {width:310px !important;}
*[class].width312 {width:312px !important;}
*[class].width318 {width:318px !important;}
*[class].width320 {width:320px !important;}
*[class].width323 {width:323px !important;}
*[class].width324 {width:324px !important;}
*[class].width326 {width:326px !important;}
*[class].width330 {width:330px !important;}
*[class].width340 {width:340px !important;}
*[class].width350 {width:350px !important;}
*[class].width370 {width:370px !important;}
*[class].hauto {height:auto !important;}
*[class].height1 {height:1px !important;}
*[class].height2 {height:2px !important;}
*[class].height3 {height:3px !important;}
*[class].height4 {height:4px !important;}
*[class].height5 {height:5px !important;}
*[class].height6 {height:6px !important;}
*[class].height7 {height:7px !important;}
*[class].height8 {height:8px !important;}
*[class].height9 {height:9px !important;}
*[class].height10 {height:10px !important;}
*[class].height11 {height:11px !important;}
*[class].height12 {height:12px !important;}
*[class].height13 {height:13px !important;}
*[class].height14 {height:14px !important;}
*[class].height15 {height:15px !important;}
*[class].height16 {height:16px !important;}
*[class].height17 {height:17px !important;}
*[class].height18 {height:18px !important;}
*[class].height20 {height:20px !important;}
*[class].height21 {height:21px !important;}
*[class].height24 {height:24px !important;}
*[class].height25 {height:25px !important;}
*[class].height27 {height:27px !important;}
*[class].height28 {height:28px !important;}
*[class].height30 {height:30px !important;}
*[class].height32 {height:32px !important;}
*[class].height35 {height:35px !important;}
*[class].height36 {height:36px !important;}
*[class].height40 {height:40px !important;}
*[class].height41 {height:41px !important;}
*[class].height42 {height:42px !important;}
*[class].height45 {height:45px !important;}
*[class].height46 {height:46px !important;}
*[class].height47 {height:47px !important;}
*[class].height50 {height:50px !important;}
*[class].height53 {height:53px !important;}
*[class].height58 {height:58px !important;}
*[class].height67 {height:67px !important;}
*[class].height72 {height:72px !important;}
*[class].height76 {height:76px !important;}
*[class].height80 {height:80px !important;}
*[class].height85 {height:85px !important;}
*[class].height86 {height:86px !important;}
*[class].height90 {height:90px !important;}
*[class].height130 {height:130px !important;}
*[class].height173 {height:173px !important;}
*[class].height177 {height:177px !important;}
*[class].height140 {height:140px !important;}
*[class].height189 {height:189px !important;}
*[class].height203 {height:203px !important;}
*[class].height251 {height:251px !important;}
*[class].height319 {height:319px !important;}
*[class].height322 {height:322px !important;}
*[class].height330 {height:330px !important;}
*[class].height340 {height:340px !important;}
*[class].height350 {height:350px !important;}
/*** padding/margin ****/
*[class].paddingl0 {padding-left:0px !important;}
*[class].paddingl10 {padding-left:10px !important;}
*[class].paddingl15 {padding-left:15px !important;}
*[class].paddingl55 {padding-left:55px !important;}
*[class].paddingr0 {padding-right:0px !important;}
*[class].paddingr10 {padding-right:10px !important;}
*[class].paddingr15 {padding-right:15px !important;}
*[class].paddingr55 {padding-right:55px !important;}
*[class].paddingb15 {padding-bottom:15px !important;}
*[class].paddingl16 {padding-left:16px !important;}
*[class].margina {margin:auto !important; }
*[class].margint6 {margin-top:6px !important;}
*[class].margint15 {margin-top:15px !important;}
*[class].margint30 {margin-top:30px !important;}
*[class].marginb9 {margin-bottom:9px !important;}
*[class].marginb15 {margin-bottom:15px !important;}
*[class].marginb30 {margin-bottom:30px !important;}
/*** fonts ****/
*[class].font10 {font-size:10px !important;}
*[class].font11 {font-size:11px !important;}
*[class].font12 {font-size:12px !important;}
*[class].font13 {font-size:13px !important;}
*[class].font14 {font-size:14px !important;}
*[class].font15 {font-size:15px !important;}
*[class].font16 {font-size:16px !important;}
*[class].font17 {font-size:17px !important;}
*[class].font18 {font-size:18px !important;}
*[class].font19 {font-size:19px !important;}
*[class].font20 {font-size:20px !important;}
*[class].font23 {font-size:23px !important;}
*[class].font24 {font-size:24px !important;}
*[class].font25 {font-size:25px !important;}
*[class].font32 {font-size:32px !important;}
*[class].font36 {font-size:36px !important;}
*[class].line12 {line-height:12px !important;}
*[class].line13 {line-height:13px !important;}
*[class].line14 {line-height:14px !important;}
*[class].line15 {line-height:15px !important;}
*[class].line16 {line-height:16px !important;}
*[class].line18 {line-height:18px !important;}
*[class].line17 {line-height:17px !important;}
*[class].line20 {line-height:20px !important;}
*[class].line21 {line-height:21px !important;}
*[class].line22 {line-height:22px !important;}
*[class].line23 {line-height:23px !important;}
*[class].line24 {line-height:24px !important;}
*[class].line27 {line-height:27px !important;}
*[class].line29 {line-height:29px !important;}
*[class].line34 {line-height:34px !important;}
*[class].line40 {line-height:40px !important;}
/*** positioning ***/
*[class].top0 {top:0px !important;}
*[class].top12 {top:12px !important;}
*[class].top16 {top:16px !important;}
*[class].top21 {top:21px !important;}
*[class].top30 {top:30px !important;}
*[class].top32 {top:32px !important;}
*[class].top189 {top:189px !important;}
*[class].left0 {left:0 !important;}
*[class].left15 {left:15 !important;}
*[class].left77 {left:77px !important;}
*[class].left78 {left:78px !important;}
*[class].left138 {left:138px !important;}
*[class].left143 {left:143px !important;}
*[class].left153 {left:138px !important;}
*[class].left156 {left:156px !important;}
*[class].left178 {left:178px !important;}
*[class].cap{ display: table-caption !important; }
*[class].head{ display:table-header-group !important; }
*[class].foot{ display:table-footer-group !important; }
*[class].bggrey {background-color:#cacaca !important;}
*[class].bgwhite {background-color:#ffffff !important;}
*[class].bg28 {background-size: 28px auto !important;}
*[class].bg90 {background-size: 90px auto !important;}
*[class].bg330 {background-size: 330px auto !important;}
*[class].bg370 {background-size: 370px auto !important;}
*[class].bg370x200 {background-size: 370px 200px !important;}
/*** DIV alignment ***/
*[class].columnl {display: table-cell; width: 77px !important;}
*[class].columnr {display: table-cell; width: 189px !important;}
}
</style>
<!--[if gte mso 9]>
<style>
.mr15{ margin-right:15px !important;}
.ml15{ margin-left:15px !important;}
.mlr10{ margin-left:10px; margin-right:10px !important;}
.mr10lr10 { margin-left:10px !important; margin-right:10px !important;}
.mr15lr15 { margin-left:15px !important; margin-right:15px !important;}
.mr20lr20 { margin-left:20px !important; margin-right:20px !important;}
.cta{ margin: 10px 60px;
}
</style>
<![endif]-->
<center>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" valign="top" bgcolor="#ffffff">
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="500" align="center" class="width330" valign="top">
<div class="hide" style="font-family:Arial,Helvetica,sans-serif; font-size:12px; color:rgb(102,102,102); line-height:18px;"><font face="맑은 고딕">한줄 요약 : 2023년 6월 5일 임시휴무입니다.</font>
</div>
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="12" class="hide" style="line-height: 12px;"></td></tr></tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" valign="top" bgcolor="#ffffff">
<hr size="1">
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="500" align="center" class="width330" valign="top" style="height: 41px;"><p>
로고 삽입 부분</p><table cellspacing="0" cellpadding="0"><tbody><tr><td height="12" class="height15" style="line-height: 12px;"></td></tr></tbody></table>
<p></p></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" valign="top" bgcolor="#ffffff">
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="500" align="left" class="width330" valign="top">
<div class="font16 line20" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; color:black; line-height:24px;"><font face="맑은 고딕">안녕하세요.
*****입니다.</font></div>
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="9" style="line-height: 9px;"></td></tr></tbody></table>
<div class="font12 line15" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;">
<font face="맑은 고딕">***** 임시휴무일 안내입니다. </font></div><div class="font12 line15" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"><font face="맑은 고딕"><br><strong>일시 : 2023년 6월 5일 월요일</strong></font></div><div class="font12 line15" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"><span style="font-family: "맑은 고딕";"><br></span></div><div class="font12 line15" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"><span style="font-family: "맑은 고딕";">
*****은 6월 5일 임시휴무를 합니다. 해당일 ***** 고객지원이 원활하지 않을 수 있으니, 요청사항이 있으실 경우 사전에 문의바랍니다.</span></div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="30" class="height20" style="line-height: 30px;"></td></tr></tbody></table>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" valign="top" bgcolor="#ffffff">
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="500" align="left" class="width330" valign="top" style="height: 66px;">
<div class="font11 line13" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"><font face="맑은 고딕">
*****은 '지식베이스'를 운영 중입니다. </font></div><div class="font11 line13" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"><font face="맑은 고딕">일반적인 문의사항은 검색을 이용해보세요.</font></div><div class="font11 line13" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"><font face="맑은 고딕"><br></font></div><div class="font11 line13" style="font-family:Arial,Helvetica,sans-serif; font-size:14px; color:rgb(85,85,85); line-height:22px;"> <p><font face="맑은 고딕">비상연락망<br>
홍길동 차장 : 010-0000-0000<br>김철수 주임 : 010-</font>0000-0000</p>
</div></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="30" class="height20" style="line-height: 30px;"></td></tr></tbody></table>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" valign="top" bgcolor="#ffffff">
<!-- button -->
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td height="45" align="center" class="height24" valign="middle" style="border-radius: 5px; line-height: 19px; font-family: Arial,sans-serif; font-size: 20px; font-weight: bold; background-color: rgb(248, 165, 26);"><p><a class="tx-link" style="color: rgb(255, 255, 255); text-decoration: none; display: block; white-space: nowrap;" href="http://******.co.kr" target="_blank"> <span style="color: rgb(76, 76, 76);">***** 지식베이스</span> </a></p></td>
</tr>
</tbody></table>
<!-- button -->
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="8" class="height13" style="line-height: 8px;"></td></tr></tbody></table>
</td>
</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="30" class="height20" style="line-height: 30px;"></td></tr></tbody></table>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center" valign="top" bgcolor="#ffffff">
<table cellspacing="0" cellpadding="0"><tbody><tr><td height="17" style="line-height: 17px;"></td></tr></tbody></table>
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="500" align="left" class="width330" valign="top">
<table cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="20"></td>
<td width="477" align="left" class="width307" valign="top">
<div style="font-family:Arial,Helvetica,sans-serif; font-size:11px; color:rgb(153,153,153); line-height:15px;">
<p>더 이상 수신을 원치 않으시면 <a href="#" target="_blank">수신거부</a> 버튼을 클릭해주세요. If you don't want this type of e-mail, please <a href="#" target="_blank">click.</a></p>
<p>주소 및 연락처, 메일 주소 삽입 부분 </p>
</div>
</td>
<td width="20"> </td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</center><p><br></p>
안녕하세요. 썬더메일입니다. 영업문의: 070-7095-9792 , 기술문의: 070-7095-9794 , 메일문의처
지원 서비스: 대량ㆍ자동메일(API포함), 대량ㆍ자동SMS, 카카오톡 알림톡, 설문조사(와이즈서베이)