Commit @8fabd4cbec8affdc9823e943bf5cb29d9723b20e

이호영 2025-06-04

Merge branch 'master' into 5102_친구톡_발송속도_개선

@8fabd4cbec8affdc9823e943bf5cb29d9723b20e

b59a932

8fabd4c

src/main/resources/egovframework/egovProps/globals_dev.properties

--- src/main/resources/egovframework/egovProps/globals_dev.properties

+++ src/main/resources/egovframework/egovProps/globals_dev.properties


 
 # mysql
 Globals.DriverClassName=com.mysql.jdbc.Driver
-Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
+#Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
+Globals.Url=jdbc:mysql://139.150.73.12:3306/mjon_advc
 Globals.UserName= mjonUr
 Globals.Password= mjon!@#$
 

b59a932

8fabd4c

src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp

--- src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp

+++ src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp


 			*/
 			</script>
 	
+<!-- Clarity tracking code for https://www.munjaon.co.kr/ -->
+<script>
+    (function(c,l,a,r,i,t,y){
+        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";
+        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+    })(window, document, "clarity", "script", "rlrv4m2szn");
+</script>	
+	
 	</head>
 
 	<decorator:head />

b59a932

8fabd4c

src/main/webapp/publish/api_admin1.html

--- src/main/webapp/publish/api_admin1.html

+++ src/main/webapp/publish/api_admin1.html


 </head>
 
 <body>
-    <div class="mask on"></div>
+    <div class="mask"></div>
     <div class="skip_menu">
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>

     <div id="container" class="cont sub">
 
         <!-- 0724 기업회원 이동 팝업 -->
-        <div class="tooltip-wrap cvt_member_popup_wrap">
+        <!-- <div class="tooltip-wrap cvt_member_popup_wrap">
             <div class="popup-com cvt_member_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
             <div class="popup_heading">
                 <p>알림</p>

                 </div>
             </div>
             </div>
-        </div>
+        </div> -->
         <!--// 0724 기업회원 이동 팝업 -->
 		<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>
         <div class="inner">

             <div class="send_top">
                 <!-- tab button -->
                 <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
+                    <li class="tab "><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
                     <li class="tab active"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
                 </ul>

                     <!--신청/관리 내용-->
                     <!--API 신청 정보 : 신청 전-->
                     <div class="api_admin">
+                        <ul class="info">
+                            <li>- 서비스 사용  신청 시, 문자 및 카카오톡 연동서비스를 모두 이용하실 수 있습니다.</li>
+                            <li>- 관리자 승인 이후 발송 서버 IP를 등록해 주셔야 합니다.</li>
+                        </ul>
                         <div class="admin_title">API 신청 정보</div>
                         <div class="tb_wrap_t1">
                             <table class="tType4">

b59a932

8fabd4c

src/main/webapp/publish/api_download.html

--- src/main/webapp/publish/api_download.html

+++ src/main/webapp/publish/api_download.html

...	...	@@ -181,8 +181,8 @@
181	181	<div class="send_top">
182	182	<!-- tab button -->
183	183	<ul class="tabType4">
184		- <li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
185		- <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
	184	+ <li class="tab "><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
	185	+ <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
186	186	<li class="tab active"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
187	187	<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
188	188	</ul>
...	...	@@ -193,270 +193,543 @@
193	193	<h2>예제 다운로드</h2>
194	194	</div>
195	195
196		- <!--예제 다운로드 내용-->
197		- <div class="api_download">
198		- <ul class="info">
199		- <li>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
200		- <li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
	196	+ <div class="pay_tab_wrap">
	197	+ <ul class="tabType1">
	198	+ <li class="tab active"><button type="button" onclick="TabType5(this,'1');listTab3(this,'1');$('.list_tab .tab:first-child').addClass('active').siblings().removeClass('active');">문자</button></li>
	199	+ <li class="tab"><button type="button" onclick="TabType5(this,'2');listTab3(this,'7');$('.list_tab .tab:first-child').addClass('active').siblings().removeClass('active');">카카오톡</button></li>
201	200	</ul>
	201	+ </div>
202	202
203		- <div class="list_tab_wrap2 type2">
204		- <!-- tab button -->
205		- <ul class="list_tab">
206		- <li class="tab active"><button type="button" onclick="listTab3(this,'1');">JSP</button>
207		- </li>
208		- <!-- <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
209		- </li> -->
210		- <li class="tab"><button type="button" onclick="listTab3(this,'3');">PHP</button>
211		- </li>
212		- <!--<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
213		- </li>
214		- <li class="tab"><button type="button" onclick="listTab3(this,'5');">AOS</button>
215		- </li>
216		- <li class="tab"><button type="button" onclick="listTab3(this,'6');">IOS</button>
217		- </li>-->
	203	+ <div class="api_guide current" id="tab5_1">
	204	+ <div class="api_download">
	205	+ <ul class="info">
	206	+ <li>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
	207	+ <li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
218	208	</ul>
219		- <!--// tab button -->
220		- </div>
221		-
222		- <!-- JSP 다운로드-->
223		- <div class="download_cont current" id="listTab3_1">
224		- <div class="box">
225		- <div class="text">
226		- <h4>JSP Example</h4>
227		- <table>
228		- <caption>JSP 샘플 파일 설명 테이블</caption>
229		- <colgroup>
230		- <col style="width:35%;">
231		- <col style="width:65%;">
232		- </colgroup>
233		- <tr>
234		- <th>jsp_example_send_msg_r1.jsp</th>
235		- <td>문자보내기(여러명에게 동일한문자)</td>
236		- </tr>
237		- <tr>
238		- <th>sp_example_send_msgs_r1.jsp</th>
239		- <td>문자보내기(여러명에게 다른문자)</td>
240		- </tr>
241		- <tr>
242		- <th>jsp_example_hstry_r1.jsp</th>
243		- <td>전송내역조회</td>
244		- </tr>
245		- <tr>
246		- <th>jsp_example_hstry_detail_r1.jsp</th>
247		- <td>상세전송내역조회</td>
248		- </tr>
249		- <tr>
250		- <th>jsp_example_select_price_r1.jsp</th>
251		- <td>발송가능건수</td>
252		- </tr>
253		- </table>
254		- </div>
	209	+
	210	+
	211	+ <div class="list_tab_wrap2 type2">
	212	+ <!-- tab button -->
	213	+ <ul class="list_tab">
	214	+ <li class="tab active"><button type="button" onclick="listTab3(this,'1');">JSP</button>
	215	+ </li>
	216	+ <!-- <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
	217	+ </li> -->
	218	+ <li class="tab"><button type="button" onclick="listTab3(this,'3');">PHP</button>
	219	+ </li>
	220	+ <!--<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
	221	+ </li>
	222	+ <li class="tab"><button type="button" onclick="listTab3(this,'5');">AOS</button>
	223	+ </li>
	224	+ <li class="tab"><button type="button" onclick="listTab3(this,'6');">IOS</button>
	225	+ </li>-->
	226	+ </ul>
	227	+ <!--// tab button -->
255	228	</div>
256		- <div class="btn_area">
257		- <button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
258		- </div>
259		- </div>
260		- <!--// JSP 다운로드-->
261		- <!--ASP 다운로드-->
262		- <div class="download_cont" id="listTab3_2">
263		- <div class="box">
264		- <div class="text">
265		- <h4>ASP Example</h4>
266		- <table>
267		- <caption>ASP 샘플 파일 설명 테이블</caption>
268		- <colgroup>
269		- <col style="width:35%;">
270		- <col style="width:65%;">
271		- </colgroup>
272		- <tr>
273		- <th>파일명</th>
274		- <td>파일 설명</td>
275		- </tr>
276		- <tr>
277		- <th>파일명</th>
278		- <td>파일 설명</td>
279		- </tr>
280		- <tr>
281		- <th>파일명</th>
282		- <td>파일 설명</td>
283		- </tr>
284		- <tr>
285		- <th>파일명</th>
286		- <td>파일 설명</td>
287		- </tr>
288		- <tr>
289		- <th>파일명</th>
290		- <td>파일 설명</td>
291		- </tr>
292		- </table>
293		- </div>
294		- </div>
295		- <div class="btn_area">
296		- <button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
297		- </div>
298		- </div>
299		- <!--// ASP 다운로드-->
300		- <!--PHP 다운로드-->
301		- <div class="download_cont" id="listTab3_3">
302		- <div class="box">
303		- <div class="text">
304		- <h4>PHP Example</h4>
305		- <table>
306		- <caption>PHP 샘플 파일 설명 테이블</caption>
307		- <colgroup>
308		- <col style="width:35%;">
309		- <col style="width:65%;">
310		- </colgroup>
311		- <tbody>
	229	+
	230	+ <!-- JSP 다운로드-->
	231	+ <div class="download_cont current" id="listTab3_1">
	232	+ <div class="box">
	233	+ <div class="text">
	234	+ <h4>JSP Example</h4>
	235	+ <table>
	236	+ <caption>JSP 샘플 파일 설명 테이블</caption>
	237	+ <colgroup>
	238	+ <col style="width:35%;">
	239	+ <col style="width:65%;">
	240	+ </colgroup>
312	241	<tr>
313		- <th>php_example_send_msg_r1.php</th>
	242	+ <th>jsp_example_send_msg_r1.jsp</th>
314	243	<td>문자보내기(여러명에게 동일한문자)</td>
315	244	</tr>
316	245	<tr>
317		- <th>php_example_send_msgs_r1.php</th>
	246	+ <th>sp_example_send_msgs_r1.jsp</th>
318	247	<td>문자보내기(여러명에게 다른문자)</td>
319	248	</tr>
320	249	<tr>
321		- <th>php_example_hstry_r1.php</th>
	250	+ <th>jsp_example_hstry_r1.jsp</th>
322	251	<td>전송내역조회</td>
323	252	</tr>
324	253	<tr>
325		- <th>php_example_hstry_detail_r1.php</th>
	254	+ <th>jsp_example_hstry_detail_r1.jsp</th>
326	255	<td>상세전송내역조회</td>
327	256	</tr>
328	257	<tr>
329		- <th>php_example_select_price_r1.php</th>
	258	+ <th>jsp_example_select_price_r1.jsp</th>
330	259	<td>발송가능건수</td>
331	260	</tr>
332		- </tbody>
333		- </table>
	261	+ </table>
	262	+ </div>
	263	+ </div>
	264	+ <div class="btn_area">
	265	+ <button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
334	266	</div>
335	267	</div>
336		- <div class="btn_area">
337		- <button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
338		- </div>
339		- </div>
340		- <!--// PHP 다운로드-->
341		- <!--.NET 다운로드-->
342		- <div class="download_cont" id="listTab3_4">
343		- <div class="box">
344		- <div class="text">
345		- <h4>.NET Example</h4>
346		- <table>
347		- <caption>.NET 샘플 파일 설명 테이블</caption>
348		- <colgroup>
349		- <col style="width:35%;">
350		- <col style="width:65%;">
351		- </colgroup>
352		- <tr>
353		- <th>파일명</th>
354		- <td>파일 설명</td>
355		- </tr>
356		- <tr>
357		- <th>파일명</th>
358		- <td>파일 설명</td>
359		- </tr>
360		- <tr>
361		- <th>파일명</th>
362		- <td>파일 설명</td>
363		- </tr>
364		- <tr>
365		- <th>파일명</th>
366		- <td>파일 설명</td>
367		- </tr>
368		- <tr>
369		- <th>파일명</th>
370		- <td>파일 설명</td>
371		- </tr>
372		- </table>
	268	+ <!--// JSP 다운로드-->
	269	+ <!--ASP 다운로드-->
	270	+ <div class="download_cont" id="listTab3_2">
	271	+ <div class="box">
	272	+ <div class="text">
	273	+ <h4>ASP Example</h4>
	274	+ <table>
	275	+ <caption>ASP 샘플 파일 설명 테이블</caption>
	276	+ <colgroup>
	277	+ <col style="width:35%;">
	278	+ <col style="width:65%;">
	279	+ </colgroup>
	280	+ <tr>
	281	+ <th>파일명</th>
	282	+ <td>파일 설명</td>
	283	+ </tr>
	284	+ <tr>
	285	+ <th>파일명</th>
	286	+ <td>파일 설명</td>
	287	+ </tr>
	288	+ <tr>
	289	+ <th>파일명</th>
	290	+ <td>파일 설명</td>
	291	+ </tr>
	292	+ <tr>
	293	+ <th>파일명</th>
	294	+ <td>파일 설명</td>
	295	+ </tr>
	296	+ <tr>
	297	+ <th>파일명</th>
	298	+ <td>파일 설명</td>
	299	+ </tr>
	300	+ </table>
	301	+ </div>
	302	+ </div>
	303	+ <div class="btn_area">
	304	+ <button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
373	305	</div>
374	306	</div>
375		- <div class="btn_area">
376		- <button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
377		- </div>
378		- </div>
379		- <!--// .NET 다운로드-->
380		- <!--AOS 다운로드-->
381		- <div class="download_cont" id="listTab3_5">
382		- <div class="box">
383		- <div class="text">
384		- <h4>AOS Example</h4>
385		- <table>
386		- <caption>AOS 샘플 파일 설명 테이블</caption>
387		- <colgroup>
388		- <col style="width:35%;">
389		- <col style="width:65%;">
390		- </colgroup>
391		- <tr>
392		- <th>파일명</th>
393		- <td>파일 설명</td>
394		- </tr>
395		- <tr>
396		- <th>파일명</th>
397		- <td>파일 설명</td>
398		- </tr>
399		- <tr>
400		- <th>파일명</th>
401		- <td>파일 설명</td>
402		- </tr>
403		- <tr>
404		- <th>파일명</th>
405		- <td>파일 설명</td>
406		- </tr>
407		- <tr>
408		- <th>파일명</th>
409		- <td>파일 설명</td>
410		- </tr>
411		- </table>
	307	+ <!--// ASP 다운로드-->
	308	+ <!--PHP 다운로드-->
	309	+ <div class="download_cont" id="listTab3_3">
	310	+ <div class="box">
	311	+ <div class="text">
	312	+ <h4>PHP Example</h4>
	313	+ <table>
	314	+ <caption>PHP 샘플 파일 설명 테이블</caption>
	315	+ <colgroup>
	316	+ <col style="width:35%;">
	317	+ <col style="width:65%;">
	318	+ </colgroup>
	319	+ <tbody>
	320	+ <tr>
	321	+ <th>php_example_send_msg_r1.php</th>
	322	+ <td>문자보내기(여러명에게 동일한문자)</td>
	323	+ </tr>
	324	+ <tr>
	325	+ <th>php_example_send_msgs_r1.php</th>
	326	+ <td>문자보내기(여러명에게 다른문자)</td>
	327	+ </tr>
	328	+ <tr>
	329	+ <th>php_example_hstry_r1.php</th>
	330	+ <td>전송내역조회</td>
	331	+ </tr>
	332	+ <tr>
	333	+ <th>php_example_hstry_detail_r1.php</th>
	334	+ <td>상세전송내역조회</td>
	335	+ </tr>
	336	+ <tr>
	337	+ <th>php_example_select_price_r1.php</th>
	338	+ <td>발송가능건수</td>
	339	+ </tr>
	340	+ </tbody>
	341	+ </table>
	342	+ </div>
	343	+ </div>
	344	+ <div class="btn_area">
	345	+ <button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
412	346	</div>
413	347	</div>
414		- <div class="btn_area">
415		- <button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
416		- </div>
417		- </div>
418		- <!--// AOS 다운로드-->
419		- <!--IOS 다운로드-->
420		- <div class="download_cont" id="listTab3_6">
421		- <div class="box">
422		- <div class="text">
423		- <h4>IOS Example</h4>
424		- <table>
425		- <caption>IOS 샘플 파일 설명 테이블</caption>
426		- <colgroup>
427		- <col style="width:35%;">
428		- <col style="width:65%;">
429		- </colgroup>
430		- <tr>
431		- <th>파일명</th>
432		- <td>파일 설명</td>
433		- </tr>
434		- <tr>
435		- <th>파일명</th>
436		- <td>파일 설명</td>
437		- </tr>
438		- <tr>
439		- <th>파일명</th>
440		- <td>파일 설명</td>
441		- </tr>
442		- <tr>
443		- <th>파일명</th>
444		- <td>파일 설명</td>
445		- </tr>
446		- <tr>
447		- <th>파일명</th>
448		- <td>파일 설명</td>
449		- </tr>
450		- </table>
	348	+ <!--// PHP 다운로드-->
	349	+ <!--.NET 다운로드-->
	350	+ <div class="download_cont" id="listTab3_4">
	351	+ <div class="box">
	352	+ <div class="text">
	353	+ <h4>.NET Example</h4>
	354	+ <table>
	355	+ <caption>.NET 샘플 파일 설명 테이블</caption>
	356	+ <colgroup>
	357	+ <col style="width:35%;">
	358	+ <col style="width:65%;">
	359	+ </colgroup>
	360	+ <tr>
	361	+ <th>파일명</th>
	362	+ <td>파일 설명</td>
	363	+ </tr>
	364	+ <tr>
	365	+ <th>파일명</th>
	366	+ <td>파일 설명</td>
	367	+ </tr>
	368	+ <tr>
	369	+ <th>파일명</th>
	370	+ <td>파일 설명</td>
	371	+ </tr>
	372	+ <tr>
	373	+ <th>파일명</th>
	374	+ <td>파일 설명</td>
	375	+ </tr>
	376	+ <tr>
	377	+ <th>파일명</th>
	378	+ <td>파일 설명</td>
	379	+ </tr>
	380	+ </table>
	381	+ </div>
	382	+ </div>
	383	+ <div class="btn_area">
	384	+ <button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
451	385	</div>
452	386	</div>
453		- <div class="btn_area">
454		- <button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
	387	+ <!--// .NET 다운로드-->
	388	+ <!--AOS 다운로드-->
	389	+ <div class="download_cont" id="listTab3_5">
	390	+ <div class="box">
	391	+ <div class="text">
	392	+ <h4>AOS Example</h4>
	393	+ <table>
	394	+ <caption>AOS 샘플 파일 설명 테이블</caption>
	395	+ <colgroup>
	396	+ <col style="width:35%;">
	397	+ <col style="width:65%;">
	398	+ </colgroup>
	399	+ <tr>
	400	+ <th>파일명</th>
	401	+ <td>파일 설명</td>
	402	+ </tr>
	403	+ <tr>
	404	+ <th>파일명</th>
	405	+ <td>파일 설명</td>
	406	+ </tr>
	407	+ <tr>
	408	+ <th>파일명</th>
	409	+ <td>파일 설명</td>
	410	+ </tr>
	411	+ <tr>
	412	+ <th>파일명</th>
	413	+ <td>파일 설명</td>
	414	+ </tr>
	415	+ <tr>
	416	+ <th>파일명</th>
	417	+ <td>파일 설명</td>
	418	+ </tr>
	419	+ </table>
	420	+ </div>
	421	+ </div>
	422	+ <div class="btn_area">
	423	+ <button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
	424	+ </div>
455	425	</div>
	426	+ <!--// AOS 다운로드-->
	427	+ <!--IOS 다운로드-->
	428	+ <div class="download_cont" id="listTab3_6">
	429	+ <div class="box">
	430	+ <div class="text">
	431	+ <h4>IOS Example</h4>
	432	+ <table>
	433	+ <caption>IOS 샘플 파일 설명 테이블</caption>
	434	+ <colgroup>
	435	+ <col style="width:35%;">
	436	+ <col style="width:65%;">
	437	+ </colgroup>
	438	+ <tr>
	439	+ <th>파일명</th>
	440	+ <td>파일 설명</td>
	441	+ </tr>
	442	+ <tr>
	443	+ <th>파일명</th>
	444	+ <td>파일 설명</td>
	445	+ </tr>
	446	+ <tr>
	447	+ <th>파일명</th>
	448	+ <td>파일 설명</td>
	449	+ </tr>
	450	+ <tr>
	451	+ <th>파일명</th>
	452	+ <td>파일 설명</td>
	453	+ </tr>
	454	+ <tr>
	455	+ <th>파일명</th>
	456	+ <td>파일 설명</td>
	457	+ </tr>
	458	+ </table>
	459	+ </div>
	460	+ </div>
	461	+ <div class="btn_area">
	462	+ <button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
	463	+ </div>
	464	+ </div>
	465	+ <!--// IOS 다운로드-->
456	466	</div>
457		- <!--// IOS 다운로드-->
458	467	</div>
459		- <!--// 예제 다운로드 내용-->
	468	+ <div class="api_guide" id="tab5_2">
	469	+ <div class="api_download">
	470	+ <ul class="info">
	471	+ <li>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
	472	+ <li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
	473	+ </ul>
	474	+
	475	+
	476	+ <div class="list_tab_wrap2 type2">
	477	+ <!-- tab button -->
	478	+ <ul class="list_tab">
	479	+ <li class="tab active"><button type="button" onclick="listTab3(this,'7');">JSP</button>
	480	+ </li>
	481	+ <!-- <li class="tab"><button type="button" onclick="listTab3(this,'8');">ASP</button>
	482	+ </li> -->
	483	+ <li class="tab"><button type="button" onclick="listTab3(this,'9');">PHP</button>
	484	+ </li>
	485	+ <!--<li class="tab"><button type="button" onclick="listTab3(this,'10');">.NET</button>
	486	+ </li>
	487	+ <li class="tab"><button type="button" onclick="listTab3(this,'11');">AOS</button>
	488	+ </li>
	489	+ <li class="tab"><button type="button" onclick="listTab3(this,'12');">IOS</button>
	490	+ </li>-->
	491	+ </ul>
	492	+ <!--// tab button -->
	493	+ </div>
	494	+
	495	+ <!-- JSP 다운로드-->
	496	+ <div class="download_cont current" id="listTab3_7">
	497	+ <div class="box">
	498	+ <div class="text">
	499	+ <h4>JSP Example</h4>
	500	+ <table>
	501	+ <caption>JSP 샘플 파일 설명 테이블</caption>
	502	+ <colgroup>
	503	+ <col style="width:35%;">
	504	+ <col style="width:65%;">
	505	+ </colgroup>
	506	+ <tr>
	507	+ <th>kakao jsp_example_send_msg_r1.jsp</th>
	508	+ <td>문자보내기(여러명에게 동일한문자)</td>
	509	+ </tr>
	510	+ <tr>
	511	+ <th>sp_example_send_msgs_r1.jsp</th>
	512	+ <td>문자보내기(여러명에게 다른문자)</td>
	513	+ </tr>
	514	+ <tr>
	515	+ <th>jsp_example_hstry_r1.jsp</th>
	516	+ <td>전송내역조회</td>
	517	+ </tr>
	518	+ <tr>
	519	+ <th>jsp_example_hstry_detail_r1.jsp</th>
	520	+ <td>상세전송내역조회</td>
	521	+ </tr>
	522	+ <tr>
	523	+ <th>jsp_example_select_price_r1.jsp</th>
	524	+ <td>발송가능건수</td>
	525	+ </tr>
	526	+ </table>
	527	+ </div>
	528	+ </div>
	529	+ <div class="btn_area">
	530	+ <button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
	531	+ </div>
	532	+ </div>
	533	+ <!--// JSP 다운로드-->
	534	+ <!--ASP 다운로드-->
	535	+ <div class="download_cont" id="listTab3_8">
	536	+ <div class="box">
	537	+ <div class="text">
	538	+ <h4>ASP Example</h4>
	539	+ <table>
	540	+ <caption>ASP 샘플 파일 설명 테이블</caption>
	541	+ <colgroup>
	542	+ <col style="width:35%;">
	543	+ <col style="width:65%;">
	544	+ </colgroup>
	545	+ <tr>
	546	+ <th>파일명</th>
	547	+ <td>파일 설명</td>
	548	+ </tr>
	549	+ <tr>
	550	+ <th>파일명</th>
	551	+ <td>파일 설명</td>
	552	+ </tr>
	553	+ <tr>
	554	+ <th>파일명</th>
	555	+ <td>파일 설명</td>
	556	+ </tr>
	557	+ <tr>
	558	+ <th>파일명</th>
	559	+ <td>파일 설명</td>
	560	+ </tr>
	561	+ <tr>
	562	+ <th>파일명</th>
	563	+ <td>파일 설명</td>
	564	+ </tr>
	565	+ </table>
	566	+ </div>
	567	+ </div>
	568	+ <div class="btn_area">
	569	+ <button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
	570	+ </div>
	571	+ </div>
	572	+ <!--// ASP 다운로드-->
	573	+ <!--PHP 다운로드-->
	574	+ <div class="download_cont" id="listTab3_9">
	575	+ <div class="box">
	576	+ <div class="text">
	577	+ <h4>PHP Example</h4>
	578	+ <table>
	579	+ <caption>PHP 샘플 파일 설명 테이블</caption>
	580	+ <colgroup>
	581	+ <col style="width:35%;">
	582	+ <col style="width:65%;">
	583	+ </colgroup>
	584	+ <tbody>
	585	+ <tr>
	586	+ <th>php_example_send_msg_r1.php</th>
	587	+ <td>문자보내기(여러명에게 동일한문자)</td>
	588	+ </tr>
	589	+ <tr>
	590	+ <th>php_example_send_msgs_r1.php</th>
	591	+ <td>문자보내기(여러명에게 다른문자)</td>
	592	+ </tr>
	593	+ <tr>
	594	+ <th>php_example_hstry_r1.php</th>
	595	+ <td>전송내역조회</td>
	596	+ </tr>
	597	+ <tr>
	598	+ <th>php_example_hstry_detail_r1.php</th>
	599	+ <td>상세전송내역조회</td>
	600	+ </tr>
	601	+ <tr>
	602	+ <th>php_example_select_price_r1.php</th>
	603	+ <td>발송가능건수</td>
	604	+ </tr>
	605	+ </tbody>
	606	+ </table>
	607	+ </div>
	608	+ </div>
	609	+ <div class="btn_area">
	610	+ <button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
	611	+ </div>
	612	+ </div>
	613	+ <!--// PHP 다운로드-->
	614	+ <!--.NET 다운로드-->
	615	+ <div class="download_cont" id="listTab3_10">
	616	+ <div class="box">
	617	+ <div class="text">
	618	+ <h4>.NET Example</h4>
	619	+ <table>
	620	+ <caption>.NET 샘플 파일 설명 테이블</caption>
	621	+ <colgroup>
	622	+ <col style="width:35%;">
	623	+ <col style="width:65%;">
	624	+ </colgroup>
	625	+ <tr>
	626	+ <th>파일명</th>
	627	+ <td>파일 설명</td>
	628	+ </tr>
	629	+ <tr>
	630	+ <th>파일명</th>
	631	+ <td>파일 설명</td>
	632	+ </tr>
	633	+ <tr>
	634	+ <th>파일명</th>
	635	+ <td>파일 설명</td>
	636	+ </tr>
	637	+ <tr>
	638	+ <th>파일명</th>
	639	+ <td>파일 설명</td>
	640	+ </tr>
	641	+ <tr>
	642	+ <th>파일명</th>
	643	+ <td>파일 설명</td>
	644	+ </tr>
	645	+ </table>
	646	+ </div>
	647	+ </div>
	648	+ <div class="btn_area">
	649	+ <button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
	650	+ </div>
	651	+ </div>
	652	+ <!--// .NET 다운로드-->
	653	+ <!--AOS 다운로드-->
	654	+ <div class="download_cont" id="listTab3_11">
	655	+ <div class="box">
	656	+ <div class="text">
	657	+ <h4>AOS Example</h4>
	658	+ <table>
	659	+ <caption>AOS 샘플 파일 설명 테이블</caption>
	660	+ <colgroup>
	661	+ <col style="width:35%;">
	662	+ <col style="width:65%;">
	663	+ </colgroup>
	664	+ <tr>
	665	+ <th>파일명</th>
	666	+ <td>파일 설명</td>
	667	+ </tr>
	668	+ <tr>
	669	+ <th>파일명</th>
	670	+ <td>파일 설명</td>
	671	+ </tr>
	672	+ <tr>
	673	+ <th>파일명</th>
	674	+ <td>파일 설명</td>
	675	+ </tr>
	676	+ <tr>
	677	+ <th>파일명</th>
	678	+ <td>파일 설명</td>
	679	+ </tr>
	680	+ <tr>
	681	+ <th>파일명</th>
	682	+ <td>파일 설명</td>
	683	+ </tr>
	684	+ </table>
	685	+ </div>
	686	+ </div>
	687	+ <div class="btn_area">
	688	+ <button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
	689	+ </div>
	690	+ </div>
	691	+ <!--// AOS 다운로드-->
	692	+ <!--IOS 다운로드-->
	693	+ <div class="download_cont" id="listTab3_12">
	694	+ <div class="box">
	695	+ <div class="text">
	696	+ <h4>IOS Example</h4>
	697	+ <table>
	698	+ <caption>IOS 샘플 파일 설명 테이블</caption>
	699	+ <colgroup>
	700	+ <col style="width:35%;">
	701	+ <col style="width:65%;">
	702	+ </colgroup>
	703	+ <tr>
	704	+ <th>파일명</th>
	705	+ <td>파일 설명</td>
	706	+ </tr>
	707	+ <tr>
	708	+ <th>파일명</th>
	709	+ <td>파일 설명</td>
	710	+ </tr>
	711	+ <tr>
	712	+ <th>파일명</th>
	713	+ <td>파일 설명</td>
	714	+ </tr>
	715	+ <tr>
	716	+ <th>파일명</th>
	717	+ <td>파일 설명</td>
	718	+ </tr>
	719	+ <tr>
	720	+ <th>파일명</th>
	721	+ <td>파일 설명</td>
	722	+ </tr>
	723	+ </table>
	724	+ </div>
	725	+ </div>
	726	+ <div class="btn_area">
	727	+ <button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
	728	+ </div>
	729	+ </div>
	730	+ <!--// IOS 다운로드-->
	731	+ </div>
	732	+ </div>
460	733	</div>
461	734	</div>
462	735

b59a932

8fabd4c

src/main/webapp/publish/api_guide.html

--- src/main/webapp/publish/api_guide.html

+++ src/main/webapp/publish/api_guide.html

...	...	@@ -38,7 +38,7 @@
38	38	<div class="hover_cont">이용안내</div>
39	39	</li>
40	40	<li>
41		- <a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
	41	+ <a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
42	42	<div class="hover_cont">채팅상담</div>
43	43	</li>
44	44	<li>
...	...	@@ -95,8 +95,7 @@
95	95	<!-- header body 영역 -->
96	96	<div class="header_body">
97	97	<div class="inner table">
98		- <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
99		- alt="문자온 CI"></a></h1>
	98	+ <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
100	99	<ul class="gnbWrap table_cell">
101	100	<li><a href="#">문자발송</a></li>
102	101	<li><a href="#">선거문자</a></li>
...	...	@@ -109,8 +108,7 @@
109	108	</ul>
110	109	<div class="s_menu">
111	110	<i class="allSearch_info"><span>문자검색</span></i>
112		- <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
113		- src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
	111	+ <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
114	112	<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
115	113	</div>
116	114	</div>
...	...	@@ -136,8 +134,7 @@
136	134	<li><a href="#">#좋은하루</a></li>
137	135	</ul>
138	136	</div>
139		- <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
140		- alt=""></button>
	137	+ <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
141	138	</div>
142	139	</div>
143	140	<!--// search popup 영역 -->
...	...	@@ -148,11 +145,9 @@
148	145	<div class="login_left table_cell">
149	146	<div class="login_put">
150	147	<label for="id_text" class="label"></label>
151		- <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
152		- size="18">
	148	+ <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
153	149	<label for="password_text" class="label"></label>
154		- <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
155		- maxlength="30" size="18">
	150	+ <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
156	151	<label for="login_button" class="label"></label>
157	152	<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
158	153	</div>
...	...	@@ -186,1428 +181,3436 @@
186	181	<div class="send_top">
187	182	<!-- tab button -->
188	183	<ul class="tabType4">
189		- <li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
190		- <li class="tab active"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
	184	+ <li class="tab "><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
	185	+ <li class="tab active"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
191	186	<li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
192	187	<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
193	188	</ul>
194	189	<!--// tab button -->
195		-
	190	+
196	191	<div class="api_guide_cont current">
197	192	<div class="heading">
198		- <h2>API 사용안내</h2>
	193	+ <h2>REST API 개발 가이드</h2>
199	194	</div>
200	195
201	196	<!--사용안내 내용-->
202		- <!--콘텐츠 tab button-->
	197	+
203	198	<div class="pay_tab_wrap">
204	199	<ul class="tabType1">
205		- <li class="tab active"><button type="button" onclick="TabType5(this,'1');">문자발송</button></li>
206		- <li class="tab"><button type="button" onclick="TabType5(this,'2');">문자발송(대량)</button></li>
207		- <li class="tab"><button type="button" onclick="TabType5(this,'3');">전송결과조회</button></li>
208		- <li class="tab"><button type="button" onclick="TabType5(this,'4');">상세결과조회</button></li>
209		- <li class="tab"><button type="button" onclick="TabType5(this,'5');">발송가능건수</button></li>
	200	+ <li class="tab active"><button type="button" onclick="TabType5(this,'1');TabType2(this,'1');$('.list_tab li:nth-child(1)').addClass('active').siblings().removeClass('active');">문자</button></li>
	201	+ <li class="tab"><button type="button" onclick="TabType5(this,'2');TabType2(this,'6');$('.list_tab li:nth-child(1)').addClass('active').siblings().removeClass('active');">카카오톡</button></li>
210	202	</ul>
211	203	</div>
212		- <!--//콘텐츠 tab button-->
213		- <!--tab 문자발송-->
	204	+
	205	+ <!-- REST API 개발 가이드 > 문자 -->
214	206	<div class="api_guide current" id="tab5_1">
215		- <ul class="info">
216		- <li>- API를 통해서 동일한 내용의 문자를 대량으로 전송할 수 있습니다.</li>
217		- <li>- 발신번호는 문자온 사이트를 통해 사전등록 후 이용하실 수 있습니다.(마이페이지-발신번호 관리 메뉴 이용)</li>
218		- <li>- 문자 내용이 "90byte"를 초과하는 경우 장문(LMS)으로 자동 전환됩니다.</li>
219		- </ul>
	207	+ <div class="list_tab_wrap2 type3">
	208	+ <!--콘텐츠 tab button-->
	209	+ <ul class="list_tab">
	210	+ <li class="tab active"><button type="button" onclick="TabType2(this,'1');">문자발송</button></li>
	211	+ <li class="tab"><button type="button" onclick="TabType2(this,'2');">문자발송(대량)</button></li>
	212	+ <li class="tab"><button type="button" onclick="TabType2(this,'3');">전송결과조회</button></li>
	213	+ <li class="tab"><button type="button" onclick="TabType2(this,'4');">상세결과조회</button></li>
	214	+ <li class="tab"><button type="button" onclick="TabType2(this,'5');">발송가능건수</button></li>
	215	+ </ul>
	216	+ <!--//콘텐츠 tab button-->
	217	+ </div>
220	218
221		- <div class="re_cont">
222		- <!--Request-->
223		- <div class="req_title">Request</div>
224		- <div class="box">
225		- <div class="text">
226		- <h4>Request</h4>
	219	+ <div class="api_guide_con current" id="tab2_1">
	220	+
	221	+ <ul class="info">
	222	+ <li>- API를 통해서 동일한 내용의 문자를 대량으로 전송할 수 있습니다.</li>
	223	+ <li>- 발신번호는 문자온 사이트를 통해 사전등록 후 이용하실 수 있습니다.(마이페이지-발신번호 관리 메뉴 이용)</li>
	224	+ <li>- 문자 내용이 "90byte"를 초과하는 경우 장문(LMS)으로 자동 전환됩니다.</li>
	225	+ </ul>
	226	+
	227	+ <div class="re_cont">
	228	+ <!--Request-->
	229	+ <div class="req_title">Request</div>
	230	+ <div class="box">
	231	+ <div class="text">
	232	+ <h4>Request</h4>
	233	+ <table>
	234	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	235	+ <colgroup>
	236	+ <col style="width:20%;">
	237	+ <col style="width:80%;">
	238	+ </colgroup>
	239	+ <tr>
	240	+ <th>Http Method</th>
	241	+ <td>POST</td>
	242	+ </tr>
	243	+ <tr>
	244	+ <th>프로토콜</th>
	245	+ <td>HHTP/1.1</td>
	246	+ </tr>
	247	+ <tr>
	248	+ <th>HOST</th>
	249	+ <td>api.munjaon.co.kr</td>
	250	+ </tr>
	251	+ <tr>
	252	+ <th>Service Port</th>
	253	+ <td>443</td>
	254	+ </tr>
	255	+ </table>
	256	+ </div>
	257	+ </div>
	258	+ <div class="type_table">
227	259	<table>
228		- <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	260	+ <caption>문자발송 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
229	261	<colgroup>
230	262	<col style="width:20%;">
231		- <col style="width:80%;">
	263	+ <col style="width:45%;">
	264	+ <col style="width:25%">
	265	+ <col style="width:10%">
232	266	</colgroup>
233		- <tr>
234		- <th>Http Method</th>
235		- <td>POST</td>
236		- </tr>
237		- <tr>
238		- <th>프로토콜</th>
239		- <td>HHTP/1.1</td>
240		- </tr>
241		- <tr>
242		- <th>HOST</th>
243		- <td>api.munjaon.co.kr</td>
244		- </tr>
245		- <tr>
246		- <th>Service Port</th>
247		- <td>443</td>
248		- </tr>
	267	+ <thead>
	268	+ <tr>
	269	+ <th>키</th>
	270	+ <th>설명</th>
	271	+ <th>타입</th>
	272	+ <th>필수</th>
	273	+ </tr>
	274	+ </thead>
	275	+ <tbody>
	276	+ <tr>
	277	+ <td><span class="font_b">mberId</span></td>
	278	+ <td>사용자 ID</td>
	279	+ <td>String</td>
	280	+ <td><span class="select_o">O</span></td>
	281	+ </tr>
	282	+ <tr>
	283	+ <td><span class="font_b">accessKey</span></td>
	284	+ <td>인증용 API Key</td>
	285	+ <td>String</td>
	286	+ <td><span class="select_o">O</span></td>
	287	+ </tr>
	288	+ <tr>
	289	+ <td><span class="font_b">callFrom</span></td>
	290	+ <td>발신자 번호(아이디에 등록되어 있는 번호)</td>
	291	+ <td>String</td>
	292	+ <td><span class="select_o">O</span></td>
	293	+ </tr>
	294	+ <tr>
	295	+ <td><span class="font_b">callToList</span></td>
	296	+ <td>수신자 번호(콤마(,) 기준으로 입력)</td>
	297	+ <td>String</td>
	298	+ <td><span class="select_o">O</span></td>
	299	+ </tr>
	300	+ <tr>
	301	+ <td><span class="font_b">smsTxt</span></td>
	302	+ <td>메시지 내용</td>
	303	+ <td>String(1~2,000Byte)</td>
	304	+ <td><span class="select_o">O</span></td>
	305	+ </tr>
	306	+ <tr>
	307	+ <td><span class="font_b">nameStr</span></td>
	308	+ <td>메시지 내용에 [이름]이 있으면 치환용 이름 입력( \| 로 구분 )</td>
	309	+ <td>String</td>
	310	+ <td><span class="select_x">X</span></td>
	311	+ </tr>
	312	+ <tr>
	313	+ <td><span class="font_b">test_yn</span></td>
	314	+ <td>테스트 데이터 여부</td>
	315	+ <td>String</td>
	316	+ <td><span class="select_x">X</span></td>
	317	+ </tr>
	318	+ </tbody>
249	319	</table>
250		- </div>
251		- </div>
252		- <div class="type_table">
253		- <table>
254		- <caption>문자발송 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
255		- <colgroup>
256		- <col style="width:20%;">
257		- <col style="width:45%;">
258		- <col style="width:25%">
259		- <col style="width:10%">
260		- </colgroup>
261		- <thead>
262		- <tr>
263		- <th>키</th>
264		- <th>설명</th>
265		- <th>타입</th>
266		- <th>필수</th>
267		- </tr>
268		- </thead>
269		- <tbody>
270		- <tr>
271		- <td><span class="font_b">mberId</span></td>
272		- <td>사용자 ID</td>
273		- <td>String</td>
274		- <td><span class="select_o">O</span></td>
275		- </tr>
276		- <tr>
277		- <td><span class="font_b">accessKey</span></td>
278		- <td>인증용 API Key</td>
279		- <td>String</td>
280		- <td><span class="select_o">O</span></td>
281		- </tr>
282		- <tr>
283		- <td><span class="font_b">callFrom</span></td>
284		- <td>발신자 번호(아이디에 등록되어 있는 번호)</td>
285		- <td>String</td>
286		- <td><span class="select_o">O</span></td>
287		- </tr>
288		- <tr>
289		- <td><span class="font_b">callToList</span></td>
290		- <td>수신자 번호(콤마(,) 기준으로 입력)</td>
291		- <td>String</td>
292		- <td><span class="select_o">O</span></td>
293		- </tr>
294		- <tr>
295		- <td><span class="font_b">smsTxt</span></td>
296		- <td>메시지 내용</td>
297		- <td>String(1~2,000Byte)</td>
298		- <td><span class="select_o">O</span></td>
299		- </tr>
300		- <tr>
301		- <td><span class="font_b">nameStr</span></td>
302		- <td>메시지 내용에 [이름]이 있으면 치환용 이름 입력( \| 로 구분 )</td>
303		- <td>String</td>
304		- <td><span class="select_x">X</span></td>
305		- </tr>
306		- <tr>
307		- <td><span class="font_b">test_yn</span></td>
308		- <td>테스트 데이터 여부</td>
309		- <td>String</td>
310		- <td><span class="select_x">X</span></td>
311		- </tr>
312		- </tbody>
313		- </table>
314		- <div class="table_info">
315		- <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
316		- <p>※ 문자 텍스트 용량(byte) : 한글 1자당 2byte, 영문/숫자 1자당 1byte</p>
317		- </div>
318		- </div>
319		- <div class="box">
320		- <div class="title">[Example]</div>
321		- <div class="code_view">
322		- <p>｛</p>
323		- <div class="indent">
324		- <p><span>"mberId"</span>:"홍길동"</p>
325		- <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
326		- <p>,<span>"callFrom"</span>:"01012341234"</p>
327		- <p>,<span>"callToList"</span>:"01011111111,01022222222,01033333333"</p>
328		- <p>,<span>"smsTxt"</span>:"문자 테스트~![이름]"</p>
329		- <p>,<span>"nameStr"</span>:"홍길동1\|홍길동2\|홍길동3"</p>
330		- <p>,<span>"test_yn"</span>:""</p>
	320	+ <div class="table_info">
	321	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	322	+ <p>※ 문자 텍스트 용량(byte) : 한글 1자당 2byte, 영문/숫자 1자당 1byte</p>
331	323	</div>
332		- <p class="l_code">｝</p>
333	324	</div>
334		- </div>
335		- <!--// Request-->
336		- <!-- Response-->
337		- <div class="res_title">Response</div>
338		- <div class="type_table">
339		- <table>
340		- <caption>문자발송 API Response 키 종류 및 설명, 타입 테이블</caption>
341		- <colgroup>
342		- <col style="width:20%;">
343		- <col style="width:60%;">
344		- <col style="width:20%;">
345		- </colgroup>
346		- <thead>
347		- <tr>
348		- <th>키</th>
349		- <th>설명</th>
350		- <th>타입</th>
351		- </tr>
352		- </thead>
353		- <tbody>
354		- <tr>
355		- <td><span class="font_b">resultCode</span></td>
356		- <td>성공 여부("0" 아니면 실패)</td>
357		- <td>String</td>
358		- </tr>
359		- <tr>
360		- <td><span class="font_b">data</span></td>
361		- <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
362		- <td>Object</td>
363		- </tr>
364		- <tr>
365		- <td><span class="font_b">[data].msgGroupId</span></td>
366		- <td>메시지 그룹 ID</td>
367		- <td>String</td>
368		- </tr>
369		- <tr>
370		- <td><span class="font_b">[data].msgType</span></td>
371		- <td>메시지 타입(4 : 단문, 5 : 장문)</td>
372		- <td>String</td>
373		- </tr>
374		- <tr>
375		- <td><span class="font_b">[data].blockCnt</span></td>
376		- <td>수신거부 건수</td>
377		- <td>String</td>
378		- </tr>
379		- <tr>
380		- <td><span class="font_b">[data].failCnt</span></td>
381		- <td>전송 실패 건수</td>
382		- <td>String</td>
383		- </tr>
384		- <tr>
385		- <td><span class="font_b">[data].successCnt</span></td>
386		- <td>성공 건수</td>
387		- <td>String</td>
388		- </tr>
389		- <tr>
390		- <td><span class="font_b">[data].test_yn</span></td>
391		- <td>테스트 데이터 여부</td>
392		- <td>String</td>
393		- </tr>
394		- </tbody>
395		- </table>
396		- <div class="table_info">
397		- <p>※ JSON 객체로 응답합니다.</p>
398		- </div>
399		- </div>
400		- <div class="box">
401		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
402		- <div class="code_view">
403		- <p>｛</p>
404		- <div class="indent">
405		- <p><span>"resultCode"</span>:"0"</p>
406		- <p>,<span>"data"</span>｛</p>
407		- <div class="indent_t1">
408		- <p><span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
409		- <p>,<span>"msgType"</span>:"SMS"</p>
410		- <p>,<span>"resultCode"</span>:"0"</p>
411		- <p>,<span>"blockCnt"</span>:"0"</p>
412		- <p>,<span>"failCnt"</span>:"0"</p>
413		- <p>,<span>"successCnt"</span>:"3"</p>
414		- <p>,<span>"test_yn"</span>:null</p>
415		- </div>
416		- <p>｝</p>
417		- </div>
418		- <p class="l_code">｝</p>
419		- </div>
420		- </div>
421		- <div class="box">
422		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
423		- <div class="code_view">
424		- <p>｛</p>
425		- <div class="indent">
426		- <p><span>"resultCode"</span>:"1040"</p>
427		- <p>,<span>"data"</span>:"치환 데이터 오류"</p>
428		- </div>
429		- <p class="l_code">｝</p>
430		- </div>
431		- </div>
432		- <!--// Response-->
433		- </div>
434		- </div>
435		- <!--// tab_문자발송-->
436		- <!--tab 문자발송(대량)-->
437		- <div class="api_guide" id="tab5_2">
438		- <ul class="info">
439		- <li>- API를 통해서 다른 내용의 문자를 대량으로 전송할 수 있습니다.</li>
440		- <li>- 발신번호는 문자온 사이트를 통해 사전등록 후 이용하실 수 있습니다.(마이페이지-발신번호 관리 메뉴 이용)</li>
441		- <li>- 문자 내용이 "90byte"를 초과하는 경우 장문(LMS)으로 자동 전환됩니다.</li>
442		- </ul>
443		-
444		- <div class="re_cont">
445		- <!--Request-->
446		- <div class="req_title">Request</div>
447		- <div class="box">
448		- <div class="text">
449		- <h4>Request</h4>
450		- <table>
451		- <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
452		- <colgroup>
453		- <col style="width:20%;">
454		- <col style="width:80%;">
455		- </colgroup>
456		- <tr>
457		- <th>Http Method</th>
458		- <td>POST</td>
459		- </tr>
460		- <tr>
461		- <th>프로토콜</th>
462		- <td>HHTP/1.1</td>
463		- </tr>
464		- <tr>
465		- <th>HOST</th>
466		- <td>api.munjaon.co.kr</td>
467		- </tr>
468		- <tr>
469		- <th>Service Port</th>
470		- <td>443</td>
471		- </tr>
472		- </table>
473		- </div>
474		- </div>
475		- <div class="type_table">
476		- <table>
477		- <caption>문자발송(대량) API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
478		- <colgroup>
479		- <col style="width:20%;">
480		- <col style="width:45%;">
481		- <col style="width:25%">
482		- <col style="width:10%">
483		- </colgroup>
484		- <thead>
485		- <tr>
486		- <th>키</th>
487		- <th>설명</th>
488		- <th>타입</th>
489		- <th>필수</th>
490		- </tr>
491		- </thead>
492		- <tbody>
493		- <tr>
494		- <td><span class="font_b">mberId</span></td>
495		- <td>사용자 ID</td>
496		- <td>String</td>
497		- <td><span class="select_o">O</span></td>
498		- </tr>
499		- <tr>
500		- <td><span class="font_b">accessKey</span></td>
501		- <td>인증용 API Key</td>
502		- <td>String</td>
503		- <td><span class="select_o">O</span></td>
504		- </tr>
505		- <tr>
506		- <td><span class="font_b">callFrom</span></td>
507		- <td>발신자 번호(아이디에 등록되어 있는 번호)</td>
508		- <td>String</td>
509		- <td><span class="select_o">O</span></td>
510		- </tr>
511		- <tr>
512		- <td><span class="font_b">test_yn</span></td>
513		- <td>테스트 데이터 여부</td>
514		- <td>String</td>
515		- <td><span class="select_x">X</span></td>
516		- </tr>
517		- <tr>
518		- <td><span class="font_b">callTo_1</span></td>
519		- <td>수신자 번호 1</td>
520		- <td>String</td>
521		- <td><span class="select_o">O</span></td>
522		- </tr>
523		- <tr>
524		- <td><span class="font_b">smsTxt_1</span></td>
525		- <td>메시지 내용 1 </td>
526		- <td>String(1~2,000Byte)</td>
527		- <td><span class="select_o">O</span></td>
528		- </tr>
529		- <tr>
530		- <td><span class="font_b">...</span></td>
531		- <td>...</td>
532		- <td>...</td>
533		- <td><span class="select_o">...</span></td>
534		- </tr>
535		- <tr>
536		- <td><span class="font_b">callTo_100</span></td>
537		- <td>수신자 번호 100</td>
538		- <td>String</td>
539		- <td><span class="select_o">O</span></td>
540		- </tr>
541		- <tr>
542		- <td><span class="font_b">smsTxt_100</span></td>
543		- <td>메시지 내용 100</td>
544		- <td>String(1~2,000Byte)</td>
545		- <td><span class="select_o">O</span></td>
546		- </tr>
547		- </tbody>
548		- </table>
549		- <div class="table_info">
550		- <p>※ 문자 텍스트 용량(byte) : 한글 1자당 2byte, 영문/숫자 1자당 1byte</p>
551		- </div>
552		- </div>
553		- <div class="box">
554		- <div class="title">[Example]</div>
555		- <div class="code_view">
556		- <p>｛</p>
557		- <div class="indent">
558		- <p><span>"mberId"</span>:"홍길동"</p>
559		- <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
560		- <p>,<span>"callFrom"</span>:"01012341234"</p>
561		- <p>,<span>"test_yn"</span>:""</p>
562		- <p>,<span>"callTo_1"</span>:"01011111111"</p>
563		- <p>,<span>"smsTxt_1"</span>:"문자 테스트 1"</p>
564		- <p>,<span>"callTo_2"</span>:"01022222222"</p>
565		- <p>,<span>"smsTxt_2"</span>:"문자 테스트 2"</p>
566		- </div>
567		- <p class="l_code">｝</p>
568		- </div>
569		- </div>
570		- <!--// Request-->
571		- <!-- Response-->
572		- <div class="res_title">Response</div>
573		- <div class="type_table">
574		- <table>
575		- <caption>문자발송(대량) API Response 키 종류 및 설명, 타입 테이블</caption>
576		- <colgroup>
577		- <col style="width:20%;">
578		- <col style="width:60%;">
579		- <col style="width:20%;">
580		- </colgroup>
581		- <thead>
582		- <tr>
583		- <th>키</th>
584		- <th>설명</th>
585		- <th>타입</th>
586		- </tr>
587		- </thead>
588		- <tbody>
589		- <tr>
590		- <td><span class="font_b">resultCode</span></td>
591		- <td>성공 여부("0" 아니면 실패)</td>
592		- <td>String</td>
593		- </tr>
594		- <tr>
595		- <td><span class="font_b">data</span></td>
596		- <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
597		- <td>Object</td>
598		- </tr>
599		- <tr>
600		- <td><span class="font_b">[data].msgGroupIdList</span></td>
601		- <td>메시지 그룹 ID 리스트</td>
602		- <td>List String</td>
603		- </tr>
604		- <tr>
605		- <td><span class="font_b">[data].msgType</span></td>
606		- <td>메시지 타입(4 : 단문, 5 : 장문)</td>
607		- <td>String</td>
608		- </tr>
609		- <tr>
610		- <td><span class="font_b">[data].blockCnt</span></td>
611		- <td>수신거부 건수</td>
612		- <td>String</td>
613		- </tr>
614		- <tr>
615		- <td><span class="font_b">[data].failCnt</span></td>
616		- <td>전송 실패 건수</td>
617		- <td>String</td>
618		- </tr>
619		- <tr>
620		- <td><span class="font_b">[data].successCnt</span></td>
621		- <td>성공 건수</td>
622		- <td>String</td>
623		- </tr>
624		- <tr>
625		- <td><span class="font_b">[data].test_yn</span></td>
626		- <td>테스트 데이터 여부</td>
627		- <td>String</td>
628		- </tr>
629		- </tbody>
630		- </table>
631		- <div class="table_info">
632		- <p>※ JSON 객체로 응답합니다.</p>
633		- </div>
634		- </div>
635		- <div class="box">
636		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
637		- <div class="code_view">
638		- <p>｛</p>
639		- <div class="indent">
640		- <p><span>"resultCode"</span>:"0"</p>
641		- <p>,<span>"data"</span>:［</p>
642		- <div class="indent_t1">
643		- <p><span>"msgGroupIdList"</span>:［</p>
644		- <p>｛</p>
645		- <p class="m_code">"MSGGID_0000000013451"</p>
646		- <p class="l_code_t1">｝</p>
647		- <p>,｛</p>
648		- <p class="m_code">"MSGGID_0000000013452"</p>
649		- <p class="l_code_t1">｝</p>
650		- <p>］</p>
651		- <p>,<span>"msgTypeList"</span>:［</p>
652		- <p>｛</p>
653		- <p class="m_code">"SMS"</p>
654		- <p class="l_code_t1">｝</p>
655		- <p>,｛</p>
656		- <p class="m_code">"SMS"</p>
657		- <p class="l_code_t1">｝</p>
658		- <p>］</p>
659		- <p>,<span>"resultCode"</span>:"0"</p>
660		- <p>,<span>"successCnt"</span>:"2"</p>
661		- <p>,<span>"failCnt"</span>:"0"</p>
662		- <p>,<span>"blockCnt"</span>:"0"</p>
663		- <p>,<span>"test_yn"</span>:null</p>
664		- <p>］</p>
665		- </div>
666		- </div>
667		- <p class="l_code">｝</p>
668		- </div>
669		- </div>
670		- <div class="box">
671		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
672		- <div class="code_view">
673		- <p>｛</p>
674		- <div class="indent">
675		- <p><span>"resultCode"</span>:"1040"</p>
676		- <p>,<span>"data"</span>:"치환 데이터 오류"</p>
677		- </div>
678		- <p class="l_code">｝</p>
679		- </div>
680		- </div>
681		- <!--// Response-->
682		- </div>
683		- </div>
684		- <!--// tab_문자발송(대량)-->
685		- <!--tab 전송결과조회-->
686		- <div class="api_guide" id="tab5_3">
687		- <ul class="info">
688		- <li>- 문자온 사이트 및 API를 통해 전송된 문자 발송내역을 조회할 수 있습니다.</li>
689		- <li>- 문자 발송내역은 날짜별로 조회되며, 최근 3개월까지만 조회 가능합니다.</li>
690		- <li>- 발신번호별 문자 발송내역 조회 기능은 제공되지 않습니다.</li>
691		- </ul>
692		-
693		- <div class="re_cont">
694		- <!--Request-->
695		- <div class="req_title">Request</div>
696		- <div class="box">
697		- <div class="text">
698		- <h4>Request</h4>
699		- <table>
700		- <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
701		- <colgroup>
702		- <col style="width:20%;">
703		- <col style="width:80%;">
704		- </colgroup>
705		- <tr>
706		- <th>Http Method</th>
707		- <td>POST</td>
708		- </tr>
709		- <tr>
710		- <th>프로토콜</th>
711		- <td>HHTP/1.1</td>
712		- </tr>
713		- <tr>
714		- <th>HOST</th>
715		- <td>api.munjaon.co.kr</td>
716		- </tr>
717		- <tr>
718		- <th>Service Port</th>
719		- <td>443</td>
720		- </tr>
721		- </table>
722		- </div>
723		- </div>
724		- <div class="type_table">
725		- <table>
726		- <caption>전송결과 조회 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
727		- <colgroup>
728		- <col style="width:20%;">
729		- <col style="width:45%;">
730		- <col style="width:25%">
731		- <col style="width:10%">
732		- </colgroup>
733		- <thead>
734		- <tr>
735		- <th>키</th>
736		- <th>설명</th>
737		- <th>타입</th>
738		- <th>필수</th>
739		- </tr>
740		- </thead>
741		- <tbody>
742		- <tr>
743		- <td><span class="font_b">mberId</span></td>
744		- <td>사용자 ID</td>
745		- <td>String</td>
746		- <td><span class="select_o">O</span></td>
747		- </tr>
748		- <tr>
749		- <td><span class="font_b">accessKey</span></td>
750		- <td>인증용 API Key</td>
751		- <td>String</td>
752		- <td><span class="select_o">O</span></td>
753		- </tr>
754		- <tr>
755		- <td><span class="font_b">page</span></td>
756		- <td>페이지 번호</td>
757		- <td>String</td>
758		- <td><span class="select_x">X</span></td>
759		- </tr>
760		- <tr>
761		- <td><span class="font_b">pageSize</span></td>
762		- <td>페이지당 출력 개수</td>
763		- <td>String</td>
764		- <td><span class="select_x">X</span></td>
765		- </tr>
766		- <tr>
767		- <td><span class="font_b">startDate</span></td>
768		- <td>시작 일자</td>
769		- <td>String</td>
770		- <td><span class="select_x">X</span></td>
771		- </tr>
772		- <tr>
773		- <td><span class="font_b">endDate</span></td>
774		- <td>마감 일자</td>
775		- <td>String</td>
776		- <td><span class="select_x">X</span></td>
777		- </tr>
778		- <tr>
779		- <td><span class="font_b">test_yn</span></td>
780		- <td>테스트 데이터 여부</td>
781		- <td>String</td>
782		- <td><span class="select_x">X</span></td>
783		- </tr>
784		- </tbody>
785		- </table>
786		- <div class="table_info">
787		- <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
788		- </div>
789		- </div>
790		- <div class="box">
791		- <div class="title">[Example]</div>
792		- <div class="code_view">
793		- <p>｛</p>
794		- <div class="indent">
795		- <p><span>"mberId"</span>:"홍길동"</p>
796		- <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
797		- <p>,<span>"page"</span>:""</p>
798		- <p>,<span>"pageSize"</span>:""</p>
799		- <p>,<span>"startDate"</span>:""</p>
800		- <p>,<span>"endDate"</span>:""</p>
801		- <p>,<span>"test_yn"</span>:""</p>
802		- </div>
803		- <p class="l_code">｝</p>
804		- </div>
805		- </div>
806		- <!--// Request-->
807		- <!-- Response-->
808		- <div class="res_title">Response</div>
809		- <div class="type_table">
810		- <table>
811		- <caption>전송결과 조회 API Response 키 종류 및 설명, 타입 테이블</caption>
812		- <colgroup>
813		- <col style="width:20%;">
814		- <col style="width:60%;">
815		- <col style="width:20%;">
816		- </colgroup>
817		- <thead>
818		- <tr>
819		- <th>키</th>
820		- <th>설명</th>
821		- <th>타입</th>
822		- </tr>
823		- </thead>
824		- <tbody>
825		- <tr>
826		- <td><span class="font_b">resultCode</span></td>
827		- <td>성공 여부("0" 아니면 실패)</td>
828		- <td>String</td>
829		- </tr>
830		- <tr>
831		- <td><span class="font_b">data</span></td>
832		- <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
833		- <td>Object</td>
834		- </tr>
835		- <tr>
836		- <td><span class="font_b">[data].message</span></td>
837		- <td>문자</td>
838		- <td>String</td>
839		- </tr>
840		- <tr>
841		- <td><span class="font_b">[data].next_yn</span></td>
842		- <td>다음 페이지 여부</td>
843		- <td>String</td>
844		- </tr>
845		- <tr>
846		- <td><span class="font_b">[data].objectList</span></td>
847		- <td>결과값 목록</td>
848		- <td>Object List</td>
849		- </tr>
850		- <tr>
851		- <td><span class="font_b">[data].msgGroupId</span></td>
852		- <td>메시지 그룹 ID</td>
853		- <td>String</td>
854		- </tr>
855		- <tr>
856		- <td><span class="font_b">[data].msgId</span></td>
857		- <td>메시지 ID</td>
858		- <td>String</td>
859		- </tr>
860		- <tr>
861		- <td><span class="font_b">[data].msgTypeName</span></td>
862		- <td>문자 구분명(단문, 장문, 그림)</td>
863		- <td>String</td>
864		- </tr>
865		- <tr>
866		- <td><span class="font_b">[data].msgType</span></td>
867		- <td>메시지 타입(4 : 단문, 5 : 장문)</td>
868		- <td>String</td>
869		- </tr>
870		- <tr>
871		- <td><span class="font_b">[data].callFrom</span></td>
872		- <td>발신자 번호</td>
873		- <td>String</td>
874		- </tr>
875		- <tr>
876		- <td><span class="font_b">[data].callTo</span></td>
877		- <td>수신자 번호</td>
878		- <td>String</td>
879		- </tr>
880		- <tr>
881		- <td><span class="font_b">[data].msgGroupCnt</span></td>
882		- <td>문자 발송 건수</td>
883		- <td>String</td>
884		- </tr>
885		- <tr>
886		- <td><span class="font_b">[data].sCnt</span></td>
887		- <td>성공 건수</td>
888		- <td>String</td>
889		- </tr>
890		- <tr>
891		- <td><span class="font_b">[data].fCnt</span></td>
892		- <td>실패 건수</td>
893		- <td>String</td>
894		- </tr>
895		- <tr>
896		- <td><span class="font_b">[data].wCnt</span></td>
897		- <td>대기 건수</td>
898		- <td>String</td>
899		- </tr>
900		- <tr>
901		- <td><span class="font_b">[data].msgResult</span></td>
902		- <td>발송 결과(성공 : S, 실패 : F)</td>
903		- <td>String</td>
904		- </tr>
905		- <tr>
906		- <td><span class="font_b">[data].smsTxt</span></td>
907		- <td>문자 내용</td>
908		- <td>String</td>
909		- </tr>
910		- <tr>
911		- <td><span class="font_b">[data].subject</span></td>
912		- <td>제목</td>
913		- <td>String</td>
914		- </tr>
915		- <tr>
916		- <td><span class="font_b">[data].reqdate</span></td>
917		- <td>발송 일자</td>
918		- <td>String</td>
919		- </tr>
920		- <tr>
921		- <td><span class="font_b">[data].curState</span></td>
922		- <td>전송 처리 결과값</td>
923		- <td>String</td>
924		- </tr>
925		- <tr>
926		- <td><span class="font_b">[data].userId</span></td>
927		- <td>사용자 ID</td>
928		- <td>String</td>
929		- </tr>
930		- <tr>
931		- <td><span class="font_b">[data].regdate</span></td>
932		- <td>등록 일자</td>
933		- <td>String</td>
934		- </tr>
935		- <tr>
936		- <td><span class="font_b">[data].reserveCYn</span></td>
937		- <td>예약 취소 여부</td>
938		- <td>String</td>
939		- </tr>
940		- <tr>
941		- <td><span class="font_b">[data].ttlCnt</span></td>
942		- <td>전체 요청 수</td>
943		- <td>String</td>
944		- </tr>
945		- <tr>
946		- <td><span class="font_b">[data].remainMsgCnt</span></td>
947		- <td>남은 문자 건수</td>
948		- <td>String</td>
949		- </tr>
950		- <tr>
951		- <td><span class="font_b">[data].totMsgCnt</span></td>
952		- <td>전체 문자 개수</td>
953		- <td>String</td>
954		- </tr>
955		- </tbody>
956		- </table>
957		- <div class="table_info">
958		- <p>※ JSON 객체로 응답합니다.</p>
959		- </div>
960		- </div>
961		- <div class="box">
962		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
963		- <div class="code_view">
964		- <p>｛</p>
965		- <div class="indent">
966		- <p><span>"resultCode"</span>:"0"</p>
967		- <p>,<span>"data"</span>:［</p>
	325	+ <div class="box">
	326	+ <div class="title">[Example]</div>
	327	+ <div class="code_view">
968	328	<p>｛</p>
969		- <div class="indent_t1">
	329	+ <div class="indent">
	330	+ <p><span>"mberId"</span>:"홍길동"</p>
	331	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	332	+ <p>,<span>"callFrom"</span>:"01012341234"</p>
	333	+ <p>,<span>"callToList"</span>:"01011111111,01022222222,01033333333"</p>
	334	+ <p>,<span>"smsTxt"</span>:"문자 테스트~![이름]"</p>
	335	+ <p>,<span>"nameStr"</span>:"홍길동1\|홍길동2\|홍길동3"</p>
	336	+ <p>,<span>"test_yn"</span>:""</p>
	337	+ </div>
	338	+ <p class="l_code">｝</p>
	339	+ </div>
	340	+ </div>
	341	+ <!--// Request-->
	342	+ <!-- Response-->
	343	+ <div class="res_title">Response</div>
	344	+ <div class="type_table">
	345	+ <table>
	346	+ <caption>문자발송 API Response 키 종류 및 설명, 타입 테이블</caption>
	347	+ <colgroup>
	348	+ <col style="width:20%;">
	349	+ <col style="width:60%;">
	350	+ <col style="width:20%;">
	351	+ </colgroup>
	352	+ <thead>
	353	+ <tr>
	354	+ <th>키</th>
	355	+ <th>설명</th>
	356	+ <th>타입</th>
	357	+ </tr>
	358	+ </thead>
	359	+ <tbody>
	360	+ <tr>
	361	+ <td><span class="font_b">resultCode</span></td>
	362	+ <td>성공 여부("0" 아니면 실패)</td>
	363	+ <td>String</td>
	364	+ </tr>
	365	+ <tr>
	366	+ <td><span class="font_b">data</span></td>
	367	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	368	+ <td>Object</td>
	369	+ </tr>
	370	+ <tr>
	371	+ <td><span class="font_b">[data].msgGroupId</span></td>
	372	+ <td>메시지 그룹 ID</td>
	373	+ <td>String</td>
	374	+ </tr>
	375	+ <tr>
	376	+ <td><span class="font_b">[data].msgType</span></td>
	377	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	378	+ <td>String</td>
	379	+ </tr>
	380	+ <tr>
	381	+ <td><span class="font_b">[data].blockCnt</span></td>
	382	+ <td>수신거부 건수</td>
	383	+ <td>String</td>
	384	+ </tr>
	385	+ <tr>
	386	+ <td><span class="font_b">[data].failCnt</span></td>
	387	+ <td>전송 실패 건수</td>
	388	+ <td>String</td>
	389	+ </tr>
	390	+ <tr>
	391	+ <td><span class="font_b">[data].successCnt</span></td>
	392	+ <td>성공 건수</td>
	393	+ <td>String</td>
	394	+ </tr>
	395	+ <tr>
	396	+ <td><span class="font_b">[data].test_yn</span></td>
	397	+ <td>테스트 데이터 여부</td>
	398	+ <td>String</td>
	399	+ </tr>
	400	+ </tbody>
	401	+ </table>
	402	+ <div class="table_info">
	403	+ <p>※ JSON 객체로 응답합니다.</p>
	404	+ </div>
	405	+ </div>
	406	+ <div class="box">
	407	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	408	+ <div class="code_view">
	409	+ <p>｛</p>
	410	+ <div class="indent">
970	411	<p><span>"resultCode"</span>:"0"</p>
971		- <p>,<span>"message"</span>: null</p>
972		- <p>,<span>"next_yn"</span>:"n"</p>
973		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
974		- <p>,<span>"objectList"</span>:［</p>
975		- <p>｛</p>
976		- <div class="indent_t2">
977		- <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
978		- <p>,<span>"msgType"</span>:"4"</p>
979		- <p>,<span>"callFrom"</span>:"01011112222"</p>
980		- <p>,<span>"callTo"</span>:"01011112223"</p>
981		- <p>,<span>"msgGroupCnt"</span>:"2"</p>
982		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
983		- <p>,<span>"msgId"</span>:"MSGID_0000000000001"</p>
984		- <p>,<span>"scnt"</span>:"2"</p>
985		- <p>,<span>"fcnt"</span>:"0"</p>
986		- <p>,<span>"wcnt"</span>:"0"</p>
987		- <p>,<span>"msgResult"</span>:"S"</p>
988		- <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
989		- <p>,<span>"subject"</span>:null</p>
990		- <p>,<span>"reqdate"</span>:"2023-06-13 17:48:07"</p>
991		- <p>,<span>"curState"</span>:"3"</p>
992		- <p>,<span>"userId"</span>:"testuser"</p>
993		- <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
994		- <p>,<span>"reserveCYn"</span>:"N"</p>
995		- <p>,<span>"ttlCnt"</span>:"1"</p>
996		- <p>,<span>"remainMsgCnt"</span>:"40"</p>
997		- <p>,<span>"totMsgCnt"</span>:"70"</p>
	412	+ <p>,<span>"data"</span>｛</p>
	413	+ <div class="indent_t1">
	414	+ <p><span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
	415	+ <p>,<span>"msgType"</span>:"SMS"</p>
	416	+ <p>,<span>"resultCode"</span>:"0"</p>
	417	+ <p>,<span>"blockCnt"</span>:"0"</p>
	418	+ <p>,<span>"failCnt"</span>:"0"</p>
	419	+ <p>,<span>"successCnt"</span>:"3"</p>
	420	+ <p>,<span>"test_yn"</span>:null</p>
998	421	</div>
999	422	<p>｝</p>
1000		- <p>,｛</p>
1001		- <div class="indent_t2">
1002		- <p><span>"msgTypeName"</span>:"장문(LMS)"</p>
1003		- <p>,<span>"msgType"</span>:"6"</p>
1004		- <p>,<span>"callFrom"</span>:"01011112222"</p>
1005		- <p>,<span>"callTo"</span>:"01011112223"</p>
1006		- <p>,<span>"msgGroupCnt"</span>:"1"</p>
1007		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013341"</p>
1008		- <p>,<span>"msgId"</span>:"MSGID_0000000000002"</p>
1009		- <p>,<span>"scnt"</span>:"1"</p>
1010		- <p>,<span>"fcnt"</span>:"0"</p>
1011		- <p>,<span>"wcnt"</span>:"0"</p>
1012		- <p>,<span>"msgResult"</span>:"S"</p>
1013		- <p>,<span>"smsTxt"</span>:"문자 내용 장문 예제"</p>
1014		- <p>,<span>subject"</span>:null</p>
1015		- <p>,<span>reqdate"</span>:"2023-06-02 11:46:50"</p>
1016		- <p>,<span>"curState"</span>:"3"</p>
1017		- <p>,<span>"userId"</span>:"testuser"</p>
1018		- <p>,<span>"regdate"</span>:"2023-06-02 11:46:49"</p>
1019		- <p>,<span>"reserveCYn"</span>:"N"</p>
1020		- <p>,<span>"ttlCnt"</span>:"1"</p>
1021		- <p>,<span>"remainMsgCnt"</span>:"40"</p>
1022		- <p>,<span>"totMsgCnt"</span>:"70"</p>
1023		- <p>｝</p>
1024		- </div>
1025		- <p>］</p>
1026		- </div>
1027		- <p class="l_code_t2">｝</p>
1028		- <p>］</p>
	423	+ </div>
	424	+ <p class="l_code">｝</p>
1029	425	</div>
1030		- <p class="l_code">｝</p>
1031	426	</div>
1032		- </div>
1033		- <div class="box">
1034		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
1035		- <div class="code_view">
1036		- <p>｛</p>
1037		- <div class="indent">
1038		- <p><span>"resultCode"</span>:"3099"</p>
1039		- <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	427	+ <div class="box">
	428	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	429	+ <div class="code_view">
	430	+ <p>｛</p>
	431	+ <div class="indent">
	432	+ <p><span>"resultCode"</span>:"1040"</p>
	433	+ <p>,<span>"data"</span>:"치환 데이터 오류"</p>
	434	+ </div>
	435	+ <p class="l_code">｝</p>
1040	436	</div>
1041		- <p class="l_code">｝</p>
1042	437	</div>
	438	+ <!--// Response-->
1043	439	</div>
1044		- <!--// Response-->
1045		- </div>
1046		- </div>
1047		- <!--// tab_전송결과조회-->
1048		- <!--tab 상세결과조회-->
1049		- <div class="api_guide" id="tab5_4">
1050		- <ul class="info">
1051		- <li>- 전송결과 조회의 "msgGroupId"를 사용하여 전송된 문자의 상세결과를 수신번호별로 조회할 수 있습니다.</li>
1052		- <li>- 전송결과가 "대기"인 경우에는 최종 결과 확인까지 최대 72시간까지 소요됩니다.</li>
1053		- </ul>
1054	440
1055		- <div class="re_cont">
1056		- <!--Request-->
1057		- <div class="req_title">Request</div>
1058		- <div class="box">
1059		- <div class="text">
1060		- <h4>Request</h4>
	441	+ </div>
	442	+ <div class="api_guide_con" id="tab2_2">
	443	+
	444	+ <ul class="info">
	445	+ <li>- API를 통해서 다른 내용의 문자를 대량으로 전송할 수 있습니다.</li>
	446	+ <li>- 발신번호는 문자온 사이트를 통해 사전등록 후 이용하실 수 있습니다.(마이페이지-발신번호 관리 메뉴 이용)</li>
	447	+ <li>- 문자 내용이 "90byte"를 초과하는 경우 장문(LMS)으로 자동 전환됩니다.</li>
	448	+ </ul>
	449	+
	450	+ <div class="re_cont">
	451	+ <!--Request-->
	452	+ <div class="req_title">Request</div>
	453	+ <div class="box">
	454	+ <div class="text">
	455	+ <h4>Request</h4>
	456	+ <table>
	457	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	458	+ <colgroup>
	459	+ <col style="width:20%;">
	460	+ <col style="width:80%;">
	461	+ </colgroup>
	462	+ <tr>
	463	+ <th>Http Method</th>
	464	+ <td>POST</td>
	465	+ </tr>
	466	+ <tr>
	467	+ <th>프로토콜</th>
	468	+ <td>HHTP/1.1</td>
	469	+ </tr>
	470	+ <tr>
	471	+ <th>HOST</th>
	472	+ <td>api.munjaon.co.kr</td>
	473	+ </tr>
	474	+ <tr>
	475	+ <th>Service Port</th>
	476	+ <td>443</td>
	477	+ </tr>
	478	+ </table>
	479	+ </div>
	480	+ </div>
	481	+ <div class="type_table">
1061	482	<table>
1062		- <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	483	+ <caption>문자발송(대량) API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
1063	484	<colgroup>
1064	485	<col style="width:20%;">
1065		- <col style="width:80%;">
	486	+ <col style="width:45%;">
	487	+ <col style="width:25%">
	488	+ <col style="width:10%">
1066	489	</colgroup>
1067		- <tr>
1068		- <th>Http Method</th>
1069		- <td>POST</td>
1070		- </tr>
1071		- <tr>
1072		- <th>프로토콜</th>
1073		- <td>HHTP/1.1</td>
1074		- </tr>
1075		- <tr>
1076		- <th>HOST</th>
1077		- <td>api.munjaon.co.kr</td>
1078		- </tr>
1079		- <tr>
1080		- <th>Service Port</th>
1081		- <td>443</td>
1082		- </tr>
	490	+ <thead>
	491	+ <tr>
	492	+ <th>키</th>
	493	+ <th>설명</th>
	494	+ <th>타입</th>
	495	+ <th>필수</th>
	496	+ </tr>
	497	+ </thead>
	498	+ <tbody>
	499	+ <tr>
	500	+ <td><span class="font_b">mberId</span></td>
	501	+ <td>사용자 ID</td>
	502	+ <td>String</td>
	503	+ <td><span class="select_o">O</span></td>
	504	+ </tr>
	505	+ <tr>
	506	+ <td><span class="font_b">accessKey</span></td>
	507	+ <td>인증용 API Key</td>
	508	+ <td>String</td>
	509	+ <td><span class="select_o">O</span></td>
	510	+ </tr>
	511	+ <tr>
	512	+ <td><span class="font_b">callFrom</span></td>
	513	+ <td>발신자 번호(아이디에 등록되어 있는 번호)</td>
	514	+ <td>String</td>
	515	+ <td><span class="select_o">O</span></td>
	516	+ </tr>
	517	+ <tr>
	518	+ <td><span class="font_b">test_yn</span></td>
	519	+ <td>테스트 데이터 여부</td>
	520	+ <td>String</td>
	521	+ <td><span class="select_x">X</span></td>
	522	+ </tr>
	523	+ <tr>
	524	+ <td><span class="font_b">callTo_1</span></td>
	525	+ <td>수신자 번호 1</td>
	526	+ <td>String</td>
	527	+ <td><span class="select_o">O</span></td>
	528	+ </tr>
	529	+ <tr>
	530	+ <td><span class="font_b">smsTxt_1</span></td>
	531	+ <td>메시지 내용 1 </td>
	532	+ <td>String(1~2,000Byte)</td>
	533	+ <td><span class="select_o">O</span></td>
	534	+ </tr>
	535	+ <tr>
	536	+ <td><span class="font_b">...</span></td>
	537	+ <td>...</td>
	538	+ <td>...</td>
	539	+ <td><span class="select_o">...</span></td>
	540	+ </tr>
	541	+ <tr>
	542	+ <td><span class="font_b">callTo_100</span></td>
	543	+ <td>수신자 번호 100</td>
	544	+ <td>String</td>
	545	+ <td><span class="select_o">O</span></td>
	546	+ </tr>
	547	+ <tr>
	548	+ <td><span class="font_b">smsTxt_100</span></td>
	549	+ <td>메시지 내용 100</td>
	550	+ <td>String(1~2,000Byte)</td>
	551	+ <td><span class="select_o">O</span></td>
	552	+ </tr>
	553	+ </tbody>
1083	554	</table>
1084		- </div>
1085		- </div>
1086		- <div class="type_table">
1087		- <table>
1088		- <caption>상세결과 조회 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
1089		- <colgroup>
1090		- <col style="width:20%;">
1091		- <col style="width:45%;">
1092		- <col style="width:25%">
1093		- <col style="width:10%">
1094		- </colgroup>
1095		- <thead>
1096		- <tr>
1097		- <th>키</th>
1098		- <th>설명</th>
1099		- <th>타입</th>
1100		- <th>필수</th>
1101		- </tr>
1102		- </thead>
1103		- <tbody>
1104		- <tr>
1105		- <td><span class="font_b">mberId</span></td>
1106		- <td>사용자 ID</td>
1107		- <td>String</td>
1108		- <td><span class="select_o">O</span></td>
1109		- </tr>
1110		- <tr>
1111		- <td><span class="font_b">accessKey</span></td>
1112		- <td>인증용 API Key</td>
1113		- <td>String</td>
1114		- <td><span class="select_o">O</span></td>
1115		- </tr>
1116		- <tr>
1117		- <td><span class="font_b">msgGroupId</span></td>
1118		- <td>메시지 그룹 ID</td>
1119		- <td>String</td>
1120		- <td><span class="select_o">O</span></td>
1121		- </tr>
1122		- <tr>
1123		- <td><span class="font_b">page</span></td>
1124		- <td>페이지 번호</td>
1125		- <td>String</td>
1126		- <td><span class="select_x">X</span></td>
1127		- </tr>
1128		- <tr>
1129		- <td><span class="font_b">pageSize</span></td>
1130		- <td>페이지당 출력 개수</td>
1131		- <td>String</td>
1132		- <td><span class="select_x">X</span></td>
1133		- </tr>
1134		- <tr>
1135		- <td><span class="font_b">test_yn</span></td>
1136		- <td>테스트 데이터 여부</td>
1137		- <td>String</td>
1138		- <td><span class="select_x">X</span></td>
1139		- </tr>
1140		- </tbody>
1141		- </table>
1142		- <div class="table_info">
1143		- <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
1144		- </div>
1145		- </div>
1146		- <div class="box">
1147		- <div class="title">[Example]</div>
1148		- <div class="code_view">
1149		- <p>｛</p>
1150		- <div class="indent">
1151		- <p><span>"mberId"</span>:"홍길동"</p>
1152		- <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
1153		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000011452"</p>
1154		- <p>,<span>"page"</span>:""</p>
1155		- <p>,<span>"pageSize"</span>:""</p>
1156		- <p>,<span>"test_yn"</span>:""</p>
	555	+ <div class="table_info">
	556	+ <p>※ 문자 텍스트 용량(byte) : 한글 1자당 2byte, 영문/숫자 1자당 1byte</p>
1157	557	</div>
1158		- <p class="l_code">｝</p>
1159	558	</div>
1160		- </div>
1161		- <!--// Request-->
1162		- <!-- Response-->
1163		- <div class="res_title">Response</div>
1164		- <div class="type_table">
1165		- <table>
1166		- <caption>상세결과 조회 API Response 키 종류 및 설명, 타입 테이블</caption>
1167		- <colgroup>
1168		- <col style="width:20%;">
1169		- <col style="width:60%;">
1170		- <col style="width:20%;">
1171		- </colgroup>
1172		- <thead>
1173		- <tr>
1174		- <th>키</th>
1175		- <th>설명</th>
1176		- <th>타입</th>
1177		- </tr>
1178		- </thead>
1179		- <tbody>
1180		- <tr>
1181		- <td><span class="font_b">resultCode</span></td>
1182		- <td>성공 여부("0" 아니면 실패)</td>
1183		- <td>String</td>
1184		- </tr>
1185		- <tr>
1186		- <td><span class="font_b">data</span></td>
1187		- <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
1188		- <td>Object</td>
1189		- </tr>
1190		- <tr>
1191		- <td><span class="font_b">[data].message</span></td>
1192		- <td>문자</td>
1193		- <td>String</td>
1194		- </tr>
1195		- <tr>
1196		- <td><span class="font_b">[data].next_yn</span></td>
1197		- <td>다음 페이지 여부</td>
1198		- <td>String</td>
1199		- </tr>
1200		- <tr>
1201		- <td><span class="font_b">[data].objectList</span></td>
1202		- <td>결과값 목록</td>
1203		- <td>Object List</td>
1204		- </tr>
1205		- <tr>
1206		- <td><span class="font_b">[data].msgGroupId</span></td>
1207		- <td>메시지 그룹 ID</td>
1208		- <td>String</td>
1209		- </tr>
1210		- <tr>
1211		- <td><span class="font_b">[data].msgId</span></td>
1212		- <td>메시지 ID</td>
1213		- <td>String</td>
1214		- </tr>
1215		- <tr>
1216		- <td><span class="font_b">[data].msgTypeName</span></td>
1217		- <td>문자 구분명(단문, 장문, 그림)</td>
1218		- <td>String</td>
1219		- </tr>
1220		- <tr>
1221		- <td><span class="font_b">[data].msgType</span></td>
1222		- <td>메시지 타입(4 : 단문, 5 : 장문)</td>
1223		- <td>String</td>
1224		- </tr>
1225		- <tr>
1226		- <td><span class="font_b">[data].callFrom</span></td>
1227		- <td>발신자 번호</td>
1228		- <td>String</td>
1229		- </tr>
1230		- <tr>
1231		- <td><span class="font_b">[data].callTo</span></td>
1232		- <td>수신자 번호</td>
1233		- <td>String</td>
1234		- </tr>
1235		- <tr>
1236		- <td><span class="font_b">[data].msgGroupCnt</span></td>
1237		- <td>문자 발송 건수</td>
1238		- <td>String</td>
1239		- </tr>
1240		- <tr>
1241		- <td><span class="font_b">[data].sCnt</span></td>
1242		- <td>성공 건수</td>
1243		- <td>String</td>
1244		- </tr>
1245		- <tr>
1246		- <td><span class="font_b">[data].fCnt</span></td>
1247		- <td>실패 건수</td>
1248		- <td>String</td>
1249		- </tr>
1250		- <tr>
1251		- <td><span class="font_b">[data].wCnt</span></td>
1252		- <td>대기 건수</td>
1253		- <td>String</td>
1254		- </tr>
1255		- <tr>
1256		- <td><span class="font_b">[data].msgResult</span></td>
1257		- <td>발송 결과(성공 : S, 실패 : F)</td>
1258		- <td>String</td>
1259		- </tr>
1260		- <tr>
1261		- <td><span class="font_b">[data].smsTxt</span></td>
1262		- <td>문자 내용</td>
1263		- <td>String</td>
1264		- </tr>
1265		- <tr>
1266		- <td><span class="font_b">[data].subject</span></td>
1267		- <td>제목</td>
1268		- <td>String</td>
1269		- </tr>
1270		- <tr>
1271		- <td><span class="font_b">[data].reqdate</span></td>
1272		- <td>발송 일자</td>
1273		- <td>String</td>
1274		- </tr>
1275		- <tr>
1276		- <td><span class="font_b">[data].curState</span></td>
1277		- <td>전송 처리 결과값</td>
1278		- <td>String</td>
1279		- </tr>
1280		- <tr>
1281		- <td><span class="font_b">[data].userId</span></td>
1282		- <td>사용자 ID</td>
1283		- <td>String</td>
1284		- </tr>
1285		- <tr>
1286		- <td><span class="font_b">[data].regdate</span></td>
1287		- <td>등록 일자</td>
1288		- <td>String</td>
1289		- </tr>
1290		- <tr>
1291		- <td><span class="font_b">[data].reserveCYn</span></td>
1292		- <td>예약 취소 여부</td>
1293		- <td>String</td>
1294		- </tr>
1295		- <tr>
1296		- <td><span class="font_b">[data].ttlCnt</span></td>
1297		- <td>전체 요청 수</td>
1298		- <td>String</td>
1299		- </tr>
1300		- <tr>
1301		- <td><span class="font_b">[data].remainMsgCnt</span></td>
1302		- <td>남은 문자 건수</td>
1303		- <td>String</td>
1304		- </tr>
1305		- <tr>
1306		- <td><span class="font_b">[data].totMsgCnt</span></td>
1307		- <td>전체 문자 개수</td>
1308		- <td>String</td>
1309		- </tr>
1310		- </tbody>
1311		- </table>
1312		- <div class="table_info">
1313		- <p>※ JSON 객체로 응답합니다.</p>
1314		- </div>
1315		- </div>
1316		- <div class="box">
1317		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
1318		- <div class="code_view">
1319		- <p>｛</p>
1320		- <div class="indent">
1321		- <p><span>"resultCode"</span>:"0"</p>
1322		- <p>,<span>"data"</span>:［</p>
	559	+ <div class="box">
	560	+ <div class="title">[Example]</div>
	561	+ <div class="code_view">
1323	562	<p>｛</p>
1324		- <div class="indent_t1">
	563	+ <div class="indent">
	564	+ <p><span>"mberId"</span>:"홍길동"</p>
	565	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	566	+ <p>,<span>"callFrom"</span>:"01012341234"</p>
	567	+ <p>,<span>"test_yn"</span>:""</p>
	568	+ <p>,<span>"callTo_1"</span>:"01011111111"</p>
	569	+ <p>,<span>"smsTxt_1"</span>:"문자 테스트 1"</p>
	570	+ <p>,<span>"callTo_2"</span>:"01022222222"</p>
	571	+ <p>,<span>"smsTxt_2"</span>:"문자 테스트 2"</p>
	572	+ </div>
	573	+ <p class="l_code">｝</p>
	574	+ </div>
	575	+ </div>
	576	+ <!--// Request-->
	577	+ <!-- Response-->
	578	+ <div class="res_title">Response</div>
	579	+ <div class="type_table">
	580	+ <table>
	581	+ <caption>문자발송(대량) API Response 키 종류 및 설명, 타입 테이블</caption>
	582	+ <colgroup>
	583	+ <col style="width:20%;">
	584	+ <col style="width:60%;">
	585	+ <col style="width:20%;">
	586	+ </colgroup>
	587	+ <thead>
	588	+ <tr>
	589	+ <th>키</th>
	590	+ <th>설명</th>
	591	+ <th>타입</th>
	592	+ </tr>
	593	+ </thead>
	594	+ <tbody>
	595	+ <tr>
	596	+ <td><span class="font_b">resultCode</span></td>
	597	+ <td>성공 여부("0" 아니면 실패)</td>
	598	+ <td>String</td>
	599	+ </tr>
	600	+ <tr>
	601	+ <td><span class="font_b">data</span></td>
	602	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	603	+ <td>Object</td>
	604	+ </tr>
	605	+ <tr>
	606	+ <td><span class="font_b">[data].msgGroupIdList</span></td>
	607	+ <td>메시지 그룹 ID 리스트</td>
	608	+ <td>List String</td>
	609	+ </tr>
	610	+ <tr>
	611	+ <td><span class="font_b">[data].msgType</span></td>
	612	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	613	+ <td>String</td>
	614	+ </tr>
	615	+ <tr>
	616	+ <td><span class="font_b">[data].blockCnt</span></td>
	617	+ <td>수신거부 건수</td>
	618	+ <td>String</td>
	619	+ </tr>
	620	+ <tr>
	621	+ <td><span class="font_b">[data].failCnt</span></td>
	622	+ <td>전송 실패 건수</td>
	623	+ <td>String</td>
	624	+ </tr>
	625	+ <tr>
	626	+ <td><span class="font_b">[data].successCnt</span></td>
	627	+ <td>성공 건수</td>
	628	+ <td>String</td>
	629	+ </tr>
	630	+ <tr>
	631	+ <td><span class="font_b">[data].test_yn</span></td>
	632	+ <td>테스트 데이터 여부</td>
	633	+ <td>String</td>
	634	+ </tr>
	635	+ </tbody>
	636	+ </table>
	637	+ <div class="table_info">
	638	+ <p>※ JSON 객체로 응답합니다.</p>
	639	+ </div>
	640	+ </div>
	641	+ <div class="box">
	642	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	643	+ <div class="code_view">
	644	+ <p>｛</p>
	645	+ <div class="indent">
1325	646	<p><span>"resultCode"</span>:"0"</p>
1326		- <p>,<span>"message"</span>: null</p>
1327		- <p>,<span>"next_yn"</span>:"n"</p>
1328		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
1329		- <p>,<span>"objectList"</span>:［</p>
	647	+ <p>,<span>"data"</span>:［</p>
	648	+ <div class="indent_t1">
	649	+ <p><span>"msgGroupIdList"</span>:［</p>
	650	+ <p>｛</p>
	651	+ <p class="m_code">"MSGGID_0000000013451"</p>
	652	+ <p class="l_code_t1">｝</p>
	653	+ <p>,｛</p>
	654	+ <p class="m_code">"MSGGID_0000000013452"</p>
	655	+ <p class="l_code_t1">｝</p>
	656	+ <p>］</p>
	657	+ <p>,<span>"msgTypeList"</span>:［</p>
	658	+ <p>｛</p>
	659	+ <p class="m_code">"SMS"</p>
	660	+ <p class="l_code_t1">｝</p>
	661	+ <p>,｛</p>
	662	+ <p class="m_code">"SMS"</p>
	663	+ <p class="l_code_t1">｝</p>
	664	+ <p>］</p>
	665	+ <p>,<span>"resultCode"</span>:"0"</p>
	666	+ <p>,<span>"successCnt"</span>:"2"</p>
	667	+ <p>,<span>"failCnt"</span>:"0"</p>
	668	+ <p>,<span>"blockCnt"</span>:"0"</p>
	669	+ <p>,<span>"test_yn"</span>:null</p>
	670	+ <p>］</p>
	671	+ </div>
	672	+ </div>
	673	+ <p class="l_code">｝</p>
	674	+ </div>
	675	+ </div>
	676	+ <div class="box">
	677	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	678	+ <div class="code_view">
	679	+ <p>｛</p>
	680	+ <div class="indent">
	681	+ <p><span>"resultCode"</span>:"1040"</p>
	682	+ <p>,<span>"data"</span>:"치환 데이터 오류"</p>
	683	+ </div>
	684	+ <p class="l_code">｝</p>
	685	+ </div>
	686	+ </div>
	687	+ <!--// Response-->
	688	+ </div>
	689	+
	690	+ </div>
	691	+ <div class="api_guide_con" id="tab2_3">
	692	+
	693	+ <ul class="info">
	694	+ <li>- 문자온 사이트 및 API를 통해 전송된 문자 발송내역을 조회할 수 있습니다.</li>
	695	+ <li>- 문자 발송내역은 날짜별로 조회되며, 최근 3개월까지만 조회 가능합니다.</li>
	696	+ <li>- 발신번호별 문자 발송내역 조회 기능은 제공되지 않습니다.</li>
	697	+ </ul>
	698	+
	699	+ <div class="re_cont">
	700	+ <!--Request-->
	701	+ <div class="req_title">Request</div>
	702	+ <div class="box">
	703	+ <div class="text">
	704	+ <h4>Request</h4>
	705	+ <table>
	706	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	707	+ <colgroup>
	708	+ <col style="width:20%;">
	709	+ <col style="width:80%;">
	710	+ </colgroup>
	711	+ <tr>
	712	+ <th>Http Method</th>
	713	+ <td>POST</td>
	714	+ </tr>
	715	+ <tr>
	716	+ <th>프로토콜</th>
	717	+ <td>HHTP/1.1</td>
	718	+ </tr>
	719	+ <tr>
	720	+ <th>HOST</th>
	721	+ <td>api.munjaon.co.kr</td>
	722	+ </tr>
	723	+ <tr>
	724	+ <th>Service Port</th>
	725	+ <td>443</td>
	726	+ </tr>
	727	+ </table>
	728	+ </div>
	729	+ </div>
	730	+ <div class="type_table">
	731	+ <table>
	732	+ <caption>전송결과 조회 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	733	+ <colgroup>
	734	+ <col style="width:20%;">
	735	+ <col style="width:45%;">
	736	+ <col style="width:25%">
	737	+ <col style="width:10%">
	738	+ </colgroup>
	739	+ <thead>
	740	+ <tr>
	741	+ <th>키</th>
	742	+ <th>설명</th>
	743	+ <th>타입</th>
	744	+ <th>필수</th>
	745	+ </tr>
	746	+ </thead>
	747	+ <tbody>
	748	+ <tr>
	749	+ <td><span class="font_b">mberId</span></td>
	750	+ <td>사용자 ID</td>
	751	+ <td>String</td>
	752	+ <td><span class="select_o">O</span></td>
	753	+ </tr>
	754	+ <tr>
	755	+ <td><span class="font_b">accessKey</span></td>
	756	+ <td>인증용 API Key</td>
	757	+ <td>String</td>
	758	+ <td><span class="select_o">O</span></td>
	759	+ </tr>
	760	+ <tr>
	761	+ <td><span class="font_b">page</span></td>
	762	+ <td>페이지 번호</td>
	763	+ <td>String</td>
	764	+ <td><span class="select_x">X</span></td>
	765	+ </tr>
	766	+ <tr>
	767	+ <td><span class="font_b">pageSize</span></td>
	768	+ <td>페이지당 출력 개수</td>
	769	+ <td>String</td>
	770	+ <td><span class="select_x">X</span></td>
	771	+ </tr>
	772	+ <tr>
	773	+ <td><span class="font_b">startDate</span></td>
	774	+ <td>시작 일자</td>
	775	+ <td>String</td>
	776	+ <td><span class="select_x">X</span></td>
	777	+ </tr>
	778	+ <tr>
	779	+ <td><span class="font_b">endDate</span></td>
	780	+ <td>마감 일자</td>
	781	+ <td>String</td>
	782	+ <td><span class="select_x">X</span></td>
	783	+ </tr>
	784	+ <tr>
	785	+ <td><span class="font_b">test_yn</span></td>
	786	+ <td>테스트 데이터 여부</td>
	787	+ <td>String</td>
	788	+ <td><span class="select_x">X</span></td>
	789	+ </tr>
	790	+ </tbody>
	791	+ </table>
	792	+ <div class="table_info">
	793	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	794	+ </div>
	795	+ </div>
	796	+ <div class="box">
	797	+ <div class="title">[Example]</div>
	798	+ <div class="code_view">
	799	+ <p>｛</p>
	800	+ <div class="indent">
	801	+ <p><span>"mberId"</span>:"홍길동"</p>
	802	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	803	+ <p>,<span>"page"</span>:""</p>
	804	+ <p>,<span>"pageSize"</span>:""</p>
	805	+ <p>,<span>"startDate"</span>:""</p>
	806	+ <p>,<span>"endDate"</span>:""</p>
	807	+ <p>,<span>"test_yn"</span>:""</p>
	808	+ </div>
	809	+ <p class="l_code">｝</p>
	810	+ </div>
	811	+ </div>
	812	+ <!--// Request-->
	813	+ <!-- Response-->
	814	+ <div class="res_title">Response</div>
	815	+ <div class="type_table">
	816	+ <table>
	817	+ <caption>전송결과 조회 API Response 키 종류 및 설명, 타입 테이블</caption>
	818	+ <colgroup>
	819	+ <col style="width:20%;">
	820	+ <col style="width:60%;">
	821	+ <col style="width:20%;">
	822	+ </colgroup>
	823	+ <thead>
	824	+ <tr>
	825	+ <th>키</th>
	826	+ <th>설명</th>
	827	+ <th>타입</th>
	828	+ </tr>
	829	+ </thead>
	830	+ <tbody>
	831	+ <tr>
	832	+ <td><span class="font_b">resultCode</span></td>
	833	+ <td>성공 여부("0" 아니면 실패)</td>
	834	+ <td>String</td>
	835	+ </tr>
	836	+ <tr>
	837	+ <td><span class="font_b">data</span></td>
	838	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	839	+ <td>Object</td>
	840	+ </tr>
	841	+ <tr>
	842	+ <td><span class="font_b">[data].message</span></td>
	843	+ <td>문자</td>
	844	+ <td>String</td>
	845	+ </tr>
	846	+ <tr>
	847	+ <td><span class="font_b">[data].next_yn</span></td>
	848	+ <td>다음 페이지 여부</td>
	849	+ <td>String</td>
	850	+ </tr>
	851	+ <tr>
	852	+ <td><span class="font_b">[data].objectList</span></td>
	853	+ <td>결과값 목록</td>
	854	+ <td>Object List</td>
	855	+ </tr>
	856	+ <tr>
	857	+ <td><span class="font_b">[data].msgGroupId</span></td>
	858	+ <td>메시지 그룹 ID</td>
	859	+ <td>String</td>
	860	+ </tr>
	861	+ <tr>
	862	+ <td><span class="font_b">[data].msgId</span></td>
	863	+ <td>메시지 ID</td>
	864	+ <td>String</td>
	865	+ </tr>
	866	+ <tr>
	867	+ <td><span class="font_b">[data].msgTypeName</span></td>
	868	+ <td>문자 구분명(단문, 장문, 그림)</td>
	869	+ <td>String</td>
	870	+ </tr>
	871	+ <tr>
	872	+ <td><span class="font_b">[data].msgType</span></td>
	873	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	874	+ <td>String</td>
	875	+ </tr>
	876	+ <tr>
	877	+ <td><span class="font_b">[data].callFrom</span></td>
	878	+ <td>발신자 번호</td>
	879	+ <td>String</td>
	880	+ </tr>
	881	+ <tr>
	882	+ <td><span class="font_b">[data].callTo</span></td>
	883	+ <td>수신자 번호</td>
	884	+ <td>String</td>
	885	+ </tr>
	886	+ <tr>
	887	+ <td><span class="font_b">[data].msgGroupCnt</span></td>
	888	+ <td>문자 발송 건수</td>
	889	+ <td>String</td>
	890	+ </tr>
	891	+ <tr>
	892	+ <td><span class="font_b">[data].sCnt</span></td>
	893	+ <td>성공 건수</td>
	894	+ <td>String</td>
	895	+ </tr>
	896	+ <tr>
	897	+ <td><span class="font_b">[data].fCnt</span></td>
	898	+ <td>실패 건수</td>
	899	+ <td>String</td>
	900	+ </tr>
	901	+ <tr>
	902	+ <td><span class="font_b">[data].wCnt</span></td>
	903	+ <td>대기 건수</td>
	904	+ <td>String</td>
	905	+ </tr>
	906	+ <tr>
	907	+ <td><span class="font_b">[data].msgResult</span></td>
	908	+ <td>발송 결과(성공 : S, 실패 : F)</td>
	909	+ <td>String</td>
	910	+ </tr>
	911	+ <tr>
	912	+ <td><span class="font_b">[data].smsTxt</span></td>
	913	+ <td>문자 내용</td>
	914	+ <td>String</td>
	915	+ </tr>
	916	+ <tr>
	917	+ <td><span class="font_b">[data].subject</span></td>
	918	+ <td>제목</td>
	919	+ <td>String</td>
	920	+ </tr>
	921	+ <tr>
	922	+ <td><span class="font_b">[data].reqdate</span></td>
	923	+ <td>발송 일자</td>
	924	+ <td>String</td>
	925	+ </tr>
	926	+ <tr>
	927	+ <td><span class="font_b">[data].curState</span></td>
	928	+ <td>전송 처리 결과값</td>
	929	+ <td>String</td>
	930	+ </tr>
	931	+ <tr>
	932	+ <td><span class="font_b">[data].userId</span></td>
	933	+ <td>사용자 ID</td>
	934	+ <td>String</td>
	935	+ </tr>
	936	+ <tr>
	937	+ <td><span class="font_b">[data].regdate</span></td>
	938	+ <td>등록 일자</td>
	939	+ <td>String</td>
	940	+ </tr>
	941	+ <tr>
	942	+ <td><span class="font_b">[data].reserveCYn</span></td>
	943	+ <td>예약 취소 여부</td>
	944	+ <td>String</td>
	945	+ </tr>
	946	+ <tr>
	947	+ <td><span class="font_b">[data].ttlCnt</span></td>
	948	+ <td>전체 요청 수</td>
	949	+ <td>String</td>
	950	+ </tr>
	951	+ <tr>
	952	+ <td><span class="font_b">[data].remainMsgCnt</span></td>
	953	+ <td>남은 문자 건수</td>
	954	+ <td>String</td>
	955	+ </tr>
	956	+ <tr>
	957	+ <td><span class="font_b">[data].totMsgCnt</span></td>
	958	+ <td>전체 문자 개수</td>
	959	+ <td>String</td>
	960	+ </tr>
	961	+ </tbody>
	962	+ </table>
	963	+ <div class="table_info">
	964	+ <p>※ JSON 객체로 응답합니다.</p>
	965	+ </div>
	966	+ </div>
	967	+ <div class="box">
	968	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	969	+ <div class="code_view">
	970	+ <p>｛</p>
	971	+ <div class="indent">
	972	+ <p><span>"resultCode"</span>:"0"</p>
	973	+ <p>,<span>"data"</span>:［</p>
1330	974	<p>｛</p>
1331		- <div class="indent_t2">
1332		- <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
1333		- <p>,<span>"msgType"</span>:"4"</p>
1334		- <p>,<span>"callFrom"</span>:"01011112222"</p>
1335		- <p>,<span>"callTo"</span>:"01011112223"</p>
1336		- <p>,<span>"msgGroupCnt"</span>:"2"</p>
1337		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
1338		- <p>,<span>"msgId"</span>:"MSGID_0000000000001"</p>
1339		- <p>,<span>"scnt"</span>:null</p>
1340		- <p>,<span>"fcnt"</span>:null</p>
1341		- <p>,<span>"wcnt"</span>:null</p>
1342		- <p>,<span>"msgResult"</span>:"S"</p>
1343		- <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
1344		- <p>,<span>"subject"</span>:null</p>
1345		- <p>,<span>"reqdate"</span>:"2023-06-13 17:48:08"</p>
1346		- <p>,<span>"curState"</span>:"3"</p>
1347		- <p>,<span>"userId"</span>:"testuser"</p>
1348		- <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
1349		- <p>,<span>"reserveCYn"</span>:"N"</p>
1350		- <p>,<span>"ttlCnt"</span>:"10"</p>
1351		- <p>,<span>"remainMsgCnt"</span>:"0"</p>
1352		- <p>,<span>"totMsgCnt"</span>:"10"</p>
	975	+ <div class="indent_t1">
	976	+ <p><span>"resultCode"</span>:"0"</p>
	977	+ <p>,<span>"message"</span>: null</p>
	978	+ <p>,<span>"next_yn"</span>:"n"</p>
	979	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
	980	+ <p>,<span>"objectList"</span>:［</p>
	981	+ <p>｛</p>
	982	+ <div class="indent_t2">
	983	+ <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
	984	+ <p>,<span>"msgType"</span>:"4"</p>
	985	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	986	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	987	+ <p>,<span>"msgGroupCnt"</span>:"2"</p>
	988	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
	989	+ <p>,<span>"msgId"</span>:"MSGID_0000000000001"</p>
	990	+ <p>,<span>"scnt"</span>:"2"</p>
	991	+ <p>,<span>"fcnt"</span>:"0"</p>
	992	+ <p>,<span>"wcnt"</span>:"0"</p>
	993	+ <p>,<span>"msgResult"</span>:"S"</p>
	994	+ <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
	995	+ <p>,<span>"subject"</span>:null</p>
	996	+ <p>,<span>"reqdate"</span>:"2023-06-13 17:48:07"</p>
	997	+ <p>,<span>"curState"</span>:"3"</p>
	998	+ <p>,<span>"userId"</span>:"testuser"</p>
	999	+ <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
	1000	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	1001	+ <p>,<span>"ttlCnt"</span>:"1"</p>
	1002	+ <p>,<span>"remainMsgCnt"</span>:"40"</p>
	1003	+ <p>,<span>"totMsgCnt"</span>:"70"</p>
	1004	+ </div>
	1005	+ <p>｝</p>
	1006	+ <p>,｛</p>
	1007	+ <div class="indent_t2">
	1008	+ <p><span>"msgTypeName"</span>:"장문(LMS)"</p>
	1009	+ <p>,<span>"msgType"</span>:"6"</p>
	1010	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	1011	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	1012	+ <p>,<span>"msgGroupCnt"</span>:"1"</p>
	1013	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013341"</p>
	1014	+ <p>,<span>"msgId"</span>:"MSGID_0000000000002"</p>
	1015	+ <p>,<span>"scnt"</span>:"1"</p>
	1016	+ <p>,<span>"fcnt"</span>:"0"</p>
	1017	+ <p>,<span>"wcnt"</span>:"0"</p>
	1018	+ <p>,<span>"msgResult"</span>:"S"</p>
	1019	+ <p>,<span>"smsTxt"</span>:"문자 내용 장문 예제"</p>
	1020	+ <p>,<span>subject"</span>:null</p>
	1021	+ <p>,<span>reqdate"</span>:"2023-06-02 11:46:50"</p>
	1022	+ <p>,<span>"curState"</span>:"3"</p>
	1023	+ <p>,<span>"userId"</span>:"testuser"</p>
	1024	+ <p>,<span>"regdate"</span>:"2023-06-02 11:46:49"</p>
	1025	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	1026	+ <p>,<span>"ttlCnt"</span>:"1"</p>
	1027	+ <p>,<span>"remainMsgCnt"</span>:"40"</p>
	1028	+ <p>,<span>"totMsgCnt"</span>:"70"</p>
	1029	+ <p>｝</p>
	1030	+ </div>
	1031	+ <p>］</p>
	1032	+ </div>
	1033	+ <p class="l_code_t2">｝</p>
	1034	+ <p>］</p>
	1035	+ </div>
	1036	+ <p class="l_code">｝</p>
	1037	+ </div>
	1038	+ </div>
	1039	+ <div class="box">
	1040	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	1041	+ <div class="code_view">
	1042	+ <p>｛</p>
	1043	+ <div class="indent">
	1044	+ <p><span>"resultCode"</span>:"3099"</p>
	1045	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	1046	+ </div>
	1047	+ <p class="l_code">｝</p>
	1048	+ </div>
	1049	+ </div>
	1050	+ <!--// Response-->
	1051	+ </div>
	1052	+
	1053	+ </div>
	1054	+ <div class="api_guide_con" id="tab2_4">
	1055	+
	1056	+ <ul class="info">
	1057	+ <li>- 전송결과 조회의 "msgGroupId"를 사용하여 전송된 문자의 상세결과를 수신번호별로 조회할 수 있습니다.</li>
	1058	+ <li>- 전송결과가 "대기"인 경우에는 최종 결과 확인까지 최대 72시간까지 소요됩니다.</li>
	1059	+ </ul>
	1060	+
	1061	+ <div class="re_cont">
	1062	+ <!--Request-->
	1063	+ <div class="req_title">Request</div>
	1064	+ <div class="box">
	1065	+ <div class="text">
	1066	+ <h4>Request</h4>
	1067	+ <table>
	1068	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	1069	+ <colgroup>
	1070	+ <col style="width:20%;">
	1071	+ <col style="width:80%;">
	1072	+ </colgroup>
	1073	+ <tr>
	1074	+ <th>Http Method</th>
	1075	+ <td>POST</td>
	1076	+ </tr>
	1077	+ <tr>
	1078	+ <th>프로토콜</th>
	1079	+ <td>HHTP/1.1</td>
	1080	+ </tr>
	1081	+ <tr>
	1082	+ <th>HOST</th>
	1083	+ <td>api.munjaon.co.kr</td>
	1084	+ </tr>
	1085	+ <tr>
	1086	+ <th>Service Port</th>
	1087	+ <td>443</td>
	1088	+ </tr>
	1089	+ </table>
	1090	+ </div>
	1091	+ </div>
	1092	+ <div class="type_table">
	1093	+ <table>
	1094	+ <caption>상세결과 조회 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	1095	+ <colgroup>
	1096	+ <col style="width:20%;">
	1097	+ <col style="width:45%;">
	1098	+ <col style="width:25%">
	1099	+ <col style="width:10%">
	1100	+ </colgroup>
	1101	+ <thead>
	1102	+ <tr>
	1103	+ <th>키</th>
	1104	+ <th>설명</th>
	1105	+ <th>타입</th>
	1106	+ <th>필수</th>
	1107	+ </tr>
	1108	+ </thead>
	1109	+ <tbody>
	1110	+ <tr>
	1111	+ <td><span class="font_b">mberId</span></td>
	1112	+ <td>사용자 ID</td>
	1113	+ <td>String</td>
	1114	+ <td><span class="select_o">O</span></td>
	1115	+ </tr>
	1116	+ <tr>
	1117	+ <td><span class="font_b">accessKey</span></td>
	1118	+ <td>인증용 API Key</td>
	1119	+ <td>String</td>
	1120	+ <td><span class="select_o">O</span></td>
	1121	+ </tr>
	1122	+ <tr>
	1123	+ <td><span class="font_b">msgGroupId</span></td>
	1124	+ <td>메시지 그룹 ID</td>
	1125	+ <td>String</td>
	1126	+ <td><span class="select_o">O</span></td>
	1127	+ </tr>
	1128	+ <tr>
	1129	+ <td><span class="font_b">page</span></td>
	1130	+ <td>페이지 번호</td>
	1131	+ <td>String</td>
	1132	+ <td><span class="select_x">X</span></td>
	1133	+ </tr>
	1134	+ <tr>
	1135	+ <td><span class="font_b">pageSize</span></td>
	1136	+ <td>페이지당 출력 개수</td>
	1137	+ <td>String</td>
	1138	+ <td><span class="select_x">X</span></td>
	1139	+ </tr>
	1140	+ <tr>
	1141	+ <td><span class="font_b">test_yn</span></td>
	1142	+ <td>테스트 데이터 여부</td>
	1143	+ <td>String</td>
	1144	+ <td><span class="select_x">X</span></td>
	1145	+ </tr>
	1146	+ </tbody>
	1147	+ </table>
	1148	+ <div class="table_info">
	1149	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	1150	+ </div>
	1151	+ </div>
	1152	+ <div class="box">
	1153	+ <div class="title">[Example]</div>
	1154	+ <div class="code_view">
	1155	+ <p>｛</p>
	1156	+ <div class="indent">
	1157	+ <p><span>"mberId"</span>:"홍길동"</p>
	1158	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	1159	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000011452"</p>
	1160	+ <p>,<span>"page"</span>:""</p>
	1161	+ <p>,<span>"pageSize"</span>:""</p>
	1162	+ <p>,<span>"test_yn"</span>:""</p>
	1163	+ </div>
	1164	+ <p class="l_code">｝</p>
	1165	+ </div>
	1166	+ </div>
	1167	+ <!--// Request-->
	1168	+ <!-- Response-->
	1169	+ <div class="res_title">Response</div>
	1170	+ <div class="type_table">
	1171	+ <table>
	1172	+ <caption>상세결과 조회 API Response 키 종류 및 설명, 타입 테이블</caption>
	1173	+ <colgroup>
	1174	+ <col style="width:20%;">
	1175	+ <col style="width:60%;">
	1176	+ <col style="width:20%;">
	1177	+ </colgroup>
	1178	+ <thead>
	1179	+ <tr>
	1180	+ <th>키</th>
	1181	+ <th>설명</th>
	1182	+ <th>타입</th>
	1183	+ </tr>
	1184	+ </thead>
	1185	+ <tbody>
	1186	+ <tr>
	1187	+ <td><span class="font_b">resultCode</span></td>
	1188	+ <td>성공 여부("0" 아니면 실패)</td>
	1189	+ <td>String</td>
	1190	+ </tr>
	1191	+ <tr>
	1192	+ <td><span class="font_b">data</span></td>
	1193	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	1194	+ <td>Object</td>
	1195	+ </tr>
	1196	+ <tr>
	1197	+ <td><span class="font_b">[data].message</span></td>
	1198	+ <td>문자</td>
	1199	+ <td>String</td>
	1200	+ </tr>
	1201	+ <tr>
	1202	+ <td><span class="font_b">[data].next_yn</span></td>
	1203	+ <td>다음 페이지 여부</td>
	1204	+ <td>String</td>
	1205	+ </tr>
	1206	+ <tr>
	1207	+ <td><span class="font_b">[data].objectList</span></td>
	1208	+ <td>결과값 목록</td>
	1209	+ <td>Object List</td>
	1210	+ </tr>
	1211	+ <tr>
	1212	+ <td><span class="font_b">[data].msgGroupId</span></td>
	1213	+ <td>메시지 그룹 ID</td>
	1214	+ <td>String</td>
	1215	+ </tr>
	1216	+ <tr>
	1217	+ <td><span class="font_b">[data].msgId</span></td>
	1218	+ <td>메시지 ID</td>
	1219	+ <td>String</td>
	1220	+ </tr>
	1221	+ <tr>
	1222	+ <td><span class="font_b">[data].msgTypeName</span></td>
	1223	+ <td>문자 구분명(단문, 장문, 그림)</td>
	1224	+ <td>String</td>
	1225	+ </tr>
	1226	+ <tr>
	1227	+ <td><span class="font_b">[data].msgType</span></td>
	1228	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	1229	+ <td>String</td>
	1230	+ </tr>
	1231	+ <tr>
	1232	+ <td><span class="font_b">[data].callFrom</span></td>
	1233	+ <td>발신자 번호</td>
	1234	+ <td>String</td>
	1235	+ </tr>
	1236	+ <tr>
	1237	+ <td><span class="font_b">[data].callTo</span></td>
	1238	+ <td>수신자 번호</td>
	1239	+ <td>String</td>
	1240	+ </tr>
	1241	+ <tr>
	1242	+ <td><span class="font_b">[data].msgGroupCnt</span></td>
	1243	+ <td>문자 발송 건수</td>
	1244	+ <td>String</td>
	1245	+ </tr>
	1246	+ <tr>
	1247	+ <td><span class="font_b">[data].sCnt</span></td>
	1248	+ <td>성공 건수</td>
	1249	+ <td>String</td>
	1250	+ </tr>
	1251	+ <tr>
	1252	+ <td><span class="font_b">[data].fCnt</span></td>
	1253	+ <td>실패 건수</td>
	1254	+ <td>String</td>
	1255	+ </tr>
	1256	+ <tr>
	1257	+ <td><span class="font_b">[data].wCnt</span></td>
	1258	+ <td>대기 건수</td>
	1259	+ <td>String</td>
	1260	+ </tr>
	1261	+ <tr>
	1262	+ <td><span class="font_b">[data].msgResult</span></td>
	1263	+ <td>발송 결과(성공 : S, 실패 : F)</td>
	1264	+ <td>String</td>
	1265	+ </tr>
	1266	+ <tr>
	1267	+ <td><span class="font_b">[data].smsTxt</span></td>
	1268	+ <td>문자 내용</td>
	1269	+ <td>String</td>
	1270	+ </tr>
	1271	+ <tr>
	1272	+ <td><span class="font_b">[data].subject</span></td>
	1273	+ <td>제목</td>
	1274	+ <td>String</td>
	1275	+ </tr>
	1276	+ <tr>
	1277	+ <td><span class="font_b">[data].reqdate</span></td>
	1278	+ <td>발송 일자</td>
	1279	+ <td>String</td>
	1280	+ </tr>
	1281	+ <tr>
	1282	+ <td><span class="font_b">[data].curState</span></td>
	1283	+ <td>전송 처리 결과값</td>
	1284	+ <td>String</td>
	1285	+ </tr>
	1286	+ <tr>
	1287	+ <td><span class="font_b">[data].userId</span></td>
	1288	+ <td>사용자 ID</td>
	1289	+ <td>String</td>
	1290	+ </tr>
	1291	+ <tr>
	1292	+ <td><span class="font_b">[data].regdate</span></td>
	1293	+ <td>등록 일자</td>
	1294	+ <td>String</td>
	1295	+ </tr>
	1296	+ <tr>
	1297	+ <td><span class="font_b">[data].reserveCYn</span></td>
	1298	+ <td>예약 취소 여부</td>
	1299	+ <td>String</td>
	1300	+ </tr>
	1301	+ <tr>
	1302	+ <td><span class="font_b">[data].ttlCnt</span></td>
	1303	+ <td>전체 요청 수</td>
	1304	+ <td>String</td>
	1305	+ </tr>
	1306	+ <tr>
	1307	+ <td><span class="font_b">[data].remainMsgCnt</span></td>
	1308	+ <td>남은 문자 건수</td>
	1309	+ <td>String</td>
	1310	+ </tr>
	1311	+ <tr>
	1312	+ <td><span class="font_b">[data].totMsgCnt</span></td>
	1313	+ <td>전체 문자 개수</td>
	1314	+ <td>String</td>
	1315	+ </tr>
	1316	+ </tbody>
	1317	+ </table>
	1318	+ <div class="table_info">
	1319	+ <p>※ JSON 객체로 응답합니다.</p>
	1320	+ </div>
	1321	+ </div>
	1322	+ <div class="box">
	1323	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	1324	+ <div class="code_view">
	1325	+ <p>｛</p>
	1326	+ <div class="indent">
	1327	+ <p><span>"resultCode"</span>:"0"</p>
	1328	+ <p>,<span>"data"</span>:［</p>
	1329	+ <p>｛</p>
	1330	+ <div class="indent_t1">
	1331	+ <p><span>"resultCode"</span>:"0"</p>
	1332	+ <p>,<span>"message"</span>: null</p>
	1333	+ <p>,<span>"next_yn"</span>:"n"</p>
	1334	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
	1335	+ <p>,<span>"objectList"</span>:［</p>
	1336	+ <p>｛</p>
	1337	+ <div class="indent_t2">
	1338	+ <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
	1339	+ <p>,<span>"msgType"</span>:"4"</p>
	1340	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	1341	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	1342	+ <p>,<span>"msgGroupCnt"</span>:"2"</p>
	1343	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
	1344	+ <p>,<span>"msgId"</span>:"MSGID_0000000000001"</p>
	1345	+ <p>,<span>"scnt"</span>:null</p>
	1346	+ <p>,<span>"fcnt"</span>:null</p>
	1347	+ <p>,<span>"wcnt"</span>:null</p>
	1348	+ <p>,<span>"msgResult"</span>:"S"</p>
	1349	+ <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
	1350	+ <p>,<span>"subject"</span>:null</p>
	1351	+ <p>,<span>"reqdate"</span>:"2023-06-13 17:48:08"</p>
	1352	+ <p>,<span>"curState"</span>:"3"</p>
	1353	+ <p>,<span>"userId"</span>:"testuser"</p>
	1354	+ <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
	1355	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	1356	+ <p>,<span>"ttlCnt"</span>:"10"</p>
	1357	+ <p>,<span>"remainMsgCnt"</span>:"0"</p>
	1358	+ <p>,<span>"totMsgCnt"</span>:"10"</p>
	1359	+ </div>
	1360	+ <p>｝</p>
	1361	+ <p>,｛</p>
	1362	+ <div class="indent_t2">
	1363	+ <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
	1364	+ <p>,<span>"msgType"</span>:"4"</p>
	1365	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	1366	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	1367	+ <p>,<span>"msgGroupCnt"</span>:"2"</p>
	1368	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
	1369	+ <p>,<span>"msgId"</span>:"MSGID_0000000000002"</p>
	1370	+ <p>,<span>"scnt"</span>:null</p>
	1371	+ <p>,<span>"fcnt"</span>:null</p>
	1372	+ <p>,<span>"wcnt"</span>:null</p>
	1373	+ <p>,<span>"msgResult"</span>:"S"</p>
	1374	+ <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
	1375	+ <p>,<span>subject"</span>:null</p>
	1376	+ <p>,<span>reqdate"</span>:"2023-06-13 17:48:09"</p>
	1377	+ <p>,<span>"curState"</span>:"3"</p>
	1378	+ <p>,<span>"userId"</span>:"testuser"</p>
	1379	+ <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
	1380	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	1381	+ <p>,<span>"ttlCnt"</span>:"10"</p>
	1382	+ <p>,<span>"remainMsgCnt"</span>:"0"</p>
	1383	+ <p>,<span>"totMsgCnt"</span>:"10"</p>
	1384	+ <p>｝</p>
	1385	+ </div>
	1386	+ <p>］</p>
	1387	+ </div>
	1388	+ <p class="l_code_t2">｝</p>
	1389	+ <p>］</p>
	1390	+ </div>
	1391	+ <p class="l_code">｝</p>
	1392	+ </div>
	1393	+ </div>
	1394	+ <div class="box">
	1395	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	1396	+ <div class="code_view">
	1397	+ <p>｛</p>
	1398	+ <div class="indent">
	1399	+ <p><span>"resultCode"</span>:"4099"</p>
	1400	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	1401	+ </div>
	1402	+ <p class="l_code">｝</p>
	1403	+ </div>
	1404	+ </div>
	1405	+ <!--// Response-->
	1406	+ </div>
	1407	+
	1408	+ </div>
	1409	+ <div class="api_guide_con" id="tab2_5">
	1410	+
	1411	+ <ul class="info">
	1412	+ <li>- 보유캐시로 발송 가능한 문자의 건수를 단문(SMS), 장문(LMS), 그림(MMS)별로 각각 확인할 수 있습니다.</li>
	1413	+ <li>- 위 문자유형별 발송 가능건수는 개인별로 적용된 단가를 기준으로 산출되며, "첫결제 이벤트"는 적용되지 않습니다.</li>
	1414	+ </ul>
	1415	+
	1416	+ <div class="re_cont">
	1417	+ <!--Request-->
	1418	+ <div class="req_title">Request</div>
	1419	+ <div class="box">
	1420	+ <div class="text">
	1421	+ <h4>Request</h4>
	1422	+ <table>
	1423	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	1424	+ <colgroup>
	1425	+ <col style="width:20%;">
	1426	+ <col style="width:80%;">
	1427	+ </colgroup>
	1428	+ <tr>
	1429	+ <th>Http Method</th>
	1430	+ <td>POST</td>
	1431	+ </tr>
	1432	+ <tr>
	1433	+ <th>프로토콜</th>
	1434	+ <td>HHTP/1.1</td>
	1435	+ </tr>
	1436	+ <tr>
	1437	+ <th>HOST</th>
	1438	+ <td>api.munjaon.co.kr</td>
	1439	+ </tr>
	1440	+ <tr>
	1441	+ <th>Service Port</th>
	1442	+ <td>443</td>
	1443	+ </tr>
	1444	+ </table>
	1445	+ </div>
	1446	+ </div>
	1447	+ <div class="type_table">
	1448	+ <table>
	1449	+ <caption>발송가능 건수 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	1450	+ <colgroup>
	1451	+ <col style="width:20%;">
	1452	+ <col style="width:45%;">
	1453	+ <col style="width:25%">
	1454	+ <col style="width:10%">
	1455	+ </colgroup>
	1456	+ <thead>
	1457	+ <tr>
	1458	+ <th>키</th>
	1459	+ <th>설명</th>
	1460	+ <th>타입</th>
	1461	+ <th>필수</th>
	1462	+ </tr>
	1463	+ </thead>
	1464	+ <tbody>
	1465	+ <tr>
	1466	+ <td><span class="font_b">mberId</span></td>
	1467	+ <td>사용자 ID</td>
	1468	+ <td>String</td>
	1469	+ <td><span class="select_o">O</span></td>
	1470	+ </tr>
	1471	+ <tr>
	1472	+ <td><span class="font_b">accessKey</span></td>
	1473	+ <td>인증용 API Key</td>
	1474	+ <td>String</td>
	1475	+ <td><span class="select_o">O</span></td>
	1476	+ </tr>
	1477	+ </tbody>
	1478	+ </table>
	1479	+ <div class="table_info">
	1480	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	1481	+ </div>
	1482	+ </div>
	1483	+ <div class="box">
	1484	+ <div class="title">[Example]</div>
	1485	+ <div class="code_view">
	1486	+ <p>｛</p>
	1487	+ <div class="indent">
	1488	+ <p><span>"mberId"</span>:"String"</p>
	1489	+ <p>,<span>"accessKey"</span>:"String"</p>
	1490	+ </div>
	1491	+ <p class="l_code">｝</p>
	1492	+ </div>
	1493	+ </div>
	1494	+ <!--// Request-->
	1495	+ <!-- Response-->
	1496	+ <div class="res_title">Response</div>
	1497	+ <div class="type_table">
	1498	+ <table>
	1499	+ <caption>발송가능 건수 API Response 키 종류 및 설명, 타입 테이블</caption>
	1500	+ <colgroup>
	1501	+ <col style="width:20%;">
	1502	+ <col style="width:60%;">
	1503	+ <col style="width:20%;">
	1504	+ </colgroup>
	1505	+ <thead>
	1506	+ <tr>
	1507	+ <th>키</th>
	1508	+ <th>설명</th>
	1509	+ <th>타입</th>
	1510	+ </tr>
	1511	+ </thead>
	1512	+ <tbody>
	1513	+ <tr>
	1514	+ <td><span class="font_b">resultCode</span></td>
	1515	+ <td>성공 여부("0" 아니면 실패)</td>
	1516	+ <td>String</td>
	1517	+ </tr>
	1518	+ <tr>
	1519	+ <td><span class="font_b">data</span></td>
	1520	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	1521	+ <td>Object</td>
	1522	+ </tr>
	1523	+ <tr>
	1524	+ <td><span class="font_b">[data].longPrice</span></td>
	1525	+ <td>장문 단가</td>
	1526	+ <td>String</td>
	1527	+ </tr>
	1528	+ <tr>
	1529	+ <td><span class="font_b">[data].longSendPsbltEa</span></td>
	1530	+ <td>장문 발송 가능 건수</td>
	1531	+ <td>String</td>
	1532	+ </tr>
	1533	+ <tr>
	1534	+ <td><span class="font_b">[data].mberMoney</span></td>
	1535	+ <td>현재 보유 금액</td>
	1536	+ <td>String</td>
	1537	+ </tr>
	1538	+ <tr>
	1539	+ <td><span class="font_b">[data].message</span></td>
	1540	+ <td>문자</td>
	1541	+ <td>String</td>
	1542	+ </tr>
	1543	+ <tr>
	1544	+ <td><span class="font_b">[data].picturePrice</span></td>
	1545	+ <td>그림문자 단가</td>
	1546	+ <td>String</td>
	1547	+ </tr>
	1548	+ <tr>
	1549	+ <td><span class="font_b">[data].pictureSendPsbltEa</span></td>
	1550	+ <td>그림문자 발송 가능 건수</td>
	1551	+ <td>String</td>
	1552	+ </tr>
	1553	+ <tr>
	1554	+ <td><span class="font_b">[data].shortPrice</span></td>
	1555	+ <td>단문 단가</td>
	1556	+ <td>String</td>
	1557	+ </tr>
	1558	+ <tr>
	1559	+ <td><span class="font_b">[data].shortSendPsbltEa</span></td>
	1560	+ <td>단문 발송 가능 건수</td>
	1561	+ <td>String</td>
	1562	+ </tr>
	1563	+ </tbody>
	1564	+ </table>
	1565	+ <div class="table_info">
	1566	+ <p>※ JSON 객체로 응답합니다.</p>
	1567	+ </div>
	1568	+ </div>
	1569	+ <div class="box">
	1570	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	1571	+ <div class="code_view">
	1572	+ <p>｛</p>
	1573	+ <div class="indent">
	1574	+ <p><span>"resultCode"</span>:"0"</p>
	1575	+ <p>,<span>"data"</span>｛</p>
	1576	+ <div class="indent_t1">
	1577	+ <p><span>"longPrice"</span>:"50"</p>
	1578	+ <p>,<span>"longSendPsbltEa"</span>:"19651"</p>
	1579	+ <p>,<span>"mberMoney"</span>:"982586.7"</p>
	1580	+ <p>,<span>"message"</span>:null</p>
	1581	+ <p>,<span>"picturePrice"</span>:"90"</p>
	1582	+ <p>,<span>"pictureSendPsbltEa"</span>:"10917"</p>
	1583	+ <p>,<span>"shortPrice"</span>:"18"</p>
	1584	+ <p>,<span>"shortSendPsbltEa"</span>:"54588"</p>
1353	1585	</div>
1354	1586	<p>｝</p>
1355		- <p>,｛</p>
1356		- <div class="indent_t2">
1357		- <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
1358		- <p>,<span>"msgType"</span>:"4"</p>
1359		- <p>,<span>"callFrom"</span>:"01011112222"</p>
1360		- <p>,<span>"callTo"</span>:"01011112223"</p>
1361		- <p>,<span>"msgGroupCnt"</span>:"2"</p>
1362		- <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
1363		- <p>,<span>"msgId"</span>:"MSGID_0000000000002"</p>
1364		- <p>,<span>"scnt"</span>:null</p>
1365		- <p>,<span>"fcnt"</span>:null</p>
1366		- <p>,<span>"wcnt"</span>:null</p>
1367		- <p>,<span>"msgResult"</span>:"S"</p>
1368		- <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
1369		- <p>,<span>subject"</span>:null</p>
1370		- <p>,<span>reqdate"</span>:"2023-06-13 17:48:09"</p>
1371		- <p>,<span>"curState"</span>:"3"</p>
1372		- <p>,<span>"userId"</span>:"testuser"</p>
1373		- <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
1374		- <p>,<span>"reserveCYn"</span>:"N"</p>
1375		- <p>,<span>"ttlCnt"</span>:"10"</p>
1376		- <p>,<span>"remainMsgCnt"</span>:"0"</p>
1377		- <p>,<span>"totMsgCnt"</span>:"10"</p>
1378		- <p>｝</p>
1379		- </div>
1380		- <p>］</p>
1381		- </div>
1382		- <p class="l_code_t2">｝</p>
1383		- <p>］</p>
	1587	+ </div>
	1588	+ <p class="l_code">｝</p>
1384	1589	</div>
1385		- <p class="l_code">｝</p>
1386	1590	</div>
1387		- </div>
1388		- <div class="box">
1389		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
1390		- <div class="code_view">
1391		- <p>｛</p>
1392		- <div class="indent">
1393		- <p><span>"resultCode"</span>:"4099"</p>
1394		- <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	1591	+ <div class="box">
	1592	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	1593	+ <div class="code_view">
	1594	+ <p>｛</p>
	1595	+ <div class="indent">
	1596	+ <p><span>"resultCode"</span>:"5099"</p>
	1597	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	1598	+ </div>
	1599	+ <p class="l_code">｝</p>
1395	1600	</div>
1396		- <p class="l_code">｝</p>
1397	1601	</div>
	1602	+ <!--// Response-->
1398	1603	</div>
1399		- <!--// Response-->
1400		- </div>
	1604	+ </div>
1401	1605	</div>
1402		- <!--// tab_상세결과조회-->
1403		- <!--tab 발송가능건수-->
1404		- <div class="api_guide" id="tab5_5">
1405		- <ul class="info">
1406		- <li>- 보유캐시로 발송 가능한 문자의 건수를 단문(SMS), 장문(LMS), 그림(MMS)별로 각각 확인할 수 있습니다.</li>
1407		- <li>- 위 문자유형별 발송 가능건수는 개인별로 적용된 단가를 기준으로 산출되며, "첫결제 이벤트"는 적용되지 않습니다.</li>
1408		- </ul>
	1606	+ <!-- //REST API 개발 가이드 > 문자 -->
1409	1607
1410		- <div class="re_cont">
1411		- <!--Request-->
1412		- <div class="req_title">Request</div>
1413		- <div class="box">
1414		- <div class="text">
1415		- <h4>Request</h4>
	1608	+ <!-- REST API 개발 가이드 > 카카오톡 -->
	1609	+ <div class="api_guide kakao" id="tab5_2">
	1610	+ <div class="list_tab_wrap2 type3">
	1611	+ <!--콘텐츠 tab button-->
	1612	+ <ul class="list_tab">
	1613	+ <li class="tab active"><button type="button" onclick="TabType2(this,'6');">채널 ID 조회</button></li>
	1614	+ <li class="tab"><button type="button" onclick="TabType2(this,'7');">템플릿 ID 조회</button></li>
	1615	+ <li class="tab"><button type="button" onclick="TabType2(this,'8');">템플릿상세조회</button></li>
	1616	+ <li class="tab"><button type="button" onclick="TabType2(this,'9');">단건보내기</button></li>
	1617	+ <li class="tab"><button type="button" onclick="TabType2(this,'10');">대량보내기</button></li>
	1618	+ <li class="tab"><button type="button" onclick="TabType2(this,'11');">전송내역조회</button></li>
	1619	+ <li class="tab"><button type="button" onclick="TabType2(this,'12');">전송내역조회(상세)</button></li>
	1620	+ <li class="tab"><button type="button" onclick="TabType2(this,'13');">발송가능건수</button></li>
	1621	+ </ul>
	1622	+ <!--//콘텐츠 tab button-->
	1623	+ </div>
	1624	+
	1625	+ <div class="api_guide_con" id="tab2_6">
	1626	+
	1627	+ <ul class="info">
	1628	+ <li>- API를 통해서 동일한 내용의 문자를 대량으로 전송할 수 있습니다.</li>
	1629	+ <li>- 발신번호는 문자온 사이트를 통해 사전등록 후 이용하실 수 있습니다.(마이페이지-발신번호 관리 메뉴 이용)</li>
	1630	+ <li>- 문자 내용이 "90byte"를 초과하는 경우 장문(LMS)으로 자동 전환됩니다.</li>
	1631	+ </ul>
	1632	+
	1633	+ <div class="re_cont">
	1634	+ <!--Request-->
	1635	+ <div class="req_title">Request</div>
	1636	+ <div class="box">
	1637	+ <div class="text">
	1638	+ <h4>Request</h4>
	1639	+ <table>
	1640	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	1641	+ <colgroup>
	1642	+ <col style="width:20%;">
	1643	+ <col style="width:80%;">
	1644	+ </colgroup>
	1645	+ <tr>
	1646	+ <th>Http Method</th>
	1647	+ <td>POST</td>
	1648	+ </tr>
	1649	+ <tr>
	1650	+ <th>프로토콜</th>
	1651	+ <td>HHTP/1.1</td>
	1652	+ </tr>
	1653	+ <tr>
	1654	+ <th>HOST</th>
	1655	+ <td>api.munjaon.co.kr</td>
	1656	+ </tr>
	1657	+ <tr>
	1658	+ <th>Service Port</th>
	1659	+ <td>443</td>
	1660	+ </tr>
	1661	+ </table>
	1662	+ </div>
	1663	+ </div>
	1664	+ <div class="type_table">
1416	1665	<table>
1417		- <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	1666	+ <caption>문자발송 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
1418	1667	<colgroup>
1419	1668	<col style="width:20%;">
1420		- <col style="width:80%;">
	1669	+ <col style="width:45%;">
	1670	+ <col style="width:25%">
	1671	+ <col style="width:10%">
1421	1672	</colgroup>
1422		- <tr>
1423		- <th>Http Method</th>
1424		- <td>POST</td>
1425		- </tr>
1426		- <tr>
1427		- <th>프로토콜</th>
1428		- <td>HHTP/1.1</td>
1429		- </tr>
1430		- <tr>
1431		- <th>HOST</th>
1432		- <td>api.munjaon.co.kr</td>
1433		- </tr>
1434		- <tr>
1435		- <th>Service Port</th>
1436		- <td>443</td>
1437		- </tr>
	1673	+ <thead>
	1674	+ <tr>
	1675	+ <th>키</th>
	1676	+ <th>설명</th>
	1677	+ <th>타입</th>
	1678	+ <th>필수</th>
	1679	+ </tr>
	1680	+ </thead>
	1681	+ <tbody>
	1682	+ <tr>
	1683	+ <td><span class="font_b">mberId</span></td>
	1684	+ <td>사용자 ID</td>
	1685	+ <td>String</td>
	1686	+ <td><span class="select_o">O</span></td>
	1687	+ </tr>
	1688	+ <tr>
	1689	+ <td><span class="font_b">accessKey</span></td>
	1690	+ <td>인증용 API Key</td>
	1691	+ <td>String</td>
	1692	+ <td><span class="select_o">O</span></td>
	1693	+ </tr>
	1694	+ <tr>
	1695	+ <td><span class="font_b">callFrom</span></td>
	1696	+ <td>발신자 번호(아이디에 등록되어 있는 번호)</td>
	1697	+ <td>String</td>
	1698	+ <td><span class="select_o">O</span></td>
	1699	+ </tr>
	1700	+ <tr>
	1701	+ <td><span class="font_b">callToList</span></td>
	1702	+ <td>수신자 번호(콤마(,) 기준으로 입력)</td>
	1703	+ <td>String</td>
	1704	+ <td><span class="select_o">O</span></td>
	1705	+ </tr>
	1706	+ <tr>
	1707	+ <td><span class="font_b">smsTxt</span></td>
	1708	+ <td>메시지 내용</td>
	1709	+ <td>String(1~2,000Byte)</td>
	1710	+ <td><span class="select_o">O</span></td>
	1711	+ </tr>
	1712	+ <tr>
	1713	+ <td><span class="font_b">nameStr</span></td>
	1714	+ <td>메시지 내용에 [이름]이 있으면 치환용 이름 입력( \| 로 구분 )</td>
	1715	+ <td>String</td>
	1716	+ <td><span class="select_x">X</span></td>
	1717	+ </tr>
	1718	+ <tr>
	1719	+ <td><span class="font_b">test_yn</span></td>
	1720	+ <td>테스트 데이터 여부</td>
	1721	+ <td>String</td>
	1722	+ <td><span class="select_x">X</span></td>
	1723	+ </tr>
	1724	+ </tbody>
1438	1725	</table>
1439		- </div>
1440		- </div>
1441		- <div class="type_table">
1442		- <table>
1443		- <caption>발송가능 건수 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
1444		- <colgroup>
1445		- <col style="width:20%;">
1446		- <col style="width:45%;">
1447		- <col style="width:25%">
1448		- <col style="width:10%">
1449		- </colgroup>
1450		- <thead>
1451		- <tr>
1452		- <th>키</th>
1453		- <th>설명</th>
1454		- <th>타입</th>
1455		- <th>필수</th>
1456		- </tr>
1457		- </thead>
1458		- <tbody>
1459		- <tr>
1460		- <td><span class="font_b">mberId</span></td>
1461		- <td>사용자 ID</td>
1462		- <td>String</td>
1463		- <td><span class="select_o">O</span></td>
1464		- </tr>
1465		- <tr>
1466		- <td><span class="font_b">accessKey</span></td>
1467		- <td>인증용 API Key</td>
1468		- <td>String</td>
1469		- <td><span class="select_o">O</span></td>
1470		- </tr>
1471		- </tbody>
1472		- </table>
1473		- <div class="table_info">
1474		- <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
1475		- </div>
1476		- </div>
1477		- <div class="box">
1478		- <div class="title">[Example]</div>
1479		- <div class="code_view">
1480		- <p>｛</p>
1481		- <div class="indent">
1482		- <p><span>"mberId"</span>:"String"</p>
1483		- <p>,<span>"accessKey"</span>:"String"</p>
	1726	+ <div class="table_info">
	1727	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	1728	+ <p>※ 문자 텍스트 용량(byte) : 한글 1자당 2byte, 영문/숫자 1자당 1byte</p>
1484	1729	</div>
1485		- <p class="l_code">｝</p>
1486	1730	</div>
1487		- </div>
1488		- <!--// Request-->
1489		- <!-- Response-->
1490		- <div class="res_title">Response</div>
1491		- <div class="type_table">
1492		- <table>
1493		- <caption>발송가능 건수 API Response 키 종류 및 설명, 타입 테이블</caption>
1494		- <colgroup>
1495		- <col style="width:20%;">
1496		- <col style="width:60%;">
1497		- <col style="width:20%;">
1498		- </colgroup>
1499		- <thead>
1500		- <tr>
1501		- <th>키</th>
1502		- <th>설명</th>
1503		- <th>타입</th>
1504		- </tr>
1505		- </thead>
1506		- <tbody>
1507		- <tr>
1508		- <td><span class="font_b">resultCode</span></td>
1509		- <td>성공 여부("0" 아니면 실패)</td>
1510		- <td>String</td>
1511		- </tr>
1512		- <tr>
1513		- <td><span class="font_b">data</span></td>
1514		- <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
1515		- <td>Object</td>
1516		- </tr>
1517		- <tr>
1518		- <td><span class="font_b">[data].longPrice</span></td>
1519		- <td>장문 단가</td>
1520		- <td>String</td>
1521		- </tr>
1522		- <tr>
1523		- <td><span class="font_b">[data].longSendPsbltEa</span></td>
1524		- <td>장문 발송 가능 건수</td>
1525		- <td>String</td>
1526		- </tr>
1527		- <tr>
1528		- <td><span class="font_b">[data].mberMoney</span></td>
1529		- <td>현재 보유 금액</td>
1530		- <td>String</td>
1531		- </tr>
1532		- <tr>
1533		- <td><span class="font_b">[data].message</span></td>
1534		- <td>문자</td>
1535		- <td>String</td>
1536		- </tr>
1537		- <tr>
1538		- <td><span class="font_b">[data].picturePrice</span></td>
1539		- <td>그림문자 단가</td>
1540		- <td>String</td>
1541		- </tr>
1542		- <tr>
1543		- <td><span class="font_b">[data].pictureSendPsbltEa</span></td>
1544		- <td>그림문자 발송 가능 건수</td>
1545		- <td>String</td>
1546		- </tr>
1547		- <tr>
1548		- <td><span class="font_b">[data].shortPrice</span></td>
1549		- <td>단문 단가</td>
1550		- <td>String</td>
1551		- </tr>
1552		- <tr>
1553		- <td><span class="font_b">[data].shortSendPsbltEa</span></td>
1554		- <td>단문 발송 가능 건수</td>
1555		- <td>String</td>
1556		- </tr>
1557		- </tbody>
1558		- </table>
1559		- <div class="table_info">
1560		- <p>※ JSON 객체로 응답합니다.</p>
1561		- </div>
1562		- </div>
1563		- <div class="box">
1564		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
1565		- <div class="code_view">
1566		- <p>｛</p>
1567		- <div class="indent">
1568		- <p><span>"resultCode"</span>:"0"</p>
1569		- <p>,<span>"data"</span>｛</p>
1570		- <div class="indent_t1">
1571		- <p><span>"longPrice"</span>:"50"</p>
1572		- <p>,<span>"longSendPsbltEa"</span>:"19651"</p>
1573		- <p>,<span>"mberMoney"</span>:"982586.7"</p>
1574		- <p>,<span>"message"</span>:null</p>
1575		- <p>,<span>"picturePrice"</span>:"90"</p>
1576		- <p>,<span>"pictureSendPsbltEa"</span>:"10917"</p>
1577		- <p>,<span>"shortPrice"</span>:"18"</p>
1578		- <p>,<span>"shortSendPsbltEa"</span>:"54588"</p>
	1731	+ <div class="box">
	1732	+ <div class="title">[Example]</div>
	1733	+ <div class="code_view">
	1734	+ <p>｛</p>
	1735	+ <div class="indent">
	1736	+ <p><span>"mberId"</span>:"홍길동"</p>
	1737	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	1738	+ <p>,<span>"callFrom"</span>:"01012341234"</p>
	1739	+ <p>,<span>"callToList"</span>:"01011111111,01022222222,01033333333"</p>
	1740	+ <p>,<span>"smsTxt"</span>:"문자 테스트~![이름]"</p>
	1741	+ <p>,<span>"nameStr"</span>:"홍길동1\|홍길동2\|홍길동3"</p>
	1742	+ <p>,<span>"test_yn"</span>:""</p>
1579	1743	</div>
1580		- <p>｝</p>
	1744	+ <p class="l_code">｝</p>
1581	1745	</div>
1582		- <p class="l_code">｝</p>
1583	1746	</div>
1584		- </div>
1585		- <div class="box">
1586		- <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
1587		- <div class="code_view">
1588		- <p>｛</p>
1589		- <div class="indent">
1590		- <p><span>"resultCode"</span>:"5099"</p>
1591		- <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	1747	+ <!--// Request-->
	1748	+ <!-- Response-->
	1749	+ <div class="res_title">Response</div>
	1750	+ <div class="type_table">
	1751	+ <table>
	1752	+ <caption>문자발송 API Response 키 종류 및 설명, 타입 테이블</caption>
	1753	+ <colgroup>
	1754	+ <col style="width:20%;">
	1755	+ <col style="width:60%;">
	1756	+ <col style="width:20%;">
	1757	+ </colgroup>
	1758	+ <thead>
	1759	+ <tr>
	1760	+ <th>키</th>
	1761	+ <th>설명</th>
	1762	+ <th>타입</th>
	1763	+ </tr>
	1764	+ </thead>
	1765	+ <tbody>
	1766	+ <tr>
	1767	+ <td><span class="font_b">resultCode</span></td>
	1768	+ <td>성공 여부("0" 아니면 실패)</td>
	1769	+ <td>String</td>
	1770	+ </tr>
	1771	+ <tr>
	1772	+ <td><span class="font_b">data</span></td>
	1773	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	1774	+ <td>Object</td>
	1775	+ </tr>
	1776	+ <tr>
	1777	+ <td><span class="font_b">[data].msgGroupId</span></td>
	1778	+ <td>메시지 그룹 ID</td>
	1779	+ <td>String</td>
	1780	+ </tr>
	1781	+ <tr>
	1782	+ <td><span class="font_b">[data].msgType</span></td>
	1783	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	1784	+ <td>String</td>
	1785	+ </tr>
	1786	+ <tr>
	1787	+ <td><span class="font_b">[data].blockCnt</span></td>
	1788	+ <td>수신거부 건수</td>
	1789	+ <td>String</td>
	1790	+ </tr>
	1791	+ <tr>
	1792	+ <td><span class="font_b">[data].failCnt</span></td>
	1793	+ <td>전송 실패 건수</td>
	1794	+ <td>String</td>
	1795	+ </tr>
	1796	+ <tr>
	1797	+ <td><span class="font_b">[data].successCnt</span></td>
	1798	+ <td>성공 건수</td>
	1799	+ <td>String</td>
	1800	+ </tr>
	1801	+ <tr>
	1802	+ <td><span class="font_b">[data].test_yn</span></td>
	1803	+ <td>테스트 데이터 여부</td>
	1804	+ <td>String</td>
	1805	+ </tr>
	1806	+ </tbody>
	1807	+ </table>
	1808	+ <div class="table_info">
	1809	+ <p>※ JSON 객체로 응답합니다.</p>
1592	1810	</div>
1593		- <p class="l_code">｝</p>
1594	1811	</div>
	1812	+ <div class="box">
	1813	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	1814	+ <div class="code_view">
	1815	+ <p>｛</p>
	1816	+ <div class="indent">
	1817	+ <p><span>"resultCode"</span>:"0"</p>
	1818	+ <p>,<span>"data"</span>｛</p>
	1819	+ <div class="indent_t1">
	1820	+ <p><span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
	1821	+ <p>,<span>"msgType"</span>:"SMS"</p>
	1822	+ <p>,<span>"resultCode"</span>:"0"</p>
	1823	+ <p>,<span>"blockCnt"</span>:"0"</p>
	1824	+ <p>,<span>"failCnt"</span>:"0"</p>
	1825	+ <p>,<span>"successCnt"</span>:"3"</p>
	1826	+ <p>,<span>"test_yn"</span>:null</p>
	1827	+ </div>
	1828	+ <p>｝</p>
	1829	+ </div>
	1830	+ <p class="l_code">｝</p>
	1831	+ </div>
	1832	+ </div>
	1833	+ <div class="box">
	1834	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	1835	+ <div class="code_view">
	1836	+ <p>｛</p>
	1837	+ <div class="indent">
	1838	+ <p><span>"resultCode"</span>:"1040"</p>
	1839	+ <p>,<span>"data"</span>:"치환 데이터 오류"</p>
	1840	+ </div>
	1841	+ <p class="l_code">｝</p>
	1842	+ </div>
	1843	+ </div>
	1844	+ <!--// Response-->
1595	1845	</div>
1596		- <!--// Response-->
1597		- </div>
	1846	+
	1847	+ </div>
	1848	+ <div class="api_guide_con" id="tab2_7">
	1849	+
	1850	+ <ul class="info">
	1851	+ <li>- API를 통해서 다른 내용의 문자를 대량으로 전송할 수 있습니다.</li>
	1852	+ <li>- 발신번호는 문자온 사이트를 통해 사전등록 후 이용하실 수 있습니다.(마이페이지-발신번호 관리 메뉴 이용)</li>
	1853	+ <li>- 문자 내용이 "90byte"를 초과하는 경우 장문(LMS)으로 자동 전환됩니다.</li>
	1854	+ </ul>
	1855	+
	1856	+ <div class="re_cont">
	1857	+ <!--Request-->
	1858	+ <div class="req_title">Request</div>
	1859	+ <div class="box">
	1860	+ <div class="text">
	1861	+ <h4>Request</h4>
	1862	+ <table>
	1863	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	1864	+ <colgroup>
	1865	+ <col style="width:20%;">
	1866	+ <col style="width:80%;">
	1867	+ </colgroup>
	1868	+ <tr>
	1869	+ <th>Http Method</th>
	1870	+ <td>POST</td>
	1871	+ </tr>
	1872	+ <tr>
	1873	+ <th>프로토콜</th>
	1874	+ <td>HHTP/1.1</td>
	1875	+ </tr>
	1876	+ <tr>
	1877	+ <th>HOST</th>
	1878	+ <td>api.munjaon.co.kr</td>
	1879	+ </tr>
	1880	+ <tr>
	1881	+ <th>Service Port</th>
	1882	+ <td>443</td>
	1883	+ </tr>
	1884	+ </table>
	1885	+ </div>
	1886	+ </div>
	1887	+ <div class="type_table">
	1888	+ <table>
	1889	+ <caption>문자발송(대량) API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	1890	+ <colgroup>
	1891	+ <col style="width:20%;">
	1892	+ <col style="width:45%;">
	1893	+ <col style="width:25%">
	1894	+ <col style="width:10%">
	1895	+ </colgroup>
	1896	+ <thead>
	1897	+ <tr>
	1898	+ <th>키</th>
	1899	+ <th>설명</th>
	1900	+ <th>타입</th>
	1901	+ <th>필수</th>
	1902	+ </tr>
	1903	+ </thead>
	1904	+ <tbody>
	1905	+ <tr>
	1906	+ <td><span class="font_b">mberId</span></td>
	1907	+ <td>사용자 ID</td>
	1908	+ <td>String</td>
	1909	+ <td><span class="select_o">O</span></td>
	1910	+ </tr>
	1911	+ <tr>
	1912	+ <td><span class="font_b">accessKey</span></td>
	1913	+ <td>인증용 API Key</td>
	1914	+ <td>String</td>
	1915	+ <td><span class="select_o">O</span></td>
	1916	+ </tr>
	1917	+ <tr>
	1918	+ <td><span class="font_b">callFrom</span></td>
	1919	+ <td>발신자 번호(아이디에 등록되어 있는 번호)</td>
	1920	+ <td>String</td>
	1921	+ <td><span class="select_o">O</span></td>
	1922	+ </tr>
	1923	+ <tr>
	1924	+ <td><span class="font_b">test_yn</span></td>
	1925	+ <td>테스트 데이터 여부</td>
	1926	+ <td>String</td>
	1927	+ <td><span class="select_x">X</span></td>
	1928	+ </tr>
	1929	+ <tr>
	1930	+ <td><span class="font_b">callTo_1</span></td>
	1931	+ <td>수신자 번호 1</td>
	1932	+ <td>String</td>
	1933	+ <td><span class="select_o">O</span></td>
	1934	+ </tr>
	1935	+ <tr>
	1936	+ <td><span class="font_b">smsTxt_1</span></td>
	1937	+ <td>메시지 내용 1 </td>
	1938	+ <td>String(1~2,000Byte)</td>
	1939	+ <td><span class="select_o">O</span></td>
	1940	+ </tr>
	1941	+ <tr>
	1942	+ <td><span class="font_b">...</span></td>
	1943	+ <td>...</td>
	1944	+ <td>...</td>
	1945	+ <td><span class="select_o">...</span></td>
	1946	+ </tr>
	1947	+ <tr>
	1948	+ <td><span class="font_b">callTo_100</span></td>
	1949	+ <td>수신자 번호 100</td>
	1950	+ <td>String</td>
	1951	+ <td><span class="select_o">O</span></td>
	1952	+ </tr>
	1953	+ <tr>
	1954	+ <td><span class="font_b">smsTxt_100</span></td>
	1955	+ <td>메시지 내용 100</td>
	1956	+ <td>String(1~2,000Byte)</td>
	1957	+ <td><span class="select_o">O</span></td>
	1958	+ </tr>
	1959	+ </tbody>
	1960	+ </table>
	1961	+ <div class="table_info">
	1962	+ <p>※ 문자 텍스트 용량(byte) : 한글 1자당 2byte, 영문/숫자 1자당 1byte</p>
	1963	+ </div>
	1964	+ </div>
	1965	+ <div class="box">
	1966	+ <div class="title">[Example]</div>
	1967	+ <div class="code_view">
	1968	+ <p>｛</p>
	1969	+ <div class="indent">
	1970	+ <p><span>"mberId"</span>:"홍길동"</p>
	1971	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	1972	+ <p>,<span>"callFrom"</span>:"01012341234"</p>
	1973	+ <p>,<span>"test_yn"</span>:""</p>
	1974	+ <p>,<span>"callTo_1"</span>:"01011111111"</p>
	1975	+ <p>,<span>"smsTxt_1"</span>:"문자 테스트 1"</p>
	1976	+ <p>,<span>"callTo_2"</span>:"01022222222"</p>
	1977	+ <p>,<span>"smsTxt_2"</span>:"문자 테스트 2"</p>
	1978	+ </div>
	1979	+ <p class="l_code">｝</p>
	1980	+ </div>
	1981	+ </div>
	1982	+ <!--// Request-->
	1983	+ <!-- Response-->
	1984	+ <div class="res_title">Response</div>
	1985	+ <div class="type_table">
	1986	+ <table>
	1987	+ <caption>문자발송(대량) API Response 키 종류 및 설명, 타입 테이블</caption>
	1988	+ <colgroup>
	1989	+ <col style="width:20%;">
	1990	+ <col style="width:60%;">
	1991	+ <col style="width:20%;">
	1992	+ </colgroup>
	1993	+ <thead>
	1994	+ <tr>
	1995	+ <th>키</th>
	1996	+ <th>설명</th>
	1997	+ <th>타입</th>
	1998	+ </tr>
	1999	+ </thead>
	2000	+ <tbody>
	2001	+ <tr>
	2002	+ <td><span class="font_b">resultCode</span></td>
	2003	+ <td>성공 여부("0" 아니면 실패)</td>
	2004	+ <td>String</td>
	2005	+ </tr>
	2006	+ <tr>
	2007	+ <td><span class="font_b">data</span></td>
	2008	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	2009	+ <td>Object</td>
	2010	+ </tr>
	2011	+ <tr>
	2012	+ <td><span class="font_b">[data].msgGroupIdList</span></td>
	2013	+ <td>메시지 그룹 ID 리스트</td>
	2014	+ <td>List String</td>
	2015	+ </tr>
	2016	+ <tr>
	2017	+ <td><span class="font_b">[data].msgType</span></td>
	2018	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	2019	+ <td>String</td>
	2020	+ </tr>
	2021	+ <tr>
	2022	+ <td><span class="font_b">[data].blockCnt</span></td>
	2023	+ <td>수신거부 건수</td>
	2024	+ <td>String</td>
	2025	+ </tr>
	2026	+ <tr>
	2027	+ <td><span class="font_b">[data].failCnt</span></td>
	2028	+ <td>전송 실패 건수</td>
	2029	+ <td>String</td>
	2030	+ </tr>
	2031	+ <tr>
	2032	+ <td><span class="font_b">[data].successCnt</span></td>
	2033	+ <td>성공 건수</td>
	2034	+ <td>String</td>
	2035	+ </tr>
	2036	+ <tr>
	2037	+ <td><span class="font_b">[data].test_yn</span></td>
	2038	+ <td>테스트 데이터 여부</td>
	2039	+ <td>String</td>
	2040	+ </tr>
	2041	+ </tbody>
	2042	+ </table>
	2043	+ <div class="table_info">
	2044	+ <p>※ JSON 객체로 응답합니다.</p>
	2045	+ </div>
	2046	+ </div>
	2047	+ <div class="box">
	2048	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	2049	+ <div class="code_view">
	2050	+ <p>｛</p>
	2051	+ <div class="indent">
	2052	+ <p><span>"resultCode"</span>:"0"</p>
	2053	+ <p>,<span>"data"</span>:［</p>
	2054	+ <div class="indent_t1">
	2055	+ <p><span>"msgGroupIdList"</span>:［</p>
	2056	+ <p>｛</p>
	2057	+ <p class="m_code">"MSGGID_0000000013451"</p>
	2058	+ <p class="l_code_t1">｝</p>
	2059	+ <p>,｛</p>
	2060	+ <p class="m_code">"MSGGID_0000000013452"</p>
	2061	+ <p class="l_code_t1">｝</p>
	2062	+ <p>］</p>
	2063	+ <p>,<span>"msgTypeList"</span>:［</p>
	2064	+ <p>｛</p>
	2065	+ <p class="m_code">"SMS"</p>
	2066	+ <p class="l_code_t1">｝</p>
	2067	+ <p>,｛</p>
	2068	+ <p class="m_code">"SMS"</p>
	2069	+ <p class="l_code_t1">｝</p>
	2070	+ <p>］</p>
	2071	+ <p>,<span>"resultCode"</span>:"0"</p>
	2072	+ <p>,<span>"successCnt"</span>:"2"</p>
	2073	+ <p>,<span>"failCnt"</span>:"0"</p>
	2074	+ <p>,<span>"blockCnt"</span>:"0"</p>
	2075	+ <p>,<span>"test_yn"</span>:null</p>
	2076	+ <p>］</p>
	2077	+ </div>
	2078	+ </div>
	2079	+ <p class="l_code">｝</p>
	2080	+ </div>
	2081	+ </div>
	2082	+ <div class="box">
	2083	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	2084	+ <div class="code_view">
	2085	+ <p>｛</p>
	2086	+ <div class="indent">
	2087	+ <p><span>"resultCode"</span>:"1040"</p>
	2088	+ <p>,<span>"data"</span>:"치환 데이터 오류"</p>
	2089	+ </div>
	2090	+ <p class="l_code">｝</p>
	2091	+ </div>
	2092	+ </div>
	2093	+ <!--// Response-->
	2094	+ </div>
	2095	+
	2096	+ </div>
	2097	+ <div class="api_guide_con" id="tab2_8">
	2098	+
	2099	+ <ul class="info">
	2100	+ <li>- 문자온 사이트 및 API를 통해 전송된 문자 발송내역을 조회할 수 있습니다.</li>
	2101	+ <li>- 문자 발송내역은 날짜별로 조회되며, 최근 3개월까지만 조회 가능합니다.</li>
	2102	+ <li>- 발신번호별 문자 발송내역 조회 기능은 제공되지 않습니다.</li>
	2103	+ </ul>
	2104	+
	2105	+ <div class="re_cont">
	2106	+ <!--Request-->
	2107	+ <div class="req_title">Request</div>
	2108	+ <div class="box">
	2109	+ <div class="text">
	2110	+ <h4>Request</h4>
	2111	+ <table>
	2112	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	2113	+ <colgroup>
	2114	+ <col style="width:20%;">
	2115	+ <col style="width:80%;">
	2116	+ </colgroup>
	2117	+ <tr>
	2118	+ <th>Http Method</th>
	2119	+ <td>POST</td>
	2120	+ </tr>
	2121	+ <tr>
	2122	+ <th>프로토콜</th>
	2123	+ <td>HHTP/1.1</td>
	2124	+ </tr>
	2125	+ <tr>
	2126	+ <th>HOST</th>
	2127	+ <td>api.munjaon.co.kr</td>
	2128	+ </tr>
	2129	+ <tr>
	2130	+ <th>Service Port</th>
	2131	+ <td>443</td>
	2132	+ </tr>
	2133	+ </table>
	2134	+ </div>
	2135	+ </div>
	2136	+ <div class="type_table">
	2137	+ <table>
	2138	+ <caption>전송결과 조회 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	2139	+ <colgroup>
	2140	+ <col style="width:20%;">
	2141	+ <col style="width:45%;">
	2142	+ <col style="width:25%">
	2143	+ <col style="width:10%">
	2144	+ </colgroup>
	2145	+ <thead>
	2146	+ <tr>
	2147	+ <th>키</th>
	2148	+ <th>설명</th>
	2149	+ <th>타입</th>
	2150	+ <th>필수</th>
	2151	+ </tr>
	2152	+ </thead>
	2153	+ <tbody>
	2154	+ <tr>
	2155	+ <td><span class="font_b">mberId</span></td>
	2156	+ <td>사용자 ID</td>
	2157	+ <td>String</td>
	2158	+ <td><span class="select_o">O</span></td>
	2159	+ </tr>
	2160	+ <tr>
	2161	+ <td><span class="font_b">accessKey</span></td>
	2162	+ <td>인증용 API Key</td>
	2163	+ <td>String</td>
	2164	+ <td><span class="select_o">O</span></td>
	2165	+ </tr>
	2166	+ <tr>
	2167	+ <td><span class="font_b">page</span></td>
	2168	+ <td>페이지 번호</td>
	2169	+ <td>String</td>
	2170	+ <td><span class="select_x">X</span></td>
	2171	+ </tr>
	2172	+ <tr>
	2173	+ <td><span class="font_b">pageSize</span></td>
	2174	+ <td>페이지당 출력 개수</td>
	2175	+ <td>String</td>
	2176	+ <td><span class="select_x">X</span></td>
	2177	+ </tr>
	2178	+ <tr>
	2179	+ <td><span class="font_b">startDate</span></td>
	2180	+ <td>시작 일자</td>
	2181	+ <td>String</td>
	2182	+ <td><span class="select_x">X</span></td>
	2183	+ </tr>
	2184	+ <tr>
	2185	+ <td><span class="font_b">endDate</span></td>
	2186	+ <td>마감 일자</td>
	2187	+ <td>String</td>
	2188	+ <td><span class="select_x">X</span></td>
	2189	+ </tr>
	2190	+ <tr>
	2191	+ <td><span class="font_b">test_yn</span></td>
	2192	+ <td>테스트 데이터 여부</td>
	2193	+ <td>String</td>
	2194	+ <td><span class="select_x">X</span></td>
	2195	+ </tr>
	2196	+ </tbody>
	2197	+ </table>
	2198	+ <div class="table_info">
	2199	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	2200	+ </div>
	2201	+ </div>
	2202	+ <div class="box">
	2203	+ <div class="title">[Example]</div>
	2204	+ <div class="code_view">
	2205	+ <p>｛</p>
	2206	+ <div class="indent">
	2207	+ <p><span>"mberId"</span>:"홍길동"</p>
	2208	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	2209	+ <p>,<span>"page"</span>:""</p>
	2210	+ <p>,<span>"pageSize"</span>:""</p>
	2211	+ <p>,<span>"startDate"</span>:""</p>
	2212	+ <p>,<span>"endDate"</span>:""</p>
	2213	+ <p>,<span>"test_yn"</span>:""</p>
	2214	+ </div>
	2215	+ <p class="l_code">｝</p>
	2216	+ </div>
	2217	+ </div>
	2218	+ <!--// Request-->
	2219	+ <!-- Response-->
	2220	+ <div class="res_title">Response</div>
	2221	+ <div class="type_table">
	2222	+ <table>
	2223	+ <caption>전송결과 조회 API Response 키 종류 및 설명, 타입 테이블</caption>
	2224	+ <colgroup>
	2225	+ <col style="width:20%;">
	2226	+ <col style="width:60%;">
	2227	+ <col style="width:20%;">
	2228	+ </colgroup>
	2229	+ <thead>
	2230	+ <tr>
	2231	+ <th>키</th>
	2232	+ <th>설명</th>
	2233	+ <th>타입</th>
	2234	+ </tr>
	2235	+ </thead>
	2236	+ <tbody>
	2237	+ <tr>
	2238	+ <td><span class="font_b">resultCode</span></td>
	2239	+ <td>성공 여부("0" 아니면 실패)</td>
	2240	+ <td>String</td>
	2241	+ </tr>
	2242	+ <tr>
	2243	+ <td><span class="font_b">data</span></td>
	2244	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	2245	+ <td>Object</td>
	2246	+ </tr>
	2247	+ <tr>
	2248	+ <td><span class="font_b">[data].message</span></td>
	2249	+ <td>문자</td>
	2250	+ <td>String</td>
	2251	+ </tr>
	2252	+ <tr>
	2253	+ <td><span class="font_b">[data].next_yn</span></td>
	2254	+ <td>다음 페이지 여부</td>
	2255	+ <td>String</td>
	2256	+ </tr>
	2257	+ <tr>
	2258	+ <td><span class="font_b">[data].objectList</span></td>
	2259	+ <td>결과값 목록</td>
	2260	+ <td>Object List</td>
	2261	+ </tr>
	2262	+ <tr>
	2263	+ <td><span class="font_b">[data].msgGroupId</span></td>
	2264	+ <td>메시지 그룹 ID</td>
	2265	+ <td>String</td>
	2266	+ </tr>
	2267	+ <tr>
	2268	+ <td><span class="font_b">[data].msgId</span></td>
	2269	+ <td>메시지 ID</td>
	2270	+ <td>String</td>
	2271	+ </tr>
	2272	+ <tr>
	2273	+ <td><span class="font_b">[data].msgTypeName</span></td>
	2274	+ <td>문자 구분명(단문, 장문, 그림)</td>
	2275	+ <td>String</td>
	2276	+ </tr>
	2277	+ <tr>
	2278	+ <td><span class="font_b">[data].msgType</span></td>
	2279	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	2280	+ <td>String</td>
	2281	+ </tr>
	2282	+ <tr>
	2283	+ <td><span class="font_b">[data].callFrom</span></td>
	2284	+ <td>발신자 번호</td>
	2285	+ <td>String</td>
	2286	+ </tr>
	2287	+ <tr>
	2288	+ <td><span class="font_b">[data].callTo</span></td>
	2289	+ <td>수신자 번호</td>
	2290	+ <td>String</td>
	2291	+ </tr>
	2292	+ <tr>
	2293	+ <td><span class="font_b">[data].msgGroupCnt</span></td>
	2294	+ <td>문자 발송 건수</td>
	2295	+ <td>String</td>
	2296	+ </tr>
	2297	+ <tr>
	2298	+ <td><span class="font_b">[data].sCnt</span></td>
	2299	+ <td>성공 건수</td>
	2300	+ <td>String</td>
	2301	+ </tr>
	2302	+ <tr>
	2303	+ <td><span class="font_b">[data].fCnt</span></td>
	2304	+ <td>실패 건수</td>
	2305	+ <td>String</td>
	2306	+ </tr>
	2307	+ <tr>
	2308	+ <td><span class="font_b">[data].wCnt</span></td>
	2309	+ <td>대기 건수</td>
	2310	+ <td>String</td>
	2311	+ </tr>
	2312	+ <tr>
	2313	+ <td><span class="font_b">[data].msgResult</span></td>
	2314	+ <td>발송 결과(성공 : S, 실패 : F)</td>
	2315	+ <td>String</td>
	2316	+ </tr>
	2317	+ <tr>
	2318	+ <td><span class="font_b">[data].smsTxt</span></td>
	2319	+ <td>문자 내용</td>
	2320	+ <td>String</td>
	2321	+ </tr>
	2322	+ <tr>
	2323	+ <td><span class="font_b">[data].subject</span></td>
	2324	+ <td>제목</td>
	2325	+ <td>String</td>
	2326	+ </tr>
	2327	+ <tr>
	2328	+ <td><span class="font_b">[data].reqdate</span></td>
	2329	+ <td>발송 일자</td>
	2330	+ <td>String</td>
	2331	+ </tr>
	2332	+ <tr>
	2333	+ <td><span class="font_b">[data].curState</span></td>
	2334	+ <td>전송 처리 결과값</td>
	2335	+ <td>String</td>
	2336	+ </tr>
	2337	+ <tr>
	2338	+ <td><span class="font_b">[data].userId</span></td>
	2339	+ <td>사용자 ID</td>
	2340	+ <td>String</td>
	2341	+ </tr>
	2342	+ <tr>
	2343	+ <td><span class="font_b">[data].regdate</span></td>
	2344	+ <td>등록 일자</td>
	2345	+ <td>String</td>
	2346	+ </tr>
	2347	+ <tr>
	2348	+ <td><span class="font_b">[data].reserveCYn</span></td>
	2349	+ <td>예약 취소 여부</td>
	2350	+ <td>String</td>
	2351	+ </tr>
	2352	+ <tr>
	2353	+ <td><span class="font_b">[data].ttlCnt</span></td>
	2354	+ <td>전체 요청 수</td>
	2355	+ <td>String</td>
	2356	+ </tr>
	2357	+ <tr>
	2358	+ <td><span class="font_b">[data].remainMsgCnt</span></td>
	2359	+ <td>남은 문자 건수</td>
	2360	+ <td>String</td>
	2361	+ </tr>
	2362	+ <tr>
	2363	+ <td><span class="font_b">[data].totMsgCnt</span></td>
	2364	+ <td>전체 문자 개수</td>
	2365	+ <td>String</td>
	2366	+ </tr>
	2367	+ </tbody>
	2368	+ </table>
	2369	+ <div class="table_info">
	2370	+ <p>※ JSON 객체로 응답합니다.</p>
	2371	+ </div>
	2372	+ </div>
	2373	+ <div class="box">
	2374	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	2375	+ <div class="code_view">
	2376	+ <p>｛</p>
	2377	+ <div class="indent">
	2378	+ <p><span>"resultCode"</span>:"0"</p>
	2379	+ <p>,<span>"data"</span>:［</p>
	2380	+ <p>｛</p>
	2381	+ <div class="indent_t1">
	2382	+ <p><span>"resultCode"</span>:"0"</p>
	2383	+ <p>,<span>"message"</span>: null</p>
	2384	+ <p>,<span>"next_yn"</span>:"n"</p>
	2385	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
	2386	+ <p>,<span>"objectList"</span>:［</p>
	2387	+ <p>｛</p>
	2388	+ <div class="indent_t2">
	2389	+ <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
	2390	+ <p>,<span>"msgType"</span>:"4"</p>
	2391	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	2392	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	2393	+ <p>,<span>"msgGroupCnt"</span>:"2"</p>
	2394	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
	2395	+ <p>,<span>"msgId"</span>:"MSGID_0000000000001"</p>
	2396	+ <p>,<span>"scnt"</span>:"2"</p>
	2397	+ <p>,<span>"fcnt"</span>:"0"</p>
	2398	+ <p>,<span>"wcnt"</span>:"0"</p>
	2399	+ <p>,<span>"msgResult"</span>:"S"</p>
	2400	+ <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
	2401	+ <p>,<span>"subject"</span>:null</p>
	2402	+ <p>,<span>"reqdate"</span>:"2023-06-13 17:48:07"</p>
	2403	+ <p>,<span>"curState"</span>:"3"</p>
	2404	+ <p>,<span>"userId"</span>:"testuser"</p>
	2405	+ <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
	2406	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	2407	+ <p>,<span>"ttlCnt"</span>:"1"</p>
	2408	+ <p>,<span>"remainMsgCnt"</span>:"40"</p>
	2409	+ <p>,<span>"totMsgCnt"</span>:"70"</p>
	2410	+ </div>
	2411	+ <p>｝</p>
	2412	+ <p>,｛</p>
	2413	+ <div class="indent_t2">
	2414	+ <p><span>"msgTypeName"</span>:"장문(LMS)"</p>
	2415	+ <p>,<span>"msgType"</span>:"6"</p>
	2416	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	2417	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	2418	+ <p>,<span>"msgGroupCnt"</span>:"1"</p>
	2419	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013341"</p>
	2420	+ <p>,<span>"msgId"</span>:"MSGID_0000000000002"</p>
	2421	+ <p>,<span>"scnt"</span>:"1"</p>
	2422	+ <p>,<span>"fcnt"</span>:"0"</p>
	2423	+ <p>,<span>"wcnt"</span>:"0"</p>
	2424	+ <p>,<span>"msgResult"</span>:"S"</p>
	2425	+ <p>,<span>"smsTxt"</span>:"문자 내용 장문 예제"</p>
	2426	+ <p>,<span>subject"</span>:null</p>
	2427	+ <p>,<span>reqdate"</span>:"2023-06-02 11:46:50"</p>
	2428	+ <p>,<span>"curState"</span>:"3"</p>
	2429	+ <p>,<span>"userId"</span>:"testuser"</p>
	2430	+ <p>,<span>"regdate"</span>:"2023-06-02 11:46:49"</p>
	2431	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	2432	+ <p>,<span>"ttlCnt"</span>:"1"</p>
	2433	+ <p>,<span>"remainMsgCnt"</span>:"40"</p>
	2434	+ <p>,<span>"totMsgCnt"</span>:"70"</p>
	2435	+ <p>｝</p>
	2436	+ </div>
	2437	+ <p>］</p>
	2438	+ </div>
	2439	+ <p class="l_code_t2">｝</p>
	2440	+ <p>］</p>
	2441	+ </div>
	2442	+ <p class="l_code">｝</p>
	2443	+ </div>
	2444	+ </div>
	2445	+ <div class="box">
	2446	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	2447	+ <div class="code_view">
	2448	+ <p>｛</p>
	2449	+ <div class="indent">
	2450	+ <p><span>"resultCode"</span>:"3099"</p>
	2451	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	2452	+ </div>
	2453	+ <p class="l_code">｝</p>
	2454	+ </div>
	2455	+ </div>
	2456	+ <!--// Response-->
	2457	+ </div>
	2458	+
	2459	+ </div>
	2460	+ <div class="api_guide_con" id="tab2_9">
	2461	+
	2462	+ <ul class="info">
	2463	+ <li>- 전송결과 조회의 "msgGroupId"를 사용하여 전송된 문자의 상세결과를 수신번호별로 조회할 수 있습니다.</li>
	2464	+ <li>- 전송결과가 "대기"인 경우에는 최종 결과 확인까지 최대 72시간까지 소요됩니다.</li>
	2465	+ </ul>
	2466	+
	2467	+ <div class="re_cont">
	2468	+ <!--Request-->
	2469	+ <div class="req_title">Request</div>
	2470	+ <div class="box">
	2471	+ <div class="text">
	2472	+ <h4>Request</h4>
	2473	+ <table>
	2474	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	2475	+ <colgroup>
	2476	+ <col style="width:20%;">
	2477	+ <col style="width:80%;">
	2478	+ </colgroup>
	2479	+ <tr>
	2480	+ <th>Http Method</th>
	2481	+ <td>POST</td>
	2482	+ </tr>
	2483	+ <tr>
	2484	+ <th>프로토콜</th>
	2485	+ <td>HHTP/1.1</td>
	2486	+ </tr>
	2487	+ <tr>
	2488	+ <th>HOST</th>
	2489	+ <td>api.munjaon.co.kr</td>
	2490	+ </tr>
	2491	+ <tr>
	2492	+ <th>Service Port</th>
	2493	+ <td>443</td>
	2494	+ </tr>
	2495	+ </table>
	2496	+ </div>
	2497	+ </div>
	2498	+ <div class="type_table">
	2499	+ <table>
	2500	+ <caption>상세결과 조회 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	2501	+ <colgroup>
	2502	+ <col style="width:20%;">
	2503	+ <col style="width:45%;">
	2504	+ <col style="width:25%">
	2505	+ <col style="width:10%">
	2506	+ </colgroup>
	2507	+ <thead>
	2508	+ <tr>
	2509	+ <th>키</th>
	2510	+ <th>설명</th>
	2511	+ <th>타입</th>
	2512	+ <th>필수</th>
	2513	+ </tr>
	2514	+ </thead>
	2515	+ <tbody>
	2516	+ <tr>
	2517	+ <td><span class="font_b">mberId</span></td>
	2518	+ <td>사용자 ID</td>
	2519	+ <td>String</td>
	2520	+ <td><span class="select_o">O</span></td>
	2521	+ </tr>
	2522	+ <tr>
	2523	+ <td><span class="font_b">accessKey</span></td>
	2524	+ <td>인증용 API Key</td>
	2525	+ <td>String</td>
	2526	+ <td><span class="select_o">O</span></td>
	2527	+ </tr>
	2528	+ <tr>
	2529	+ <td><span class="font_b">msgGroupId</span></td>
	2530	+ <td>메시지 그룹 ID</td>
	2531	+ <td>String</td>
	2532	+ <td><span class="select_o">O</span></td>
	2533	+ </tr>
	2534	+ <tr>
	2535	+ <td><span class="font_b">page</span></td>
	2536	+ <td>페이지 번호</td>
	2537	+ <td>String</td>
	2538	+ <td><span class="select_x">X</span></td>
	2539	+ </tr>
	2540	+ <tr>
	2541	+ <td><span class="font_b">pageSize</span></td>
	2542	+ <td>페이지당 출력 개수</td>
	2543	+ <td>String</td>
	2544	+ <td><span class="select_x">X</span></td>
	2545	+ </tr>
	2546	+ <tr>
	2547	+ <td><span class="font_b">test_yn</span></td>
	2548	+ <td>테스트 데이터 여부</td>
	2549	+ <td>String</td>
	2550	+ <td><span class="select_x">X</span></td>
	2551	+ </tr>
	2552	+ </tbody>
	2553	+ </table>
	2554	+ <div class="table_info">
	2555	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	2556	+ </div>
	2557	+ </div>
	2558	+ <div class="box">
	2559	+ <div class="title">[Example]</div>
	2560	+ <div class="code_view">
	2561	+ <p>｛</p>
	2562	+ <div class="indent">
	2563	+ <p><span>"mberId"</span>:"홍길동"</p>
	2564	+ <p>,<span>"accessKey"</span>:"XXXXXXXXXXXXXX414050694b953"</p>
	2565	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000011452"</p>
	2566	+ <p>,<span>"page"</span>:""</p>
	2567	+ <p>,<span>"pageSize"</span>:""</p>
	2568	+ <p>,<span>"test_yn"</span>:""</p>
	2569	+ </div>
	2570	+ <p class="l_code">｝</p>
	2571	+ </div>
	2572	+ </div>
	2573	+ <!--// Request-->
	2574	+ <!-- Response-->
	2575	+ <div class="res_title">Response</div>
	2576	+ <div class="type_table">
	2577	+ <table>
	2578	+ <caption>상세결과 조회 API Response 키 종류 및 설명, 타입 테이블</caption>
	2579	+ <colgroup>
	2580	+ <col style="width:20%;">
	2581	+ <col style="width:60%;">
	2582	+ <col style="width:20%;">
	2583	+ </colgroup>
	2584	+ <thead>
	2585	+ <tr>
	2586	+ <th>키</th>
	2587	+ <th>설명</th>
	2588	+ <th>타입</th>
	2589	+ </tr>
	2590	+ </thead>
	2591	+ <tbody>
	2592	+ <tr>
	2593	+ <td><span class="font_b">resultCode</span></td>
	2594	+ <td>성공 여부("0" 아니면 실패)</td>
	2595	+ <td>String</td>
	2596	+ </tr>
	2597	+ <tr>
	2598	+ <td><span class="font_b">data</span></td>
	2599	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	2600	+ <td>Object</td>
	2601	+ </tr>
	2602	+ <tr>
	2603	+ <td><span class="font_b">[data].message</span></td>
	2604	+ <td>문자</td>
	2605	+ <td>String</td>
	2606	+ </tr>
	2607	+ <tr>
	2608	+ <td><span class="font_b">[data].next_yn</span></td>
	2609	+ <td>다음 페이지 여부</td>
	2610	+ <td>String</td>
	2611	+ </tr>
	2612	+ <tr>
	2613	+ <td><span class="font_b">[data].objectList</span></td>
	2614	+ <td>결과값 목록</td>
	2615	+ <td>Object List</td>
	2616	+ </tr>
	2617	+ <tr>
	2618	+ <td><span class="font_b">[data].msgGroupId</span></td>
	2619	+ <td>메시지 그룹 ID</td>
	2620	+ <td>String</td>
	2621	+ </tr>
	2622	+ <tr>
	2623	+ <td><span class="font_b">[data].msgId</span></td>
	2624	+ <td>메시지 ID</td>
	2625	+ <td>String</td>
	2626	+ </tr>
	2627	+ <tr>
	2628	+ <td><span class="font_b">[data].msgTypeName</span></td>
	2629	+ <td>문자 구분명(단문, 장문, 그림)</td>
	2630	+ <td>String</td>
	2631	+ </tr>
	2632	+ <tr>
	2633	+ <td><span class="font_b">[data].msgType</span></td>
	2634	+ <td>메시지 타입(4 : 단문, 5 : 장문)</td>
	2635	+ <td>String</td>
	2636	+ </tr>
	2637	+ <tr>
	2638	+ <td><span class="font_b">[data].callFrom</span></td>
	2639	+ <td>발신자 번호</td>
	2640	+ <td>String</td>
	2641	+ </tr>
	2642	+ <tr>
	2643	+ <td><span class="font_b">[data].callTo</span></td>
	2644	+ <td>수신자 번호</td>
	2645	+ <td>String</td>
	2646	+ </tr>
	2647	+ <tr>
	2648	+ <td><span class="font_b">[data].msgGroupCnt</span></td>
	2649	+ <td>문자 발송 건수</td>
	2650	+ <td>String</td>
	2651	+ </tr>
	2652	+ <tr>
	2653	+ <td><span class="font_b">[data].sCnt</span></td>
	2654	+ <td>성공 건수</td>
	2655	+ <td>String</td>
	2656	+ </tr>
	2657	+ <tr>
	2658	+ <td><span class="font_b">[data].fCnt</span></td>
	2659	+ <td>실패 건수</td>
	2660	+ <td>String</td>
	2661	+ </tr>
	2662	+ <tr>
	2663	+ <td><span class="font_b">[data].wCnt</span></td>
	2664	+ <td>대기 건수</td>
	2665	+ <td>String</td>
	2666	+ </tr>
	2667	+ <tr>
	2668	+ <td><span class="font_b">[data].msgResult</span></td>
	2669	+ <td>발송 결과(성공 : S, 실패 : F)</td>
	2670	+ <td>String</td>
	2671	+ </tr>
	2672	+ <tr>
	2673	+ <td><span class="font_b">[data].smsTxt</span></td>
	2674	+ <td>문자 내용</td>
	2675	+ <td>String</td>
	2676	+ </tr>
	2677	+ <tr>
	2678	+ <td><span class="font_b">[data].subject</span></td>
	2679	+ <td>제목</td>
	2680	+ <td>String</td>
	2681	+ </tr>
	2682	+ <tr>
	2683	+ <td><span class="font_b">[data].reqdate</span></td>
	2684	+ <td>발송 일자</td>
	2685	+ <td>String</td>
	2686	+ </tr>
	2687	+ <tr>
	2688	+ <td><span class="font_b">[data].curState</span></td>
	2689	+ <td>전송 처리 결과값</td>
	2690	+ <td>String</td>
	2691	+ </tr>
	2692	+ <tr>
	2693	+ <td><span class="font_b">[data].userId</span></td>
	2694	+ <td>사용자 ID</td>
	2695	+ <td>String</td>
	2696	+ </tr>
	2697	+ <tr>
	2698	+ <td><span class="font_b">[data].regdate</span></td>
	2699	+ <td>등록 일자</td>
	2700	+ <td>String</td>
	2701	+ </tr>
	2702	+ <tr>
	2703	+ <td><span class="font_b">[data].reserveCYn</span></td>
	2704	+ <td>예약 취소 여부</td>
	2705	+ <td>String</td>
	2706	+ </tr>
	2707	+ <tr>
	2708	+ <td><span class="font_b">[data].ttlCnt</span></td>
	2709	+ <td>전체 요청 수</td>
	2710	+ <td>String</td>
	2711	+ </tr>
	2712	+ <tr>
	2713	+ <td><span class="font_b">[data].remainMsgCnt</span></td>
	2714	+ <td>남은 문자 건수</td>
	2715	+ <td>String</td>
	2716	+ </tr>
	2717	+ <tr>
	2718	+ <td><span class="font_b">[data].totMsgCnt</span></td>
	2719	+ <td>전체 문자 개수</td>
	2720	+ <td>String</td>
	2721	+ </tr>
	2722	+ </tbody>
	2723	+ </table>
	2724	+ <div class="table_info">
	2725	+ <p>※ JSON 객체로 응답합니다.</p>
	2726	+ </div>
	2727	+ </div>
	2728	+ <div class="box">
	2729	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	2730	+ <div class="code_view">
	2731	+ <p>｛</p>
	2732	+ <div class="indent">
	2733	+ <p><span>"resultCode"</span>:"0"</p>
	2734	+ <p>,<span>"data"</span>:［</p>
	2735	+ <p>｛</p>
	2736	+ <div class="indent_t1">
	2737	+ <p><span>"resultCode"</span>:"0"</p>
	2738	+ <p>,<span>"message"</span>: null</p>
	2739	+ <p>,<span>"next_yn"</span>:"n"</p>
	2740	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000000000"</p>
	2741	+ <p>,<span>"objectList"</span>:［</p>
	2742	+ <p>｛</p>
	2743	+ <div class="indent_t2">
	2744	+ <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
	2745	+ <p>,<span>"msgType"</span>:"4"</p>
	2746	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	2747	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	2748	+ <p>,<span>"msgGroupCnt"</span>:"2"</p>
	2749	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
	2750	+ <p>,<span>"msgId"</span>:"MSGID_0000000000001"</p>
	2751	+ <p>,<span>"scnt"</span>:null</p>
	2752	+ <p>,<span>"fcnt"</span>:null</p>
	2753	+ <p>,<span>"wcnt"</span>:null</p>
	2754	+ <p>,<span>"msgResult"</span>:"S"</p>
	2755	+ <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
	2756	+ <p>,<span>"subject"</span>:null</p>
	2757	+ <p>,<span>"reqdate"</span>:"2023-06-13 17:48:08"</p>
	2758	+ <p>,<span>"curState"</span>:"3"</p>
	2759	+ <p>,<span>"userId"</span>:"testuser"</p>
	2760	+ <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
	2761	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	2762	+ <p>,<span>"ttlCnt"</span>:"10"</p>
	2763	+ <p>,<span>"remainMsgCnt"</span>:"0"</p>
	2764	+ <p>,<span>"totMsgCnt"</span>:"10"</p>
	2765	+ </div>
	2766	+ <p>｝</p>
	2767	+ <p>,｛</p>
	2768	+ <div class="indent_t2">
	2769	+ <p><span>"msgTypeName"</span>:"단문(SMS)"</p>
	2770	+ <p>,<span>"msgType"</span>:"4"</p>
	2771	+ <p>,<span>"callFrom"</span>:"01011112222"</p>
	2772	+ <p>,<span>"callTo"</span>:"01011112223"</p>
	2773	+ <p>,<span>"msgGroupCnt"</span>:"2"</p>
	2774	+ <p>,<span>"msgGroupId"</span>:"MSGGID_0000000013340"</p>
	2775	+ <p>,<span>"msgId"</span>:"MSGID_0000000000002"</p>
	2776	+ <p>,<span>"scnt"</span>:null</p>
	2777	+ <p>,<span>"fcnt"</span>:null</p>
	2778	+ <p>,<span>"wcnt"</span>:null</p>
	2779	+ <p>,<span>"msgResult"</span>:"S"</p>
	2780	+ <p>,<span>"smsTxt"</span>:"문자 내용 단문 예제"</p>
	2781	+ <p>,<span>subject"</span>:null</p>
	2782	+ <p>,<span>reqdate"</span>:"2023-06-13 17:48:09"</p>
	2783	+ <p>,<span>"curState"</span>:"3"</p>
	2784	+ <p>,<span>"userId"</span>:"testuser"</p>
	2785	+ <p>,<span>"regdate"</span>:"2023-06-13 17:48:07"</p>
	2786	+ <p>,<span>"reserveCYn"</span>:"N"</p>
	2787	+ <p>,<span>"ttlCnt"</span>:"10"</p>
	2788	+ <p>,<span>"remainMsgCnt"</span>:"0"</p>
	2789	+ <p>,<span>"totMsgCnt"</span>:"10"</p>
	2790	+ <p>｝</p>
	2791	+ </div>
	2792	+ <p>］</p>
	2793	+ </div>
	2794	+ <p class="l_code_t2">｝</p>
	2795	+ <p>］</p>
	2796	+ </div>
	2797	+ <p class="l_code">｝</p>
	2798	+ </div>
	2799	+ </div>
	2800	+ <div class="box">
	2801	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	2802	+ <div class="code_view">
	2803	+ <p>｛</p>
	2804	+ <div class="indent">
	2805	+ <p><span>"resultCode"</span>:"4099"</p>
	2806	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	2807	+ </div>
	2808	+ <p class="l_code">｝</p>
	2809	+ </div>
	2810	+ </div>
	2811	+ <!--// Response-->
	2812	+ </div>
	2813	+
	2814	+ </div>
	2815	+ <div class="api_guide_con" id="tab2_10">
	2816	+
	2817	+ <ul class="info">
	2818	+ <li>- 보유캐시로 발송 가능한 문자의 건수를 단문(SMS), 장문(LMS), 그림(MMS)별로 각각 확인할 수 있습니다.</li>
	2819	+ <li>- 위 문자유형별 발송 가능건수는 개인별로 적용된 단가를 기준으로 산출되며, "첫결제 이벤트"는 적용되지 않습니다.</li>
	2820	+ </ul>
	2821	+
	2822	+ <div class="re_cont">
	2823	+ <!--Request-->
	2824	+ <div class="req_title">Request</div>
	2825	+ <div class="box">
	2826	+ <div class="text">
	2827	+ <h4>Request</h4>
	2828	+ <table>
	2829	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	2830	+ <colgroup>
	2831	+ <col style="width:20%;">
	2832	+ <col style="width:80%;">
	2833	+ </colgroup>
	2834	+ <tr>
	2835	+ <th>Http Method</th>
	2836	+ <td>POST</td>
	2837	+ </tr>
	2838	+ <tr>
	2839	+ <th>프로토콜</th>
	2840	+ <td>HHTP/1.1</td>
	2841	+ </tr>
	2842	+ <tr>
	2843	+ <th>HOST</th>
	2844	+ <td>api.munjaon.co.kr</td>
	2845	+ </tr>
	2846	+ <tr>
	2847	+ <th>Service Port</th>
	2848	+ <td>443</td>
	2849	+ </tr>
	2850	+ </table>
	2851	+ </div>
	2852	+ </div>
	2853	+ <div class="type_table">
	2854	+ <table>
	2855	+ <caption>발송가능 건수 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	2856	+ <colgroup>
	2857	+ <col style="width:20%;">
	2858	+ <col style="width:45%;">
	2859	+ <col style="width:25%">
	2860	+ <col style="width:10%">
	2861	+ </colgroup>
	2862	+ <thead>
	2863	+ <tr>
	2864	+ <th>키</th>
	2865	+ <th>설명</th>
	2866	+ <th>타입</th>
	2867	+ <th>필수</th>
	2868	+ </tr>
	2869	+ </thead>
	2870	+ <tbody>
	2871	+ <tr>
	2872	+ <td><span class="font_b">mberId</span></td>
	2873	+ <td>사용자 ID</td>
	2874	+ <td>String</td>
	2875	+ <td><span class="select_o">O</span></td>
	2876	+ </tr>
	2877	+ <tr>
	2878	+ <td><span class="font_b">accessKey</span></td>
	2879	+ <td>인증용 API Key</td>
	2880	+ <td>String</td>
	2881	+ <td><span class="select_o">O</span></td>
	2882	+ </tr>
	2883	+ </tbody>
	2884	+ </table>
	2885	+ <div class="table_info">
	2886	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	2887	+ </div>
	2888	+ </div>
	2889	+ <div class="box">
	2890	+ <div class="title">[Example]</div>
	2891	+ <div class="code_view">
	2892	+ <p>｛</p>
	2893	+ <div class="indent">
	2894	+ <p><span>"mberId"</span>:"String"</p>
	2895	+ <p>,<span>"accessKey"</span>:"String"</p>
	2896	+ </div>
	2897	+ <p class="l_code">｝</p>
	2898	+ </div>
	2899	+ </div>
	2900	+ <!--// Request-->
	2901	+ <!-- Response-->
	2902	+ <div class="res_title">Response</div>
	2903	+ <div class="type_table">
	2904	+ <table>
	2905	+ <caption>발송가능 건수 API Response 키 종류 및 설명, 타입 테이블</caption>
	2906	+ <colgroup>
	2907	+ <col style="width:20%;">
	2908	+ <col style="width:60%;">
	2909	+ <col style="width:20%;">
	2910	+ </colgroup>
	2911	+ <thead>
	2912	+ <tr>
	2913	+ <th>키</th>
	2914	+ <th>설명</th>
	2915	+ <th>타입</th>
	2916	+ </tr>
	2917	+ </thead>
	2918	+ <tbody>
	2919	+ <tr>
	2920	+ <td><span class="font_b">resultCode</span></td>
	2921	+ <td>성공 여부("0" 아니면 실패)</td>
	2922	+ <td>String</td>
	2923	+ </tr>
	2924	+ <tr>
	2925	+ <td><span class="font_b">data</span></td>
	2926	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	2927	+ <td>Object</td>
	2928	+ </tr>
	2929	+ <tr>
	2930	+ <td><span class="font_b">[data].longPrice</span></td>
	2931	+ <td>장문 단가</td>
	2932	+ <td>String</td>
	2933	+ </tr>
	2934	+ <tr>
	2935	+ <td><span class="font_b">[data].longSendPsbltEa</span></td>
	2936	+ <td>장문 발송 가능 건수</td>
	2937	+ <td>String</td>
	2938	+ </tr>
	2939	+ <tr>
	2940	+ <td><span class="font_b">[data].mberMoney</span></td>
	2941	+ <td>현재 보유 금액</td>
	2942	+ <td>String</td>
	2943	+ </tr>
	2944	+ <tr>
	2945	+ <td><span class="font_b">[data].message</span></td>
	2946	+ <td>문자</td>
	2947	+ <td>String</td>
	2948	+ </tr>
	2949	+ <tr>
	2950	+ <td><span class="font_b">[data].picturePrice</span></td>
	2951	+ <td>그림문자 단가</td>
	2952	+ <td>String</td>
	2953	+ </tr>
	2954	+ <tr>
	2955	+ <td><span class="font_b">[data].pictureSendPsbltEa</span></td>
	2956	+ <td>그림문자 발송 가능 건수</td>
	2957	+ <td>String</td>
	2958	+ </tr>
	2959	+ <tr>
	2960	+ <td><span class="font_b">[data].shortPrice</span></td>
	2961	+ <td>단문 단가</td>
	2962	+ <td>String</td>
	2963	+ </tr>
	2964	+ <tr>
	2965	+ <td><span class="font_b">[data].shortSendPsbltEa</span></td>
	2966	+ <td>단문 발송 가능 건수</td>
	2967	+ <td>String</td>
	2968	+ </tr>
	2969	+ </tbody>
	2970	+ </table>
	2971	+ <div class="table_info">
	2972	+ <p>※ JSON 객체로 응답합니다.</p>
	2973	+ </div>
	2974	+ </div>
	2975	+ <div class="box">
	2976	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	2977	+ <div class="code_view">
	2978	+ <p>｛</p>
	2979	+ <div class="indent">
	2980	+ <p><span>"resultCode"</span>:"0"</p>
	2981	+ <p>,<span>"data"</span>｛</p>
	2982	+ <div class="indent_t1">
	2983	+ <p><span>"longPrice"</span>:"50"</p>
	2984	+ <p>,<span>"longSendPsbltEa"</span>:"19651"</p>
	2985	+ <p>,<span>"mberMoney"</span>:"982586.7"</p>
	2986	+ <p>,<span>"message"</span>:null</p>
	2987	+ <p>,<span>"picturePrice"</span>:"90"</p>
	2988	+ <p>,<span>"pictureSendPsbltEa"</span>:"10917"</p>
	2989	+ <p>,<span>"shortPrice"</span>:"18"</p>
	2990	+ <p>,<span>"shortSendPsbltEa"</span>:"54588"</p>
	2991	+ </div>
	2992	+ <p>｝</p>
	2993	+ </div>
	2994	+ <p class="l_code">｝</p>
	2995	+ </div>
	2996	+ </div>
	2997	+ <div class="box">
	2998	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	2999	+ <div class="code_view">
	3000	+ <p>｛</p>
	3001	+ <div class="indent">
	3002	+ <p><span>"resultCode"</span>:"5099"</p>
	3003	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	3004	+ </div>
	3005	+ <p class="l_code">｝</p>
	3006	+ </div>
	3007	+ </div>
	3008	+ <!--// Response-->
	3009	+ </div>
	3010	+ </div>
	3011	+ <div class="api_guide_con" id="tab2_11">
	3012	+
	3013	+ <ul class="info">
	3014	+ <li>- 보유캐시로 발송 가능한 문자의 건수를 단문(SMS), 장문(LMS), 그림(MMS)별로 각각 확인할 수 있습니다.</li>
	3015	+ <li>- 위 문자유형별 발송 가능건수는 개인별로 적용된 단가를 기준으로 산출되며, "첫결제 이벤트"는 적용되지 않습니다.</li>
	3016	+ </ul>
	3017	+
	3018	+ <div class="re_cont">
	3019	+ <!--Request-->
	3020	+ <div class="req_title">Request</div>
	3021	+ <div class="box">
	3022	+ <div class="text">
	3023	+ <h4>Request</h4>
	3024	+ <table>
	3025	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	3026	+ <colgroup>
	3027	+ <col style="width:20%;">
	3028	+ <col style="width:80%;">
	3029	+ </colgroup>
	3030	+ <tr>
	3031	+ <th>Http Method</th>
	3032	+ <td>POST</td>
	3033	+ </tr>
	3034	+ <tr>
	3035	+ <th>프로토콜</th>
	3036	+ <td>HHTP/1.1</td>
	3037	+ </tr>
	3038	+ <tr>
	3039	+ <th>HOST</th>
	3040	+ <td>api.munjaon.co.kr</td>
	3041	+ </tr>
	3042	+ <tr>
	3043	+ <th>Service Port</th>
	3044	+ <td>443</td>
	3045	+ </tr>
	3046	+ </table>
	3047	+ </div>
	3048	+ </div>
	3049	+ <div class="type_table">
	3050	+ <table>
	3051	+ <caption>발송가능 건수 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	3052	+ <colgroup>
	3053	+ <col style="width:20%;">
	3054	+ <col style="width:45%;">
	3055	+ <col style="width:25%">
	3056	+ <col style="width:10%">
	3057	+ </colgroup>
	3058	+ <thead>
	3059	+ <tr>
	3060	+ <th>키</th>
	3061	+ <th>설명</th>
	3062	+ <th>타입</th>
	3063	+ <th>필수</th>
	3064	+ </tr>
	3065	+ </thead>
	3066	+ <tbody>
	3067	+ <tr>
	3068	+ <td><span class="font_b">mberId</span></td>
	3069	+ <td>사용자 ID</td>
	3070	+ <td>String</td>
	3071	+ <td><span class="select_o">O</span></td>
	3072	+ </tr>
	3073	+ <tr>
	3074	+ <td><span class="font_b">accessKey</span></td>
	3075	+ <td>인증용 API Key</td>
	3076	+ <td>String</td>
	3077	+ <td><span class="select_o">O</span></td>
	3078	+ </tr>
	3079	+ </tbody>
	3080	+ </table>
	3081	+ <div class="table_info">
	3082	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	3083	+ </div>
	3084	+ </div>
	3085	+ <div class="box">
	3086	+ <div class="title">[Example]</div>
	3087	+ <div class="code_view">
	3088	+ <p>｛</p>
	3089	+ <div class="indent">
	3090	+ <p><span>"mberId"</span>:"String"</p>
	3091	+ <p>,<span>"accessKey"</span>:"String"</p>
	3092	+ </div>
	3093	+ <p class="l_code">｝</p>
	3094	+ </div>
	3095	+ </div>
	3096	+ <!--// Request-->
	3097	+ <!-- Response-->
	3098	+ <div class="res_title">Response</div>
	3099	+ <div class="type_table">
	3100	+ <table>
	3101	+ <caption>발송가능 건수 API Response 키 종류 및 설명, 타입 테이블</caption>
	3102	+ <colgroup>
	3103	+ <col style="width:20%;">
	3104	+ <col style="width:60%;">
	3105	+ <col style="width:20%;">
	3106	+ </colgroup>
	3107	+ <thead>
	3108	+ <tr>
	3109	+ <th>키</th>
	3110	+ <th>설명</th>
	3111	+ <th>타입</th>
	3112	+ </tr>
	3113	+ </thead>
	3114	+ <tbody>
	3115	+ <tr>
	3116	+ <td><span class="font_b">resultCode</span></td>
	3117	+ <td>성공 여부("0" 아니면 실패)</td>
	3118	+ <td>String</td>
	3119	+ </tr>
	3120	+ <tr>
	3121	+ <td><span class="font_b">data</span></td>
	3122	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	3123	+ <td>Object</td>
	3124	+ </tr>
	3125	+ <tr>
	3126	+ <td><span class="font_b">[data].longPrice</span></td>
	3127	+ <td>장문 단가</td>
	3128	+ <td>String</td>
	3129	+ </tr>
	3130	+ <tr>
	3131	+ <td><span class="font_b">[data].longSendPsbltEa</span></td>
	3132	+ <td>장문 발송 가능 건수</td>
	3133	+ <td>String</td>
	3134	+ </tr>
	3135	+ <tr>
	3136	+ <td><span class="font_b">[data].mberMoney</span></td>
	3137	+ <td>현재 보유 금액</td>
	3138	+ <td>String</td>
	3139	+ </tr>
	3140	+ <tr>
	3141	+ <td><span class="font_b">[data].message</span></td>
	3142	+ <td>문자</td>
	3143	+ <td>String</td>
	3144	+ </tr>
	3145	+ <tr>
	3146	+ <td><span class="font_b">[data].picturePrice</span></td>
	3147	+ <td>그림문자 단가</td>
	3148	+ <td>String</td>
	3149	+ </tr>
	3150	+ <tr>
	3151	+ <td><span class="font_b">[data].pictureSendPsbltEa</span></td>
	3152	+ <td>그림문자 발송 가능 건수</td>
	3153	+ <td>String</td>
	3154	+ </tr>
	3155	+ <tr>
	3156	+ <td><span class="font_b">[data].shortPrice</span></td>
	3157	+ <td>단문 단가</td>
	3158	+ <td>String</td>
	3159	+ </tr>
	3160	+ <tr>
	3161	+ <td><span class="font_b">[data].shortSendPsbltEa</span></td>
	3162	+ <td>단문 발송 가능 건수</td>
	3163	+ <td>String</td>
	3164	+ </tr>
	3165	+ </tbody>
	3166	+ </table>
	3167	+ <div class="table_info">
	3168	+ <p>※ JSON 객체로 응답합니다.</p>
	3169	+ </div>
	3170	+ </div>
	3171	+ <div class="box">
	3172	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	3173	+ <div class="code_view">
	3174	+ <p>｛</p>
	3175	+ <div class="indent">
	3176	+ <p><span>"resultCode"</span>:"0"</p>
	3177	+ <p>,<span>"data"</span>｛</p>
	3178	+ <div class="indent_t1">
	3179	+ <p><span>"longPrice"</span>:"50"</p>
	3180	+ <p>,<span>"longSendPsbltEa"</span>:"19651"</p>
	3181	+ <p>,<span>"mberMoney"</span>:"982586.7"</p>
	3182	+ <p>,<span>"message"</span>:null</p>
	3183	+ <p>,<span>"picturePrice"</span>:"90"</p>
	3184	+ <p>,<span>"pictureSendPsbltEa"</span>:"10917"</p>
	3185	+ <p>,<span>"shortPrice"</span>:"18"</p>
	3186	+ <p>,<span>"shortSendPsbltEa"</span>:"54588"</p>
	3187	+ </div>
	3188	+ <p>｝</p>
	3189	+ </div>
	3190	+ <p class="l_code">｝</p>
	3191	+ </div>
	3192	+ </div>
	3193	+ <div class="box">
	3194	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	3195	+ <div class="code_view">
	3196	+ <p>｛</p>
	3197	+ <div class="indent">
	3198	+ <p><span>"resultCode"</span>:"5099"</p>
	3199	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	3200	+ </div>
	3201	+ <p class="l_code">｝</p>
	3202	+ </div>
	3203	+ </div>
	3204	+ <!--// Response-->
	3205	+ </div>
	3206	+ </div>
	3207	+ <div class="api_guide_con" id="tab2_12">
	3208	+
	3209	+ <ul class="info">
	3210	+ <li>- 보유캐시로 발송 가능한 문자의 건수를 단문(SMS), 장문(LMS), 그림(MMS)별로 각각 확인할 수 있습니다.</li>
	3211	+ <li>- 위 문자유형별 발송 가능건수는 개인별로 적용된 단가를 기준으로 산출되며, "첫결제 이벤트"는 적용되지 않습니다.</li>
	3212	+ </ul>
	3213	+
	3214	+ <div class="re_cont">
	3215	+ <!--Request-->
	3216	+ <div class="req_title">Request</div>
	3217	+ <div class="box">
	3218	+ <div class="text">
	3219	+ <h4>Request</h4>
	3220	+ <table>
	3221	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	3222	+ <colgroup>
	3223	+ <col style="width:20%;">
	3224	+ <col style="width:80%;">
	3225	+ </colgroup>
	3226	+ <tr>
	3227	+ <th>Http Method</th>
	3228	+ <td>POST</td>
	3229	+ </tr>
	3230	+ <tr>
	3231	+ <th>프로토콜</th>
	3232	+ <td>HHTP/1.1</td>
	3233	+ </tr>
	3234	+ <tr>
	3235	+ <th>HOST</th>
	3236	+ <td>api.munjaon.co.kr</td>
	3237	+ </tr>
	3238	+ <tr>
	3239	+ <th>Service Port</th>
	3240	+ <td>443</td>
	3241	+ </tr>
	3242	+ </table>
	3243	+ </div>
	3244	+ </div>
	3245	+ <div class="type_table">
	3246	+ <table>
	3247	+ <caption>발송가능 건수 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	3248	+ <colgroup>
	3249	+ <col style="width:20%;">
	3250	+ <col style="width:45%;">
	3251	+ <col style="width:25%">
	3252	+ <col style="width:10%">
	3253	+ </colgroup>
	3254	+ <thead>
	3255	+ <tr>
	3256	+ <th>키</th>
	3257	+ <th>설명</th>
	3258	+ <th>타입</th>
	3259	+ <th>필수</th>
	3260	+ </tr>
	3261	+ </thead>
	3262	+ <tbody>
	3263	+ <tr>
	3264	+ <td><span class="font_b">mberId</span></td>
	3265	+ <td>사용자 ID</td>
	3266	+ <td>String</td>
	3267	+ <td><span class="select_o">O</span></td>
	3268	+ </tr>
	3269	+ <tr>
	3270	+ <td><span class="font_b">accessKey</span></td>
	3271	+ <td>인증용 API Key</td>
	3272	+ <td>String</td>
	3273	+ <td><span class="select_o">O</span></td>
	3274	+ </tr>
	3275	+ </tbody>
	3276	+ </table>
	3277	+ <div class="table_info">
	3278	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	3279	+ </div>
	3280	+ </div>
	3281	+ <div class="box">
	3282	+ <div class="title">[Example]</div>
	3283	+ <div class="code_view">
	3284	+ <p>｛</p>
	3285	+ <div class="indent">
	3286	+ <p><span>"mberId"</span>:"String"</p>
	3287	+ <p>,<span>"accessKey"</span>:"String"</p>
	3288	+ </div>
	3289	+ <p class="l_code">｝</p>
	3290	+ </div>
	3291	+ </div>
	3292	+ <!--// Request-->
	3293	+ <!-- Response-->
	3294	+ <div class="res_title">Response</div>
	3295	+ <div class="type_table">
	3296	+ <table>
	3297	+ <caption>발송가능 건수 API Response 키 종류 및 설명, 타입 테이블</caption>
	3298	+ <colgroup>
	3299	+ <col style="width:20%;">
	3300	+ <col style="width:60%;">
	3301	+ <col style="width:20%;">
	3302	+ </colgroup>
	3303	+ <thead>
	3304	+ <tr>
	3305	+ <th>키</th>
	3306	+ <th>설명</th>
	3307	+ <th>타입</th>
	3308	+ </tr>
	3309	+ </thead>
	3310	+ <tbody>
	3311	+ <tr>
	3312	+ <td><span class="font_b">resultCode</span></td>
	3313	+ <td>성공 여부("0" 아니면 실패)</td>
	3314	+ <td>String</td>
	3315	+ </tr>
	3316	+ <tr>
	3317	+ <td><span class="font_b">data</span></td>
	3318	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	3319	+ <td>Object</td>
	3320	+ </tr>
	3321	+ <tr>
	3322	+ <td><span class="font_b">[data].longPrice</span></td>
	3323	+ <td>장문 단가</td>
	3324	+ <td>String</td>
	3325	+ </tr>
	3326	+ <tr>
	3327	+ <td><span class="font_b">[data].longSendPsbltEa</span></td>
	3328	+ <td>장문 발송 가능 건수</td>
	3329	+ <td>String</td>
	3330	+ </tr>
	3331	+ <tr>
	3332	+ <td><span class="font_b">[data].mberMoney</span></td>
	3333	+ <td>현재 보유 금액</td>
	3334	+ <td>String</td>
	3335	+ </tr>
	3336	+ <tr>
	3337	+ <td><span class="font_b">[data].message</span></td>
	3338	+ <td>문자</td>
	3339	+ <td>String</td>
	3340	+ </tr>
	3341	+ <tr>
	3342	+ <td><span class="font_b">[data].picturePrice</span></td>
	3343	+ <td>그림문자 단가</td>
	3344	+ <td>String</td>
	3345	+ </tr>
	3346	+ <tr>
	3347	+ <td><span class="font_b">[data].pictureSendPsbltEa</span></td>
	3348	+ <td>그림문자 발송 가능 건수</td>
	3349	+ <td>String</td>
	3350	+ </tr>
	3351	+ <tr>
	3352	+ <td><span class="font_b">[data].shortPrice</span></td>
	3353	+ <td>단문 단가</td>
	3354	+ <td>String</td>
	3355	+ </tr>
	3356	+ <tr>
	3357	+ <td><span class="font_b">[data].shortSendPsbltEa</span></td>
	3358	+ <td>단문 발송 가능 건수</td>
	3359	+ <td>String</td>
	3360	+ </tr>
	3361	+ </tbody>
	3362	+ </table>
	3363	+ <div class="table_info">
	3364	+ <p>※ JSON 객체로 응답합니다.</p>
	3365	+ </div>
	3366	+ </div>
	3367	+ <div class="box">
	3368	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	3369	+ <div class="code_view">
	3370	+ <p>｛</p>
	3371	+ <div class="indent">
	3372	+ <p><span>"resultCode"</span>:"0"</p>
	3373	+ <p>,<span>"data"</span>｛</p>
	3374	+ <div class="indent_t1">
	3375	+ <p><span>"longPrice"</span>:"50"</p>
	3376	+ <p>,<span>"longSendPsbltEa"</span>:"19651"</p>
	3377	+ <p>,<span>"mberMoney"</span>:"982586.7"</p>
	3378	+ <p>,<span>"message"</span>:null</p>
	3379	+ <p>,<span>"picturePrice"</span>:"90"</p>
	3380	+ <p>,<span>"pictureSendPsbltEa"</span>:"10917"</p>
	3381	+ <p>,<span>"shortPrice"</span>:"18"</p>
	3382	+ <p>,<span>"shortSendPsbltEa"</span>:"54588"</p>
	3383	+ </div>
	3384	+ <p>｝</p>
	3385	+ </div>
	3386	+ <p class="l_code">｝</p>
	3387	+ </div>
	3388	+ </div>
	3389	+ <div class="box">
	3390	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	3391	+ <div class="code_view">
	3392	+ <p>｛</p>
	3393	+ <div class="indent">
	3394	+ <p><span>"resultCode"</span>:"5099"</p>
	3395	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	3396	+ </div>
	3397	+ <p class="l_code">｝</p>
	3398	+ </div>
	3399	+ </div>
	3400	+ <!--// Response-->
	3401	+ </div>
	3402	+ </div>
	3403	+ <div class="api_guide_con" id="tab2_13">
	3404	+
	3405	+ <ul class="info">
	3406	+ <li>- 보유캐시로 발송 가능한 문자의 건수를 단문(SMS), 장문(LMS), 그림(MMS)별로 각각 확인할 수 있습니다.</li>
	3407	+ <li>- 위 문자유형별 발송 가능건수는 개인별로 적용된 단가를 기준으로 산출되며, "첫결제 이벤트"는 적용되지 않습니다.</li>
	3408	+ </ul>
	3409	+
	3410	+ <div class="re_cont">
	3411	+ <!--Request-->
	3412	+ <div class="req_title">Request</div>
	3413	+ <div class="box">
	3414	+ <div class="text">
	3415	+ <h4>Request</h4>
	3416	+ <table>
	3417	+ <caption>API Request Http Method, 프로토콜, HOST, Service Port 정보 테이블</caption>
	3418	+ <colgroup>
	3419	+ <col style="width:20%;">
	3420	+ <col style="width:80%;">
	3421	+ </colgroup>
	3422	+ <tr>
	3423	+ <th>Http Method</th>
	3424	+ <td>POST</td>
	3425	+ </tr>
	3426	+ <tr>
	3427	+ <th>프로토콜</th>
	3428	+ <td>HHTP/1.1</td>
	3429	+ </tr>
	3430	+ <tr>
	3431	+ <th>HOST</th>
	3432	+ <td>api.munjaon.co.kr</td>
	3433	+ </tr>
	3434	+ <tr>
	3435	+ <th>Service Port</th>
	3436	+ <td>443</td>
	3437	+ </tr>
	3438	+ </table>
	3439	+ </div>
	3440	+ </div>
	3441	+ <div class="type_table">
	3442	+ <table>
	3443	+ <caption>발송가능 건수 API Request 키 종류 및 설명, 타입, 필수 여부 테이블</caption>
	3444	+ <colgroup>
	3445	+ <col style="width:20%;">
	3446	+ <col style="width:45%;">
	3447	+ <col style="width:25%">
	3448	+ <col style="width:10%">
	3449	+ </colgroup>
	3450	+ <thead>
	3451	+ <tr>
	3452	+ <th>키</th>
	3453	+ <th>설명</th>
	3454	+ <th>타입</th>
	3455	+ <th>필수</th>
	3456	+ </tr>
	3457	+ </thead>
	3458	+ <tbody>
	3459	+ <tr>
	3460	+ <td><span class="font_b">mberId</span></td>
	3461	+ <td>사용자 ID</td>
	3462	+ <td>String</td>
	3463	+ <td><span class="select_o">O</span></td>
	3464	+ </tr>
	3465	+ <tr>
	3466	+ <td><span class="font_b">accessKey</span></td>
	3467	+ <td>인증용 API Key</td>
	3468	+ <td>String</td>
	3469	+ <td><span class="select_o">O</span></td>
	3470	+ </tr>
	3471	+ </tbody>
	3472	+ </table>
	3473	+ <div class="table_info">
	3474	+ <p>※ HTTPS 프로토콜을 사용하여 POST로 요청합니다.</p>
	3475	+ </div>
	3476	+ </div>
	3477	+ <div class="box">
	3478	+ <div class="title">[Example]</div>
	3479	+ <div class="code_view">
	3480	+ <p>｛</p>
	3481	+ <div class="indent">
	3482	+ <p><span>"mberId"</span>:"String"</p>
	3483	+ <p>,<span>"accessKey"</span>:"String"</p>
	3484	+ </div>
	3485	+ <p class="l_code">｝</p>
	3486	+ </div>
	3487	+ </div>
	3488	+ <!--// Request-->
	3489	+ <!-- Response-->
	3490	+ <div class="res_title">Response</div>
	3491	+ <div class="type_table">
	3492	+ <table>
	3493	+ <caption>발송가능 건수 API Response 키 종류 및 설명, 타입 테이블</caption>
	3494	+ <colgroup>
	3495	+ <col style="width:20%;">
	3496	+ <col style="width:60%;">
	3497	+ <col style="width:20%;">
	3498	+ </colgroup>
	3499	+ <thead>
	3500	+ <tr>
	3501	+ <th>키</th>
	3502	+ <th>설명</th>
	3503	+ <th>타입</th>
	3504	+ </tr>
	3505	+ </thead>
	3506	+ <tbody>
	3507	+ <tr>
	3508	+ <td><span class="font_b">resultCode</span></td>
	3509	+ <td>성공 여부("0" 아니면 실패)</td>
	3510	+ <td>String</td>
	3511	+ </tr>
	3512	+ <tr>
	3513	+ <td><span class="font_b">data</span></td>
	3514	+ <td>결과값 객체(성공 : 데이터, 실패 : 메시지)</td>
	3515	+ <td>Object</td>
	3516	+ </tr>
	3517	+ <tr>
	3518	+ <td><span class="font_b">[data].longPrice</span></td>
	3519	+ <td>장문 단가</td>
	3520	+ <td>String</td>
	3521	+ </tr>
	3522	+ <tr>
	3523	+ <td><span class="font_b">[data].longSendPsbltEa</span></td>
	3524	+ <td>장문 발송 가능 건수</td>
	3525	+ <td>String</td>
	3526	+ </tr>
	3527	+ <tr>
	3528	+ <td><span class="font_b">[data].mberMoney</span></td>
	3529	+ <td>현재 보유 금액</td>
	3530	+ <td>String</td>
	3531	+ </tr>
	3532	+ <tr>
	3533	+ <td><span class="font_b">[data].message</span></td>
	3534	+ <td>문자</td>
	3535	+ <td>String</td>
	3536	+ </tr>
	3537	+ <tr>
	3538	+ <td><span class="font_b">[data].picturePrice</span></td>
	3539	+ <td>그림문자 단가</td>
	3540	+ <td>String</td>
	3541	+ </tr>
	3542	+ <tr>
	3543	+ <td><span class="font_b">[data].pictureSendPsbltEa</span></td>
	3544	+ <td>그림문자 발송 가능 건수</td>
	3545	+ <td>String</td>
	3546	+ </tr>
	3547	+ <tr>
	3548	+ <td><span class="font_b">[data].shortPrice</span></td>
	3549	+ <td>단문 단가</td>
	3550	+ <td>String</td>
	3551	+ </tr>
	3552	+ <tr>
	3553	+ <td><span class="font_b">[data].shortSendPsbltEa</span></td>
	3554	+ <td>단문 발송 가능 건수</td>
	3555	+ <td>String</td>
	3556	+ </tr>
	3557	+ </tbody>
	3558	+ </table>
	3559	+ <div class="table_info">
	3560	+ <p>※ JSON 객체로 응답합니다.</p>
	3561	+ </div>
	3562	+ </div>
	3563	+ <div class="box">
	3564	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_success">O 성공 예시</span></div>
	3565	+ <div class="code_view">
	3566	+ <p>｛</p>
	3567	+ <div class="indent">
	3568	+ <p><span>"resultCode"</span>:"0"</p>
	3569	+ <p>,<span>"data"</span>｛</p>
	3570	+ <div class="indent_t1">
	3571	+ <p><span>"longPrice"</span>:"50"</p>
	3572	+ <p>,<span>"longSendPsbltEa"</span>:"19651"</p>
	3573	+ <p>,<span>"mberMoney"</span>:"982586.7"</p>
	3574	+ <p>,<span>"message"</span>:null</p>
	3575	+ <p>,<span>"picturePrice"</span>:"90"</p>
	3576	+ <p>,<span>"pictureSendPsbltEa"</span>:"10917"</p>
	3577	+ <p>,<span>"shortPrice"</span>:"18"</p>
	3578	+ <p>,<span>"shortSendPsbltEa"</span>:"54588"</p>
	3579	+ </div>
	3580	+ <p>｝</p>
	3581	+ </div>
	3582	+ <p class="l_code">｝</p>
	3583	+ </div>
	3584	+ </div>
	3585	+ <div class="box">
	3586	+ <div class="title_t1"><span class="ex">[Example]</span><span class="ex_fail">X 실패 예시</span></div>
	3587	+ <div class="code_view">
	3588	+ <p>｛</p>
	3589	+ <div class="indent">
	3590	+ <p><span>"resultCode"</span>:"5099"</p>
	3591	+ <p>,<span>"data"</span>:"기타 시스템 오류"</p>
	3592	+ </div>
	3593	+ <p class="l_code">｝</p>
	3594	+ </div>
	3595	+ </div>
	3596	+ <!--// Response-->
	3597	+ </div>
	3598	+ </div>
1598	3599	</div>
1599		- <!--// tab_발송가능건수-->
1600		- <!--// 사용안내 내용-->
	3600	+ <!-- //REST API 개발 가이드 > 카카오톡 -->
	3601	+
	3602	+
	3603	+ <!--// 사용안내 내용-->
1601	3604	</div>
1602		- </div>
	3605	+ </div>
1603	3606	</div>
1604	3607	<!--// send top -->
1605	3608	</div>
1606	3609	</div>
1607	3610	<!--// content 영역 -->
1608	3611	<!-- footer -->
1609		- <div data-include-path="/publish/layout/_footer.html"></div>
1610		- <!--// footer 영역 -->
	3612	+ <div data-include-path="/publish/layout/_footer.html"></div>
	3613	+ <!--// footer 영역 -->
1611	3614	</body>
1612	3615
1613	3616	</html> (No newline at end of file)

b59a932

8fabd4c

src/main/webapp/publish/api_intro.html

--- src/main/webapp/publish/api_intro.html

+++ src/main/webapp/publish/api_intro.html


     <div class="skip_menu">
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
-    <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채     팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
-    <!--// header 영역 -->
-    <!-- login 영역 -->
+    <div class="mask"></div>
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!-- content 영역 -->
     <div id="container" class="cont sub">
         <div class="inner">

             <div class="send_top">
                 <!-- tab button -->
                 <ul class="tabType4">
-                    <li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
                 </ul>

                 
                 <div class="api_guide_cont current">
                     <div class="heading">
-                        <h2>문자 API 소개</h2>
+                        <h2>연동 서비스 안내</h2>
                     </div>
 
                     <!--소개 내용-->

                             <area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="#" coords="88,214,291,268" shape="rect">
                         </map>
                     </div>
+
+                    <div class="pay_tab_wrap">
+                        <ul class="tabType1">
+                            <li class="tab active"><button type="button" onclick="TabType5(this,'1');">문자</button></li>
+                            <li class="tab"><button type="button" onclick="TabType5(this,'2');">카카오톡</button></li>
+                        </ul>
+                    </div>
                     
                     <!--사용 절차 설명 -->
-                    <div class="api_intro">
+                    <div class="api_intro api_guide current" id="tab5_1">
                         <div class="title">
                             <h3>문자 API 사용 절차</h3>
                         </div>

                                 <li class="guide">
                                     <p class="step_title">STEP <span>01</span></p>
                                     <div class="step_con">
-                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="문자 API 신청 아이콘"></div>
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
                                         <dl>
-                                            <dt>문자 API 신청</dt>
-                                            <dd>관리자 승인 후 사용 가능</dd>
+                                            <dt>발신번호 사전 등록</dt>
+                                            <dd>발송에 필요한 발신번호<br>등록 필요</dd>
                                         </dl>
                                     </div>    
                                 </li>
                                 <li class="guide">
                                     <p class="step_title">STEP <span>02</span></p>
                                     <div class="step_con">
-                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="관리자 승인 아이콘"></div>
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
                                         <dl>
-                                            <dt>관리자 승인</dt>
-                                            <dd>승인 완료 시 문자 안내</dd>
+                                            <dt>문자 연동 API 신청</dt>
+                                            <dd>관리자 승인 후 사용 가능</dd>
                                         </dl>
                                     </div>      
                                 </li>
                                 <li class="guide">
                                     <p class="step_title">STEP <span>03</span></p>
                                     <div class="step_con">
-                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="아이피(IP) 등록 아이콘"></div>
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
                                         <dl>
-                                            <dt>아이피<span>(IP)</span> 등록</dt>
-                                            <dd>문자 API를 통해 문자 발송 서버 IP 등록</dd>
+                                            <dt>관리자 승인</dt>
+                                            <dd>승인 완료 시 문자 안내</dd>
                                         </dl>
                                     </div>    
                                 </li>
                                 <li class="guide">
                                     <p class="step_title">STEP <span>04</span></p>
                                     <div class="step_con">
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
+                                        <dl>
+                                            <dt>아이피(IP) 등록</dt>
+                                            <dd>문자 API를 통해<br>문자 발송 서버 IP 등록</dd>
+                                        </dt>
+                                    </div>    
+                                </li>
+                                <li class="guide">
+                                    <p class="step_title">STEP <span>05</span></p>
+                                    <div class="step_con">
                                         <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
                                         <dl>
                                             <dt>API 연동</dt>
-                                            <dd>API 사용 매뉴얼 및 샘플링을 통해 누구나 손쉽게 연동 가능</dd>
+                                            <dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
                                         </dt>
                                     </div>    
-                                </li>                                
+                                </li>
                             </ul>
                         </div>                          
                     </div>
                     <!--// 사용 절차 설명-->
+
+
+                    <div class="api_intro api_guide kakao_intro" id="tab5_2">
+                        <div class="title">
+                            <h3>카카오톡 연동(API) 사용 절차</h3>
+                        </div>
+
+                        <div class="title-line">
+                            <div class="left-line"></div>
+                            <div class="right-line"></div>
+                        </div>
+
+                        <div class="con">                       
+                            <ul class="api_process_guide">
+                                <li class="guide">
+                                    <p class="step_title">STEP <span>01</span></p>
+                                    <div class="step_con">
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
+                                        <dl>
+                                            <dt>발신프로필 사전 등록</dt>
+                                            <dd>발송에 필요한 발신프로필<br>등록 필요</dd>
+                                        </dl>
+                                    </div>    
+                                </li>
+                                <li class="guide">
+                                    <p class="step_title">STEP <span>02</span></p>
+                                    <div class="step_con">
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
+                                        <dl>
+                                            <dt>카카오톡 연동<br>API 신청</dt>
+                                            <dd>관리자 승인 후 사용 가능</dd>
+                                        </dl>
+                                    </div>      
+                                </li>
+                                <li class="guide">
+                                    <p class="step_title">STEP <span>03</span></p>
+                                    <div class="step_con">
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
+                                        <dl>
+                                            <dt>관리자 승인</dt>
+                                            <dd>승인 완료 시 문자 안내</dd>
+                                        </dl>
+                                    </div>    
+                                </li>
+                                <li class="guide">
+                                    <p class="step_title">STEP <span>04</span></p>
+                                    <div class="step_con">
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
+                                        <dl>
+                                            <dt>아이피(IP) 등록</dt>
+                                            <dd>카카오톡 API를 통해<br>문자 발송 서버 IP 등록</dd>
+                                        </dt>
+                                    </div>    
+                                </li>
+                                <li class="guide">
+                                    <p class="step_title">STEP <span>05</span></p>
+                                    <div class="step_con">
+                                        <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
+                                        <dl>
+                                            <dt>API 연동</dt>
+                                            <dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
+                                        </dt>
+                                    </div>    
+                                </li>
+                            </ul>
+                        </div>                          
+                    </div>
+
                     <!--// 소개 내용-->  
                 </div>                
             </div>            

b59a932

8fabd4c

src/main/webapp/publish/css/button.css

--- src/main/webapp/publish/css/button.css

+++ src/main/webapp/publish/css/button.css


 .btnType22:hover {background-color:#eea301;}
 .btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/
 .btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼 추가*/
-.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5; }
+.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5;}
+
+.btnType.fill_gray{background:#6a6c72;color:#fff;}
+.btnType.fill_lightgray{background:#8e8e8e;color:#fff;}
+.btnType.fill_blue{background:#002c9a;color:#fff;}
+.btnType.fill_lightblue{background:#b1c6ee;color:#222;}
+.btnType.fill_yellow{background:#eea301;color:#222;}
+
+.btnType.border_gray{border:1px solid #b1b1b1;color:#222;}
+.btnType.border_lightgray{border:1px solid #d5d5d5;color:#555;}
+.btnType.border_blue{border:1px solid #002c9a;color:#002c9a;}
+.btnType.border_lightblue{border:1px solid #b1c6ee;color:#222;}
+
+
 /* 기타 반복 사용 */
 
 /* 기타 버튼 타입 */

b59a932

8fabd4c

src/main/webapp/publish/css/common.css

--- src/main/webapp/publish/css/common.css

+++ src/main/webapp/publish/css/common.css


 .header {position: fixed;top: 0;left: 0;width: 100%;min-width: 1240px; z-index: 10;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);}
 /* header top */
 .header .header_top {background-color: #393939;color: #d1d1d1;height: 40px;font-weight: 300;font-size: 14px;font-weight: 300;transition: all 0.2s ease-in-out;}
-.header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;}
-.header .header_top .menu_left li {margin-right: 25px;}
+/* .header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} */
+.header .header_top .menu_left{display:flex;height:100%;align-items:center;gap:20px;}
+.header .header_top .menu_left li {}
 .header .header_top .menu_left li:hover {color: #fff;text-decoration: underline;}
-.header .header_top .menu_left i {padding-right: 4px;}
+.header .header_top .menu_left i {padding-right: 7px;vertical-align:bottom;}
 .header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;}
-.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
-.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
+.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
+.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
 .header .header_top .menu_right {right: 0;position: absolute;top: 50%;transform: translateY(-50%);background-color: #2c2c2c;height: 100%;line-height: 40px; display: flex;}
 .header .header_top .menu_right li {padding: 0 20px;}
 .header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;}

 .login2 .login_info {position: relative;vertical-align: middle;}
 /*.login2 .login_info::after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d3d3d3;top: 50%;right: -15px;transform: translateY(-50%);}*/
 .login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.login2 .login_info .login2_name {display: inline-block; min-width: 155px;  position: relative; vertical-align: middle;}
-.login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
-.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
-.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
+.login2 .login_info .login2_name {display: inline-flex; min-width: 110px;  position: relative; vertical-align: middle;align-items:center; cursor:pointer;}
+.login2 .login_info .login2_name p {color: #002c9a; font-weight: 600; vertical-align: top; height: 16px; white-space:nowrap;}
+.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin:0 0 0 0;}
+.login2 .login_info .icon_user{background-image: url(/publish/images/icon_header_user.png);width: 28px;height: 28px;}
 /*등급별 아이콘*/
 .login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
 .login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}

 .login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
 .login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
 /*등급별 아이콘 끝*/
-.login2 .login_info button {margin-right: 2px;}
+.login2 .login_info button {padding:0 14px;}
 .login2 .login_pay {display:flex;}
 .login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
 .login2 .check_money {margin-right: 20px; display: inline-flex;}
 .login2 .check_money p {padding-right: 6px;display: inline-block;vertical-align: middle;}
-.login2 .check_money i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
+.login2 .check_money>.holdingsum_box>i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
 .login2 .check_money button {margin-right: 2px;}
 .login2 .check_money .account_box {position:relative;display:inline-block;}
 .login2 .check_money .account_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px 24px 14px 14px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}

 .login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;}
 .login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;}
 .login2 .check_money .account_box:hover dl {display:block;}
-	/*후불 회원에게만 노출되는 안내레이어*/
-.login2 .check_money .holdingsum_box {position: relative;}
+
+.login2 .check_money .user_money_wrap{display:flex;align-items:center;gap:4px;margin:0 6px 0 0;}
+.login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
+.login2 .check_money .hover_content_wrap .qmMark{width:17px;height:17px;margin:0 4px 0 0;background:#6a6c72;border-radius:100%;color:#fff;text-align:center;}
+.login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
+.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 10px 8px 10px;border:2px solid #002c9a;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
+.login2 .check_money .hover_content::after{content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
+.login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
+.login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
+.login2 .check_money .hover_content .hover_content_title img{width:16px;margin:-4px 0 0 0;}
+.login2 .check_money .hover_content .send_available_number{display:flex;flex-direction:column;gap:7px;}
+.login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
+.login2 .check_money .hover_content .title{min-width:70px;}
+.login2 .check_money .hover_content .number{text-align:right;padding:0;}
+.login2 .check_money .hover_content .event_term{width:100%;padding:2px 0;margin:8px 0 0 0;background:#e5e5e5;font-size:13px;color:#444;text-align:center;border-radius:25px;}
+
+/*후불 회원에게만 노출되는 안내레이어*/
+.login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
 .login2 .check_money .holdingsum_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
 .login2 .check_money .holdingsum_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
 .login2 .check_money .holdingsum_box dl dd {margin:3px;font-size:15px;font-weight:500;white-space:nowrap; line-height:20px;}

 .login2 .event {white-space:nowrap;}
 
 /* 보안로그인 */
-.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;}
+.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;box-sizing:border-box;}
 .security_box.red_box{border:1px solid #ca1a1a;}
 .security_box.green_box{border:1px solid #0ca448;}
 .security_box p{cursor:pointer;}

     .login_right {margin-right: 20px; text-align: inherit;}
     .login2 .login_info {margin-right: 30px;}
     .login2 .login_info::after {right: -25px;}
+    .login2 .login_info .login2_name p{font-size:14px;}
+    .login2 .login_info button.btn_36.fill_gray{padding:0 8px;font-size:14px;}
+    .security_box,.login2 .check_money .user_money_wrap, .login2 .point,.login2 .session span,.login2 .login_info .login2_name span{font-size:14px;}
     .login2 .check_money {margin-right: 15px;}
     .login2 .login_right button {padding: 0 8px; margin-right: 20px;}
     /* quick Menu */

b59a932

8fabd4c

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 /*// 발송결과 화면개선 */
 .table {display: table;width: 100%;}
 .table_cell {display: table-cell;vertical-align: middle;}
+.table_cell1 {display: table-cell;vertical-align: top; position: relative;/*  top: 25px; */}
 .vMiddle {vertical-align: middle;}
 .tRight {text-align: right !important;}
 .tLeft {text-align: left !important;}

 .send_top .send_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
 .send_top .send_general.sec .send_right {min-height:auto;}
 /* phone 기본 -- sticky */
-.send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0;}
+.send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0; transition: top 0.1s linear;}
 .send_top .send_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 600px; background-size: 100% auto; background-repeat: no-repeat; }
 .send_top .send_right .phone .phoneIn>div {padding: 45px 25px 0 25px; position: relative; height: 96%; box-sizing: border-box;}
 .send_top .send_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}

 .send_general.sec .tType1 tbody tr:first-child {border-top: 0;}
 .send_top .excelWrap {padding: 20px 0;}
 .excel_middle {background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 20px 0;}
+.excel_middle .select_btnWrap div{gap:6px;}
 .send_top .excelWrap .excel_selBox {margin-bottom: 10px; display: flex; justify-content: space-between;}
 .send_top .excelWrap .excel_selBox select.selType1 {padding: 0 80px 0 10px;}
 .send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;}

 .search_wrap_btn button {height: 36px;}
 .search_wrap_btn p {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; color: #666; padding-left: 5px;}
 .search_wrap_btn p .add_text {font-size: 14px; padding-left: 5px;}
-.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0;}
+.custom_content.custom3 .area_tabcontent.photo_sample{gap:25px 13.4px;}
+.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0; margin:0;}
 .custom_content.custom3 .area_tabcontent li .photo_preview {background-color: #f2f2f2; padding: 0 7px 7px 7px; border: 1px solid #d5d5d5; border-radius: 10px;}
 .custom_content.custom3 .area_tabcontent li .tit_text_wrap {padding: 10px 0; letter-spacing: -1px;}
-.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 2px;}
-.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"]+label {font-size: 15px; color: #222;}
+.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 4px;}
+.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"]+label {display: inline-block; max-width: calc(100% - 100px); font-size: 15px; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
 .custom_content.custom3 .tit_text_wrap>span {font-size: 14px; width: 60px; text-align: center; padding: 4px; display: inline-block; border-radius: 11px; margin-left: 2px; font-weight: 300;}
 .custom_content.custom3 .tit_text_wrap>span.step1 {background-color: #2a57c8; color: #fff;}
 .custom_content.custom3 .tit_text_wrap>span.step2 {background-color: #fbc72b; color: #222; font-weight: 400;}

 .myphoto_info p {font-size: 14px; font-weight: 400; color: #222; text-align: left; font-weight: 300; line-height:18px;}
 .myphoto_info p:first-child {padding: 3px 0 8px 0;}
 .myphoto_info button {position: absolute; right: 0; background-color: #fff; height: 24px; padding: 0 6px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; color: #555;}
+.custom_content.custom3 .myphoto_info{text-align:right;}
+.custom_content.custom3 .myphoto_info button{position: inherit;}
 .myphoto_info button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
 .myphoto_info button.modify_btn {top: 0;}
 .myphoto_info button.detail_btn {top: 26px;}

 .pay_cont .tType1 button {height: 40px; margin-right: 2px;}
 .pay_cont .tType1 .btnType17 {font-size: 16px; width: 100px;}
 .pay_cont .excel_middle {margin: 20px 0 10px 0;}
-.pay_cont .excel_middle .selType2 {width: 82px; height: 32px; margin-left: 0;}
+.pay_cont .excel_middle .selType2 {/* width: 82px;  */height: 32px; margin-left: 0;}
+.pay_cont .select_btnWrap{display:flex;justify-content:space-between;align-items:center;}
 .pay_cont .select_btnWrap .add_text2 {font-size: 16px; padding-top: 7px; color: #666; font-weight: 300;}
 .pay_cont .select_btnWrap .add_text2 .accountinfo {padding:2px 0 0 10px; color:#21376c; font-weight:400;}
 .pay_cont .select_btnWrap .add_text2 .accountinfo span {font-size:14px; color:#697593; padding:0 0 0 10px;}

 .pay_cont .excel_middle .level_btn{margin: 0 5px; border: 1px solid #002c9a; color: #002c9a;}
 .pay_cont .excel_middle .level_btn img{margin-top: -3px;}
 
-.pay_cont .excel_middle .print_btn {margin: 0 5px;}
+/* .pay_cont .excel_middle .print_btn {margin: 0 5px;} */
 .pay_cont .pay_info {display: flex; justify-content: center; background-color: #efeff0; width: 100%; padding: 16px 0; border-radius: 5px; margin: 20px 0 50px 0; box-sizing: border-box; }
 .pay_cont .pay_info p:nth-child(1) {font-size: 18px;}
 .pay_cont .pay_info p:nth-child(2), .pay_cont .pay_info p:nth-child(3) {font-size: 16px; font-weight: 300;}

 .hisroy_price .hisroy_price_in>div>p:first-child {float: left;}
 .hisroy_price .hisroy_price_in>div>p:last-child {float: right;}
 .hisroy_price .hisroy_price_in>div>p>span {font-size: 22px; font-family: 'GmarketSansBold'; color: #002c9a; padding-right: 5px;}
+
+.price_history_cont .tType4 .btnType20{margin:0;}
+
 	/*후불회원 요금 사용내역*/
 .hisroy_price .hisroy_defprice_in {position:relative; background-color: #f2f2f2; width: calc(100%/4 - 10px); padding: 28px 22px 40px 22px; border-radius: 5px; box-sizing: border-box;}
 .hisroy_price .hisroy_defprice_in>p {font-size: 20px; font-weight: 600;  margin-bottom: 25px;  font-family: 'GmarketSansBold';}

 .pay_cont .bill_tab p {padding:0 0 0 20px;}
 .pay_cont .bill_content_wrap .bill_content {display:none;}
 
-.pay3_list td.td_payInfo span{position: relative; margin: 0 8px;}
+/* .pay3_list td.td_payInfo span{position: relative; margin: 0 8px;}
 .pay3_list td.td_payInfo span::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #666; left: 2px; top: 50%; transform: translateY(-50%);}
+.pay3_list .tType4 tbody td p{display:inline-block;width:auto;margin:0;vertical-align:middle;}
 .pay3_list td button{margin-right: 5px; padding: 0 10px; width: auto;}
 .pay3_list td button:last-child{margin-right: 0;}
 .pay3_list td button.btnType.btnType20 {display:block;margin:5px auto;}
 .pay3_list td button.btnType.btnType20:first-child {margin-top:10px;}
 .pay3_list td button.btnType.btnType20:last-child {margin-bottom:10px;}
+.pay3_list td button.btnType.btn_use_status{display:inline-block;margin:0;} */
+
+.pay3_list td.td_payInfo span{position: relative; margin: 0 8px;}
+.pay3_list td.td_payInfo span::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #666; left: 2px; top: 50%; transform: translateY(-50%);}
+.pay3_list .tType4 tbody td p{display:inline-block;width:auto;margin:0;vertical-align:middle;}
+.pay3_list td button{width:auto;padding:0 10px;margin:0;}
 
 /* 결제하기 */
 .charg_cont {background-color: #fff;padding: 40px;border-radius: 10px; min-height: 589px; display: none;}

 .kakaotalkset_cont .template_sample_content_wrap .pagination{margin-top: 40px;}
 
 .kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;}
+.kakaotalkset_cont .friend_talk_wrap .template_name_wrap input{width:340px;}
+.kakaotalkset_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;}
 .kakao_wrap .tType1_title{font-size: 24px;}
 .kakao_wrap .template_name{width: 340px;}
 .kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;}

 .kakao_wrap .img_add_info_wrap .info_title_text{font-size: 15px; font-weight: 500;}
 .kakao_wrap .img_add_info_wrap .info_text{font-size: 15px; color: #555;}
 .kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;}
-.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px; margin: 10px 0 15px 0;}
+.kakao_wrap .img_file_add_wrap .info_title_text{font-weight: 500;margin:0 0 5px 0;}
+.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px;}
 .kakao_wrap .img_file_add_wrap .img_file_info_wrap{width: 100%; max-width: 623px; border: 1px solid #e5e5e5; border-radius: 5px;}
 .kakao_wrap .img_file_add_wrap .img_file_info_wrap li{display: flex;min-height: 60px;padding: 10px 20px; border-bottom: 1px solid #e5e5e5;justify-content: space-between; align-items: center; box-sizing: border-box;}
 .kakao_wrap .img_file_add_wrap .img_file_info_wrap li:last-child{border-bottom: 0;}
 .kakao_wrap .img_file_add_wrap .file_name{font-size: 16px; font-weight: 500;}
 .kakao_wrap .img_file_add_wrap .btn_del{width: 30px;height: 30px;border: 1px solid #002c9a;border-radius: 5px;}
 .kakao_wrap .img_file_add_wrap .img_url{width: calc(100% - 190px);}
+.kakao_wrap .img_file_add_wrap .info_text{margin:0 0 10px 0;}
+.kakao_wrap .img_file_add_wrap .info_text li{list-style:1.4;}
+.kakao_wrap .img_file_add_wrap .img_file_wrap{display:inline-flex;width:calc(100% - 200px);}
+.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name{width:calc(100% - 28px);}
+.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name.file_none{color:#666;font-weight:300;line-height:1.8;}
 
 .kakaotalkset_cont .kakao_wrap .template_category{width: 270px;}
 .kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;}

 .kakaotalkset_cont .kakao_wrap .put_right .btn_close{width: calc(100% - 20px); height: 36px; background-color: #999; color: #fff; font-size: 15px; border-radius: 5px; margin-top: 5px;}
 .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap{position: absolute; width: 100%; bottom: 0;}
 .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;}
+.kakaotalkset_cont .friend_talk_wrap .phone_bottom{bottom:17px;}
 .kakaotalkset_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
 .kakaotalkset_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
 .kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}

 .kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));}
 .kakao_wrap .replace_send_wrap{display: none; border: 1px solid #000; border-radius: 8px;padding: 0 20px; margin: 0 0 20px 0;}
 .kakao_wrap .replace_send_wrap .tType1 tr:first-child{border-top: 0;}
-.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0;}
+.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0; left: 0;}
 .kakao_wrap .replace_send_th{height: auto; padding: 20px 0 0 0;}
 .kakao_wrap .replace_send_th .title_th{margin: 0 0 20px 0;}
 .kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;}

 .send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn{height: 40px; border: 5px solid #129738; color: #129738; font-size: 16px; font-weight: 500; padding: 0 15px; border-radius: 5px;}
 .send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn i{width: 17px; height: 15px; background-image: url(/publish/images/content/excel_img.png); margin: 0 5px 5px 0;}
 .send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap01{display: none !important;}
+.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .btnType{margin:0 0 0 6px;}
 .send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .listType{width: 100%;}
 .send_top .kakaotalksend_cont .kakao_wrap .send_left .receipt_num .list_table_num{width: calc(100% - 60px);}
 .kakaotalksend_cont .kakao_wrap .put_right .qmMark{width: 19px; height: 19px; background-image: url(/publish/images/content/qmIcon_s.png); margin: -0.3px 0 2px 4px;}
+.kakaotalksend_cont .kakao_wrap .receipt_num_top{align-items:center;gap:6px;}
+.kakaotalksend_cont .kakao_wrap .send_right .phone_bottom{top:calc(100% - 230px);}
 .kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
 .kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
 .kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
 .kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 58px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 79px);}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}

 .friend_talk_wrap .put_text_wrap .put_text{height: calc(100% - 40px); border: 0; background-color: transparent; padding: 14px 0 0 0px;}
 .friend_talk_wrap .put_text_wrap .text_length{position: absolute; display: flex; width: calc(100% - 40px); justify-content: space-between; align-items: center; left: 20px; box-sizing: border-box;}
 .friend_talk_wrap .put_text_wrap .ad_txt{padding: 0;margin: 0;}
-.friend_talk_wrap .put_right .btn_popup_wrap>button,.friend_talk_wrap .put_right .send_btnWrap>button{width: 100%; max-width: 100%; height: 40px;}
+.friend_talk_wrap .put_right .btn_popup_wrap>button{width: 100%; max-width: 100%; height: 40px;}
 .friend_talk_wrap .put_right .btn_popup_wrap>button:last-child,.friend_talk_wrap .put_right .send_btnWrap>button:last-child{margin: 0;}
-.friend_talk_wrap .put_right .btn_text_save{background-color: #fff; border: 1px solid #002c9a; color: #002c9a; margin: 0 0 8px 0;}
+.friend_talk_wrap .put_right .send_btnWrap{display:flex;gap:6px;}
+.friend_talk_wrap .put_right .send_btnWrap .btnType9{width:40%;}
+.friend_talk_wrap .put_right .send_btnWrap .btn_text_save{width:60%;}
+
 .friend_talk_wrap .template_button .cf_text{margin: 10px 0 0 0; font-size: 14px; color: #666;}
 .friend_talk_wrap .friend_talk_title{margin: 0 0 10px 0; font-size: 15px; color: #222;}
 .friend_talk_wrap .friend_talk_title span{color: #777;}
-.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;}
+.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;overflow:hidden;}
 .friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{font-size: 15px; font-weight: 300; color: #555;}
 .friend_talk_wrap .send_right .kakao_block_text{width: calc(100% - 20px); text-align: right; font-size: 13px; font-weight: 300; color: #555; margin: 10px 0 0 0;}
 .friend_talk_wrap .put_left {position: relative;width: calc(100% - 175px);height: 260px;}

 .friend_talk_wrap .put_right{width: 165px;}
 .friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;}
 .kakaotalksend_cont .friend_talk_wrap{padding: 0;}
-.kakaotalksend_cont .friend_talk_wrap .put_left {height: 307px;}
-.kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); margin: 10px 0 0 0;}
+.kakaotalksend_cont .friend_talk_wrap .put_left {height: 259px;}
+.kakaotalksend_cont .friend_talk_wrap .template_name_wrap{display:flex;gap:10px;}
+.kakaotalksend_cont .friend_talk_wrap .template_name_wrap input{width:340px;}
+.kakaotalksend_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;}
+/* .kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); } */
 .kakaotalksend_cont .friend_talk_wrap .put_right {position: relative;width: 165px;}
 .kakaotalksend_cont .tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close){margin: 0 0 0 10px;}
 

 .kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;} 
 .kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
 
-
-
 /* api - 소개 */
 .send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
+.send_top .api_guide_con{display:none;}
+.send_top .api_guide_con.current{display:block;}
 .api_guide_cont .api_visual_image {margin:0 0 57px 0; }
 .api_guide_cont .api_visual_image img {max-width:100%;}
 .api_guide_cont .api_intro {width:100%; margin:20px 0 0 0;}

 .api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}
 .api_guide_cont .api_intro .title-line .left-line{width:33%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}
 .api_guide_cont .api_intro .title-line .right-line{width:33%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}
+.api_guide_cont .api_intro.kakao_intro .title-line .left-line,.api_guide_cont .api_intro.kakao_intro .title-line .right-line{width:25%;}
 .api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }
 .api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}
-.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 60px)/4); padding: 0; border-radius: 5px; margin: 0 60px 0 0; text-align: center;}
-.api_guide_cont .api_process_guide li::after{position: absolute; content: " "; width: 33px; height: 33px; background-image: url(/publish/images/api_intro_cont/icon_api_next.png); right: -46px; top: 50%; transform: translateY(-50%); z-index: 1;}
+.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 15px)/5); padding: 0; border-radius: 5px; margin: 0 15px 0 0; text-align: center;}
+.api_guide_cont .api_process_guide li::after{position: absolute; content: " "; width: 33px; height: 33px; background-image: url(/publish/images/api_intro_cont/icon_api_next.png); right: -23px; top: 50%; transform: translateY(-50%); z-index: 1;}
 .api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;}
 .api_guide_cont .api_process_guide li:last-child::after{display: none;}
 .api_guide_cont .api_process_guide .step_title {background:#fbc72b; font-size:18px; text-align: center; border-radius:10px 10px 0 0; padding:10px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
 .api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;}
 .api_guide_cont .api_process_guide .step_con {height:250px; background:#fff;  border-radius:0 0 10px 10px; text-align: center; padding:25px 0 25px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
-.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;}
-.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 17px; font-weight: 300;  line-height: 1.2; padding:0 10px;}
+.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 19px; text-align: center; margin:20px 0 6px 0;}
+.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 14px; font-weight: 400;  line-height: 1.2; padding:0 10px;}
 
 /* api - 사용안내  */
 .api_guide {display: none;}

 .api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; }
 .api_guide_cont .box .text table th {width:210px; text-align: left; text-indent: 18px; line-height: 1.2; background:#f5f5f5; font-size:16px; padding:10px 0;}
 .api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;}
+
+.api_guide_cont .api_guide#tab5_1 .list_tab_wrap2.type3 li{width:calc(100%/5)}
 		/* // api 사용안내, 예제 다운로드 공통 사용*/
 .api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}
 .api_guide_cont .re_cont .type_table table thead th {border-top:1px solid #000; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; padding: 15px 0; }

 
 /* api - 신청/관리 */
 .api_guide_cont .api_admin {margin:0 0 60px 0; }
+.api_guide_cont .api_admin .info{margin:0 0 30px 0;}
 .api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;}
 .api_guide_cont .api_admin .tb_wrap_t1{ width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box; border-bottom: 0 none;}
 .api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;}

 /* right area 문자 미리보기 */
 .send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
 .send_top .send_general.sec .resultcont_right {min-height:auto;}
-.send_top .resultcont_right .tab_phone {display: none; } 
-.send_top .resultcont_right .tab_phone.current {display: block;} 
 /* phone 기본 -- sticky */
 .send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
 .send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }
-.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 25px 30px; position: relative; height: 98%; box-sizing: border-box;}
+.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 0 30px; position: relative; height: 96%; box-sizing: border-box;}
 .send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
 .send_top .resultcont_right .phone .text_length2 {padding: 12px 0;}
 .send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;}

 
 /* 알림톡 미리보기 */
 .send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;} 
-.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg_01.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;}
-.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
+.send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg_01.png); background-position:-10px top; padding: 27px 25px 0 25px;}
+.send_top .resultcont_right .phone_kakako .prev_p{padding: 8px 0 0 10px; border: 0; letter-spacing: -0.25px;}
 .send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
 .send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
 .send_top .resultcont_right .phone_kakako .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}

 .send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
 .send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap{display: flex; width: calc(85% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -3px; border-radius: 0 0 25px 25px;}
 .send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
-.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:-25px 0 10px 0;}
+.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
 
 .btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
 .btn_list_type1 .btnType.btnType17 {width:100px; }

 
 .tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
 .tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
+
+/*문자전송_안심번호 안내 추가*/
+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; text-align: left; line-height: 1.3; font-size: 14px; color: #e40000; font-weight: 400;}
+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
+.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
 
 
 @keyframes rotate-loading {

 	.sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
 	.sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
 	.sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
+	
+	/*문자전송_안심번호 안내 추가*/
+	.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: 0 0 0 11px; text-indent: -11px;}
+	.tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
 }
 
 @media only screen and (max-width:1380px){

b59a932

8fabd4c

src/main/webapp/publish/css/estimate.css

--- src/main/webapp/publish/css/estimate.css

+++ src/main/webapp/publish/css/estimate.css


 
 .est_body .cont2 {background-color: #f2f2f2; padding: 0 20px; border: 1px solid #ccc; border-radius: 5px; margin: 13px 0 20px 0; height: 50px; line-height: 50px; box-sizing: border-box;}
 .est_body .cont2 p:first-child {float: left; font-size: 16px; font-weight: 500;}
+.est_body .cont2 p:first-child span{font-size:13px;font-weight:400;color:#666;}
 .est_body .cont2 p:last-child {float: right; font-size: 13px; font-weight: 300;}
 .est_body .cont2 p span {font-size: 20px; font-weight: 700;}
 

b59a932

8fabd4c

src/main/webapp/publish/css/mem.css

--- src/main/webapp/publish/css/mem.css

+++ src/main/webapp/publish/css/mem.css


 .my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
 .my_dashboard .send_price::after{display: none;}
 .my_dashboard .send_price .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 18px; font-weight: bold; border-radius: 10px 0 0 10px; align-items: center; justify-content: center; line-height: 1.5;}
-.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
+.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0; padding: 0 10px;}
 .my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 14px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
 .my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;}
 .my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0}
 .my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;}
 .my_dashboard .send_price .price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
-.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0 0 0;}
+.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0;}
 .my_dashboard .send_price .event_wrap .event_text{font-size: 15px; color: #444; padding: 8px 0;}
 .my_dashboard .send_price .event_wrap .event_text span{color: #e40000; font-size: 17px;}
 

b59a932

8fabd4c

src/main/webapp/publish/guide.html

--- src/main/webapp/publish/guide.html

+++ src/main/webapp/publish/guide.html


         <li><a target="_blank" href="/publish/mypage4.html">mypage4.html</a>마이페이지 > 비밀번호 변경</li>
         <li><a target="_blank" href="/publish/mypage5.html">mypage5.html</a>마이페이지 > 발신번호 관리</li>
         <li><a target="_blank" href="/publish/mypage5_2.html">mypage5_2.html</a>마이페이지 > 발신번호 관리 > 번호 추가</li>
-        <li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li>
+        <!-- <li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li> -->
         <li><a target="_blank" href="/publish/mypage7.html">mypage7.html</a>마이페이지 > 회원탈퇴</li>
         <li><a target="_blank" href="/publish/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li>
         <li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</li>

 
         <li><b>기타</b></li>
         <li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
+        <li><a target="_blank" href="/publish/maintenance.html">maintenance.html</a>시스템 점검 페이지</li>
         <li><a target="_blank" href="/publish/intro_service.html">intro_service.html</a>문자온 소개 > 서비스 소개</li>
         <li><a target="_blank" href="/publish/intro_function.html">intro_function.html</a>문자온 소개 > 주요기능</li>
         <li><a target="_blank" href="/publish/intro_bestsample.html">intro_bestsample.html</a>문자온 소개 > 베스트문자샘플</li>

         <li><a target="_blank" href="/publish/email_form_terms_2024_clause.html">email_form_terms_2024_clause.html</a>서비스 이용약관 개정</li>
         <li><a target="_blank" href="/publish/email_form_terms_2024_privacy.html">email_form_terms_2024_privacy.html</a>개인정보처리방침 개정</li>
         <!-- ///////////////이메일 폼/////////////// -->
-         
-
 
     </ul>
 

8fabd4c

src/main/webapp/publish/images/api_intro_cont/api_guide_00.png (Binary) (added)

+++ src/main/webapp/publish/images/api_intro_cont/api_guide_00.png

Binary file is not shown

8fabd4c

src/main/webapp/publish/images/content/kakao_img_basic.jpg (Binary) (added)

+++ src/main/webapp/publish/images/content/kakao_img_basic.jpg

Binary file is not shown

8fabd4c

src/main/webapp/publish/images/content/kakao_img_wide.jpg (Binary) (added)

+++ src/main/webapp/publish/images/content/kakao_img_wide.jpg

Binary file is not shown

8fabd4c

src/main/webapp/publish/images/icon_header_user.png (Binary) (added)

+++ src/main/webapp/publish/images/icon_header_user.png

Binary file is not shown

8fabd4c

src/main/webapp/publish/images/icon_message.png (Binary) (added)

+++ src/main/webapp/publish/images/icon_message.png

Binary file is not shown

b59a932

8fabd4c

src/main/webapp/publish/index.html

--- src/main/webapp/publish/index.html

+++ src/main/webapp/publish/index.html


 		</div>
 	</div>
 
-	<!-- skip 메뉴  -->
-	<div class="skip_menu">
-		<a href="#cont" title="본문 바로가기" class="contGo" rel="nosublink">본문 바로가기</a>
-	</div>
-	<!--// skip 메뉴  -->
 
 	<!--// 요금안내 top 배너 시작 -->
-	<img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
+	<!-- <img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
 	<map name="topbanner">
 		<area shape="poly" coords="45,165,194,164,182,183,155,200,124,208,85,202,63,187,46,167" href="https://www.munjaon.co.kr/web/pay/PayGuide.do" alt="">
-	</map>
+	</map> -->
 	<!--// 요금안내 top 배너 끝-->
 
-	<!--// quick 메뉴 시작 -->
-	<!--quick 메뉴 변경전
-    <div class="quickMenu">
-    <div>
-      <p class="quick_title">QUICK<br>MENU</p>
-      <p class="quick_title2">QUICK</p>
-      <ul class="quickMenuIn">
-        <li>
-          <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-          <div class="hover_cont">이용안내</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-          <div class="hover_cont">채팅상담</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-          <div class="hover_cont">원격지원</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-          <div class="hover_cont">맞춤제작</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-          <div class="hover_cont">주소록 등록</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-          <div class="hover_cont">엑셀 대량전송</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick7"></i><span>견적서</span></a>
-          <div class="hover_cont">견적서</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick8"></i><span>결제</span></a>
-          <div class="hover_cont">결제</div>
-        </li>
-        <li>
-          <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-          <div class="hover_cont">영수증/계산서</div>
-        </li>
-      </ul>
-      <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-    </div>
-  </div>
-  -->
-	<!--quick 메뉴 변경후 시작-->
-	<div class="quickMenu main">
-		<div>
-			<p class="quick_title">QUICK<br>MENU</p>
-			<p class="quick_title2">QUICK</p>
-			<ul class="quickMenuIn">
-				<!--  
-            <li>
-                <a href="#" rel="nosublink"><i class="quick2"></i><span>카톡상담</span></a>
-                <div class="hover_cont">카톡상담</div>
-            </li>
-            <li>
-                <a href="#" rel="nosublink"><i class="quick3"></i><span>원격지원</span></a>
-                <div class="hover_cont">원격지원</div>
-            </li>
-            -->
-				<!-- 맞춤제작
-            <li>
-                <a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick4"></i><span>맞춤제작</span></a>
-                <div class="hover_cont">맞춤제작</div>
-            </li>
-             -->
-				<li>
-					<a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick12"></i><span>요금안내</span></a>
-					<div class="hover_cont">요금안내</div>
-				</li>
-				<li>
-					<a href="/web/mjon/addr/selectAddrList.do" rel="nosublink"><i class="quick10"></i><span>주소록 관리</span></a>
-					<div class="hover_cont">주소록 관리</div>
-				</li>
-				<li>
-					<a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
-					<div class="hover_cont">발신번호 관리</div>
-				</li>
-				<li style="margin-top: 1px;">
-					<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
-					<div class="hover_cont">엑셀 대량전송</div>
-				</li>
-				<li>
-					<a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i class="quick7"></i><span>견적서</span></a>
-					<div class="hover_cont">견적서</div>
-				</li>
-				<li style="margin-top: 1px;">
-					<a href="/web/member/pay/PayList.do" rel="nosublink"><i class="quick8"></i><span>결제관리</span></a>
-					<div class="hover_cont">결제관리</div>
-				</li>
-				<!-- 
-            <li>
-                <a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>계산서/영수증</span></a>
-                <div class="hover_cont">계산서/영수증</div>
-            </li>
-             -->
-				<li>
-					<a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>세금계산서</span></a>
-					<div class="hover_cont">세금계산서</div>
-				</li>
-				<li class="cscenter">
-					<a href="/web/cop/bbs/NoticeList.do" rel="nosublink"><i class="quick11"></i><span>고객센터</span></a>
-					<div class="hover_cont">
-						<div class="title">고객센터</div>
-						<div class="number">1551-8011</div>
-
-						<ul class="info">
-							<li>· 월~금 : 09:30 ~ 18:30</li>
-							<li>· 점심시간 : 13:00 ~ 14:00</li>
-							<li>· 토, 일요일 및 법정공휴일 휴무</li>
-						</ul>
-						<div class="cskakao">
-							<a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank" rel="nosublink">카톡 상담</a>
-							<a href="javascript:void(0);" class="remote" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a>
-						</div>
-					</div>
-				</li>
-			</ul>
-			<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-		</div>
-		<div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카카오톡 상담</a></div>
-	</div>
-	<!--// quick 메뉴 끝 -->
-
-	<!-- header 영역 -->
-	<header id="header" class="header sub">
-		<!-- header top 영역 -->
-		<div class="header_top">
-			<div class="inner">
-				<ul class="menu_left">
-					<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가2222</a></li>
-					<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-					<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-				</ul>
-				<ul class="menu_right">
-					<li><a href="#">충전하기</a></li>
-					<li class="SortLine"><a href="#">요금안내</a></li>
-					<li class="SortLine"><a href="#">이용안내</a></li>
-					<li class="SortLine"><a href="#">1:1고객상담</a></li>
-				</ul>
-			</div>
-		</div><!-- header top 영역 -->
-		<!-- header body 영역 -->
-		<div class="header_body">
-			<div class="inner table">
-				<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-				<ul class="gnbWrap table_cell">
-					<li><a href="#">문자발송</a></li>
-					<li class="new"><a href="#">카톡전송</a></li>
-					<li><a href="#">선거문자</a></li>
-					<li><a href="#">맞춤제작</a></li>
-					<li><a href="#">주소록 관리</a></li>
-					<li><a href="#">발송결과</a></li>
-					<li><a href="#">예약관리</a></li>
-					<li><a href="#">결제내역</a></li>
-				</ul>
-				<div class="s_menu">
-					<i class="allSearch_info"><span>문자검색</span></i>
-					<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-					<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-				</div>
-			</div>
-			<!-- search popup 영역 -->
-			<div class="pop_search">
-				<div class="inner">
-					<div class="area_search">
-						<select name="" id="">
-							<option value="">그림문자</option>
-							<option value="">단문문자</option>
-							<option value="">장문문자</option>
-							<option value="">GIF</option>
-						</select>
-						<input type="text" placeholder="문자샘플 검색하기" onfocus="this.placeholder=''" onblur="this.placeholder='문자샘플 검색하기'">
-						<button><img src="/publish/images/search02.png" alt=""></button>
-					</div>
-					<div class="area_popular">
-						<p><i></i>인기검색어</p>
-						<ul class="popular_tag">
-							<li><a href="#">#정월대보름</a></li>
-							<li class="on"><a href="#">#추석</a></li>
-							<li><a href="#">#가을인사</a></li>
-							<li><a href="#">#좋은하루</a></li>
-						</ul>
-					</div>
-					<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-				</div>
-			</div>
-			<!--// search popup 영역 -->
-		</div>
-		<!--// header body 영역 -->
-		<div id="login" class="login2">
-			<div class="inner">
-				<div class="login_left">
-					<div class="login_info">
-						<i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
-						<div class="login2_name">
-							<p>정수빈</p><span>(개인) 님</span>
-						</div>
-						<div class="session">
-							<div>
-								<span id="ViewTimer">00:00</span>
-							</div>
-							<button type="button" onclick="sessionExpend(); return false;">연장</button>
-						</div>
-						<button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
-						<button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
-
-						<div class="security_box green_box">
-							<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a><!-- 보안로그인 클릭시 보안로그인 홈페이지로 -->
-							<a href="#" id="secuLoginFlag" class="state on">ON</a><!-- ON/OFF 클릭시 이벤트 발생 -->
-						</div>
-					</div>
-					<div class="login_pay">
-						<div class="check_money">
-							<div class="holdingsum_box">
-								<i></i>
-								<p>보유잔액
-									<!-- <em>(캐시)</em> --> <span class="fwMd" id="hdUserMoney">0</span>원</p>
-							</div>
-							<button type="button" class="btnType btnType3">충전</button>
-							<div class="account_box">
-								<button type="button" class="btnType btnType3">전용계좌</button>
-								<dl>
-									<dt>전용계좌</dt>
-									<dd>기업은행 48011304697636</dd>
-								</dl>
-							</div>
-						</div>
-						<div class="point">
-							<i></i>
-							<p>
-								<!-- <em>적립</em> -->포인트 <span class="fwMd">0</span>원</p>
-							<button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<!--// login 영역 -->
-	</header>
-	<!--// header 영역 -->
-	<div class="mask"></div>
+	<div data-include-path="/publish/layout/_header.html"></div>
 
 	<!-- login 영역 -->
 	<!-- content 영역 -->

 		<!--// visual 영역 -->
 		<!-- new_content1 //-->
 		<div class="banner_w">
-			<div class="sw_wrap">
-				<div class="swiper-container swiper2 swiper-container-initialized swiper-container-horizontal">
-					<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-3395px, 0px, 0px);">
-						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" style="width: 339.5px;">
+	<div class="sw_wrap">
+		<div class="swiper-container swiper2 swiper-container-initialized swiper-container-horizontal">
+			<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-3734.5px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">특정문구 일괄변환 기능</li>
 										<li class="cont_ex">
-											<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
-											</p>
+												<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="6" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자 포토에디터 무료 제공</li>
 										<li class="cont_ex">
-											<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
-											</p>
+												<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="7" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="7" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자 제목 및 약도 추가</li>
 										<li class="cont_ex">
-											<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
-											</p>
+												<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="8" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+								
+									<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">자동화 기반 비용처리</li>
 										<li class="cont_ex">
-											<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
-											</p>
+												<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<!-- 배너수정 250224 -->
+			
+            <!-- 배너수정 250224 -->       
+			
+				
+					
 						<div class="swiper-slide" data-swiper-slide-index="0" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">대량문자·단체문자 전송</li>
 										<li class="cont_ex">
-											<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
-											</p>
+												<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="1" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/api/intrdView.do" title="페이지 이동">
+								
+									<a href="/web/api/intrdView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자연동(API) 서비스 제공</li>
 										<li class="cont_ex">
-											<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
-											</p>
+												<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="2" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">그림문자 맞춤제작</li>
 										<li class="cont_ex">
-											<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
-											</p>
+												<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="3" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
+								
+									<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">주소록 등록 무료대행</li>
 										<li class="cont_ex">
-											<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
-											</p>
+												<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="4" style="width: 339.5px;">
 							<div class="contWrap">
-								<ul class="slide_cont1 table_cell1">
-									<li class="cont1_title">080수신거부 무료 제공</li>
-									<li class="cont_ex">
-										<p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p>
-										<p class="bg_icon">
-											<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt="">
-										</p>
-									</li>
-								</ul>
+								
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">080수신거부 무료 제공</li>
+										<li class="cont_ex">
+												<p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt="">
+												</p>
+										</li>
+										
+									</ul>
+								
 							</div>
 						</div>
-						<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" style="width: 339.5px;">
+					
+						<div class="swiper-slide" data-swiper-slide-index="5" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">특정문구 일괄변환 기능</li>
 										<li class="cont_ex">
-											<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
-											</p>
+												<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="6" style="width: 339.5px;">
+					
+						<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="6" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자 포토에디터 무료 제공</li>
 										<li class="cont_ex">
-											<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
-											</p>
+												<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="7" style="width: 339.5px;">
-							<div class="contWrap on">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+					
+						<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="7" style="width: 339.5px;">
+							<div class="contWrap">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자 제목 및 약도 추가</li>
 										<li class="cont_ex">
-											<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
-											</p>
+												<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<div class="swiper-slide" data-swiper-slide-index="8" style="width: 339.5px;">
-							<div class="contWrap">
-								<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+					
+						<div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="8" style="width: 339.5px;">
+							<div class="contWrap on">
+								
+									<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">자동화 기반 비용처리</li>
 										<li class="cont_ex">
-											<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
-											</p>
+												<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-
-						<!--// 배너수정 250224 -->
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="width: 339.5px;">
+					
+				
+				
+			
+            <!--// 배너수정 250224 -->   
+			<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">대량문자·단체문자 전송</li>
 										<li class="cont_ex">
-											<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
-											</p>
+												<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/api/intrdView.do" title="페이지 이동">
+								
+									<a href="/web/api/intrdView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자연동(API) 서비스 제공</li>
 										<li class="cont_ex">
-											<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
-											</p>
+												<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">그림문자 맞춤제작</li>
 										<li class="cont_ex">
-											<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
-											</p>
+												<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
+								
+									<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">주소록 등록 무료대행</li>
 										<li class="cont_ex">
-											<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
-											</p>
+												<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-					</div>
-					<!-- 버튼 -->
-					<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
-						<img src="/publish/images/main/cont1_next.png" alt="다음">
-					</div>
-					<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
-						<img src="/publish/images/main/cont1_prev.png" alt="이전">
-					</div>
-					<!-- 페이징 -->
-					<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span></div>
-					<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
-				</div>
+						</div></div>
+			<!-- 버튼 -->
+			<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
+				<img src="/publish/images/main/cont1_next.png" alt="다음">
 			</div>
-		</div>
+			<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
+				<img src="/publish/images/main/cont1_prev.png" alt="이전">
+			</div>
+			<!-- 페이징 -->
+			<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 8"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 9"></span></div>
+		<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
+	</div>
+</div>
 		<form id="mainImgSendForm" name="mainImgSendForm" method="post">
 			<input type="hidden" id="atchFileId1" name="atchFileId1" value="">
 			<input type="hidden" id="fileSn" name="fileSn" value="">

b59a932

8fabd4c

src/main/webapp/publish/info_popup.html

--- src/main/webapp/publish/info_popup.html

+++ src/main/webapp/publish/info_popup.html

...	...	@@ -429,6 +429,25 @@
429	429	</div>
430	430	<!-- // 결제관리 > 세금계산서 발행 등록 -->
431	431
	432	+ <!-- 카톡발송 > 친구톡 -->
	433	+ <div class="info_popup" id="friendTalkSend">
	434	+ <div class="popup_heading">
	435	+ <p>사용안내</p>
	436	+ </div>
	437	+ <div class="layer_in layer_info_wrap">
	438	+ <ul class="info_list">
	439	+ <li>친구톡 텍스트형은 최대 1,000자까지 작성 가능 (이미지형 400자, 와이드 이미지형 76자)</li>
	440	+ <li>변수는 [이름], [1]~[4]까지 입력하실 수 있습니다.</li>
	441	+ <li>광고성 정보 포함 시, 자동으로 (광고) 표시와 080무료수신거부번호가 메시지 내용에 표시됩니다.</li>
	442	+ <li>(광고) 표기 사용 여부는 선택 가능하나, (광고) 표기 해제에 따른 법규 의무사항 미준수 시, 메시지 발송이 중단될 수 있습니다.</li>
	443	+ <li>예약 메시지는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
	444	+ <!-- <li>세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</li> -->
	445	+ <li style="font-weight:bold;color:#222;">안심번호는 임시번호로 전송이 불가합니다.</li>
	446	+ </ul>
	447	+ </div>
	448	+ </div>
	449	+ <!-- // 카톡발송 > 친구톡 -->
	450	+
432	451	</body>
433	452
434	453	</html> (No newline at end of file)

b59a932

8fabd4c

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 $(document).ready(function () {
-	
+
 	// 문자작성 영역 클릭시 textarea 활성화
-	$('.put_left').on('click',function(e){
+	$('.put_left').on('click', function (e) {
 		$(this).find('textarea.put_text').focus();
 	});
 

 	});
 
 	/* 문자샘플 , 회원가입 약관 동의, 전송내역, 팝업에 있는 table, 요금사용 내역 호버 컨텐츠, 예약관리 문자내용 상세보기 팝업, 메모 팝업, 주소록 불러오기 팝업, 주소록 관리 왼쪽, 견적서 스크롤바 꾸미기 */
-	if($(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").length>0){
+	if ($(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").length > 0) {
 		$(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "outside",

 			scrollInertia: 600,
 			mouseWheelPixels: 300
 		});
-	}else if($(".kakao_template_wrap").length>0){
+	} else if ($(".kakao_template_wrap").length > 0) {
 		$(".kakao_template_wrap").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "inside",

 			mouseWheelPixels: 300
 		});
 	}
-	
+
 	//결제관리 - 견적내기 tbody 10줄 이상부터 스크롤 생김
 	var tbHieght = $('.tType3.payDetail .tType3_bd_wrap').height();
-	if(tbHieght > 399){
-		$('.tType3.payDetail .tType3_bd_wrap').css("height","400px");
+	if (tbHieght > 399) {
+		$('.tType3.payDetail .tType3_bd_wrap').css("height", "400px");
 		$(".tType3.payDetail .tType3_bd_wrap").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "outside",

 			scrollInertia: 600,
 			mouseWheelPixels: 300
 		});
-	}else {}
+	} else {}
 
 
 	/* 실시간 글 적용 */
 	/*var jbTxt = $("#textarea").text();
 	$(".realtime").text(jbTxt);*/
-/*
-	$("#textarea, #smsTxtArea").on("change keyup paste", function () {
-		var crtTxt = $(this).val();
-		$(".realtime").text(crtTxt);
-		$(".none_txt").empty();
-	});
-*/	
+	/*
+		$("#textarea, #smsTxtArea").on("change keyup paste", function () {
+			var crtTxt = $(this).val();
+			$(".realtime").text(crtTxt);
+			$(".none_txt").empty();
+		});
+	*/
 	$(".kakaotalksend_cont #textarea,.kakaotalkset_cont #textarea").on("change keyup paste", function () {
 		var crtTxt = $(this).val();
 		$(".template_text").text(crtTxt);

 	})
 
 
-	
+
 
 	//요금 사용내역 table안에 있는 내용 hover 시 컨텐츠 보임
-	$(".tb_tit").mouseover(function(){
+	$(".tb_tit").mouseover(function () {
 		$(this).find(".history_hover").css({
 			"top": "50%",
 			"left": "90%",

 		})
 	})
 	//컨텐츠 사라짐
-	$(".tb_tit").mouseleave(function(){
+	$(".tb_tit").mouseleave(function () {
 		$(this).find(".history_hover").css({
 			"top": 0,
 			"left": 0,

 	})
 
 	/* 주소록 순서 변경 */
-	$(".list_switch").each(function(index, item){
-		index+=1;
-		$(item).addClass("adr_0"+index); // 순서대로 클래스 추가
+	$(".list_switch").each(function (index, item) {
+		index += 1;
+		$(item).addClass("adr_0" + index); // 순서대로 클래스 추가
 		$(".adr_01").addClass("adr_first"); // 첫번째 그룹 클래스 추가
 		$(".list_switch").last().addClass("adr_last"); // 마지막 그룹 클래스 추가
-	 });
+	});
 
 
-	 /* 최상단으로 */
-	 $(".btn_top").click(function(){
+	/* 최상단으로 */
+	$(".btn_top").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 
-		if(checkAdrWrap.is(".adr_first") == true){
-		   // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
-		   $(".adr_first").after(checkAdrWrap);
+		if (checkAdrWrap.is(".adr_first") == true) {
+			// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
+			$(".adr_first").after(checkAdrWrap);
+		} else {
+			// 첫번째가 선택 안됐을 때 나머지들을 최상단으로
+			$(".adr_first").before(checkAdrWrap);
 		}
-		else{
-		   // 첫번째가 선택 안됐을 때 나머지들을 최상단으로
-		   $(".adr_first").before(checkAdrWrap);
-		}
-	
+
 		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-		
-		// 순서대로 다시 클래스 추가
-		$(".list_switch").each(function(index, item){
-		   $(item).removeClass("adr_0"+index);
-		   index+=1;
-		   if(index > 0){
-			  $(item).addClass("adr_0"+index);
-			  $(".adr_01").addClass("adr_first");
-			  $(".list_switch").last().addClass("adr_last");
-		   }
-		});
-	 })
 
-	 
+		// 순서대로 다시 클래스 추가
+		$(".list_switch").each(function (index, item) {
+			$(item).removeClass("adr_0" + index);
+			index += 1;
+			if (index > 0) {
+				$(item).addClass("adr_0" + index);
+				$(".adr_01").addClass("adr_first");
+				$(".list_switch").last().addClass("adr_last");
+			}
+		});
+	})
+
+
 	/* 상단으로 */
-	$(".btn_up").click(function(){
+	$(".btn_up").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 		//$(checkAdrWrap).prev().before(checkAdrWrap);
 
-	 	$(checkAdrWrap).each(function(index, item){
-	 		if ($(item).index() == 2) {
-	 			 return false;        //break
-	 		}
-	 		
-	 		// 한칸씩 위로 이동
- 			$(item).prev().before(item);
+		$(checkAdrWrap).each(function (index, item) {
+			if ($(item).index() == 2) {
+				return false; //break
+			}
+
+			// 한칸씩 위로 이동
+			$(item).prev().before(item);
 
 			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 			$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-			
+
 			// 순서대로 다시 클래스 추가
-			$(".list_switch").each(function(index, item){
-			   $(item).removeClass("adr_0"+index);
-			   index+=1;
-			   if(index > 0){
-				  $(item).addClass("adr_0"+index);
-				  $(".adr_01").addClass("adr_first");
-				  $(".list_switch").last().addClass("adr_last");
-			   }
-			});	 			
+			$(".list_switch").each(function (index, item) {
+				$(item).removeClass("adr_0" + index);
+				index += 1;
+				if (index > 0) {
+					$(item).addClass("adr_0" + index);
+					$(".adr_01").addClass("adr_first");
+					$(".list_switch").last().addClass("adr_last");
+				}
+			});
 		});
 
 		//var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
 		//var checkAdrWrap = checkAdr.parent().parent();
 		//var adrLength = $(checkAdr).parents(".adr1_list").find(".adr_cb_wrap").eq;
-		
+
 		//alert(adrLength);
 		//if($(checkAdr).is(":checked")){
 		//	$(checkAdrWrap).length();
 		//}else{}
-		
-//		// 버튼 클릭 시 체크된 값 가져와야함.
-//		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-//	 	var checkAdrWrap = checkAdr.parent().parent();
-//		var checkAdrWrap2 = checkAdrWrap.first().prev();
-//
-//		if(checkAdrWrap2.is(".list_fixed") == false){
-//			$(checkAdrWrap2).before(checkAdrWrap);
-//		}else{}
-//		
-//		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
-//		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-//		
-//		// 순서대로 다시 클래스 추가
-//		$(".list_switch").each(function(index, item){
-//		   $(item).removeClass("adr_0"+index);
-//		   index+=1;
-//		   if(index > 0){
-//			  $(item).addClass("adr_0"+index);
-//			  $(".adr_01").addClass("adr_first");
-//			  $(".list_switch").last().addClass("adr_last");
-//		   }
-//		});
-	 })
 
-	 /* 하단으로 */
-	$(".btn_down").click(function(){
+		//		// 버튼 클릭 시 체크된 값 가져와야함.
+		//		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
+		//	 	var checkAdrWrap = checkAdr.parent().parent();
+		//		var checkAdrWrap2 = checkAdrWrap.first().prev();
+		//
+		//		if(checkAdrWrap2.is(".list_fixed") == false){
+		//			$(checkAdrWrap2).before(checkAdrWrap);
+		//		}else{}
+		//		
+		//		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
+		//		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
+		//		
+		//		// 순서대로 다시 클래스 추가
+		//		$(".list_switch").each(function(index, item){
+		//		   $(item).removeClass("adr_0"+index);
+		//		   index+=1;
+		//		   if(index > 0){
+		//			  $(item).addClass("adr_0"+index);
+		//			  $(".adr_01").addClass("adr_first");
+		//			  $(".list_switch").last().addClass("adr_last");
+		//		   }
+		//		});
+	})
+
+	/* 하단으로 */
+	$(".btn_down").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 		//$(checkAdrWrap).next().after(checkAdrWrap);
 
-		$(checkAdrWrap.get().reverse()).each(function(index, item){
-	 		if ($(item).index() == $(".list_switch").last().index()) {
-	 			 return false;        //break
-	 		}
-	 		
-	 		// 한칸씩 아래로 이동
+		$(checkAdrWrap.get().reverse()).each(function (index, item) {
+			if ($(item).index() == $(".list_switch").last().index()) {
+				return false; //break
+			}
+
+			// 한칸씩 아래로 이동
 			$(item).next().after(item);
 
 			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 			$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-			
+
 			// 순서대로 다시 클래스 추가
-			$(".list_switch").each(function(index, item){
-			   $(item).removeClass("adr_0"+index);
-			   index+=1;
-			   if(index > 0){
-				  $(item).addClass("adr_0"+index);
-				  $(".adr_01").addClass("adr_first");
-				  $(".list_switch").last().addClass("adr_last");
-			   }
+			$(".list_switch").each(function (index, item) {
+				$(item).removeClass("adr_0" + index);
+				index += 1;
+				if (index > 0) {
+					$(item).addClass("adr_0" + index);
+					$(".adr_01").addClass("adr_first");
+					$(".list_switch").last().addClass("adr_last");
+				}
 			});
 		});
-	 })
+	})
 
-	 /* 최하단으로 */
-	 $(".btn_botom").click(function(){
+	/* 최하단으로 */
+	$(".btn_botom").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 
-		if(checkAdrWrap.is(".adr_last") == true){
-		   // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
-		   $(".adr_last").before(checkAdrWrap);
+		if (checkAdrWrap.is(".adr_last") == true) {
+			// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
+			$(".adr_last").before(checkAdrWrap);
+		} else {
+			// 첫번째가 선택 안됐을 때 나머지들을 최하단으로
+			$(".adr_last").after(checkAdrWrap);
 		}
-		else{
-		   // 첫번째가 선택 안됐을 때 나머지들을 최하단으로
-		   $(".adr_last").after(checkAdrWrap);
-		}
-	
+
 		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-		
+
 		// 순서대로 다시 클래스 추가
-		$(".list_switch").each(function(index, item){
-		   $(item).removeClass("adr_0"+index);
-		   index+=1;
-		   if(index > 0){
-			  $(item).addClass("adr_0"+index);
-			  $(".adr_01").addClass("adr_first");
-			  $(".list_switch").last().addClass("adr_last");
-		   }
+		$(".list_switch").each(function (index, item) {
+			$(item).removeClass("adr_0" + index);
+			index += 1;
+			if (index > 0) {
+				$(item).addClass("adr_0" + index);
+				$(".adr_01").addClass("adr_first");
+				$(".list_switch").last().addClass("adr_last");
+			}
 		});
-	 })
-	 /* //주소록 순서 변경 */
+	})
+	/* //주소록 순서 변경 */
 
 
 

 
 
 	// 퀵메뉴 버튼 클릭 시 컨텐츠와 푸터 열고 닫히고 버튼 이미지 변경됨
-	$(".adr_cb_wrap>p").off("click").on('click',function () {
+	$(".adr_cb_wrap>p").off("click").on('click', function () {
 
 		// 전체
 		$(".check_group_all>p").find("img").attr("src", "/publish/images/content/close_folder.png");
 		$(".check_group_all>p").find("img").attr("alt", "폴더 닫힘");
-		
+
 		// 주소록 그룹 열림, 닫힘 폴더이미지 초기화
 		$(".adr1_list div p").each(function (index, item) {
 			$(item).find("img").attr("src", "/publish/images/content/close_folder2.png");
 			$(item).find("img").attr("alt", "폴더 닫힘");
 		});
-		
+
 		var foloerImg = $(this);
 
 		/*

 			$(this).find("img").attr("alt", "폴더 닫힘");
 		}
 		*/
-		
+
 		if ($(this).parent().hasClass("check_group_all") === true) {
 			$(this).find("img").attr("src", "/publish/images/content/open_folder.png");
-			$(this).find("img").attr("alt", "폴더 열림");		
-		}
-		else {
+			$(this).find("img").attr("alt", "폴더 열림");
+		} else {
 			$(this).find("img").attr("src", "/publish/images/content/open_folder2.png");
-			$(this).find("img").attr("alt", "폴더 열림");		
+			$(this).find("img").attr("alt", "폴더 열림");
 		}
-		
+
 	});
 
 
-//    //주소록 불러오기 팝업 textarea 대신 p태그로 글씨 먹인 영역 active 시 사라지게
-//    $(".req_area").click(function(){
-// 	$(".req_area").addClass("active");
-// 	});
+	//    //주소록 불러오기 팝업 textarea 대신 p태그로 글씨 먹인 영역 active 시 사라지게
+	//    $(".req_area").click(function(){
+	// 	$(".req_area").addClass("active");
+	// 	});
 
-// 	// 외부영역 클릭 시 textarea 사라짐
-// 	$(document).mouseup(function (e){
-// 		var LayerPopup = $(".req_area");
-// 		if(LayerPopup.has(e.target).length === 0){
-// 		  LayerPopup.removeClass("active");
-// 		}
-// 	  });
-	 
-	 //선거문자 1명씩 선택 ? 호버 시 팝업
-	 $(".btn_check_one .qmMark").mouseover(function(){
+	// 	// 외부영역 클릭 시 textarea 사라짐
+	// 	$(document).mouseup(function (e){
+	// 		var LayerPopup = $(".req_area");
+	// 		if(LayerPopup.has(e.target).length === 0){
+	// 		  LayerPopup.removeClass("active");
+	// 		}
+	// 	  });
+
+	//선거문자 1명씩 선택 ? 호버 시 팝업
+	$(".btn_check_one .qmMark").mouseover(function () {
 		$(this).parents(".btnType").next(".send_hover_cont").addClass("on");
 	})
-	$(".btn_check_one .qmMark").mouseleave(function(){
+	$(".btn_check_one .qmMark").mouseleave(function () {
 		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
-  	})
-  	
-  	// 번호추가 ? 호버 시 팝업
-  	$(".btn_add_number .qmMark").mouseover(function(){
+	})
+
+	// 번호추가 ? 호버 시 팝업
+	$(".btn_add_number .qmMark").mouseover(function () {
 		$(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");
 	})
-	$(".btn_add_number .qmMark").mouseleave(function(){
+	$(".btn_add_number .qmMark").mouseleave(function () {
 		$(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");
-  	})
-  	
-  	
+	})
+
+
 	//문자발송 오류검사 ? 호버 시 팝업
-	$(".test_qm").mouseover(function(){
+	$(".test_qm").mouseover(function () {
 		$(this).parents(".btnType").find(".test_hover_cont").addClass("on");
 	})
-	$(".test_qm").mouseleave(function(){
-	  $(this).parents(".btnType").find(".test_hover_cont").removeClass("on");
-  	})
-
-	  //문자발송 오류검사 ? 호버 시 팝업
-	$(".check_validity").mouseover(function(){
-		$(this).next(".error_hover_cont").addClass("on");
-	});
-	$(".check_validity").mouseleave(function(){
-	  $(this).next(".error_hover_cont").removeClass("on");
-  	});
-
-	  //주소록 관리 - 수신거부 관리 결과전송 ?호버 시 팝업
-	  $(".adr2_hover").mouseover(function(){
-		  $(this).parents(".btnType").next(".adr2_hover_cont").addClass("on");
-	  })
-	  $(".adr2_hover").mouseleave(function(){
-		$(this).parents(".btnType").next(".adr2_hover_cont").removeClass("on");
-		})
+	$(".test_qm").mouseleave(function () {
+		$(this).parents(".btnType").find(".test_hover_cont").removeClass("on");
+	})
 
 	//문자발송 오류검사 ? 호버 시 팝업
-	$(".adr_qm").mouseover(function(){
+	$(".check_validity").mouseover(function () {
+		$(this).next(".error_hover_cont").addClass("on");
+	});
+	$(".check_validity").mouseleave(function () {
+		$(this).next(".error_hover_cont").removeClass("on");
+	});
+
+	//주소록 관리 - 수신거부 관리 결과전송 ?호버 시 팝업
+	$(".adr2_hover").mouseover(function () {
+		$(this).parents(".btnType").next(".adr2_hover_cont").addClass("on");
+	})
+	$(".adr2_hover").mouseleave(function () {
+		$(this).parents(".btnType").next(".adr2_hover_cont").removeClass("on");
+	})
+
+	//문자발송 오류검사 ? 호버 시 팝업
+	$(".adr_qm").mouseover(function () {
 		$(this).parents(".btnType").find(".adr_hover_cont").addClass("on");
 	})
-	$(".adr_qm").mouseleave(function(){
-	  $(this).parents(".btnType").find(".adr_hover_cont").removeClass("on");
-  	})
+	$(".adr_qm").mouseleave(function () {
+		$(this).parents(".btnType").find(".adr_hover_cont").removeClass("on");
+	})
 
-  	//발송결과 진행상황 호버 시 팝업 
-	  $(".check_validity").mouseover(function(){
+	//발송결과 진행상황 호버 시 팝업 
+	$(".check_validity").mouseover(function () {
 		$(this).next(".info_hover_cont").addClass("on");
 	});
-	$(".check_validity").mouseleave(function(){
-	  $(this).next(".info_hover_cont").removeClass("on");
-  	});
-  	
+	$(".check_validity").mouseleave(function () {
+		$(this).next(".info_hover_cont").removeClass("on");
+	});
+
 	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
-	$(".btn_list").click(function(){
+	$(".btn_list").click(function () {
 		$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
 		$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
 		$(this).hide();

 		$('#btnAllChk').hide();
 		$('#formListType').val("list");
 	});
-	$(".btn_thumbnail").click(function(){
+	$(".btn_thumbnail").click(function () {
 		$(this).closest(".tab_content").find(".list_content").fadeOut(0);
 		$(this).closest(".tab_content").find(".thumbnail_content,.btn_list").show();
 		$(this).hide();

 		$('#formListType').val("thumbnail");
 	});
 
-	$(".send_fail_check").change(function(){
+	$(".send_fail_check").change(function () {
 		/*var ofsT=Math.round($(".send_top").find('.send_right').offset().top);
 		var pH=Math.round($(".send_top").find('.send_right .phone').outerHeight());*/
-		if($(".send_fail_check").is(":checked")){
+		if ($(".send_fail_check").is(":checked")) {
 			$(".replace_send_wrap").slideDown(400);
 			/*var scrT=$(window).scrollTop();
 			var t=scrT+213;

 			}else if(t<=ofsT){
 				$('.send_top .send_right .phone').attr('style','');
 			}*/
-		}else{
+		} else {
 			$(".replace_send_wrap").slideUp(400);
-			$('.send_top .send_right .phone').css({'top': '0','transition': 'top .4s linear'});
+			$('.send_top .send_right .phone').css({
+				'top': '0',
+				'transition': 'top .4s linear'
+			});
 		}
-		
+
 	});
 
 	//강조유형 선택시 처리
-	$(".emphasis_select").change(function(){
-		if($(this).val() == "NONE"){
-			
+	$(".emphasis_select").change(function () {
+		if ($(this).val() == "NONE") {
+
 			//강조표기형 숨김처리 및 내용 초기화
 			$('.emphasis_title_text').hide();
 			$('.emphasis_side_text').hide();
 			$("#inputTemplateTitle").val("");
 			$("#inputTemplateSubTitle").val("");
 			$("#imgFile").val("");
-		    $("#imgNm").val(""); 
-			
+			$("#imgNm").val("");
+
 			//영역 제거하기
 			$(".emphasis_cont").removeClass("active");
-			
-		}else if($(this).val() == "IMAGE"){
+
+		} else if ($(this).val() == "IMAGE") {
 			$(".emphasis_image").addClass("active");
 			$(".emphasis_image").siblings(".emphasis_cont").removeClass("active");
-		}
-		else if($(this).val() == "TEXT"){
+		} else if ($(this).val() == "TEXT") {
 			$(".emphasis_mark").addClass("active");
 			$(".emphasis_mark").siblings(".emphasis_cont").removeClass("active");
-			
+
 			//첨부 이미지 정보가 있으면 지워준다.
 			$("#imgFile").val("");
-		    $("#imgNm").val(""); 
-		}else{$(".emphasis_cont").removeClass("active");}
+			$("#imgNm").val("");
+		} else {
+			$(".emphasis_cont").removeClass("active");
+		}
 	});
 
-	$(".kakaotalksend_cont .template_type_select").change(function(){
-		if($(this).val() == "template_01"){
-			$(".receiver_wrap01").attr("style","display: block !important;");
-			$(".receiver_wrap02").attr("style","display: none !important;");
+	$(".kakaotalksend_cont .template_type_select").change(function () {
+		if ($(this).val() == "template_01") {
+			$(".receiver_wrap01").attr("style", "display: block !important;");
+			$(".receiver_wrap02").attr("style", "display: none !important;");
 			$(".variable_wrap").hide();
-		}else{
-			$(".receiver_wrap02").attr("style","display: block !important;");
-			$(".receiver_wrap01").attr("style","display: none !important;");
+		} else {
+			$(".receiver_wrap02").attr("style", "display: block !important;");
+			$(".receiver_wrap01").attr("style", "display: none !important;");
 			$(".variable_wrap").show();
 		}
 	});
-	
-	$("input[name='img_file_add']").change(function(){
-		if($("input[name='img_file_add']:checked").attr("id")=="img_file_1"){
-			$(".basic_img_add_wrap").show().siblings(".img_add_info_wrap").hide();
-			$(".img_file_add_wrap").show();
-		}else if($("input[name='img_file_add']:checked").attr("id")=="img_file_2"){
-			$(".wide_img_add_wrap").show().siblings(".img_add_info_wrap").hide();
-			$(".img_file_add_wrap").show();
-		} else{
+
+	$("input[name='img_file_add']").change(function () {
+		if ($("input[name='img_file_add']:checked").attr("id") == "img_file_1") {
+			$(".basic_img_add_wrap").show().siblings(".wide_img_add_wrap").hide();
+			//$(".img_file_add_wrap").show();
+			$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_basic.jpg");
+		} else if ($("input[name='img_file_add']:checked").attr("id") == "img_file_2") {
+			$(".wide_img_add_wrap").show().siblings(".basic_img_add_wrap").hide();
+			$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_wide.jpg");
+			//$(".img_file_add_wrap").show();
+		} else {
 			$(".img_add_info_wrap, .img_file_add_wrap").hide();
+			$(".kakao_image img").hide();
 		}
 	});
 
+	$(".friend_talk_wrap #ad_Y").click(function () {
+		if ($(this).is(":checked") == false) {
+			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").hide();
+			$(".friend_talk_wrap .put_text_wrap .put_text").css({
+				"padding": "0",
+				"height": "calc(100% - 18px)"
+			});
+		} else {
+			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
+			$(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style")
+		}
+	})
+
 	/* 포토이미지 드래그 */
-  	if($('.thumb_wrap').length>0){
-  		$('.thumb_wrap').sortable();
-  	}
+	if ($('.thumb_wrap').length > 0) {
+		$('.thumb_wrap').sortable();
+	}
 
 	photoLayerView();
-	
+
 	/* 카카오톡 소개 페이지 탭 */
-	$('.kakao_intro_cont .use ul.tabs li').click(function(){
-        var tab_id = $(this).attr('data-tab');
+	$('.kakao_intro_cont .use ul.tabs li').click(function () {
+		var tab_id = $(this).attr('data-tab');
 
-        $('ul.tabs li').removeClass('current');
-        $('.tab-content').removeClass('current');
+		$('ul.tabs li').removeClass('current');
+		$('.tab-content').removeClass('current');
 
-        $(this).addClass('current');
-        $("#"+tab_id).addClass('current');
-    });
+		$(this).addClass('current');
+		$("#" + tab_id).addClass('current');
+	});
 });
 
-function photoLayerView(){
+function photoLayerView() {
 	/* 그림문자 마우스 오버 시 이미지 확대 띄움 */
 	$(".photo_cont").mouseover(function () {
 		$(this).mousemove(function (e) {

 var currTabId = "";
 
 /* tab 버튼 공통 - 단순 구조 일 때만 사용 */
-function TabType(obj,tabId) {
+function TabType(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	console.log('$tab : ', $tab);
 	var popItem = $(obj).closest(".popup-com");
 	var popClass = popItem.attr("data-tooltip-con");
-	
+
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");
 	$tab.siblings("li.tab").removeClass("active");

 	tabId = tabId - 1;
 	tabCont.eq(tabId).addClass("current");
 	tabCont.eq(tabId).siblings("div").removeClass("current");
-	
+
 
 	wrapWindowByMask(popClass);
 }
 
 /* 팝업 중앙정렬 */
-function wrapWindowByMask(item){
-	setTimeout(function(){
-		var width = $("."+item).width();
-		var height = $("."+item).height();
+function wrapWindowByMask(item) {
+	setTimeout(function () {
+		var width = $("." + item).width();
+		var height = $("." + item).height();
 		/*$("."+item).css({'left' : ($(window).width() - width) / 2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});*/
-		$("."+item).css({'left' : ($(document).width()-width)/2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});
-	},250);
+		$("." + item).css({
+			'left': ($(document).width() - width) / 2,
+			'top': ($(window).height() - height) / 2,
+			'opacity': '1'
+		});
+	}, 250);
 }
 
 // 문자보내기 tab 버튼 - send_top

 	$tab.siblings("li.btn_tab").removeClass("active");
 	$tab.siblings("li.tab").find("button").removeAttr("title");
 
-	$tab.siblings("li:not(li:first-child)").find("button").css("border-left","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-left","0");
+	$tab.siblings("li:not(li:first-child)").find("button").css("border-left", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-left", "0");
 
 	var $tabCn = $("#tab2_" + tabId);
 	$tabCn.fadeIn(0);

 
 	$(".area_tabcont").not($tabCn).removeClass("on");
 	$(".area_tabcont").not($tabCn).fadeOut(0);
-	
+
 	/*탭 이동 시 탭활성 초기화*/
 	/*단문, 장문문자*/
 	//상단 단문/장문 선택

 	$('.tab_depth4 .tDep2_hashTag a').removeClass('on');
 	$('.tab_depth4 .tDep2_hashTag a').eq(0).addClass('on');
 
+	$(".api_guide_con").not($tabCn).removeClass("current");
+	$(".api_guide_con").not($tabCn).fadeOut(0);
+
+	$(".api_guide_con").not($tabCn).removeClass("current");
+	$(".api_guide_con").not($tabCn).fadeOut(0);
+
 	currTabId = tabId;
 
 }
 
 // 맞춤제작 tab 버튼 
 function TabType4(obj, tabId) {
-	
-	if(tabId == '3'){
+
+	if (tabId == '3') {
 		// 비로그인인 경우 로그인하도록 
-		if($("#loginId").val() == null){
+		if ($("#loginId").val() == null) {
 			//alert("로그인 후 사용이 가능합니다.");
-			location.href="/web/user/login/login.do";
+			location.href = "/web/user/login/login.do";
 			return false;
 		}
 	}
-	
-	
+
+
 	var $tab = $(obj).closest("li");
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");

 
 	$(".adr_cont").not($tabCn).removeClass("current");
 	$(".adr_cont").not($tabCn).fadeOut(0);
-	
+
 	$(".rev_content").not($tabCn).removeClass("current");
 	$(".rev_content").not($tabCn).fadeOut(0);
-	
+
 	$(".api_guide").not($tabCn).removeClass("current");
 	$(".api_guide").not($tabCn).fadeOut(0);
 

 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
 
-	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-right","0");
+	$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-right", "0");
 
 	$(".enroll_cont").not($tabCn).removeClass("current");
 	$(".enroll_cont").not($tabCn).fadeOut(0);
-	
+
 	$(".pay_refund_cont").not($tabCn).removeClass("current");
 	$(".pay_refund_cont").not($tabCn).fadeOut(0);
 

 	$tab.siblings("li.tab").removeClass("active");
 	$tab.siblings("li.tab").find("button").removeAttr("title");
 
-	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-right","0");
+	$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-right", "0");
 
 	var $tabCn = $("#listTab2_" + tabId);
 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
-	
+
 	$(".price_history_cont").not($tabCn).not('.price_history_cont').removeClass("current");
 	$(".price_history_cont").not($tabCn).not('.price_history_cont').fadeOut(0);
 

 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
 
-	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-right","0");
+	$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-right", "0");
 
 	$(".popCont").not($tabCn).removeClass("current");
 	$(".popCont").not($tabCn).fadeOut(0);
 
 	currTabId = tabId;
 
-	
+
 }
 
 // 테이블에 분류하는 tab 

 }
 
 //콘텐츠 tab
-function contentTab(obj, tabId){
+function contentTab(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");

 }
 
 //콘텐츠 - 발송결과 미리보기 tab
-function phoneTab(obj, tabId){
+function phoneTab(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");

 }
 
 /* 회원가입 약관동의 list */
-function clause_list(obj){
+function clause_list(obj) {
 	var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body");
 
-	if(listBody.is(":visible")){
+	if (listBody.is(":visible")) {
 		listBody.slideUp(250);
 		listBody.parents(".list_open").removeClass("on");
-	}else{
+	} else {
 		listBody.slideDown(250);
 		listBody.parents(".list_open").addClass("on");
 		//listBody.parents(".list_open").siblings(".list_open").find(".clause_list_body").slideUp(250);

 
 
 /* 자주하는 질문 list */
-function qnaList(item){
+function qnaList(item) {
 	var qnaAnswer = $(item).parent("li").find(".qna_answer");
 
-	if(qnaAnswer.is(":visible")){
+	if (qnaAnswer.is(":visible")) {
 		qnaAnswer.slideUp(450);
 		qnaAnswer.parent("li").removeClass("open")
-		qnaAnswer.prev("button").attr("title","닫힘");
-	
-	}else{
+		qnaAnswer.prev("button").attr("title", "닫힘");
+
+	} else {
 		qnaAnswer.slideDown(450);
 		qnaAnswer.parent("li").addClass("open");
-		qnaAnswer.prev("button").attr("title","열림");
-		qnaAnswer.parent("li.open").siblings("li").find("button").attr("title","닫힘");
+		qnaAnswer.prev("button").attr("title", "열림");
+		qnaAnswer.parent("li.open").siblings("li").find("button").attr("title", "닫힘");
 		qnaAnswer.parent("li.open").siblings("li").removeClass("open")
 		qnaAnswer.parent("li.open").siblings("li").find(".qna_answer").slideUp(450);
-	
+
 	}
 }
 
 /* 포토 preview 버튼 누르면 클릭한 번호로 위치 이동 */
 function imgClick(num) {
-	 
+
 	//20220628추가
-	 for (var i=0; i<=num; i++){
-		 var h=$(".preiew_img .img_box").outerHeight()+10;
-		 h=h*num;
-		 
-		 $(".text_preview").animate({
-			scrollTop : h
+	for (var i = 0; i <= num; i++) {
+		var h = $(".preiew_img .img_box").outerHeight() + 10;
+		h = h * num;
+
+		$(".text_preview").animate({
+			scrollTop: h
 		}, 300);
-	 }
-	
-	 
-	 /*var posiTop = $(".preiew_img .img_box").eq(num).position().top;
+	}
+
+
+	/*var posiTop = $(".preiew_img .img_box").eq(num).position().top;
 	 $(".text_preview").mCustomScrollbar("scrollTo",posiTop,{
 		scrollInertia:300
 	});*/

 
 
 /* 인쇄미리보기 클릭 시 견적서 새창 팝업 오픈  */
-function showEstimate() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '820';
-    var popup_ht = '900';
+function showEstimate() {
+	//만들려는 팝업의 크기
+	var popup_wid = '820';
+	var popup_ht = '900';
 
-    //중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('estimate.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('estimate.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 사용내역서 클릭 시 내역서 새창 팝업 오픈  */
-function showEstimate2() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '840';
-    var popup_ht = '900';
+function showEstimate2() {
+	//만들려는 팝업의 크기
+	var popup_wid = '840';
+	var popup_ht = '900';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('estimate2.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('estimate2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 간이영수증 클릭 시 내역서 새창 팝업 오픈  */
-function showEstimate3() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '400';
-    var popup_ht = '800';
+function showEstimate3() {
+	//만들려는 팝업의 크기
+	var popup_wid = '400';
+	var popup_ht = '800';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('estimate3.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('estimate3.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 주소록 인쇄 미리보기 팝업  */
-function previewList1() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '870';
-    var popup_ht = '680';
+function previewList1() {
+	//만들려는 팝업의 크기
+	var popup_wid = '870';
+	var popup_ht = '680';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('previewList1.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('previewList1.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 주소록 내보내기 인쇄 미리보기 팝업  */
-function previewList2() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '870';
-    var popup_ht = '700';
+function previewList2() {
+	//만들려는 팝업의 크기
+	var popup_wid = '870';
+	var popup_ht = '700';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('previewList2.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('previewList2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 
-$(function(){
-	if($('.calendar').length>0){
+$(function () {
+	if ($('.calendar').length > 0) {
 		calendarSetting();
 	}
 });
 
-function calendarSetting(){
+function calendarSetting() {
 	var $input = $('.calendar02').pickadate({
-		format : "yyyy/mm/dd", //인풋에 표기되는 값
-		formatSubmit : "yyyymmdd", //전송하는 값
+		format: "yyyy/mm/dd", //인풋에 표기되는 값
+		formatSubmit: "yyyymmdd", //전송하는 값
 		labelMonthNext: '다음 달 보기',
 		labelMonthPrev: '이전 달 보기',
 		min: true,
 		max: 365,
-		
-		onOpen : function(){
+
+		onOpen: function () {
 			// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 			var thisCal = $(this.$holder);
-			
-			if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-				thisCal.attr('style','').css("top","5px");
-			}else{
-				thisCal.attr('style','').css("bottom","35px");
+
+			if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+				thisCal.attr('style', '').css("top", "5px");
+			} else {
+				thisCal.attr('style', '').css("bottom", "35px");
 			}
 
-			if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-				var ll=thisCal.closest('.picker').prev().position().left;
-				thisCal.css({'left':ll,'right':'initial'});
-			}else{
-				thisCal.css({'left':'initial','right':0});
+			if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+				var ll = thisCal.closest('.picker').prev().position().left;
+				thisCal.css({
+					'left': ll,
+					'right': 'initial'
+				});
+			} else {
+				thisCal.css({
+					'left': 'initial',
+					'right': 0
+				});
 			}
-			thisCal.css("display","block");
+			thisCal.css("display", "block");
 		}
 	});
-	
+
 	var $input = $('.calendar').pickadate({
-		format : "yyyy/mm/dd", //인풋에 표기되는 값
-		formatSubmit : "yyyymmdd", //전송하는 값
+		format: "yyyy/mm/dd", //인풋에 표기되는 값
+		formatSubmit: "yyyymmdd", //전송하는 값
 		labelMonthNext: '다음 달 보기',
 		labelMonthPrev: '이전 달 보기',
-		
-		onOpen : function(){
+
+		onOpen: function () {
 			// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 			var thisCal = $(this.$holder);
-			
-			if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-				thisCal.attr('style','').css("top","5px");
-			}else{
-				thisCal.attr('style','').css("bottom","35px");
+
+			if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+				thisCal.attr('style', '').css("top", "5px");
+			} else {
+				thisCal.attr('style', '').css("bottom", "35px");
 			}
 
-			if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-				var ll=thisCal.closest('.picker').prev().position().left;
-				thisCal.css({'left':ll,'right':'initial'});
-			}else{
-				thisCal.css({'left':'initial','right':0});
+			if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+				var ll = thisCal.closest('.picker').prev().position().left;
+				thisCal.css({
+					'left': ll,
+					'right': 'initial'
+				});
+			} else {
+				thisCal.css({
+					'left': 'initial',
+					'right': 0
+				});
 			}
-			thisCal.css("display","block");
+			thisCal.css("display", "block");
 		}
 	});
-	
+
 	// 달력으로 기간 정해서 검색할 경우
-	if($(".startDate").length != 0){
-		
+	if ($(".startDate").length != 0) {
+
 		var $startinput = $('.startDate').pickadate({
-			format : "yyyy/mm/dd", //인풋에 표기되는 값
-			formatSubmit : "yyyymmdd", //전송하는 값
+			format: "yyyy/mm/dd", //인풋에 표기되는 값
+			formatSubmit: "yyyymmdd", //전송하는 값
 			labelMonthNext: '다음 달 보기',
 			labelMonthPrev: '이전 달 보기',
 			min: false,
 			max: false,
-			
-			onOpen : function(){
+
+			onOpen: function () {
 				// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 				var thisCal = $(this.$holder);
-				
-				if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-					thisCal.attr('style','').css("top","5px");
-				}else{
-					thisCal.attr('style','').css("bottom","35px");
+
+				if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+					thisCal.attr('style', '').css("top", "5px");
+				} else {
+					thisCal.attr('style', '').css("bottom", "35px");
 				}
 
-				if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-					var ll=thisCal.closest('.picker').prev().position().left;
-					thisCal.css({'left':ll,'right':'initial'});
-				}else{
-					thisCal.css({'left':'initial','right':0});
+				if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+					var ll = thisCal.closest('.picker').prev().position().left;
+					thisCal.css({
+						'left': ll,
+						'right': 'initial'
+					});
+				} else {
+					thisCal.css({
+						'left': 'initial',
+						'right': 0
+					});
 				}
-				thisCal.css("display","block");
+				thisCal.css("display", "block");
 			}
 		});
-		
+
 		var startpicker = $startinput.pickadate('picker');
-		
+
 		startpicker.on({
-			open : function(){
+			open: function () {
 				var calDate = $(this.$node).val();
-				var yearText = calDate.substr(0,4);
-				var monthText = calDate.substr(5,2);
-				var dayText = calDate.substr(8,2);
-				if($(this.$node).val() != ''){
+				var yearText = calDate.substr(0, 4);
+				var monthText = calDate.substr(5, 2);
+				var dayText = calDate.substr(8, 2);
+				if ($(this.$node).val() != '') {
 					monthText = monthText - 1;
-					startpicker.set("view",new Date(yearText,monthText,dayText));
-					startpicker.set("highlight",new Date(yearText,monthText,dayText));
-				}else{}
+					startpicker.set("view", new Date(yearText, monthText, dayText));
+					startpicker.set("highlight", new Date(yearText, monthText, dayText));
+				} else {}
 			},
-			close : function(){
+			close: function () {
 				var startVal = $(".startDate").val();
 				var endVal = $(".endDate").val();
-				console.log(startVal,endVal);
+				console.log(startVal, endVal);
 				endVal = endVal.replace(/[.]/gi, '');
 				startVal = startVal.replace(/[.]/gi, '');
-				if(startVal > endVal && endVal != ""){
+				if (startVal > endVal && endVal != "") {
 					startpicker.clear();
 					alert("시작일이 종료일보다 클 수 없습니다.");
-				}else{}
+				} else {}
 			}
 		});
-		
+
 		var $endinput = $('.endDate').pickadate({
-			format : "yyyy/mm/dd", //인풋에 표기되는 값
-			formatSubmit : "yyyymmdd", //전송하는 값
+			format: "yyyy/mm/dd", //인풋에 표기되는 값
+			formatSubmit: "yyyymmdd", //전송하는 값
 			labelMonthNext: '다음 달 보기1111',
 			labelMonthPrev: '이전 달 보기',
-			
-			onOpen : function(){
+
+			onOpen: function () {
 				// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 				var thisCal = $(this.$holder);
-				
-				if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-					thisCal.attr('style','').css("top","5px");
-				}else{
-					thisCal.attr('style','').css("bottom","35px");
+
+				if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+					thisCal.attr('style', '').css("top", "5px");
+				} else {
+					thisCal.attr('style', '').css("bottom", "35px");
 				}
 
-				if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-					var ll=thisCal.closest('.picker').prev().position().left;
-					thisCal.css({'left':ll,'right':'initial'});
-				}else{
-					thisCal.css({'left':'initial','right':0});
+				if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+					var ll = thisCal.closest('.picker').prev().position().left;
+					thisCal.css({
+						'left': ll,
+						'right': 'initial'
+					});
+				} else {
+					thisCal.css({
+						'left': 'initial',
+						'right': 0
+					});
 				}
-				thisCal.css("display","block");
+				thisCal.css("display", "block");
 			}
 		});
-		
+
 		var endpicker = $endinput.pickadate('picker');
-		
+
 		endpicker.on({
-			open : function(){
+			open: function () {
 				var calDate = $(this.$node).val();
-				var yearText = calDate.substr(0,4);
-				var monthText = calDate.substr(5,2);
-				var dayText = calDate.substr(8,2);
-				if($(this.$node).val() != ''){
+				var yearText = calDate.substr(0, 4);
+				var monthText = calDate.substr(5, 2);
+				var dayText = calDate.substr(8, 2);
+				if ($(this.$node).val() != '') {
 					monthText = monthText - 1;
-					endpicker.set("view",new Date(yearText,monthText,dayText));
-					endpicker.set("highlight",new Date(yearText,monthText,dayText));
-				}else{}
+					endpicker.set("view", new Date(yearText, monthText, dayText));
+					endpicker.set("highlight", new Date(yearText, monthText, dayText));
+				} else {}
 			},
-			close : function(){
+			close: function () {
 				var startVal = $(".startDate").val();
 				var endVal = $(".endDate").val();
-				console.log(startVal,endVal);
+				console.log(startVal, endVal);
 				endVal = endVal.replace(/[.]/gi, '');
 				startVal = startVal.replace(/[.]/gi, '');
-				if(endVal < startVal && startVal != "" && endVal != ""){
+				if (endVal < startVal && startVal != "" && endVal != "") {
 					endpicker.clear();
 					alert("종료일이 시작일보다 작을 수 없습니다.");
-				}else{}
+				} else {}
 			}
 		});
 	}
-	
+
 }
 
 function fnSetDynamicCalendar() {
-	$(':text.startDate,:text.endDate,:text.date').each(function(i) {
+	$(':text.startDate,:text.endDate,:text.date').each(function (i) {
 		$this = $(this);
-		if ($this.attr("data-dateControl")==undefined) {
-			$this.attr("data-dateControl",true);
-			switch ($this[0].className){
+		if ($this.attr("data-dateControl") == undefined) {
+			$this.attr("data-dateControl", true);
+			switch ($this[0].className) {
 				case "startDate":
-				  sText = "시작";break;
+					sText = "시작";
+					break;
 				case "endDate":
-				  sText = "종료";break;
+					sText = "종료";
+					break;
 				case "date":
-				  sText = "";break;
+					sText = "";
+					break;
 				default:
-				  sText = "";
+					sText = "";
 			}
 			var sobjId = $this.attr("id");
 			if (!sobjId) {
-				$this.attr("id",$this.attr("name"));
+				$this.attr("id", $this.attr("name"));
 				sobjId = $this.attr("name");
 			}
-			var innerhtml	="<div class='calendarPop' id='calendarName_"+sobjId+"'>"
-							+"<input type='button' value='"+sText+"날짜 달력에서 선택'"
-							+"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>"
-							+"</div>";
-			$this.after( innerhtml );
+			var innerhtml = "<div class='calendarPop' id='calendarName_" + sobjId + "'>" +
+				"<input type='button' value='" + sText + "날짜 달력에서 선택'" +
+				"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>" +
+				"</div>";
+			$this.after(innerhtml);
 		}
 	});
 }
 
-$(function() {
+$(function () {
 	fnSetDynamicCalendar();
 
-	jQuery(".rv a").bind('mouseover keyup' , function()    { imgOn(jQuery(this))})
-	jQuery(".rv a").bind('mouseout blur' , function()    { imgOff(jQuery(this))})
+	jQuery(".rv a").bind('mouseover keyup', function () {
+		imgOn(jQuery(this))
+	})
+	jQuery(".rv a").bind('mouseout blur', function () {
+		imgOff(jQuery(this))
+	})
 })
 
 /* //calendar */
 
 /* 신규 script 작성 */
-$(function(){
+$(function () {
 	recomChecked();
 	tableAllChk();
 });
 
 /* 추천인 ID */
-function recomChecked(){
-	$('td.check_num input[type=radio]').each(function(){
-		if($(this).is(':checked') && $(this).next('label').text() == '없음'){
-			$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled',true);
+function recomChecked() {
+	$('td.check_num input[type=radio]').each(function () {
+		if ($(this).is(':checked') && $(this).next('label').text() == '없음') {
+			$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', true);
 		}
-		$(this).on('change',function(){
-			var t=$(this).next('label').text();
-			if(t=='없음'){
-				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled',true);
-			}else{
-				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled',false);
+		$(this).on('change', function () {
+			var t = $(this).next('label').text();
+			if (t == '없음') {
+				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', true);
+			} else {
+				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', false);
 			}
 		});
 	});
 }
 
 /* 테이블 전체 체크 */
-function tableAllChk(){
-	$('.tType4').each(function(){
-		var target=$(this);
-		var thChk=target.find('thead tr th:first-child input[type=checkbox]');
-		var tbChk=target.find('tbody tr td:first-child input[type=checkbox]');
-		var len=tbChk.length;
-		thChk.on('change',function(){
-			if($(this).is(':checked')){
-				if(tbChk.attr('disabled')==false){
-					tbChk.prop('checked',true);
+function tableAllChk() {
+	$('.tType4').each(function () {
+		var target = $(this);
+		var thChk = target.find('thead tr th:first-child input[type=checkbox]');
+		var tbChk = target.find('tbody tr td:first-child input[type=checkbox]');
+		var len = tbChk.length;
+		thChk.on('change', function () {
+			if ($(this).is(':checked')) {
+				if (tbChk.attr('disabled') == false) {
+					tbChk.prop('checked', true);
 				}
-			}else{
-				tbChk.prop('checked',false);
+			} else {
+				tbChk.prop('checked', false);
 			}
 		});
-		tbChk.on('change',function(){
-			var chkLen=target.find('tbody tr td:first-child input[type=checkbox]:checked').length;
-			var chkDisLen=target.find('tbody tr td:first-child input[type=checkbox]:disabled').length;
-			if((len-chkDisLen)==chkLen){
-				thChk.prop('checked',true);
-			}else{
-				thChk.prop('checked',false);
+		tbChk.on('change', function () {
+			var chkLen = target.find('tbody tr td:first-child input[type=checkbox]:checked').length;
+			var chkDisLen = target.find('tbody tr td:first-child input[type=checkbox]:disabled').length;
+			if ((len - chkDisLen) == chkLen) {
+				thChk.prop('checked', true);
+			} else {
+				thChk.prop('checked', false);
 			}
 		});
 	});
 }
 
 /* 문자전송 핸드폰 상단 고정 */
-$(window).on('load',function(){
-	setTimeout(function(){
-		if($('.send_top .send_right .phone').length>0){
-			if(!$('.top_content').hasClass('contentExcelArea')){
+$(window).on('load', function () {
+	setTimeout(function () {
+		if ($('.send_top .send_right .phone').length > 0) {
+			if (!$('.top_content').hasClass('contentExcelArea')) {
 				sendPhoneFixed();
 			}
 		}
-	},800);
+	}, 800);
 });
 
-function sendPhoneFixed(){
-	$('.send_top').each(function(){
-		var ofsT=Math.round($(this).find('.send_right').offset().top);
-		if($(".kakaotalkset_cont .kakao_wrap").length == 1){
-			var pH=Math.round($(this).find('.send_right .phone').outerHeight());
-		}else{
-			var pH=Math.round($(this).find('.send_right .phone').outerHeight()+240);
+function sendPhoneFixed() {
+	$('.send_top').each(function () {
+		var ofsT = Math.round($(this).find('.send_right').offset().top);
+		if ($(".kakaotalkset_cont .kakao_wrap").length == 1) {
+			var pH = Math.round($(this).find('.send_right .phone').outerHeight());
+		} else {
+			var pH = Math.round($(this).find('.send_right .phone').outerHeight() + 240);
 		}
+		var sendRightOft = Math.round($(this).find('.send_right:visible').offset().top);
 
-		$(window).on('scroll',function(){
-			var scrT=$(this).scrollTop();
-			var t=scrT+213;
-			var h=Math.round($('.send_top').find('.send_right').outerHeight());
+		$(window).on('scroll', function () {
+			var scrT = $(this).scrollTop();
+			var t = scrT + 213;
+			var h = Math.round($('.send_top').find('.send_right').outerHeight());
+			var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;
 
-			if(t>ofsT && t-ofsT<h-pH){
-				$('.send_top .send_right .phone').css('top',t-ofsT);
-			}else if(t>ofsT){
-				$('.send_top .send_right .phone').css('top',h-pH);
-			}else if(t<=ofsT){
-				$('.send_top .send_right .phone').attr('style','');
+			if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
+				if (t > ofsT && scrT !== 0) {
+					// send_rev 영역에 도달한 경우 멈춤
+					if (scrT + pH > revT) {
+						$('.send_top .send_right .phone:visible').css({
+							'top': revT - pH - sendRightOft + 470,
+							'transition': 'all 0.2s'
+						});
+					}
+					// 스크롤 위치에 맞춰 부드럽게 이동
+					else {
+						$('.send_top .send_right .phone:visible').css({
+							'top': t - sendRightOft,
+							'transition': 'all 0.2s'
+						});
+					}
+				}
+				// send_right 상단에 도달하면 스타일 제거
+				else {
+					$('.send_top .send_right .phone:visible').css({
+						'top': '0',
+						'transition': 'all 0.2s'
+					});
+				}
+			} else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
+				if (t > ofsT && t - ofsT < h - pH) {
+					$('.send_top .send_right .phone').css({
+						'top': t - ofsT,
+						'transition': 'all 0.2s'
+					});
+				} else if (t > ofsT) {
+					$('.send_top .send_right .phone').css({
+						'top': h - pH + 100,
+						'transition': 'all 0.2s'
+					});
+				} else if (t <= ofsT) {
+					$('.send_top .send_right .phone').css({
+						'top': '0',
+						'transition': 'all 0.2s'
+					});
+				}
+			} else {
+				if (t > ofsT && t - ofsT < h - pH) {
+					$('.send_top .send_right .phone').css({
+						'top': t - ofsT,
+						'transition': 'all 0.2s'
+					});
+				} else if (t > ofsT) {
+					$('.send_top .send_right .phone').css({
+						'top': h - pH,
+						'transition': 'all 0.2s'
+					});
+				} else if (t <= ofsT) {
+					$('.send_top .send_right .phone').css({
+						'top': '0',
+						'transition': 'all 0.2s'
+					});
+				}
 			}
+
 		});
 	});
 }
 
 /* 스팸팝업 내용 보기 버튼 */
-function popContentBoxView(obj){
-	var target=$(obj);
-	if(target.hasClass('active')){
+function popContentBoxView(obj) {
+	var target = $(obj);
+	if (target.hasClass('active')) {
 		target.removeClass('active');
 		target.closest('.title_box').next('.content_box').stop().slideDown('200');
-	}else{
+	} else {
 		target.addClass('active');
 		target.closest('.title_box').next('.content_box').stop().slideUp('200');
 	}
 }
 
 /* 문자전송, 선거문자 제목 사용여부 체크 */
-function titleStatus(obj){
-	var v=$(obj).val();
-	if(v == 'Y'){
+function titleStatus(obj) {
+	var v = $(obj).val();
+	if (v == 'Y') {
 		$(obj).closest('.title_wrap').find('.textbox').addClass('active');
-	}else{
+	} else {
 		$(obj).closest('.title_wrap').find('.textbox input:text').val('');
 		$(obj).closest('.title_wrap').find('.textbox').removeClass('active');
 	}
 }
 
 //카카오톡 알림톡 템플릿 등록 - 템플릿 유형 선택
-function templateTypeSelect(type){
-	
+function templateTypeSelect(type) {
+
 	var templateType = $(type).val();
 	var channelwrap = '<dl class="button_type_wrap template_channel_add"><dt>채널추가</dt><dd class="button_type_input"><input type="hidden" id="channelLikeType" name="channelLikeType" value="AC" readonly/><input type="text" id="btnChannelNm" name="btnChannelNm" value="채널 추가" readonly></dd></dl>';
 	var channelButton = '<p class="channel_info_text">채널 추가하고 이 채널의 광고와 마케팅 메시지 받기</p><button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>'
 	var sideText = '<p class="side_info_text">부가정보내용</p>';
-	if(templateType == "EX"){
+	if (templateType == "EX") {
 		//부가정보형
 		$(".template_type_cont.type1").show();
 		$(".template_type_cont.type1").siblings(".template_type_cont").hide();
 		$(".channel_info_text,.btn_kakao_channel").hide();
 		$(".template_channel_add").remove();
-		
-		if($(".side_info_text").length == 0){
+
+		if ($(".side_info_text").length == 0) {
 			$(".template_text").after(sideText);
 			$(".template_side_text").val("");
-		}else{}
-	}else if(templateType == "AD"){
+		} else {}
+	} else if (templateType == "AD") {
 		//채널추가형
 		$(".template_type_cont.type2,.channel_info_text,.btn_kakao_channel").show();
 		$(".template_type_cont.type2").siblings(".template_type_cont").hide();
 		$(".side_info_text").remove();
 
-		if($(".button_add_wrap").find(".template_channel_add").length == 0){
+		if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
 			$(".button_add_wrap").prepend(channelwrap);
-		}else{}
+		} else {}
 
-		if($(".btn_kakao_channel").length == 0){
+		if ($(".btn_kakao_channel").length == 0) {
 			$(".allimtalk_content").append(channelButton);
-		}else{}
-	}else if(templateType == "MI"){
+		} else {}
+	} else if (templateType == "MI") {
 		//복합형
 		$(".template_type_cont.type1,.template_type_cont.type2").show();
 		$(".btn_kakao_channel").css("display", "block");
-		
-		if($(".side_info_text").length == 0){
+
+		if ($(".side_info_text").length == 0) {
 			$(".template_text").after(sideText);
 			$(".template_side_text").val("");
-		}else{}
+		} else {}
 
-		if($(".button_add_wrap").find(".template_channel_add").length == 0){
+		if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
 			$(".button_add_wrap").prepend(channelwrap);
-		}else{}
+		} else {}
 
-		if($(".btn_kakao_channel").length == 0){
+		if ($(".btn_kakao_channel").length == 0) {
 			$(".allimtalk_content").append(channelButton);
-		}else{}
-		
-	}else{
+		} else {}
+
+	} else {
 		//기본
 		$(".template_type_cont.type1,.template_type_cont.type2").hide();
 		$(".template_channel_add,.side_info_text,.btn_kakao_channel,.channel_info_text").remove();

 }
 
 // 카카오톡 알림톡 템플릿 등록 - 버튼 추가
-function templateButtonAdd(){
+function templateButtonAdd() {
 	var buttonType = $(".template_button_select").val();
 	var buttonCnt = $(".button_type_wrap").length;
 
 	//버튼갯수 체크
-	if(buttonCnt >= 5){
-		
+	if (buttonCnt >= 5) {
+
 		alert("버튼은 최대 5개까지만 등록가능합니다.");
 		return false;
-		
+
 	}
 	var buttonText;
 	var buttonView;
 	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
-	if(buttonType == "button_type_0"){
+	if (buttonType == "button_type_0") {
 		alert("버튼 타입을 선택해 주세요");
 		return false;
 	}
-	
-	if(buttonType == "button_type_1"){
-		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList['+buttonCnt+'].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList['+buttonCnt+'].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+
+	if (buttonType == "button_type_1") {
+		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewDS">배송조회</button>';
-	}else if(buttonType == "button_type_2"){
-		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList['+buttonCnt+'].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList['+buttonCnt+'].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList['+buttonCnt+'].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_2") {
+		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewWL">웹링크</button>';
-	}else if(buttonType == "button_type_3"){
-		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList['+buttonCnt+'].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList['+buttonCnt+'].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList['+buttonCnt+'].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_3") {
+		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewAL">앱링크</button>';
-	}else if(buttonType == "button_type_4"){
-		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList['+buttonCnt+'].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_4") {
+		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBK">봇키워드</button>';
-	}else if(buttonType == "button_type_5"){
-		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList['+buttonCnt+'].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_5") {
+		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewMD">메시지전달</button>';
-	}else if(buttonType == "button_type_6"){
-		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList['+buttonCnt+'].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_6") {
+		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBC">상담톡전환</button>';
-	}else if(buttonType == "button_type_7"){
-		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList['+buttonCnt+'].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_7") {
+		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
-	}else{}
+	} else {}
 	$(".button_add_wrap").prepend(buttonText);
 	$(".btnViewArea").prepend(buttonView);
 }
 
 
 //카카오톡 친구톡 템플릿 등록 - 버튼 추가
-function friendTemplateButtonAdd(){
+function friendTemplateButtonAdd() {
 	var buttonType = $(".template_button_select").val();
 	var buttonCnt = $(".button_type_wrap").length;
 	var imageType = $("input[name=img_file_add]:checked").val();
 
-	if(imageType == 'W'){
-		
-		if(buttonCnt > 0){//처음것 하나 추가할때는 갯수가 0으로 넘어옴. 
-			
+	if (imageType == 'W') {
+
+		if (buttonCnt > 0) { //처음것 하나 추가할때는 갯수가 0으로 넘어옴. 
+
 			alert("와이드 이미지 첨부시 버튼은 1개만 등록 가능합니다.");
 			return false;
-			
+
 		}
-		
+
 	}
 	//버튼갯수 체크
-	if(buttonCnt >= 5){
-		
+	if (buttonCnt >= 5) {
+
 		alert("버튼은 최대 5개까지만 등록가능합니다.");
 		return false;
-		
+
 	}
 	var buttonText;
 	var buttonView;
 	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
-	if(buttonType == "button_type_1"){
-		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList['+buttonCnt+'].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList['+buttonCnt+'].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	if (buttonType == "button_type_1") {
+		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewDS">배송조회</button>';
-	}else if(buttonType == "button_type_2"){
-		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList['+buttonCnt+'].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList['+buttonCnt+'].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList['+buttonCnt+'].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_2") {
+		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewWL">웹링크</button>';
-	}else if(buttonType == "button_type_3"){
-		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList['+buttonCnt+'].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList['+buttonCnt+'].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList['+buttonCnt+'].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_3") {
+		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewAL">앱링크</button>';
-	}else if(buttonType == "button_type_4"){
-		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList['+buttonCnt+'].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_4") {
+		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBK">봇키워드</button>';
-	}else if(buttonType == "button_type_5"){
-		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList['+buttonCnt+'].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_5") {
+		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewMD">메시지전달</button>';
-	}else if(buttonType == "button_type_6"){
-		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList['+buttonCnt+'].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_6") {
+		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBC">상담톡전환</button>';
-	}else if(buttonType == "button_type_7"){
-		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList['+buttonCnt+'].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_7") {
+		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
-	}else{}
+	} else {}
 	$(".button_add_wrap").prepend(buttonText);
 	$(".btnViewArea").prepend(buttonView);
 }
 
 //관리자 카카오톡 알림톡 샘플 템플릿 등록 - 버튼 추가
-function SampleTemplateButtonAdd(){
+function SampleTemplateButtonAdd() {
 	var buttonType = $(".template_button_select").val();
 	var buttonCnt = $(".button_type_wrap").length;
 
 	//버튼갯수 체크
-	if(buttonCnt >= 5){
-		
+	if (buttonCnt >= 5) {
+
 		alert("버튼은 최대 5개까지만 등록가능합니다.");
 		return false;
-		
+
 	}
 	var buttonText;
 	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
-	if(buttonType == "button_type_1"){
-		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_2"){
-		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList['+buttonCnt+'].buttonLinkmo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList['+buttonCnt+'].buttonLinkpc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_3"){
-		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList['+buttonCnt+'].buttonLinkand" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList['+buttonCnt+'].buttonLinkios" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_4"){
-		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_5"){
-		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_6"){
-		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_7"){
-		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else{}
+	if (buttonType == "button_type_1") {
+		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_2") {
+		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].buttonLinkmo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].buttonLinkpc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_3") {
+		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].buttonLinkand" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].buttonLinkios" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_4") {
+		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_5") {
+		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_6") {
+		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_7") {
+		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else {}
 	$(".button_add_wrap").prepend(buttonText);
 }
 
-function buttonTypeDel(btn){
-	
-	var btnIndex = $(btn).closest(".button_type_wrap").index();	//선택한 삭제 버튼의 Index값 받아오기
+function buttonTypeDel(btn) {
+
+	var btnIndex = $(btn).closest(".button_type_wrap").index(); //선택한 삭제 버튼의 Index값 받아오기
 
 	//추가된 버튼 영역 삭제해주기
 	$(btn).closest(".button_type_wrap").remove();
-	
+
 	//미리보기 추가된 버튼 정보 삭제처리하기
 	$('.btnEmpty').eq(btnIndex).remove();
 }
 
-function fn_loadAddActive(){
+function fn_loadAddActive() {
 	$('.loading_layer').addClass('active');
 }
 
-function fn_loadRemoveActive(){
+function fn_loadRemoveActive() {
 	$('.loading_layer').removeClass('active');
 }
 
-function fn_excelLoadAddActive(){
+function fn_excelLoadAddActive() {
 	$('.loading_execl_layer').addClass('active');
 }
 
-function fn_excelLoadRemoveActive(){
+function fn_excelLoadRemoveActive() {
 	$('.loading_execl_layer').removeClass('active');
 }
 

 var progressInterval = null; // 전역 변수로 타이머 ID 관리
 
 function progressStart(time) {
-    // 기존 타이머 정지 및 초기화
-    if (progressInterval !== null) {
-        clearInterval(progressInterval); // 이전 타이머 정지
-        progressInterval = null; // 타이머 ID 초기화
-    }
-    resetProgressBar(); // 프로그레스바 초기화
+	// 기존 타이머 정지 및 초기화
+	if (progressInterval !== null) {
+		clearInterval(progressInterval); // 이전 타이머 정지
+		progressInterval = null; // 타이머 ID 초기화
+	}
+	resetProgressBar(); // 프로그레스바 초기화
 
-    // 프로그레스바 보이기
-    $(".progress_bar_wrap").css("display", "flex");
+	// 프로그레스바 보이기
+	$(".progress_bar_wrap").css("display", "flex");
 
-    // 프로그레스바 요소 가져오기
-    var timeText = document.querySelector(".time_text");
-    var bar = document.querySelector(".change_bar");
+	// 프로그레스바 요소 가져오기
+	var timeText = document.querySelector(".time_text");
+	var bar = document.querySelector(".change_bar");
 
-    // 초기 상태 설정
-    var width = 1;
-    var totalTime = time * 1000; // 총 실행 시간 (밀리초)
-    var cmpWid = totalTime / 100; // width 증가 간격 (밀리초)
+	// 초기 상태 설정
+	var width = 1;
+	var totalTime = time * 1000; // 총 실행 시간 (밀리초)
+	var cmpWid = totalTime / 100; // width 증가 간격 (밀리초)
 
-    // 새 타이머 시작
-    progressInterval = setInterval(changeWidth, cmpWid);
+	// 새 타이머 시작
+	progressInterval = setInterval(changeWidth, cmpWid);
 
-    function changeWidth() {
-        if (width >= 100) {
-            // 프로그레스바 100% 도달
-            clearInterval(progressInterval); // 타이머 종료
-            progressInterval = null; // 타이머 ID 초기화
+	function changeWidth() {
+		if (width >= 100) {
+			// 프로그레스바 100% 도달
+			clearInterval(progressInterval); // 타이머 종료
+			progressInterval = null; // 타이머 ID 초기화
 
-            timeText.innerHTML = "100%";
+			timeText.innerHTML = "100%";
 
-            setTimeout(function () {
-                // 100% 표시 후 "잠시만 기다려주세요" 변경
-                timeText.innerHTML = "잠시만 기다려주세요...";
-                $(".time_text").addClass("animation");
-            }, 1000);
-        } else {
-            // 프로그레스바 진행
-            width++;
-            bar.style.width = width + "%";
-            timeText.innerHTML = width + "%";
-        }
-    }
+			setTimeout(function () {
+				// 100% 표시 후 "잠시만 기다려주세요" 변경
+				timeText.innerHTML = "잠시만 기다려주세요...";
+				$(".time_text").addClass("animation");
+			}, 1000);
+		} else {
+			// 프로그레스바 진행
+			width++;
+			bar.style.width = width + "%";
+			timeText.innerHTML = width + "%";
+		}
+	}
 }
 
 // 프로그레스바 초기화 함수
 function resetProgressBar() {
-    $(".time_text").text("0%");
-    $(".change_bar").css("width", "0%");
-    $(".time_text").removeClass("animation");
-    $(".progress_bar_wrap").hide();
+	$(".time_text").text("0%");
+	$(".change_bar").css("width", "0%");
+	$(".time_text").removeClass("animation");
+	$(".progress_bar_wrap").hide();
 }
 
 
 
 // 프로그레스바 완료
 function progressComplete() {
-    // var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기
+	// var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기
 
 	$(".progress_bar_wrap").hide();
 	/*

     clearInterval(start); // 프로그레스바 시작 멈추기
 
 
-}*/
+}*/

b59a932

8fabd4c

src/main/webapp/publish/js/popup.js

--- src/main/webapp/publish/js/popup.js

+++ src/main/webapp/publish/js/popup.js


 $(document).ready(function () {
-	
-    /* 포토에디터 스크롤바 꾸미기 */
-	if($(".contWrap_scroll").length>0){
+
+	/* 포토에디터 스크롤바 꾸미기 */
+	if ($(".contWrap_scroll").length > 0) {
 		$(".contWrap_scroll").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "outside",

 				onOverflowYNone: function () {
 					$(".contWrap").removeClass("on_scroll");
 				},
-				onTotalScroll:function(){
+				onTotalScroll: function () {
 					console.log("Scrolled to end of content.");
 					var pageNo = $('#pageIndex').val();
-					if(pageNo && !isNaN(pageNo)) { // TODO: 총페이지 체크 
+					if (pageNo && !isNaN(pageNo)) { // TODO: 총페이지 체크 
 						linkPhoPage(++pageNo);
 					}
 				}
 			}
 		});
 	}
-	
-    /* 포토에디터 이미지 미리보기 drag  */
-    //div 순서에 따라 숫자 지정
-    $('.image_preview .drag_img').each(function (i) {
-    var dragNum = i + 1;
-    $(this).find(".img_number span").text(dragNum);
-    });
 
-    //드래그 및 드래그 시 숫자 변경
-    if($(".image_preview").length>0){
-    	$(".image_preview").sortable({
-            update: function (event, ui) {
-            $('.image_preview .drag_img').each(function (i) {
-                    var numbering = i + 1;
-                    $(this).find(".img_number span").text(numbering);
-                });
-            }
-        });
-    }
+	/* 포토에디터 이미지 미리보기 drag  */
+	//div 순서에 따라 숫자 지정
+	$('.image_preview .drag_img').each(function (i) {
+		var dragNum = i + 1;
+		$(this).find(".img_number span").text(dragNum);
+	});
+
+	//드래그 및 드래그 시 숫자 변경
+	if ($(".image_preview").length > 0) {
+		$(".image_preview").sortable({
+			update: function (event, ui) {
+				$('.image_preview .drag_img').each(function (i) {
+					var numbering = i + 1;
+					$(this).find(".img_number span").text(numbering);
+				});
+			}
+		});
+	}
 });
 
 // 포토에디터 헤더 tab

 
 
 /* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈  */
-function showPotoediter() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '950';
-    var popup_ht = '761';
+function showPotoediter() {
+	//만들려는 팝업의 크기
+	var popup_wid = '950';
+	var popup_ht = '761';
 
-    //중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('photo_editer.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('photo_editer.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 
 /* 윈도우팝업 열기 */
-function infoListPop(contId, _width, _height){
+function infoListPop(contId, _width, _height) {
 
 	var popupUrl = "/publish/info_popup.html";
 	var popupName = "사용안내 팝업"
-	var popupOption = "width="+_width+", height="+_height+", top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1"
+	var popupOption = "width=" + _width + ", height=" + _height + ", top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1"
 
-	var infoPopup = window.open(popupUrl,popupName,popupOption);
+	var infoPopup = window.open(popupUrl, popupName, popupOption);
 
-	infoPopup.onload = function() {
+	infoPopup.onload = function () {
 		infoPopup.document.getElementById('contId').value = contId;
-		infoPopup.document.getElementById(contId).style.display="block";
+		infoPopup.document.getElementById(contId).style.display = "block";
 	}
 
 

b59a932

8fabd4c

src/main/webapp/publish/kakao_friendtalk_add.html

--- src/main/webapp/publish/kakao_friendtalk_add.html

+++ src/main/webapp/publish/kakao_friendtalk_add.html


     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
+    <script src="/publish/js/popup.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>

         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    
-    <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
-    <!--// header 영역 -->
-    <!-- login 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!-- content 영역 -->
     <div id="container" class="cont sub">
         <div class="inner">

                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_friendtalk_send.html'">친구톡</button></li>
                     <li class="tab active"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_intro.html'">알림톡 소개</button></li>
                 </ul>
                 <!--// tab button -->
                 <!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
                 <div class="top_content kakaotalkset_cont current pay_tab_wrap">
                     <div class="heading">
                         <h2>카카오톡 설정</h2>
-                        <button type="button" class="button info"
-                            onclick="window.open('popup_kakaoset_template.html','_blank','width=790, height=300, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">사용안내</button>
+                        <button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
                     </div>
                     <div class="list_tab_wrap2 type2">
                         <!-- tab button -->

                             <p class="tType1_title">친구톡 템플릿 등록</p>
                             <table class="tType1">
                                 <colgroup>
-                                    <col style="width: 190px;">
+                                    <col style="width: 130px;">
                                     <col style="width: auto;">
                                 </colgroup>
                                 <tbody>

                                         <th>채널ID</th>
                                         <td>
                                             <select name="" id="" class="select_gray_type">
+                                                <option value="">채널 ID 선택</option>
                                                 <option value="">@munjaon</option>
                                             </select>
                                         </td>

                                     <tr>
                                         <th>템플릿명</th>
                                         <td>
-                                            <input type="text" class="template_name" placeholder="템플릿 명을 입력해주세요">
-                                            <p class="template_name_cf">최대 100자, 중복불가</p>
+                                            <div class="template_name_wrap">
+                                                <input type="text" placeholder="최대 50자, 템플릿 관리용">
+                                                <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
+                                            </div>
                                         </td>
                                     </tr>
                                     <tr>

 	                                            <input type="radio" name="img_file_add" id="img_file_0" checked><label for="img_file_0">첨부 안함</label>
 	                                            <input type="radio" name="img_file_add" id="img_file_1"><label for="img_file_1">이미지 첨부</label>
 	                                            <input type="radio" name="img_file_add" id="img_file_2"><label for="img_file_2">와이드 이미지 첨부</label>
-	                                            <div class="img_add_info_wrap basic_img_add_wrap">
-	                                            	<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
-	                                                <ul class="info_text">
-	                                                    <li>- 권장사이즈 : 720px * 720px</li>
-	                                                    <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
-	                                                    <li>- 파일형식 : jpg, png (최대 500kb)</li>
-	                                                    <li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
-	                                                </ul>
-	                                            </div>
-	                                            <div class="img_add_info_wrap wide_img_add_wrap">
-	                                                <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
-	                                                <ul class="info_text">
-	                                                    <li>- 권장사이즈 : 800px * 600px</li>
-	                                                    <!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
-	                                                    <li>- 파일형식 : jpg, png (최대 2mb)</li>
-	                                                    <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
-	                                                </ul>
-	                                            </div>
-                                            </div>
-                                            <div class="img_file_add_wrap">
-                                            	<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
-                                                <ul class="img_file_info_wrap">
-                                                    <li>
-                                                        <p class="file_name">image_testtest.jpg</p>
-                                                        <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
-                                                    </li>
-                                                    <li>
-                                                        <p>이미지 클릭시 이동할 URL</p>
-                                                        <input type="text" placeholder="http://" class="img_url">
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            
-                                            
+	                                            <div class="img_file_add_wrap basic_img_add_wrap">
+                                                    <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
+                                                    <ul class="info_text">
+                                                        <li>- 권장사이즈 : 800px * 400px</li>
+                                                        <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
+                                                        <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                        <li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
+                                                    </ul>
+    
+                                                    <ul class="img_file_info_wrap">
+                                                        <li>
+                                                            <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                            <div class="img_file_wrap">
+                                                                <p class="file_name">image_testtest.jpg</p>
+                                                                <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <p>이미지 클릭시 이동할 URL</p>
+                                                            <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                                <div class="img_file_add_wrap wide_img_add_wrap">
+                                                    <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
+                                                    <ul class="info_text">
+                                                        <li>- 권장사이즈 : 800px * 600px</li>
+                                                        <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                        <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
+                                                    </ul>
+                                                    <ul class="img_file_info_wrap">
+                                                        <li>
+                                                            <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                            <div class="img_file_wrap">
+                                                                <p class="file_name file_none">이미지 없음</p>
+                                                                <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <p>이미지 클릭시 이동할 URL</p>
+                                                            <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                        </li>
+                                                    </ul>
+                                                </div>
                                         </td>
                                     </tr>
                                     <tr>
                                         <th>광고포함 여부</th>
                                         <td>
-                                            <input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
-                                                포함</label>
-                                            <input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
+                                            <input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
+                                            <label for="ad_Y">광고성 정보 포함</label>
                                         </td>
                                     </tr>
                                     <tr>

                                                     <label for="textarea" class="label"></label>
                                                     <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
                                                     <div class="text_length">
-                                                        <div>
+                                                        <div class="sub_ad_text">
                                                             <p>수신거부 : 홈 > 채널차단</p>
                                                         </div>
                                                         <div>

                                             </div>
                                             <div class="put_right">
                                                 <div class="btn_popup_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특수문자</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
                                                     <div class="send_miniPop spc_character">
                                                         <div class="tab_character">
                                                             <a href="#none" class="on">특수문자</a>

                                                             </div>
                                                         </div>
                                                         <!-- //그외 -->
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap convers_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특정문구 일괄변환<i
-                                                            class="qmMark"></i></button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
                                                     <div class="send_miniPop convers">
                                                         <div>
                                                             <div class="convers_top">

                                                                 <a href="#">#{4}</a>
                                                             </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap spc_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">이모티콘</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
                                                     <div class="send_miniPop spc_character kakao_emoticon">
                                                         <div class="cnt_character">
                                                             <div class="box_character">
-                                                                <a href="#">※</a>
-                                                                <a href="#">☆</a>
-                                                                <a href="#">★</a>
-                                                                <a href="#">○</a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
                                                             </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
-                                                <div class="btn_popup_wrap template_call_wrap">
-                                                    <button type="button" class="btnType btnType8">템플릿 불러오기</button>
-                                                </div>
+
                                                 <div class="send_btnWrap">
-                                                    <!-- <button type="button" class="btnType btn_text_save">내용 저장하기</button> -->
                                                     <button type="button" class="btnType btnType9">초기화</button>
                                                 </div>
                                             </div>

                                         <td class="template_button">
                                             <select name="" id="" class="select_gray_type template_button_select">
                                                 <option value="button_type_0">버튼타입 선택</option>
-                                                <option value="button_type_1">배송조회</option>
                                                 <option value="button_type_2">웹링크</option>
                                                 <option value="button_type_3">앱링크</option>
-                                                <option value="button_type_4">봇키워드</option>
-                                                <option value="button_type_5">메시지전달</option>
-                                                <option value="button_type_6">상담톡전환</option>
-                                                <option value="button_type_7">챗봇전환</option>
                                             </select>
                                             <button type="button" class="btnType btnType6"
                                                 onclick="templateButtonAdd();">추가</button>

                         <div class="send_right">
                             <div class="phone">
                                 <div class="phoneIn">
-                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
-                                            alt="">@munjaon</p>
+                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
                                     <!-- 텍스트 미리보기 -->
                                     <div class="text_preview">
                                         <p class="friend_talk_title"><span>(광고)</span> munjaon</p>
                                         <div class="allimtalk_content">
-                                            <div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt=""></div>
+                                            <div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt="" style="display:none;"></div>
                                             <p class="template_text">홍길동 고객님 안녕하세요.
                                                 문자온입니다.
                                                 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>

b59a932

8fabd4c

src/main/webapp/publish/kakao_friendtalk_send.html

--- src/main/webapp/publish/kakao_friendtalk_send.html

+++ src/main/webapp/publish/kakao_friendtalk_send.html


     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>문자온_친구톡 전송</title>
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
-        rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/publish/css/reset.css">
     <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
     <link rel="stylesheet" href="/publish/css/common.css">

     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
+    <script src="/publish/js/popup.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
+
+    <script>
+
+
+    </script>
 
 
 </head>

         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    
-    <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
-    <!--// header 영역 -->
-    <!-- login 영역 -->
+
+    <div data-include-path="/publish/layout/_header.html"></div>
+
     <!-- content 영역 -->
     <div id="container" class="cont sub">
         <div class="inner">

                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
                     <li class="tab active"><button type="button" onclick="location.href='/publish/kakao_friendtalk_send.html'">친구톡</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_intro.html'">알림톡 소개</button></li>
                 </ul>
                 <!--// tab button -->
-                <!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
+
                 <div class="top_content kakaotalksend_cont current pay_tab_wrap">
                     <div class="heading">
                         <h2>친구톡 전송</h2>
-                        <button type="button" class="button info">알림톡 사용방법</button>
+                        <button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
                     </div>
                     <div class="send_general friend_talk_wrap kakao_wrap">
                         <div class="send_left">

                                         <th>채널ID</th>
                                         <td>
                                             <select name="" id="" class="select_gray_type">
+                                                <option value="">채널 ID 선택</option>
                                                 <option value="">@munjaon</option>
                                             </select>
                                         </td>
                                     </tr>
+
+                                    <tr>
+                                        <th>템플릿명</th>
+                                        <td>
+                                            <div class="template_name_wrap">
+                                                <input type="text" placeholder="최대 50자, 템플릿 관리용">
+                                                <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+
                                     <tr>
                                         <th>이미지 첨부</th>
                                         <td>
-                                            <input type="radio" name="img_file_add" id="img_file_0" checked><label
-                                                for="img_file_0">첨부 안함</label>
-                                            <input type="radio" name="img_file_add" id="img_file_1"><label
-                                                for="img_file_1">이미지 첨부</label>
-                                            <input type="radio" name="img_file_add" id="img_file_2"><label
-                                                for="img_file_2">와이드 이미지 첨부</label>
-                                                <div class="img_file_add_wrap basic_img_add_wrap">
-                                                    <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
-                                                    <ul class="info_text">
-                                                        <li>- 권장사이즈 : 720px * 720px</li>
-                                                        <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
-                                                        <li>- 파일형식 : jpg, png (최대 500kb)</li>
-                                                        <li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
-                                                    </ul>
-                                                    <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
-                                                    <ul class="img_file_info_wrap">
-                                                        <li>
+                                            <input type="radio" name="img_file_add" id="img_file_0" checked>
+                                            <label for="img_file_0">첨부 안함</label>
+                                            <input type="radio" name="img_file_add" id="img_file_1">
+                                            <label for="img_file_1">이미지 첨부</label>
+                                            <input type="radio" name="img_file_add" id="img_file_2">
+                                            <label for="img_file_2">와이드 이미지 첨부</label>
+                                            <div class="img_file_add_wrap basic_img_add_wrap">
+                                                <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
+                                                <ul class="info_text">
+                                                    <li>- 권장사이즈 : 800px * 400px</li>
+                                                    <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
+                                                    <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                    <li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
+                                                </ul>
+
+                                                <ul class="img_file_info_wrap">
+                                                    <li>
+                                                        <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                        <div class="img_file_wrap">
                                                             <p class="file_name">image_testtest.jpg</p>
-                                                            <button type="button" class="btn_del"
-                                                                onclick="buttonTypeDel(this);"><img
-                                                                    src="/publish/images/btn_delete.png" alt=""></button>
-                                                        </li>
-                                                        <li>
-                                                            <p>이미지 클릭시 이동할 URL</p>
-                                                            <input type="text" placeholder="http://" class="img_url">
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                                <div class="img_file_add_wrap wide_img_add_wrap">
-                                                    <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
-                                                    <ul class="info_text">
-                                                        <li>- 권장사이즈 : 800px * 600px</li>
-                                                        <!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
-                                                        <li>- 파일형식 : jpg, png (최대 2mb)</li>
-                                                        <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
-                                                    </ul>
-                                                    <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
-                                                    <ul class="img_file_info_wrap">
-                                                        <li>
-                                                            <p class="file_name">image_testtest.jpg</p>
-                                                            <button type="button" class="btn_del"
-                                                                onclick="buttonTypeDel(this);"><img
-                                                                    src="/publish/images/btn_delete.png" alt=""></button>
-                                                        </li>
-                                                        <li>
-                                                            <p>이미지 클릭시 이동할 URL</p>
-                                                            <input type="text" placeholder="http://" class="img_url">
-                                                        </li>
-                                                    </ul>
-                                                </div>
+                                                            <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                        </div>
+                                                    </li>
+                                                    <li>
+                                                        <p>이미지 클릭시 이동할 URL</p>
+                                                        <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                            <div class="img_file_add_wrap wide_img_add_wrap">
+                                                <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
+                                                <ul class="info_text">
+                                                    <li>- 권장사이즈 : 800px * 600px</li>
+                                                    <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                    <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
+                                                </ul>
+                                                <ul class="img_file_info_wrap">
+                                                    <li>
+                                                        <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                        <div class="img_file_wrap">
+                                                            <p class="file_name file_none">이미지 없음</p>
+                                                            <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                        </div>
+                                                    </li>
+                                                    <li>
+                                                        <p>이미지 클릭시 이동할 URL</p>
+                                                        <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                    </li>
+                                                </ul>
+                                            </div>
                                         </td>
                                     </tr>
                                     <tr>
                                         <th>광고포함 여부</th>
                                         <td>
-                                            <input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
-                                                포함</label>
-                                            <input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
+                                            <input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
+                                            <label for="ad_Y">광고성 정보 포함</label>
                                         </td>
                                     </tr>
                                     <tr>
                                         <th>내용</th>
                                         <td class="kakao_template_text">
                                             <div class="put_left short">
-                                                <input type="text" class="template_name" placeholder="템플릿명을 입력해주세요. (최대 50자)">
                                                 <div class="put_text_wrap">
                                                     <div class="ad_txt">
                                                         <p>(광고) munjaon</p>

                                                     <label for="textarea" class="label"></label>
                                                     <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
                                                     <div class="text_length">
-                                                        <div>
+                                                        <div class="sub_ad_text">
                                                             <p>수신거부 : 홈 > 채널차단</p>
                                                         </div>
                                                         <div>

                                             </div>
                                             <div class="put_right">
                                                 <div class="btn_popup_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특수문자</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
                                                     <div class="send_miniPop spc_character">
                                                         <div class="tab_character">
                                                             <a href="#none" class="on">특수문자</a>

                                                             </div>
                                                         </div>
                                                         <!-- //그외 -->
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap convers_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특정문구 일괄변환<i
-                                                            class="qmMark"></i></button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
                                                     <div class="send_miniPop convers">
                                                         <div>
                                                             <div class="convers_top">

                                                                 <a href="#">#{4}</a>
                                                             </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap spc_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">이모티콘</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
                                                     <div class="send_miniPop spc_character kakao_emoticon">
                                                         <div class="cnt_character">
                                                             <div class="box_character">
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
-								                              </div>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
+                                                            </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
-                                                <div class="btn_popup_wrap template_call_wrap">
-                                                    <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
-                                                </div>
+
                                                 <div class="send_btnWrap">
-                                                    <button type="button" class="btnType btn_text_save">내용 저장하기</button>
+                                                    <button type="button" class="btnType btnType9 btn_text_save">템플릿 저장</button>
                                                     <button type="button" class="btnType btnType9">초기화</button>
                                                 </div>
                                             </div>

                                         <td class="template_button">
                                             <select name="" id="" class="select_gray_type template_button_select">
                                                 <option value="button_type_0">버튼타입 선택</option>
-                                                <option value="button_type_1">배송조회</option>
                                                 <option value="button_type_2">웹링크</option>
                                                 <option value="button_type_3">앱링크</option>
-                                                <option value="button_type_4">봇키워드</option>
-                                                <option value="button_type_5">메시지전달</option>
-                                                <option value="button_type_6">상담톡전환</option>
-                                                <option value="button_type_7">챗봇전환</option>
                                             </select>
-                                            <button type="button" class="btnType btnType6"
-                                                onclick="templateButtonAdd();">추가</button>
-                                                <p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서   설정을 직접 한 후 
-                                                    이용하셔야 동작합니다. (최대 5개까지 등록가능)</p>
+                                            <button type="button" class="btnType btnType6" onclick="templateButtonAdd();">추가</button>
+                                            <!-- <p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서   설정을 직접 한 후 이용하셔야 동작합니다. (최대 5개까지 등록가능)</p> -->
                                             <div class="button_add_wrap">
                                                 <!-- <dl class="button_type_wrap template_channel_add">
                                                 <dt>채널추가</dt>

                                         <th>받는사람</th>
                                         <td class="putText">
                                             <div class="clearfix receipt_num">
-                                                <div class="receipt_num_top">
+                                                <div class="receipt_num_top" style="align-items:flex-start;">
                                                     <label for="" class="label">받는 번호입력</label>
-                                                    <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
-                                                    <button type="button" class="btnType btnType6">번호추가</button>
-                                                    <span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
+                                                    <textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;height:66px;"></textarea>
+                                                    <div class="btn_popup_wrap">
+                                                        <button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
+                                                        <span style="display:block;margin:6px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
+                                                        <div class="error_hover_cont send_hover_cont">
+                                                            <p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>
+                                                            <span>
+                                                                (예시)<br>
+                                                                010-1234-0001↵<br>
+                                                                010-1235-0002↵<br>
+                                                                01012350003↵<br>
+                                                                01012350004↵<br>
+                                                            </span>
+                                                        </div>
+                                                    </div>
                                                 </div>
                                                 <div class="receipt_num_midde">
                                                     <div class="listType list01">

                                                         <div class="btn_popup_wrap">
                                                             <button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주보내는 번호</button>
                                                         </div>
-                                                        <div class="btn_popup_wrap check_validity_wrap">
-                                                            <button type="button" class="btnType btnType7">오류 검사<i class="qmMark error_qm"></i></button>
-                                                            <div class="error_hover_cont send_hover_cont">
-                                                                <p>등록하신 전화번호(형식 등)가 정확하게 입력되었는지 오류여부를 자동으로 검사할 수 있습니다.</p>
-                                                                <span>(예시) 010-1234-0001(O),<br> 010-123-0001(X)</span>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                                 <div class="list_bottom clearfix">

                                                     </div>
                                                     <div class="list_bottom_right">
                                                         <p>총 <span class="c_e40000">120</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
-                                                        <button type="button" class="address_reg2">주소록에 등록</button>
                                                     </div>
                                                 </div>
                                             </div>
-                                            
+
                                         </td>
                                     </tr>
                                     <tr>

                                                 </div>
                                                 <div class="pay_type clearfix">
                                                     <div>
-                                                        <input type="radio" id="radio_bill_1" name="radio_bill"
-                                                            checked="checked">
+                                                        <input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
                                                         <label for="radio_bill_1">보유잔액</label>
                                                         <label for="userMoney" class="label">보유잔액</label>
                                                         <input type="text" id="userMoney" name="userMoney" value="0" readonly="">

                                     </tr>
                                     <tr>
                                         <th colspan="2" class="replace_send_th">
-                                            <div class="title_th"><p>대체문자</p> 
+                                            <div class="title_th">
+                                                <p>대체문자</p>
                                                 <input type="checkbox" id="send_fail_check" class="send_fail_check"><label for="send_fail_check">친구톡 전송 실패 시 문자 전송</label>
                                             </div>
                                             <div class="replace_send_wrap">

                                                             </td>
                                                         </tr>
                                                         <tr>
-                                                            <th>제목</th>
-                                                            <td>
-                                                                <input id="title_y" type="radio" name="title_yn">
-                                                                <label for="title_y">사용</label>
-                                                                <input id="title_n" type="radio" name="title_yn" checked="checked">
-                                                                <label for="title_n">사용안함</label>
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
                                                             <th>내용</th>
                                                             <td class="putText">
                                                                 <div class="clearfix">

                                                                                     </span>
                                                                                     <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
                                                                                 </p>
-                                                                                <span
-                                                                                    class="msg_com msg_short">단문</span>
+                                                                                <span class="msg_com msg_short">단문</span>
                                                                             </div>
                                                                         </div>
                                                                     </div>
                                                                     <div class="put_right">
-                                                                        <div class="btn_popup_wrap spc_wrap">
-                                                                            <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
-                                                                            <div class="send_miniPop spc_character">
-                                                                                <div class="tab_character">
-                                                                                    <a href="#none" class="on">특수문자</a>
-                                                                                    <a href="#none">웃음</a>
-                                                                                    <a href="#none">슬픔</a>
-                                                                                    <a href="#none">분노</a>
-                                                                                    <a href="#none">사랑</a>
-                                                                                    <a href="#none">그외</a>
-                                                                                </div>
-                                                                                <!-- 특수문자 -->
-                                                                                <div class="cnt_character on">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">※</a>
-                                                                                        <a href="#">☆</a>
-                                                                                        <a href="#">★</a>
-                                                                                        <a href="#">○</a>
-                                                                                        <a href="#">●</a>
-                                                                                        <a href="#">◎</a>
-                                                                                        <a href="#">◇</a>
-                                                                                        <a href="#">◆</a>
-                                                                                        <a href="#">□</a>
-                                                                                        <a href="#">■</a>
-                                                                                        <a href="#">△</a>
-                                                                                        <a href="#">▲</a>
-                                                                                        <a href="#">▽</a>
-                                                                                        <a href="#">▼</a>
-                                                                                        <a href="#">→</a>
-                                                                                        <a href="#">←</a>
-                                                                                        <a href="#">↑</a>
-                                                                                        <a href="#">↓</a>
-                                                                                        <a href="#">↔</a>
-                                                                                        <a href="#">〓</a>
-                                                                                        <a href="#">◁</a>
-                                                                                        <a href="#">♪</a>
-                                                                                        <a href="#">◀</a>
-                                                                                        <a href="#">▷</a>
-                                                                                        <a href="#">▶</a>
-                                                                                        <a href="#">♤</a>
-                                                                                        <a href="#">♠</a>
-                                                                                        <a href="#">♡</a>
-                                                                                        <a href="#">♥</a>
-                                                                                        <a href="#">♧</a>
-                                                                                        <a href="#">♣</a>
-                                                                                        <a href="#">⊙</a>
-                                                                                        <a href="#">◈</a>
-                                                                                        <a href="#">▣</a>
-                                                                                        <a href="#">◐</a>
-                                                                                        <a href="#">◑</a>
-                                                                                        <a href="#">▒</a>
-                                                                                        <a href="#">▦</a>
-                                                                                        <a href="#">♨</a>
-                                                                                        <a href="#">☏</a>
-                                                                                        <a href="#">☎</a>
-                                                                                        <a href="#">☞</a>
-                                                                                        <a href="#">☜</a>
-                                                                                        <a href="#">㈜</a>
-                                                                                        <a href="#">™</a>
-                                                                                        <a href="#">℡</a>
-                                                                                        <a href="#">ㆀ</a>
-                                                                                        <a href="#">ε</a>
-                                                                                        <a href="#">『</a>
-                                                                                        <a href="#">』</a>
-                                                                                        <a href="#">ⓛ</a>
-                                                                                        <a href="#">∏</a>
-                                                                                        <a href="#">ご</a>
-                                                                                        <a href="#">♂</a>
-                                                                                        <a href="#">↗</a>
-                                                                                        <a href="#">↙</a>
-                                                                                        <a href="#">↖</a>
-                                                                                        <a href="#">↘</a>
-                                                                                        <a href="#">ψ</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //특수문자 -->
-
-                                                                                <!-- 웃음 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">⌒⌒</a>
-                                                                                        <a href="#">^_^</a>
-                                                                                        <a href="#">^0^</a>
-                                                                                        <a href="#">s(￣▽￣)/</a>
-                                                                                        <a href="#">(/^^)/</a>
-                                                                                        <a href="#">^o^~♬</a>
-                                                                                        <a href="#">^.~</a>
-                                                                                        <a href="#">^-^b</a>
-                                                                                        <a href="#">^▽^</a>
-                                                                                        <a href="#">^ε^</a>
-                                                                                        <a href="#">(^^)γ</a>
-                                                                                        <a href="#">(~^^)~</a>
-                                                                                        <a href="#">☆(~.^)/</a>
-                                                                                        <a href="#">(*^o^*)</a>
-                                                                                        <a href="#">n_n</a>
-                                                                                        <a href="#">↖(^▽^)↗</a>
-                                                                                        <a href="#">(￣∇￣)</a>
-                                                                                        <a href="#">(*^.^)♂</a>
-                                                                                        <a href="#">*^^*</a>
-                                                                                        <a href="#">ㅎ.ㅎ</a>
-                                                                                        <a href="#">=^.^=</a>
-                                                                                        <a href="#">^▽^</a>
-                                                                                        <a href="#">~_~</a>
-                                                                                        <a href="#">(=^▽^)/♪</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //웃음 -->
-
-                                                                                <!-- 슬픔 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">(づ_T)</a>
-                                                                                        <a href="#">(ㅠ.ㅠ)</a>
-                                                                                        <a href="#">(#_-)</a>
-                                                                                        <a href="#">o(T^T)o</a>
-                                                                                        <a href="#">ㅠ.ㅠ</a>
-                                                                                        <a href="#">(-_-メ)</a>
-                                                                                        <a href="#">Y.Y</a>
-                                                                                        <a href="#">TmT</a>
-                                                                                        <a href="#">ご.ご</a>
-                                                                                        <a href="#">(=_=;)</a>
-                                                                                        <a href="#">⊇.⊆</a>
-                                                                                        <a href="#">(o_Φ)</a>
-                                                                                        <a href="#">∋.∈</a>
-                                                                                        <a href="#">(___)_</a>
-                                                                                        <a href="#">(-.￥)</a>
-                                                                                        <a href="#">@_O</a>
-                                                                                        <a href="#">●⊙</a>
-                                                                                        <a href="#">(♨_♨)</a>
-                                                                                        <a href="#">(X_X)</a>
-                                                                                        <a href="#">Θ_Θ</a>
-                                                                                        <a href="#">(∏.∏)</a>
-                                                                                        <a href="#">(づ_ど)</a>
-                                                                                        <a href="#">(￣^￣)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //슬픔 -->
-
-                                                                                <!-- 분노 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">Θ_Θ</a>
-                                                                                        <a href="#">=-_-a</a>
-                                                                                        <a href="#">('o')</a>
-                                                                                        <a href="#">(｀へ´)</a>
-                                                                                        <a href="#">(-ヘㅡメ)凸</a>
-                                                                                        <a href="#">⊙⊙ㆀ</a>
-                                                                                        <a href="#">⊙.⊙</a>
-                                                                                        <a href="#">ㅡㅡ+</a>
-                                                                                        <a href="#">(`o´)y</a>
-                                                                                        <a href="#">づºДº)つ</a>
-                                                                                        <a href="#">O_O</a>
-                                                                                        <a href="#">(@.@)</a>
-                                                                                        <a href="#">★.★</a>
-                                                                                        <a href="#">(;￢_￢)</a>
-                                                                                        <a href="#">┏(;-_-)┛</a>
-                                                                                        <a href="#">┏(-_-メ)┓</a>
-                                                                                        <a href="#">(>&#60;ㆀ)&#47;</a>
-                                                                                        <a href="#">--メ凸</a>
-                                                                                        <a href="#">(`_)乂(_′)</a>
-                                                                                        <a href="#">(-_-)c+_=)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //분노 -->
-
-                                                                                <!-- 사랑 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">♥.♥</a>
-                                                                                        <a href="#">^o^~♬</a>
-                                                                                        <a href="#">(*^}{^*)</a>
-                                                                                        <a href="#">ⓛⓞⓥⓔ</a>
-                                                                                        <a href="#">(*_*)</a>
-                                                                                        <a href="#">(♡.♡)</a>
-                                                                                        <a href="#">ε♡₃ε♥</a>
-                                                                                        <a href="#">(*..)(..*)</a>
-                                                                                        <a href="#">(~.^)s</a>
-                                                                                        <a href="#">☞♡☜</a>
-                                                                                        <a href="#">*♥o♥*</a>
-                                                                                        <a href="#">(/^o^)/♡</a>
-                                                                                        <a href="#">@-m-m--</a>
-                                                                                        <a href="#">=>>------▷♡</a>
-                                                                                        <a href="#">(*^^)σ(^_^)</a>
-                                                                                        <a href="#">(*^-^)♡(^o^*)</a>
-                                                                                        <a href="#">(づ^.^)づ~♡</a>
-                                                                                        <a href="#">＼(*^▽^*)ノ</a>
-                                                                                        <a href="#">*⌒З^)^.⌒*)</a>
-                                                                                        <a href="#">(づ￣³￣)づ~</a>
-                                                                                        <a href="#">(づ￣³￣)づ</a>
-                                                                                        <a href="#">(^*^)kiss</a>
-                                                                                        <a href="#">(*'-⌒*)ⓥ</a>
-                                                                                        <a href="#">s(￣▽￣)/</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //사랑 -->
-
-                                                                                <!-- 그외 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character emt_etc ">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">&#60;:3)--</a>
-                                                                                        <a href="#">(^(oo)^)</a>
-                                                                                        <a href="#">(:::[</a>
-                                                                                        <a href="#">]:::)</a>
-                                                                                        <a href="#">[(￣.￣)]zZ</a>
-                                                                                        <a href="#">(``)(``)</a>
-                                                                                        <a href="#">(T(oo)T)</a>
-                                                                                        <a href="#">(^.^)=O)#.#)</a>
-                                                                                        <a href="#">?‥…─━★</a>
-                                                                                        <a href="#">(__)zzz</a>
-                                                                                        <a href="#">(=ㅅ)=333</a>
-                                                                                        <a href="#">&#60;(>.<ㆀ)></a>
-                                                                                        <a href="#">>(/////)&#60;</a>
-                                                                                        <a href="#">((ど(</a>
-                                                                                        <a href="#">^0^</a>
-                                                                                        <a href="#">)つ))</a>
-                                                                                        <a href="#">■■■■■□90%</a>
-                                                                                        <a href="#">(￣_￣>-(^▽^;)</a>
-                                                                                        <a href="#">∑⊙)++333=◀</a>
-                                                                                        <a href="#">(ノ^_^)ノ~~⑩</a>
-                                                                                        <a href="#">(^▽^)/＼(^_^)</a>
-                                                                                        <a href="#">(*.*)@==(`.`)</a>
-                                                                                        <a href="#">(っㅡㅡ)つ━●</a>
-                                                                                        <a href="#">(``)(</a>
-                                                                                        <a href="#">:)(..)(:</a>
-                                                                                        <a href="#">(``)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //그외 -->
-                                                                                <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="btn_popup_wrap convers_wrap">
-                                                                            <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
-                                                                            <div class="send_miniPop convers">
-                                                                                <div>
-                                                                                    <div class="convers_top">
-                                                                                        <span>특정문구 일괄변환이란?</span>
-                                                                                        <p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른
-                                                                                            내용의 메시지를 발송하는 기능</p>
-                                                                                    </div>
-                                                                                    <div class="convers_middle"><a
-                                                                                            href="#">#{이름}</a></div>
-                                                                                    <div class="convers_bottom">
-                                                                                        <a href="#">#{1}</a>
-                                                                                        <a href="#">#{2}</a>
-                                                                                        <a href="#">#{3}</a>
-                                                                                        <a href="#">#{4}</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                                                            </div>
-                                                                        </div>
-                                                                        <button type="button" class="btnType btnType7">내문자함</button>
-                                                                        <button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+                                                                        <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
                                                                         <div class="send_btnWrap">
-                                                                            <button type="button" class="btnType btnType9">문자저장</button>
-                                                                            <button type="button" class="btnType btnType9">초기화</button>
+                                                                            <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
                                                                         </div>
                                                                     </div>
 

                         <div class="send_right">
                             <div class="phone">
                                 <div class="phoneIn">
-                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
-                                            alt="">@munjaon</p>
+                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
                                     <!-- 텍스트 미리보기 -->
                                     <div class="text_preview">
                                         <p class="friend_talk_title"><span>(광고)</span> munjaon</p>
                                         <div class="allimtalk_content">
-                                            <div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt=""></div>
+                                            <div class="kakao_image"><img src="/publish/images/content/kakao_img_basic.jpg" alt="" style="display:none;"></div>
                                             <p class="template_text">홍길동 고객님 안녕하세요.
                                                 문자온입니다.
                                                 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
-                                                <button type="button" class="btn_kakao_type">문자온 바로가기</button>
+                                            <button type="button" class="btn_kakao_type">문자온 바로가기</button>
                                         </div>
                                         <p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
                                     </div>
                                     <!-- //텍스트 미리보기 -->
                                 </div>
                                 <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
-                                        
+                                        <div class="preview_util">
+                                            <button type="button" id="btnFirst" disabled="disabled"><img src="/publish/images/content/page_first.png"></button>
+                                            <button type="button" id="btnPrev" data-index="0" disabled="disabled"><img src="/publish/images/content/page_prev.png"></button>
+                                            <p>미리보기</p>
+                                            <button type="button" id="btnNext" data-index="1" disabled="disabled"><img src="/publish/images/content/page_next.png"></button>
+                                            <button type="button" id="btnLast" disabled="disabled"><img src="/publish/images/content/page_last.png"></button>
+                                        </div>
+
                             </div>
                             <div class="phone_bottom">
                                 <div class="send_rev">

     </div>
     <!--// content 영역 -->
     <!-- footer -->
-	<div data-include-path="/publish/layout/_footer.html"></div>
-	<!--// footer 영역 -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
 </body>
 
 </html>

b59a932

8fabd4c

src/main/webapp/publish/layout/_header.html

--- src/main/webapp/publish/layout/_header.html

+++ src/main/webapp/publish/layout/_header.html


-  <div class="mask"></div>
-  <!-- skip 메뉴  -->
-  <div class="skip_menu">
-    <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-  </div>
-  <!--// skip 메뉴  -->
+<div class="mask"></div>
+<!-- skip 메뉴  -->
+<div class="skip_menu">
+  <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+</div>
+<!--// skip 메뉴  -->
 
-  <!-- quick 메뉴 -->
-  <div class="quickMenu">
-    <div>
-      <p class="quick_title">QUICK<br>MENU</p>
-      <p class="quick_title2">QUICK</p>
-      <ul class="quickMenuIn">
-        <li id="quickPayGuide">
-          <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
-          <div class="hover_cont">맞춤제작</div>
-        </li>
-        <li>
-          <a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a>
-          <div class="hover_cont">주소록 관리</div>
-        </li>
-        <li>
-          <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
-          <div class="hover_cont">발신번호 관리</div>
-        </li>
-        <li>
-          <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
-          <div class="hover_cont">엑셀 대량전송</div>
-        </li>
-        <li>
-          <a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
-          <div class="hover_cont">문자연동</div>
-        </li>
-        <li>
-          <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
-          <div class="hover_cont">결제관리</div>
-        </li>
-        <li>
-          <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
-          <div class="hover_cont">세금계산서</div>
-        </li>
-        <li class="cscenter">
-          <a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a>
-          <div class="hover_cont">
-            <div class="title">고객센터</div>
-            <div class="number">1551-8011</div>
-            <ul class="info">
-              <li>· 월~금 : 09:30 ~ 18:30</li>
-              <li>· 점심시간 : 13:00 ~ 14:00</li>
-              <li>· 토, 일요일 및 법정공휴일 휴무</li>
-            </ul>
-            <div class="cskakao">
-              <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a>
-              <a href="javascript:void(0);" class="remote">원격지원</a>
-            </div>
+<!-- quick 메뉴 -->
+<div class="quickMenu">
+  <div>
+    <p class="quick_title">QUICK<br>MENU</p>
+    <p class="quick_title2">QUICK</p>
+    <ul class="quickMenuIn">
+      <li id="quickPayGuide">
+        <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
+        <div class="hover_cont">맞춤제작</div>
+      </li>
+      <li>
+        <a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a>
+        <div class="hover_cont">주소록 관리</div>
+      </li>
+      <li>
+        <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
+        <div class="hover_cont">발신번호 관리</div>
+      </li>
+      <li>
+        <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
+        <div class="hover_cont">엑셀 대량전송</div>
+      </li>
+      <li>
+        <a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
+        <div class="hover_cont">문자연동</div>
+      </li>
+      <li>
+        <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
+        <div class="hover_cont">결제관리</div>
+      </li>
+      <li>
+        <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
+        <div class="hover_cont">세금계산서</div>
+      </li>
+      <li class="cscenter">
+        <a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a>
+        <div class="hover_cont">
+          <div class="title">고객센터</div>
+          <div class="number">1551-8011</div>
+          <ul class="info">
+            <li>· 월~금 : 09:30 ~ 18:30</li>
+            <li>· 점심시간 : 13:00 ~ 14:00</li>
+            <li>· 토, 일요일 및 법정공휴일 휴무</li>
+          </ul>
+          <div class="cskakao">
+            <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a>
+            <a href="javascript:void(0);" class="remote">원격지원</a>
           </div>
-        </li>
+        </div>
+      </li>
+    </ul>
+    <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+  </div>
+  <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></div>
+</div>
+<!--// quick 메뉴 -->
+
+
+<!-- header 영역 -->
+<header id="header" class="header">
+
+  <!-- header top 영역 -->
+  <div class="header_top">
+    <div class="inner">
+      <ul class="menu_left">
+        <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
+        <li><a href="/publish/member_info_change_company.html"><i class="hdTop_mypage"></i>마이페이지</a></li>
+        <li><a href="#"><i class="hdTop_center"></i>1:1 문의</a></li>
       </ul>
-      <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+      <ul class="menu_right">
+        <li><a href="#">충전하기</a></li>
+        <li class="SortLine"><a href="#">요금안내</a></li>
+        <li class="SortLine"><a href="#">이용안내</a></li>
+        <li class="SortLine"><a href="#">고객센터</a></li>
+        <li class="SortLine"><a href="#">불편신고</a></li>
+      </ul>
     </div>
-    <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></div>
   </div>
-  <!--// quick 메뉴 -->
+  <!-- header top 영역 -->
 
-  
-  <!-- header 영역 -->
-  <header id="header" class="header">
 
-    <!-- header top 영역 -->
-    <div class="header_top">
+  <!-- header body 영역 -->
+  <div class="header_body">
+    <div class="inner table">
+      <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
+      <ul class="gnbWrap table_cell">
+        <li><a href="#">문자전송</a></li>
+        <li><a href="#">카톡발송</a></li>
+        <li><a href="#">팩스발송</a></li>
+        <li><a href="#">맞춤제작</a></li>
+        <li><a href="#">주소록 관리</a></li>
+        <li><a href="#">발송결과</a></li>
+        <li><a href="#">예약문자관리</a></li>
+        <li><a href="#">결제관리</a></li>
+      </ul>
+      <div class="s_menu">
+        <i class="allSearch_info"><span>문자검색</span></i>
+        <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+        <button type="button" title="전체메뉴" onclick="sitemapToggle(this);"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+      </div>
+    </div>
+
+
+    <!-- search popup 영역 -->
+    <div class="pop_search">
       <div class="inner">
-        <ul class="menu_left">
-          <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-          <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-          <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-        </ul>
-        <ul class="menu_right">
-          <li><a href="#">충전하기</a></li>
-          <li class="SortLine"><a href="#">요금안내</a></li>
-          <li class="SortLine"><a href="#">이용안내</a></li>
-          <li class="SortLine"><a href="#">1:1 문의</a></li>
-          <li class="SortLine"><a href="#">불편신고</a></li>
+        <div class="area_search">
+          <select name="" id="">
+            <option value="">그림문자</option>
+            <option value="">단문문자</option>
+            <option value="">장문문자</option>
+            <option value="">GIF</option>
+          </select>
+          <input type="text" placeholder="문자샘플 검색하기">
+          <button><img src="/publish/images/search02.png" alt=""></button>
+        </div>
+        <div class="area_popular">
+          <p><i></i>인기검색어</p>
+          <ul class="popular_tag">
+            <li><a href="#">#정월대보름</a></li>
+            <li class="on"><a href="#">#추석</a></li>
+            <li><a href="#">#가을인사</a></li>
+            <li><a href="#">#좋은하루</a></li>
+          </ul>
+        </div>
+        <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
+      </div>
+    </div>
+    <!--// search popup 영역 -->
+
+    <!-- 사이트맵 -->
+    <div class="layer_sitemap">
+      <div class="inner">
+        <ul class="menu">
+          <li>
+            <dl>
+              <dt><a href="/web/mjon/msgdata/selectMsgDataView.do">문자전송</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/mjon/msgdata/selectMsgDataView.do">단문·장문·그림문자</a></li>
+                  <li><a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do">대량문자</a></li>
+                  <li><a href="/web/api/intrdView.do">문자연동(API)</a></li>
+                </ul>
+              </dd>
+            </dl>
+
+            <dl>
+              <dt><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">카톡전송</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
+                  <li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
+                  <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">알림톡 소개</a></li>
+                </ul>
+              </dd>
+            </dl>
+          </li>
+          <li>
+            <dl>
+              <dt><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작 샘플</a></li>
+                  <li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=2">제작방법 및 이용안내</a></li>
+                  <li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=3">내보관함</a></li>
+                </ul>
+              </dd>
+            </dl>
+            <dl>
+              <dt><a href="/web/info/mjonInfo.do">문자온소개</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/info/mjonInfo.do">서비스 소개</a></li>
+                  <li><a href="/web/info/mjonFunc.do">주요기능</a></li>
+                  <li><a href="/web/mjon/msgdata/selectBestMsgDataView.do">베스트문자샘플</a></li>
+                </ul>
+              </dd>
+            </dl>
+            <dl>
+              <dt><a href="/web/info/mjonInfo.do">팩스전송</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/mjon/fax/faxDataView.do">팩스전송</a></li>
+                  <li><a href="/web/mjon/fax/faxSendList.do">팩스전송내역</a></li>
+                </ul>
+              </dd>
+            </dl>
+          </li>
+          <li>
+            <dl>
+              <dt><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></li>
+                  <li><a href="/web/mjon/addrBlock/selectBlockList.do">수신거부</a></li>
+                  <li><a href="/web/mjon/addr/addrMobGuide.do">폰주소록 등록</a></li>
+                  <li><a href="/web/mjon/addragency/selectAddrAgencyList.do">주소록 입력 대행(무료)</a></li>
+                </ul>
+              </dd>
+            </dl>
+          </li>
+          <li>
+            <dl>
+              <dt><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></li>
+                </ul>
+              </dd>
+            </dl>
+
+          </li>
+          <li>
+            <dl>
+              <dt><a href="/publish/member_info_change_company.html">마이페이지</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/user/mberInfoChange.do">회원정보 변경</a></li>
+                  <!-- 개인회원 일때만 노출되는 영역 -->
+
+                  <li><a href="/web/user/passwordChange.do">비밀번호 변경</a></li>
+                  <li><a href="/web/user/sendNumberManage.do">발신번호 관리</a></li>
+                  <!-- <li><a href="/web/user/notifyManage.do">알림설정</a></li> -->
+                </ul>
+              </dd>
+            </dl>
+          </li>
+          <li>
+            <dl>
+              <dt><a href="/web/member/pay/PayList.do">결제관리</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/pay/PayGuide.do">요금안내/견적내기</a></li>
+                  <li><a href="/web/member/pay/PayView.do">결제하기</a></li>
+                  <li><a href="/web/member/pay/PayList.do">요금 결제내역</a></li>
+                  <li><a href="/web/member/pay/PayUserSWList.do">요금 사용내역</a></li>
+                  <!-- 현금영수증 자동발행 주석 -->
+
+                  <li><a href="/web/member/pay/BillPub.do">세금계산서 발행</a></li>
+                </ul>
+              </dd>
+            </dl>
+          </li>
+          <li>
+            <dl>
+              <dt><a href="/web/cop/bbs/NoticeList.do">고객센터</a></dt>
+              <dd>
+                <ul>
+                  <li><a href="/web/cop/bbs/NoticeList.do">공지사항</a></li>
+                  <li><a href="/web/cop/bbs/TermsList.do?menuNm=02&amp;termsMastNo=2023">이용약관</a></li>
+                  <li><a href="/web/cop/bbs/FaqList.do">자주하는 질문</a></li>
+                  <li><a href="/web/cop/bbs/QnaList.do">1:1 문의</a></li>
+                  <li><a href="/web/cop/bbs/SuggestList.do">불편신고</a></li>
+                  <li><a href="/web/cop/bbs/EventList.do">이벤트</a></li>
+                  <li><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');">원격지원</a></li>
+                </ul>
+              </dd>
+            </dl>
+          </li>
         </ul>
       </div>
     </div>
-    <!-- header top 영역 -->
+    <!-- //사이트맵 -->
 
 
-    <!-- header body 영역 -->
-    <div class="header_body">
-      <div class="inner table">
-        <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-        <ul class="gnbWrap table_cell">
-          <li><a href="#">문자전송</a></li>
-          <li><a href="#">카톡발송</a></li>
-          <li><a href="#">팩스발송</a></li>
-          <li><a href="#">맞춤제작</a></li>
-          <li><a href="#">주소록 관리</a></li>
-          <li><a href="#">발송결과</a></li>
-          <li><a href="#">예약문자관리</a></li>
-          <li><a href="#">결제관리</a></li>
-        </ul>
-        <div class="s_menu">
-          <i class="allSearch_info"><span>문자검색</span></i>
-          <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-          <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+  </div>
+  <!--// header body 영역 -->
+  <!-- <div id="login" class="login">
+    <div class="inner">
+      <div class="login_left">
+        <div class="login_put">
+          <label for="id_text" class="label"></label>
+          <input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
+          <label for="password_text" class="label"></label>
+          <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
+          <label for="login_button" class="label"></label>
+          <button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
+        </div>
+        <div class="login_save">
+          <input type="checkbox" id="save_id" name="checkId">
+          <label for="save_id">아이디 저장</label>
+        </div>
+        <div class="login_find">
+          <a href="/web/user/findUserId.do">아이디찾기</a>
+          /
+          <a href="/web/user/rePassword.do">비밀번호 재설정</a>
+        </div>
+        <div>
+          <button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
         </div>
       </div>
-
-
-      <!-- search popup 영역 -->
-      <div class="pop_search">
-        <div class="inner">
-          <div class="area_search">
-            <select name="" id="">
-              <option value="">그림문자</option>
-              <option value="">단문문자</option>
-              <option value="">장문문자</option>
-              <option value="">GIF</option>
-            </select>
-            <input type="text" placeholder="문자샘플 검색하기">
-            <button><img src="/publish/images/search02.png" alt=""></button>
-          </div>
-          <div class="area_popular">
-            <p><i></i>인기검색어</p>
-            <ul class="popular_tag">
-              <li><a href="#">#정월대보름</a></li>
-              <li class="on"><a href="#">#추석</a></li>
-              <li><a href="#">#가을인사</a></li>
-              <li><a href="#">#좋은하루</a></li>
-            </ul>
-          </div>
-          <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-        </div>
-      </div>
-      <!--// search popup 영역 -->
-
-
-    </div>
-    <!--// header body 영역 -->
-    <div id="login" class="login">
-      <div class="inner">
-        <div class="login_left">
-          <div class="login_put">
-            <label for="id_text" class="label"></label>
-            <input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
-            <label for="password_text" class="label"></label>
-            <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
-            <label for="login_button" class="label"></label>
-            <button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
-          </div>
-          <div class="login_save">
-            <input type="checkbox" id="save_id" name="checkId">
-            <label for="save_id">아이디 저장</label>
-          </div>
-          <div class="login_find">
-            <a href="/web/user/findUserId.do">아이디찾기</a>
-            /
-            <a href="/web/user/rePassword.do">비밀번호 재설정</a>
-          </div>
-          <div>
-            <button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
-          </div>
-        </div>
-        <div class="login_right">
-          <span><i></i>이달의 이벤트</span>
-          <button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
-        </div>
+      <div class="login_right">
+        <span><i></i>이달의 이벤트</span>
+        <button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
       </div>
     </div>
-    <!--// login 영역 -->
+  </div> -->
+  <!--// login 영역 -->
 
-    <!-- 로그인 후 영역 -->
-    <!-- <div id="login" class="login2">
-      <div class="inner">
-        <div class="login_left">
-          <div class="login_info">
-            <i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
-            <div class="login2_name">
-              <p>정수빈</p><span>(개인) 님</span>
-            </div>
-            <div class="session">
-              <div>
-                <span id="ViewTimer">00:00</span>
-              </div>
-              <button type="button" onclick="sessionExpend(); return false;">연장</button>
-            </div>
-            <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
-            <button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
-
-            <div class="security_box green_box">
-              <a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
-              <a href="#" id="secuLoginFlag" class="state on">ON</a>
-            </div>
+  <!-- 로그인 후 영역 -->
+  <div id="login" class="login2">
+    <div class="inner">
+      <div class="login_left">
+        <div class="login_info">
+          <div class="login2_name" onclick="location.href='/publish/member_info_change_company.html'">
+            <i class="icon_user"></i>
+            <p>정수빈</p><span>(개인) 님</span>
           </div>
-          <div class="login_pay">
-            <div class="check_money">
-              <div class="holdingsum_box">
-                <i></i>
-                <p>보유잔액
-                  <span class="fwMd" id="hdUserMoney">0</span>원</p>
-              </div>
-              <button type="button" class="btnType btnType3">충전</button>
-              <div class="account_box">
-                <button type="button" class="btnType btnType3">전용계좌</button>
-                <dl>
-                  <dt>전용계좌</dt>
-                  <dd>기업은행 48011304697636</dd>
-                </dl>
-              </div>
+          <div class="session">
+            <div>
+              <span id="ViewTimer">00:00</span>
             </div>
-            <div class="point">
+            <button type="button" onclick="sessionExpend(); return false;">연장</button>
+          </div>
+          <!-- <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button> -->
+          <button type="button" class="btnType btn_36 fill_gray" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
+
+          <div class="security_box green_box">
+            <a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
+            <a href="#" id="secuLoginFlag" class="state on">ON</a>
+          </div>
+        </div>
+        <div class="login_pay">
+          <div class="check_money">
+            <div class="holdingsum_box">
               <i></i>
-              <p>
-                포인트 <span class="fwMd">0</span>원</p>
-              <button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
+              <div class="user_money_wrap">
+                	보유잔액
+                <div class="hover_content_wrap">
+                  <i class="qmMark">?</i>
+                  <div class="hover_content">
+                    <p class="hover_content_title">
+                      <img src="/publish/images/content/icon_mypage_message.png" alt=""> 나의단가 <span>(발송가능 건수)</span>
+                    </p>
+                    <ul class="send_available_number">
+                      <li>
+                        <p class="title">· 단문</p>
+                        <p class="number"><span class="c_002c9a fwBold">18</span>원(345건)</p>
+                      </li>
+                      <li>
+                        <p class="title">· 장문</p>
+                        <p class="number"><span class="c_002c9a fwBold">50</span>원(99건)</p>
+                      </li>
+                      <li>
+                        <p class="title">· 그림(1장)</p>
+                        <p class="number"><span class="c_002c9a fwBold">90</span>원(8건)</p>
+                      </li>
+                      <li>
+                        <p class="title">· 그림(2장)</p>
+                        <p class="number"><span class="c_002c9a fwBold">110</span>원(3건)</p>
+                      </li>
+                      <li>
+                        <p class="title">· 그림(3장)</p>
+                        <p class="number"><span class="c_002c9a fwBold">130</span>원(1건)</p>
+                      </li>
+                      <li>
+                        <p class="title">· 알림톡</p>
+                        <p class="number"><span class="c_002c9a fwBold">6.9</span>원(983건)</p>
+                      </li>
+                      <li>
+                        <p class="title">· 팩스</p>
+                        <p class="number"><span class="c_002c9a fwBold">58</span>원(345매)</p>
+                      </li>
+                    </ul>
+                    <p class="event_term">이벤트 적용중  <span class="fwBold">D-60</span></p>
+                  </div>
+                </div>
+                <span class="fwMd" id="hdUserMoney">999,999,999.99</span>원
+              </div>
             </div>
+            <button type="button" class="btnType btnType3">충전</button>
+            <!-- <div class="account_box">
+              <button type="button" class="btnType btnType3">전용계좌</button>
+              <dl>
+                <dt>전용계좌</dt>
+                <dd>기업은행 48011304697636</dd>
+              </dl>
+            </div> -->
+          </div>
+          <!-- <div class="check_money">
+             <div class="holdingsum_box">
+        <i></i>
+                 <p>보유잔액<span class="fwMd" id="hdUserMoney">123</span>원</p>
+            <dl>
+          <dd>후불제 고객의 보유잔액(캐시)은 당월 발송 가능<br>금액을 말하며 <span>매월 1일 자동으로 충전</span>됩니다.</dd>
+        </dl>
+         </div>
+         <button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
+      <div class="account_box">
+        <button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do?tabType=2'">전용계좌</button>
+        </div>
+    </div> -->
+          <div class="point">
+            <i></i>
+            <p>포인트 <span class="fwMd">9,999,999</span>원</p>
+            <button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
           </div>
         </div>
       </div>
-    </div> -->
-    <!-- //로그인 후 영역 -->
-  </header>
-  <!--// header 영역 -->
-  <!-- login 영역 -->
+    </div>
+  </div>
+  <!-- //로그인 후 영역 -->
+</header>
+<!--// header 영역 -->
+<!-- login 영역 -->

b59a932

8fabd4c

src/main/webapp/publish/member_info_change_company.html

--- src/main/webapp/publish/member_info_change_company.html

+++ src/main/webapp/publish/member_info_change_company.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

 
                                 <div class="input_list_item emailWrap">
                                     <div>
-                                        <div class="input_left"><span class="essential">*</span>이메일</div>
+                                        <div class="input_left">이메일</div>
                                         <div class="input_right">
                                             <div class="email">
                                                 <label for="" class="label">이메일 주소 앞자리</label>

                                         </div>
                                     </div>
                                 </div>
+                                <!-- <div class="input_list_item send_agree">
+	                                <div class="input_left">알림 설정</div>
+	                                <div class="input_right">
+	                                    <div>
+	                                        <div class="checkbox_wrap">
+	                                            <input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
+	                                            <label for="allim_1">뉴스레터</label>
+	                                        </div>
+	                                    </div>
+	                                    <div>
+	                                        <div class="checkbox_wrap">
+	                                            <input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
+	                                            <label for="allim_2">안내문자</label>
+	                                        </div>
+	                                    </div>
+	                                    <div class="list_alert reqest_text">
+	                                        <span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
+	                                    </div>
+	                                </div>
+	                            </div> -->
                                 <div class="input_list_item send_agree">
                                     <div class="input_left">마케팅 수신 동의</div>
                                     <div class="input_right">

b59a932

8fabd4c

src/main/webapp/publish/member_info_change_passwordCheck.html

--- src/main/webapp/publish/member_info_change_passwordCheck.html

+++ src/main/webapp/publish/member_info_change_passwordCheck.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/member_info_change_person.html

--- src/main/webapp/publish/member_info_change_person.html

+++ src/main/webapp/publish/member_info_change_person.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage2.html

--- src/main/webapp/publish/mypage2.html

+++ src/main/webapp/publish/mypage2.html


     <link rel="stylesheet" href="/publish/css/mem.css">
     <link rel="stylesheet" href="/publish/css/font.css">
     <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    
-    
+
+
     <script src="/publish/js/jquery-3.5.0.js"></script>
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
     <script src="/publish/js/calendar.js"></script>
-	<script src="/publish/js/popupLayer.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
 
 </head>
+
 <body>
     <div class="mask"></div>
     <div data-include-path="/publish/layout/_header.html"></div>

                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>
                 <!--// tab button -->
-				<!-- 마이페이지 - 회원정보 변경 -->
+                <!-- 마이페이지 - 회원정보 변경 -->
                 <div class="mypage_content current" id="tab5_1">
                     <!-- 비밀번호 확인 -->
                     <div class="heading">

                             <p class="reqTxt4">
                                 - 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
                                 - 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
-                        </div><!--// 기본정보 -->
-                    </div><!--// 비밀번호 확인 -->
+                        </div>
+                        <!--// 기본정보 -->
+                    </div>
+                    <!--// 비밀번호 확인 -->
                     <!-- 개인회원 정보변경 -->
                     <div class="heading">
                         <h2>개인회원 정보변경</h2>

                                     </div>
                                 </div>
                             </div>
+                            <!-- <div class="input_list_item send_agree">
+                                <div class="input_left">알림 설정</div>
+                                <div class="input_right">
+                                    <div>
+                                        <div class="checkbox_wrap">
+                                            <input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
+                                            <label for="allim_1">뉴스레터</label>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="checkbox_wrap">
+                                            <input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
+                                            <label for="allim_2">안내문자</label>
+                                        </div>
+                                    </div>
+                                    <div class="list_alert reqest_text">
+                                        <span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
+                                    </div>
+                                </div>
+                            </div> -->
                             <div class="input_list_item send_agree">
                                 <div class="input_left">마케팅 수신 동의</div>
                                 <div class="input_right">

                                     </div>
                                 </div>
                             </div>
-                            <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
+                            <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다. </p>
                             <div class="mem_btnWrap2">
                                 <button type="button" class="mem_btn4">기업회원 전환</button>
                                 <button type="button" class="mem_btn3">변경</button>
                             </div>
-                        </div><!--// 회원정보 변경 -->
+                        </div>
+                        <!--// 회원정보 변경 -->
                     </div>
 
-                     <!-- 기업회원 정보변경 -->
-                     <div class="heading">
-                        <h2>기업회원 정보변경</h2>
-                    </div>
-                    <div class="mem_cont_in">
-                        <div class="text_top">
-                            <p>회원님의 정보를 <span class="c_002c9a">확인</span>및 <span class="c_002c9a">변경</span> 하실 수 있습니다.</p>
-                        </div>
-                        <div class="input_wrap">
-                            <!-- 기본정보 -->
-                            <div class="input_list">
-                                <p class="list_title">기본정보</p>
-                                <div class="input_list_item colorW">
-                                    <div class="input_left">아이디</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">아이디</label>
-                                        <input type="text" class="list_inputType1" placeholder="hong5678" readonly>
-                                    </div>
-                                </div>
-                                <div class="input_list_item colorW">
-                                    <div class="input_left">이름</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">이름</label>
-                                        <input type="text" class="list_inputType1" placeholder="홍길동" readonly>
-                                    </div>
-                                </div>
-                                <div class="input_list_item colorW">
-                                    <div class="input_left">휴대전화</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">휴대전화</label>
-                                        <input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
-                                        <div class="list_btn_wrap">
-                                            <span><span class="vMiddle">*</span>본인 명의의 휴대폰번호로만 변경가능</span>
-                                            <button type="button">번호 변경</button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="input_list_item emailWrap">
-                                    <div>
-                                        <div class="input_left">이메일</div>
-                                        <div class="input_right">
-                                            <div class="email">
-                                                <label for="" class="label">이메일 주소 앞자리</label>
-                                                <input type="text" class="list_inputType1" placeholder="hong1234" readonly>
-                                                <span>@</span>
-                                                <label for="" class="label">이메일 주소 뒷자리</label>
-                                                <input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
-                                            </div>
-                                            <div class="email_select">
-                                                <label for="" class="label">이메일 선택</label>
-                                                <select class="list_selType1">
-                                                    <option>직접입력</option>
-                                                    <option>네이버</option>
-                                                    <option>네이트</option>
-                                                    <option>한메일(다음)</option>
-                                                    <option>지메일</option>
-                                                </select>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="input_list_item send_agree">
-                                    <div class="input_left">마케팅 수신 동의</div>
-                                    <div class="input_right">
-										<div>
-											<div class="checkbox_wrap">
-												<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-												<label for="agree1_1">휴대폰</label>
-											</div>
-										</div>
-										</>
-										<div>
-											<div class="checkbox_wrap">
-												<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-												<label for="agree1_3">이메일</label>
-											</div>
-										</div>
-										<div class="list_alert reqest_text">
-											<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
-										</div>
-									</div>
-                                </div>
-                            </div><!--// 기본정보 -->
-                            <!-- 기업정보 -->
-                            <div class="input_list">
-                                <p class="list_title">기업정보</p>
-                                <div class="input_list_item">
-                                    <div class="input_left">기업유형</div>
-                                    <div class="input_right">
-                                        <input id="radio1" type="radio"name="sel_type" checked="checked">
-                                        <label for="radio1">개인</label>
-                                        <input id="radio2" type="radio" name="sel_type">
-                                        <label for="radio2">영리법인</label>
-                                        <input id="radio3" type="radio" name="sel_type">
-                                        <label for="radio3">비영리법인</label>
-                                        <input id="radio4" type="radio" name="sel_type">
-                                        <label for="radio4">기타</label>
-                                    </div>
-                                </div>
-                                <div class="input_list_item">
-                                    <div class="input_left">회사명</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">회사명 입력</label>
-                                        <input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널" readonly>
-                                    </div>
-                                </div>
-                                <div class="input_list_item">
-                                    <div class="input_left">사업자등록번호</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">사업자등록번호 입력</label>
-                                        <input type="text" class="list_inputType1" placeholder="653-12-34567" readonly>
-                                        <div class="list_btn_wrap">
-                                            <button type="button">사업자등록번호 확인</button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="input_list_item">
-                                    <div class="input_left">사업자등록증 첨부</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">사업자등록증 첨부</label>
-                                        <input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널 사업자.jpg" readonly>
-                                        <div class="list_btn_wrap">
-                                            <span>사업자등록증 첨부(5MB 이내)</span>
-                                            <button type="button">파일첨부</button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="input_list_item bis_status">
-                                    <div class="input_left">업태/종목</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">업태 입력</label>
-                                                <input type="text" class="list_inputType1" placeholder="F.건설업" readonly>
-                                                <span>/</span>
-                                                <label for="" class="label">종목 입력</label>
-                                                <input type="text" class="list_inputType1"  placeholder="소매업" readonly>
-                                    </div>
-                                </div>
-                                <div class="input_list_item">
-                                    <div class="input_left">사업장 주소</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">사업장 주소 입력</label>
-                                        <input type="text" class="list_inputType1"  placeholder="경기도 남양주시 다산중앙로 1234" readonly>
-                                        <div class="list_btn_wrap">
-                                            <button type="button">우편번호 찾기</button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="input_list_item">
-                                    <div>
-                                        <label for="" class="label">사업장 주소 상세 입력</label>
-                                        <input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
-                                    </div>
-                                </div>
-                            </div><!--// 기업정보 -->
-                            <!-- 계산서정보 -->
-                            <div class="input_list listType2">
-                                <p class="list_title">계산서정보</p>
-                                <div class="input_list_item">
-                                    <div class="input_left">계산서 자동 발행</div>
-                                    <div class="input_right">
-                                        <input id="radio5" type="radio"name="publish" checked="checked">
-                                        <label for="radio5">자동발행</label>
-                                        <input id="radio6" type="radio" name="publish">
-                                        <label for="radio6">발행하지 않음</label>
-                                    </div>
-                                </div>
-                                <div class="invoice">
-                                        <div class="invoice_wrap">
-                                            <div class="input_list_item2">
-                                                <div class="input_left" style="width: 150px;">계산서 수신이메일</div>
-                                                <div class="input_right">
-                                                    <div class="email">
-                                                        <label for="" class="label">이메일 주소 앞자리</label>
-                                                        <input type="text" class="list_inputType1" placeholder="sbitnsasa1234" readonly>
-                                                        <span>@</span>
-                                                        <label for="" class="label">이메일 주소 뒷자리</label>
-                                                        <input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
-                                                        <label for="" class="label">이메일 선택</label>
-                                                        <select class="list_selType1">
-                                                            <option>직접입력</option>
-                                                            <option>네이버</option>
-                                                            <option>네이트</option>
-                                                            <option>한메일(다음)</option>
-                                                            <option>지메일</option>
-                                                        </select>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="input_list_item2">
-                                                <div class="input_half">
-                                                    <div>담당자</div>
-                                                    <div>
-                                                        <label for="" class="label">담당자 입력</label>
-                                                        <input type="text" class="list_inputType1" placeholder="홍길동" readonly>
-                                                    </div>
-                                                </div>
-                                                <div class="input_half">
-                                                    <div>직위</div>
-                                                    <div>
-                                                        <label for="" class="label">직위 입력</label>
-                                                        <input type="text" class="list_inputType1" placeholder="주임" readonly>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="input_list_item2 number">
-                                                <div class="input_left">휴대폰</div>
-                                                <div class="input_right">
-                                                    <label for="" class="label">휴대폰 번호 입력</label>
-                                                    <input type="text" class="list_inputType1" placeholder="010" readonly>
-                                                    <span>-</span>
-                                                    <label for="" class="label">휴대폰 번호 입력</label>
-                                                    <input type="text" class="list_inputType1" placeholder="1234" readonly>
-                                                    <span>-</span>
-                                                    <label for="" class="label">휴대폰 번호 입력</label>
-                                                    <input type="text" class="list_inputType1" placeholder="5678" readonly>
-                                                </div>
-                                            </div>
-                                            <div class="input_list_item2 number">
-                                                <div class="input_left">일반전화</div>
-                                                <div class="input_right">
-                                                    <label for="" class="label">일반전화 번호 입력</label>
-                                                    <input type="text" class="list_inputType1" placeholder="070" readonly>
-                                                    <span>-</span>
-                                                    <label for="" class="label">일반전화 번호 입력</label>
-                                                    <input type="text" class="list_inputType1" placeholder="5858" readonly>
-                                                    <span>-</span>
-                                                    <label for="" class="label">일반전화 번호 입력</label>
-                                                    <input type="text" class="list_inputType1" placeholder="1212" readonly>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="mem_btnWrap2">
-                                        <button type="button" class="mem_btn3">변경</button>
-                                        <button type="button" class="mem_btn2">취소</button>
-                                    </div>
-                                </div>
-                            </div><!--// 계산서정보 -->
-                        </div>
-                    </div>
-				</div><!--// 마이페이지 - 회원정보 변경 -->
-				
-            </div><!--// send top -->
+
+                </div>
+            </div>
+            <!--// 마이페이지 - 회원정보 변경 -->
+
         </div>
-    </div><!--// content 영역 -->
+        <!--// send top -->
+    </div>
+    <!--// content 영역 -->
     <!-- footer 영역 -->
     <!-- footer -->
-	<div data-include-path="/publish/layout/_footer.html"></div>
-	<!--// footer 영역 -->
-</body></html>
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>

b59a932

8fabd4c

src/main/webapp/publish/mypage3.html

--- src/main/webapp/publish/mypage3.html

+++ src/main/webapp/publish/mypage3.html


                     <li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage3_return.html

--- src/main/webapp/publish/mypage3_return.html

+++ src/main/webapp/publish/mypage3_return.html


                     <li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage4.html

--- src/main/webapp/publish/mypage4.html

+++ src/main/webapp/publish/mypage4.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab active"><button type="button" onclick="TabType5(this,'4');">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage5.html

--- src/main/webapp/publish/mypage5.html

+++ src/main/webapp/publish/mypage5.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage5_2.html

--- src/main/webapp/publish/mypage5_2.html

+++ src/main/webapp/publish/mypage5_2.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage7.html

--- src/main/webapp/publish/mypage7.html

+++ src/main/webapp/publish/mypage7.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab active"><button type="button"  onclick="TabType5(this,'7');">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage8.html

--- src/main/webapp/publish/mypage8.html

+++ src/main/webapp/publish/mypage8.html


                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
                     <li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

b59a932

8fabd4c

src/main/webapp/publish/mypage_security_login.html

--- src/main/webapp/publish/mypage_security_login.html

+++ src/main/webapp/publish/mypage_security_login.html


           <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
           <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
           <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
-          <li class="tab"><button type="button" onclick="TabType5(this,'6');">알림설정</button></li>
           <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
           <li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li>
         </ul>

b59a932

8fabd4c

src/main/webapp/publish/payment3.html

--- src/main/webapp/publish/payment3.html

+++ src/main/webapp/publish/payment3.html


                         <!-- //기간설정 -->
 
                         <div class="excel_middle">
-                            <div class="select_btnWrap clearfix">
-                                <div class="add_text2" style="line-height: 1.3em;">
+                            <div class="select_btnWrap ">
+                                <div class="add_text2" style="line-height:1.4;font-size:15px;padding:0;">
                                     ※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회가능합니다.
                                     <br>※ 간편결제 영수증은 결제하신 서비스를 통해 제공됩니다.
+                                    <br>※ 거래명세서는 세금계산서 발행일로부터 30일 이내에만 출력이 가능합니다.
                                 </div>
-                                <div style="padding-top: 10px;">
+                                <div>
                                     <button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
                                     <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
                                     <label for="pageUnit" class="label">검색조건 선택</label>

                                     <col style="width: 15%;">
                                     <col style="width: 15%;">
                                     <col style="width: 15%;">
-                                    <col style="width: 20%;">
+                                    <col style="width: 25%;">
                                 </colgroup>
                                 <thead>
                                     <tr>

                                         <td class="tRight">20,909,000</td>
                                         <td>결제완료</td>
                                         <td>
-                                            <p class="fwMd c_002c9a">세금계산서 발행완료</p>
+                                            <button class="btnType btnType20 btn_use_status" onclick="window.open('/publish/transaction_statement.html','','width=790,height=800')">거래명세서</button>
                                         </td>
                                     </tr>
                                     <tr>

                                         <td class="tRight">20,909,000</td>
                                         <td>결제완료</td>
                                         <td>
-                                            <p class="fwMd c_222">세금계산서 발행대기</p>
+                                            <p class="c_002c9a">세금계산서 발행완료</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>19</td>
+                                        <td>2025-03-05 14:40:00</td>
+                                        <td>개인전용계좌<br>(전용계좌번호)</td>
+                                        <td class="tRight">23,000,000</td>
+                                        <td class="tRight">20,909,000</td>
+                                        <td>결제완료</td>
+                                        <td>
+                                            <p class="c_222">세금계산서 발행대기</p>
                                         </td>
                                     </tr>
                                     <tr>

                                         <td class="tRight">20,909,000</td>
                                         <td>결제완료</td>
                                         <td>
+                                            <button class="btnType btnType20">세금계산서</button>
                                             <button class="btnType btnType20">현금영수증</button>
-                                            <button class="btnType btnType20">간이영수증</button>
                                         </td>
                                     </tr>
                                 </tbody>

                         <!-- //기간설정 -->
 
                         <div class="excel_middle">
-                            <div class="select_btnWrap clearfix">
+                            <div class="select_btnWrap ">
                                 <div class="add_text2" style="line-height: 1.3em;">
                                     ※ 포인트 교환내역은 교환일을 기준으로 최대 6개월까지만 조회 가능합니다.
                                 </div>

                             <!-- //기간설정 -->
 
                             <div class="excel_middle">
-                                <div class="select_btnWrap clearfix">
+                                <div class="select_btnWrap">
                                     <div class="add_text2"></div>
                                     <div>
                                         <button type="button" class="excel_btn" onclick="javascript:refundExcelDownload();">

b59a932

8fabd4c

src/main/webapp/publish/payment4.html

--- src/main/webapp/publish/payment4.html

+++ src/main/webapp/publish/payment4.html


 
 	<script>
 		$(function () {
-			
+
 			// 거래명세서/사용내역서 발행
-			$(".btn_publish").click(function(){
+			$(".btn_publish").click(function () {
 				var thisVal = $("[name='publish']:checked").val();
 				var popup_wid = "820";
 				var popup_ht = "820";

 					</div>
 					<div class="price_history_cont" id="listTab2_5">
 						<div class="list_info">
-							<p>총 <span>10</span>건</p>
+							<p>총 <span>10</span>건 (1,148원)</p>
 							<div>
-								<button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
-								<button type="button" class="pdf_btn"><i class="pdf_img"></i>PDF저장</button>
+								<button type="button" class="btnType btn_36 border_gray btnType12" onclick="window.open('/publish/use_statement.html','','width=790,height=800');">사용내역서</button>
 								<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
+								<label for="pageUnit" class="label">검색조건 선택</label>
+								<select name="pageUnit" id="pageUnit" class="selType2">
+									<option value="10" selected="">10줄</option>
+									<option value="20">20줄</option>
+									<option value="30">30줄</option>
+									<option value="100">100줄</option>
+								</select>
 							</div>
 						</div>
 						<div class="tb_wrap">
 							<table class="tType4">
 								<colgroup>
 									<col style="width: auto;">
-									<col style="width: 15%;">
-									<col style="width: 15%;">
-									<col style="width: 15%;">
-									<col style="width: 20%;">
+									<col style="width: 9%;">
+									<col style="width: 10%;">
+									<col style="width: 12%;">
+									<col style="width: 12%;">
+									<col style="width: 16%;">
 								</colgroup>
 								<thead>
 									<tr>

 											</div>
 										</th>
 										<th rowspan="2">
-											문자유형
+											형태
 											<div class="sort_wrap">
 												<input type="button" class="sort sortBtn" id="sort_orderByCode">
 											</div>
 										</th>
 										<th rowspan="2">내용</th>
-										<th rowspan="2">발송건수</th>
-										<th>사용</th>
+										<th colspan="2">발송건수</th>
+										<th rowspan="2">금액(원)</th>
 									</tr>
 									<tr>
-										<th>충전금</th>
+										<th>성공</th>
+										<th style="border-right:1px solid #ccc;">실패</th>
 									</tr>
 								</thead>
 								<tbody>
 									<tr>
-										<td colspan="5">
+										<td colspan="6">
 											검색 결과가 없습니다.
 										</td>
 									</tr>
 									<tr>
-										<td>2025-04-21 18:19:48</td>
+										<td>2025-04-21 18:19</td>
 										<td>알림톡</td>
 										<td><button class="btnType btnType20" data-tooltip="allimTalk_detail_popup">상세보기</button></td>
 										<td>
-											<p class="fwRg c_002c9a">1/0</p>
+											<p class="fwRg c_002c9a">187</p>
+										</td>
+										<td>
+											<p class="fwRg c_222">23</p>
 										</td>
 										<td>
 											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 									<tr>
-										<td>2025-04-21 18:19:48</td>
+										<td>2025-04-21 18:19</td>
 										<td>단문</td>
 										<td><button class="btnType btnType20" data-tooltip="shotMsg_detail_popup">상세보기</button></td>
 										<td>
-											<p class="fwRg c_002c9a">1/0</p>
+											<p class="fwRg c_002c9a">187</p>
+										</td>
+										<td>
+											<p class="fwRg c_222">23</p>
 										</td>
 										<td>
 											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 									<tr>
-										<td>2025-04-21 18:19:48</td>
+										<td>2025-04-21 18:19</td>
 										<td>장문</td>
 										<td><button class="btnType btnType20" data-tooltip="longMsg_detail_popup">상세보기</button></td>
 										<td>
-											<p class="fwRg c_002c9a">1/0</p>
+											<p class="fwRg c_002c9a">187</p>
+										</td>
+										<td>
+											<p class="fwRg c_222">23</p>
 										</td>
 										<td>
 											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 									<tr>
-										<td>2025-04-21 18:19:48</td>
+										<td>2025-04-21 18:19</td>
 										<td>그림</td>
 										<td><button class="btnType btnType20" data-tooltip="photoMsg_detail_popup">상세보기</button></td>
 										<td>
-											<p class="fwRg c_002c9a">1/0</p>
+											<p class="fwRg c_002c9a">187</p>
+										</td>
+										<td>
+											<p class="fwRg c_222">23</p>
 										</td>
 										<td>
 											<p class="fwRg c_002c9a">5</p>

 								</tbody>
 							</table>
 						</div>
-						<div class="publish_btn clearfix">
+						<!-- <div class="publish_btn clearfix">
 							<div>
 								<input type="radio" name="publish" id="publishS" value="statement" checked>
 								<label for="publishS">거래명세서</label>

 							<div>
 								<button type="button" class="btnType btn_publish">발행하기</button>
 							</div>
-						</div>
+						</div> -->
 						<!-- pagination -->
 						<ul class="pagination">
 							<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>

b59a932

8fabd4c

src/main/webapp/publish/publish_adv/adv_template_v1_230918.html

--- src/main/webapp/publish/publish_adv/adv_template_v1_230918.html

+++ src/main/webapp/publish/publish_adv/adv_template_v1_230918.html

...	...	@@ -1,214 +1,214 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8		- <title>단체문자 - 문자온</title>
9		-
10		- <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
11		- <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
12		- <meta property="og:type" content="website">
13		- <meta property="og:title" content="단체문자 - 문자온">
14		- <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
15		- <link rel="apple-touch-icon" sizes="57x57" href="/publish/images/favicon/apple-icon-57x57.png">
16		- <link rel="apple-touch-icon" sizes="60x60" href="/publish/images/favicon/apple-icon-60x60.png">
17		- <link rel="apple-touch-icon" sizes="72x72" href="/publish/images/favicon/apple-icon-72x72.png">
18		- <link rel="apple-touch-icon" sizes="76x76" href="/publish/images/favicon/apple-icon-76x76.png">
19		- <link rel="apple-touch-icon" sizes="114x114" href="/publish/images/favicon/apple-icon-114x114.png">
20		- <link rel="apple-touch-icon" sizes="120x120" href="/publish/images/favicon/apple-icon-120x120.png">
21		- <link rel="apple-touch-icon" sizes="144x144" href="/publish/images/favicon/apple-icon-144x144.png">
22		- <link rel="apple-touch-icon" sizes="152x152" href="/publish/images/favicon/apple-icon-152x152.png">
23		- <link rel="apple-touch-icon" sizes="180x180" href="/publish/images/favicon/apple-icon-180x180.png">
24		- <link rel="icon" type="image/png" sizes="192x192" href="/publish/images/favicon/android-icon-192x192.png">
25		- <link rel="icon" type="image/png" sizes="32x32" href="/publish/images/favicon/favicon-32x32.png">
26		- <link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
27		- <link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
28		- <link rel="manifest" href="/publish/images/favicon/manifest.json">
29		-
30		- <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
31		- <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
32		- <link rel="stylesheet" href="/publish/css/font.css">
33		-
34		- <script src="/publish/js/jquery-3.5.0.js"></script>
35		- <script>
36		- function topBtn(){$("html").scrollTop("0");}
37		- </script>
38		-</head>
39		-
40		-<body>
41		- <div class="template_v1_content">
42		- <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
43		- <header>
44		- <div class="inner">
45		- <a href="http://www.munjaon.co.kr">
46		- <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt=""></h1>
47		- </a>
48		- </div>
49		- </header>
50		- <div class="visual">
51		- <div class="inner">
52		- <p class="keyword">keyword</p>
53		- <h2>단체문자</h2>
54		- <p class="sub_text">
55		- 요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.<br>
56		- 내용을 전달하기 위한 가장 효과적인 수단은 휴대폰을 이용한 SMS(단문) / LMS(장문) / MMS(그림) 문자 메시지인데요.<br>
57		- 오늘은 휴대폰을 통해 단체문자를 보내는 방법과 그 한계를 설명한 다음, 문자온을 통해 제한사항없이 단체문자 보내는 방법을 안내하고자 합니다.
58		- </p>
59		- </div>
60		- </div>
61		- <div class="index">
62		- <div class="inner">
63		- <p>목&ensp;차</p>
64		- <nav>
65		- <ul>
66		- <li><a href="#section01">단체문자발송</a></li>
67		- <li><a href="#section02">단체 및 대량문자 샘플</a></li>
68		- <li><a href="#section03">문자온 문자사이트 장점 및 혜택</a></li>
69		- <li><a href="#section04">문자사이트 선택의 5가지 기준</a></li>
70		- <li><a href="#section05">문자온 이벤트</a></li>
71		- </ul>
72		- </nav>
73		- </div>
74		- </div>
75		- <section class="section section01" id="section01">
76		- <div class="inner">
77		- <h3>단체문자발송</h3>
78		- <p class="text">
79		- 휴대폰으로도 단체문자를 보낼 수 있지만, 한 번에 보낼 수 있는 단체 문자의 수가 제한됩니다. 보통은 수백명 이하이며, 갤럭시의 경우 인원수 제한을 초과하는 경우 메시지가 전송되지 않을 수 있습니다. 또한, 인터넷 문자사이트를 이용하여 대량 전송하는 것보다 요금 또한 매우 비쌉니다.
80		- <br>
81		- <br>
82		- 문자온은 단체문자 및 대량문자 전송을 위한 특화된 인터넷 문자사이트로 별도의 프로그램 설치 없이 컴퓨터로 단체 및 대량 문자 전송이 가능하며, 특정문구 일괄변환, 무료 문자 포토에디터, 그림문자 맞춤제작, 주소록 등록 무료 대행, 080 수신거부 무료 제공, 문자메시지 내 제목 및 약도 추가, 자동화 기반 비용처리 등이 가능하여 누구나 쉽고 편리하게 문자를 대량으로 발송할 수 있습니다.
83		- </p>
84		- <img src="/publish/publish_adv/img/template_v1_section01_img01.png" alt="">
85		- </div>
86		- </section>
87		- <section class="section section02" id="section02">
88		- <div class="inner">
89		- <h3>단체 및 대량문자 샘플</h3>
90		- <p class="text">
91		- 인터넷문자 사이트 문자온은 대량문자·단체문자 발송을 위한 다양한 문자 샘플을 무료로 제공합니다.
92		- <span class="gray_small_text">
93		- - 기념일문자, 경조문자, 부고문자, 조문문자, 결혼문자, 행사문자, 병원문자, 선거문자, 응원문자, 홍보문자 등 다양한 웹문자 기반 단체문자&대량문자 샘플 제공
94		- </span>
95		- </p>
96		- <img src="/publish/publish_adv/img/template_v1_section02_img01.png" alt="">
97		- </div>
98		- </section>
99		- <section class="section section03" id="section03">
100		- <div class="inner">
101		- <h3>문자온 문자사이트 장점 및 혜택</h3>
102		- <dl>
103		- <dt>
104		- <p class="blue_text bold">1) 대량 및 단체문자 일괄 발송</p>
105		- </dt>
106		- <dd>
107		- <p class="text">
108		- 별도의 프로그램 설치 없이 웹문자로 100만건 이상 끊김 없는 대량 전송 가능
109		- <span class="gray_text">※ 발송오류율 0%, 문자전송 실패 시 100% 보상 및 재적립(단문문자, 장문문자, 그림문자)</span>
110		- </p>
111		- </dd>
112		- <dt>
113		- <p class="blue_text bold">2) 엑셀 일괄 업로드 및 다운로드</p>
114		- </dt>
115		- <dd>
116		- <p class="text">
117		- 엑셀로 한 번에 주소록 업로드 및 다운로드 가능
118		- </p>
119		- </dd>
120		- <dt>
121		- <p class="blue_text bold">3) 치환</p>
122		- </dt>
123		- <dd>
124		- <p class="text">
125		- 주소록, 엑셀, TXT 등 입력된 문자내용을 수신자마다 다르게 전송할 수 있는 특정문구 일괄 변환(치환) 기능 제공
126		- </p>
127		- </dd>
128		- <dt>
129		- <p class="blue_text bold">4) 주소록</p>
130		- </dt>
131		- <dd>
132		- <p class="text">
133		- 쉽고 편리한 주소록 관리 모듈 및 폰주소록 등록 기능 제공
134		- </p>
135		- </dd>
136		- <dt>
137		- <p class="blue_text bold">5) 예약문자</p>
138		- </dt>
139		- <dd>
140		- <p class="text">
141		- 특정 날짜 및 시간에 문자 전송 내역을 저장하여 일괄 발송 기능 제공
142		- </p>
143		- </dd>
144		- <dt>
145		- <p class="blue_text bold">6) 그림 및 사진문자 발송</p>
146		- </dt>
147		- <dd>
148		- <p class="text">
149		- 그림문자 3장 일괄 전송 지원
150		- </p>
151		- </dd>
152		- <dt>
153		- <p class="blue_text bold">7) 발신번호 변경 및 관리</p>
154		- </dt>
155		- <dd>
156		- <p class="text">
157		- 다양한 본인인증(휴대폰, 일반전화, 서류 등) 및 결제수단 제공
158		- </p>
159		- </dd>
160		- <dt>
161		- <p class="blue_text bold">8) 포토에디터</p>
162		- </dt>
163		- <dd>
164		- <p class="text">
165		- 국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공
166		- </p>
167		- </dd>
168		- <dt>
169		- <p class="blue_text bold">9) 최고의 디자이너가 직접 제작하는 나만의 그림문자 맞춤제작 서비스 제공</p>
170		- </dt>
171		- </dl>
172		- </div>
173		- </section>
174		- <section class="section section04" id="section04">
175		- <div class="inner">
176		- <h3>문자사이트 선택의 5가지 기준</h3>
177		- <ul>
178		- <li>o 속도, 성능, 기능, 보안, 가격이 보장되는가?</li>
179		- <li>o 회원가입, 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 UI/UX가 편리한가?</li>
180		- <li>o 최신 IT 기술과 트렌드를 반영시키고 있는가?</li>
181		- <li>o 결제, 정산, 환불, 계산서 발행 등 업무가 자동화되어 있고 편리한가?</li>
182		- <li>o 매일 매일 문자샘플 콘텐츠가 업데이트 되고, CS 및 기술응대가 실시간적으로 잘 이뤄지고 있는가?</li>
183		- </ul>
184		- <div class="border_box type01">
185		- <p class="gray_text">
186		- 문자온은 특화된 인공지능‧자동화 기술 및 공신력과 검증된 기술력(GS 1등급, 호환성 Lv2, 이노비즈. 메인비즈, 우수기술기업 인증 등)을 보유한
187		- 우수기술 인증 종합 IT 벤처기업이 작정하고 만든 세상에서 제일 쉽고 똑똑한 프리미엄 대량 및 단체문자 전송 플랫폼입니다.
188		- </p>
189		- </div>
190		- <img src="/publish/publish_adv/img/template_v1_section04_img01.png" alt="">
191		- </div>
192		- </section>
193		- <section class="section section05" id="section05">
194		- <div class="inner">
195		- <h3>문자온 이벤트</h3>
196		- <ul>
197		- <li>o 첫결제 국내 최저가(단문 : 7.5원, 장문 : 32원, 그림 : 59원) 이벤트 진행 중!</li>
198		- <li>o 결제금액의 2% 포인트 추가 적립 및 포인트 1만점 이상 적립 시 현금 페이백 이벤트 진행 중!</li>
199		- <li>o 문자온 알림톡, 대한민국 최저가 이벤트 진행 중!(조건 없이 누구나 무조건 6.9원)</li>
200		- </ul>
201		- <img src="/publish/publish_adv/img/template_v1_section05_img01.png" alt="">
202		- </div>
203		- </section>
204		-
205		- <div class="btn_wrap">
206		- <div class="inner">
207		- <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">단체문자</a>
208		- </div>
209		- </div>
210		- </div>
211		-
212		-</body>
213		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	8	+ <title>단체문자 - 문자온</title>
	9	+
	10	+ <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
	11	+ <meta name="description" content="문자온을 통해 단체문자 발송을 쉽고 효율적으로 관리하세요. 경조사, 알림, 홍보 등 다양한 상황에서 수백 명에게 동시에 문자 메시지를 전송할 수 있는 기능을 제공합니다. ">
	12	+ <meta property="og:type" content="website">
	13	+ <meta property="og:title" content="단체문자 - 문자온">
	14	+ <meta property="og:description" content="문자온을 통해 단체문자 발송을 쉽고 효율적으로 관리하세요. 경조사, 알림, 홍보 등 다양한 상황에서 수백 명에게 동시에 문자 메시지를 전송할 수 있는 기능을 제공합니다. ">
	15	+ <link rel="apple-touch-icon" sizes="57x57" href="/publish/images/favicon/apple-icon-57x57.png">
	16	+ <link rel="apple-touch-icon" sizes="60x60" href="/publish/images/favicon/apple-icon-60x60.png">
	17	+ <link rel="apple-touch-icon" sizes="72x72" href="/publish/images/favicon/apple-icon-72x72.png">
	18	+ <link rel="apple-touch-icon" sizes="76x76" href="/publish/images/favicon/apple-icon-76x76.png">
	19	+ <link rel="apple-touch-icon" sizes="114x114" href="/publish/images/favicon/apple-icon-114x114.png">
	20	+ <link rel="apple-touch-icon" sizes="120x120" href="/publish/images/favicon/apple-icon-120x120.png">
	21	+ <link rel="apple-touch-icon" sizes="144x144" href="/publish/images/favicon/apple-icon-144x144.png">
	22	+ <link rel="apple-touch-icon" sizes="152x152" href="/publish/images/favicon/apple-icon-152x152.png">
	23	+ <link rel="apple-touch-icon" sizes="180x180" href="/publish/images/favicon/apple-icon-180x180.png">
	24	+ <link rel="icon" type="image/png" sizes="192x192" href="/publish/images/favicon/android-icon-192x192.png">
	25	+ <link rel="icon" type="image/png" sizes="32x32" href="/publish/images/favicon/favicon-32x32.png">
	26	+ <link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
	27	+ <link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
	28	+ <link rel="manifest" href="/publish/images/favicon/manifest.json">
	29	+
	30	+ <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
	31	+ <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
	32	+ <link rel="stylesheet" href="/publish/css/font.css">
	33	+
	34	+ <script src="/publish/js/jquery-3.5.0.js"></script>
	35	+ <script>
	36	+ function topBtn(){$("html").scrollTop("0");}
	37	+ </script>
	38	+</head>
	39	+
	40	+<body>
	41	+ <div class="template_v1_content">
	42	+ <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
	43	+ <header>
	44	+ <div class="inner">
	45	+ <a href="http://www.munjaon.co.kr">
	46	+ <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt=""></h1>
	47	+ </a>
	48	+ </div>
	49	+ </header>
	50	+ <div class="visual">
	51	+ <div class="inner">
	52	+ <p class="keyword">keyword</p>
	53	+ <h2>단체문자</h2>
	54	+ <p class="sub_text">
	55	+ 요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.<br>
	56	+ 내용을 전달하기 위한 가장 효과적인 수단은 휴대폰을 이용한 SMS(단문) / LMS(장문) / MMS(그림) 문자 메시지인데요.<br>
	57	+ 오늘은 휴대폰을 통해 단체문자를 보내는 방법과 그 한계를 설명한 다음, 문자온을 통해 제한사항없이 단체문자 보내는 방법을 안내하고자 합니다.
	58	+ </p>
	59	+ </div>
	60	+ </div>
	61	+ <div class="index">
	62	+ <div class="inner">
	63	+ <p>목&ensp;차</p>
	64	+ <nav>
	65	+ <ul>
	66	+ <li><a href="#section01">단체문자발송</a></li>
	67	+ <li><a href="#section02">단체 및 대량문자 샘플</a></li>
	68	+ <li><a href="#section03">문자온 문자사이트 장점 및 혜택</a></li>
	69	+ <li><a href="#section04">문자사이트 선택의 5가지 기준</a></li>
	70	+ <li><a href="#section05">문자온 이벤트</a></li>
	71	+ </ul>
	72	+ </nav>
	73	+ </div>
	74	+ </div>
	75	+ <section class="section section01" id="section01">
	76	+ <div class="inner">
	77	+ <h3>단체문자발송</h3>
	78	+ <p class="text">
	79	+ 휴대폰으로도 단체문자를 보낼 수 있지만, 한 번에 보낼 수 있는 단체 문자의 수가 제한됩니다. 보통은 수백명 이하이며, 갤럭시의 경우 인원수 제한을 초과하는 경우 메시지가 전송되지 않을 수 있습니다. 또한, 인터넷 문자사이트를 이용하여 대량 전송하는 것보다 요금 또한 매우 비쌉니다.
	80	+ <br>
	81	+ <br>
	82	+ 문자온은 단체문자 및 대량문자 전송을 위한 특화된 인터넷 문자사이트로 별도의 프로그램 설치 없이 컴퓨터로 단체 및 대량 문자 전송이 가능하며, 특정문구 일괄변환, 무료 문자 포토에디터, 그림문자 맞춤제작, 주소록 등록 무료 대행, 080 수신거부 무료 제공, 문자메시지 내 제목 및 약도 추가, 자동화 기반 비용처리 등이 가능하여 누구나 쉽고 편리하게 문자를 대량으로 발송할 수 있습니다.
	83	+ </p>
	84	+ <img src="/publish/publish_adv/img/template_v1_section01_img01.png" alt="">
	85	+ </div>
	86	+ </section>
	87	+ <section class="section section02" id="section02">
	88	+ <div class="inner">
	89	+ <h3>단체 및 대량문자 샘플</h3>
	90	+ <p class="text">
	91	+ 인터넷문자 사이트 문자온은 대량문자·단체문자 발송을 위한 다양한 문자 샘플을 무료로 제공합니다.
	92	+ <span class="gray_small_text">
	93	+ - 기념일문자, 경조문자, 부고문자, 조문문자, 결혼문자, 행사문자, 병원문자, 선거문자, 응원문자, 홍보문자 등 다양한 웹문자 기반 단체문자&대량문자 샘플 제공
	94	+ </span>
	95	+ </p>
	96	+ <img src="/publish/publish_adv/img/template_v1_section02_img01.png" alt="">
	97	+ </div>
	98	+ </section>
	99	+ <section class="section section03" id="section03">
	100	+ <div class="inner">
	101	+ <h3>문자온 문자사이트 장점 및 혜택</h3>
	102	+ <dl>
	103	+ <dt>
	104	+ <p class="blue_text bold">1) 대량 및 단체문자 일괄 발송</p>
	105	+ </dt>
	106	+ <dd>
	107	+ <p class="text">
	108	+ 별도의 프로그램 설치 없이 웹문자로 100만건 이상 끊김 없는 대량 전송 가능
	109	+ <span class="gray_text">※ 발송오류율 0%, 문자전송 실패 시 100% 보상 및 재적립(단문문자, 장문문자, 그림문자)</span>
	110	+ </p>
	111	+ </dd>
	112	+ <dt>
	113	+ <p class="blue_text bold">2) 엑셀 일괄 업로드 및 다운로드</p>
	114	+ </dt>
	115	+ <dd>
	116	+ <p class="text">
	117	+ 엑셀로 한 번에 주소록 업로드 및 다운로드 가능
	118	+ </p>
	119	+ </dd>
	120	+ <dt>
	121	+ <p class="blue_text bold">3) 치환</p>
	122	+ </dt>
	123	+ <dd>
	124	+ <p class="text">
	125	+ 주소록, 엑셀, TXT 등 입력된 문자내용을 수신자마다 다르게 전송할 수 있는 특정문구 일괄 변환(치환) 기능 제공
	126	+ </p>
	127	+ </dd>
	128	+ <dt>
	129	+ <p class="blue_text bold">4) 주소록</p>
	130	+ </dt>
	131	+ <dd>
	132	+ <p class="text">
	133	+ 쉽고 편리한 주소록 관리 모듈 및 폰주소록 등록 기능 제공
	134	+ </p>
	135	+ </dd>
	136	+ <dt>
	137	+ <p class="blue_text bold">5) 예약문자</p>
	138	+ </dt>
	139	+ <dd>
	140	+ <p class="text">
	141	+ 특정 날짜 및 시간에 문자 전송 내역을 저장하여 일괄 발송 기능 제공
	142	+ </p>
	143	+ </dd>
	144	+ <dt>
	145	+ <p class="blue_text bold">6) 그림 및 사진문자 발송</p>
	146	+ </dt>
	147	+ <dd>
	148	+ <p class="text">
	149	+ 그림문자 3장 일괄 전송 지원
	150	+ </p>
	151	+ </dd>
	152	+ <dt>
	153	+ <p class="blue_text bold">7) 발신번호 변경 및 관리</p>
	154	+ </dt>
	155	+ <dd>
	156	+ <p class="text">
	157	+ 다양한 본인인증(휴대폰, 일반전화, 서류 등) 및 결제수단 제공
	158	+ </p>
	159	+ </dd>
	160	+ <dt>
	161	+ <p class="blue_text bold">8) 포토에디터</p>
	162	+ </dt>
	163	+ <dd>
	164	+ <p class="text">
	165	+ 국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공
	166	+ </p>
	167	+ </dd>
	168	+ <dt>
	169	+ <p class="blue_text bold">9) 최고의 디자이너가 직접 제작하는 나만의 그림문자 맞춤제작 서비스 제공</p>
	170	+ </dt>
	171	+ </dl>
	172	+ </div>
	173	+ </section>
	174	+ <section class="section section04" id="section04">
	175	+ <div class="inner">
	176	+ <h3>문자사이트 선택의 5가지 기준</h3>
	177	+ <ul>
	178	+ <li>o 속도, 성능, 기능, 보안, 가격이 보장되는가?</li>
	179	+ <li>o 회원가입, 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 UI/UX가 편리한가?</li>
	180	+ <li>o 최신 IT 기술과 트렌드를 반영시키고 있는가?</li>
	181	+ <li>o 결제, 정산, 환불, 계산서 발행 등 업무가 자동화되어 있고 편리한가?</li>
	182	+ <li>o 매일 매일 문자샘플 콘텐츠가 업데이트 되고, CS 및 기술응대가 실시간적으로 잘 이뤄지고 있는가?</li>
	183	+ </ul>
	184	+ <div class="border_box type01">
	185	+ <p class="gray_text">
	186	+ 문자온은 특화된 인공지능‧자동화 기술 및 공신력과 검증된 기술력(GS 1등급, 호환성 Lv2, 이노비즈. 메인비즈, 우수기술기업 인증 등)을 보유한
	187	+ 우수기술 인증 종합 IT 벤처기업이 작정하고 만든 세상에서 제일 쉽고 똑똑한 프리미엄 대량 및 단체문자 전송 플랫폼입니다.
	188	+ </p>
	189	+ </div>
	190	+ <img src="/publish/publish_adv/img/template_v1_section04_img01.png" alt="">
	191	+ </div>
	192	+ </section>
	193	+ <section class="section section05" id="section05">
	194	+ <div class="inner">
	195	+ <h3>문자온 이벤트</h3>
	196	+ <ul>
	197	+ <li>o 첫결제 국내 최저가(단문 : 7.5원, 장문 : 32원, 그림 : 59원) 이벤트 진행 중!</li>
	198	+ <li>o 결제금액의 2% 포인트 추가 적립 및 포인트 1만점 이상 적립 시 현금 페이백 이벤트 진행 중!</li>
	199	+ <li>o 문자온 알림톡, 대한민국 최저가 이벤트 진행 중!(조건 없이 누구나 무조건 6.9원)</li>
	200	+ </ul>
	201	+ <img src="/publish/publish_adv/img/template_v1_section05_img01.png" alt="">
	202	+ </div>
	203	+ </section>
	204	+
	205	+ <div class="btn_wrap">
	206	+ <div class="inner">
	207	+ <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">단체문자</a>
	208	+ </div>
	209	+ </div>
	210	+ </div>
	211	+
	212	+</body>
	213	+
214	214	</html> (No newline at end of file)

b59a932

8fabd4c

src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_5.html

--- src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_5.html

+++ src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_5.html

...	...	@@ -1,331 +1,331 @@
1		-<!DOCTYPE html>
2		-<html lang="ko">
3		-
4		-<head>
5		- <meta charset="UTF-8">
6		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7		- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8		- <title>인터넷문자 - 문자온</title>
9		-
10		- <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
11		- <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
12		- <meta property="og:type" content="website">
13		- <meta property="og:title" content="인터넷문자 - 문자온">
14		- <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
15		- <link rel="apple-touch-icon" sizes="57x57" href="/publish/images/favicon/apple-icon-57x57.png">
16		- <link rel="apple-touch-icon" sizes="60x60" href="/publish/images/favicon/apple-icon-60x60.png">
17		- <link rel="apple-touch-icon" sizes="72x72" href="/publish/images/favicon/apple-icon-72x72.png">
18		- <link rel="apple-touch-icon" sizes="76x76" href="/publish/images/favicon/apple-icon-76x76.png">
19		- <link rel="apple-touch-icon" sizes="114x114" href="/publish/images/favicon/apple-icon-114x114.png">
20		- <link rel="apple-touch-icon" sizes="120x120" href="/publish/images/favicon/apple-icon-120x120.png">
21		- <link rel="apple-touch-icon" sizes="144x144" href="/publish/images/favicon/apple-icon-144x144.png">
22		- <link rel="apple-touch-icon" sizes="152x152" href="/publish/images/favicon/apple-icon-152x152.png">
23		- <link rel="apple-touch-icon" sizes="180x180" href="/publish/images/favicon/apple-icon-180x180.png">
24		- <link rel="icon" type="image/png" sizes="192x192" href="/publish/images/favicon/android-icon-192x192.png">
25		- <link rel="icon" type="image/png" sizes="32x32" href="/publish/images/favicon/favicon-32x32.png">
26		- <link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
27		- <link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
28		- <link rel="manifest" href="/publish/images/favicon/manifest.json">
29		-
30		- <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
31		- <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
32		- <link rel="stylesheet" href="/publish/css/font.css">
33		-
34		- <script src="/publish/js/jquery-3.5.0.js"></script>
35		- <script>
36		- function topBtn() {
37		- $("html").scrollTop("0");
38		- }
39		- </script>
40		-</head>
41		-
42		-<body>
43		- <div class="template_v1_content">
44		- <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
45		- <header>
46		- <div class="inner">
47		- <a href="https://www.munjaon.co.kr">
48		- <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
49		- </a>
50		- </div>
51		- </header>
52		- <div class="visual">
53		- <div class="inner">
54		- <p class="keyword">keyword</p>
55		- <h2>인터넷문자</h2>
56		- </div>
57		- </div>
58		- <div class="index">
59		- <div class="inner">
60		- <p>목&ensp;차</p>
61		- <nav>
62		- <ul>
63		- <li><a href="#section01">단체문자발송</a></li>
64		- <li><a href="#section02">문자온의 주요 서비스</a></li>
65		- <li><a href="#section03">문자온 문자발송 방법</a></li>
66		- <li><a href="#section04">문자온 주요기능</a></li>
67		- <li><a href="#section05">문자온 사용방법</a></li>
68		- </ul>
69		- </nav>
70		- </div>
71		- </div>
72		- <section class="section section01" id="section01">
73		- <div class="inner">
74		- <h3>단체문자발송</h3>
75		- <p class="text">
76		- 안녕하세요~ “똑똑한 프리미엄 인터넷문자 전송 사이트, 문자온!”입니다. <br>
77		- 개인 사업자나 기업이 대량으로 단체문자, 인터넷문자를 발송해야 하는 경우 휴대폰으로 보내기에는 너무 번거롭고 한계가 있습니다. <br><br>
78		-
79		- 인터넷문자, 단체문자 발송 전문 사이트인 “문자온”을 이용하신다면 누구나 쉽고 편리하게 웹문자를 대량으로 발송하실 수 있습니다.
80		- </p>
81		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section01_img01.png" alt="문자온 메인화면">
82		- </div>
83		- </section>
84		- <section class="section section02" id="section02">
85		- <div class="inner">
86		- <h3>문자온의 주요 서비스</h3>
87		- <dl>
88		- <dt>
89		- <p class="blue_text bold">1. 080 수신거부 무료 제공</p>
90		- </dt>
91		- <dd>
92		- <p class="text">
93		- 광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공
94		- </p>
95		- </dd>
96		- <dt>
97		- <p class="blue_text bold">2. 주소록 등록 무료 대행</p>
98		- </dt>
99		- <dd>
100		- <p class="text">
101		- 주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료 대행
102		- </p>
103		- </dd>
104		- <dt>
105		- <p class="blue_text bold">3. 그림문자 맞춤 제작</p>
106		- </dt>
107		- <dd>
108		- <p class="text">
109		- 전문 디자이너가 문자 이미지를 편집, 수정하여 사용목적에 맞는 최적의 이미지를 직접 맞춤 제작
110		- </p>
111		- </dd>
112		- <dt>
113		- <p class="blue_text bold">4. 특정문구 일괄변환(치환) 기능</p>
114		- </dt>
115		- <dd>
116		- <p class="text">
117		- 문자내용의 특정문구(성명, 단어, 문구 등)를 수신자마다 다르게 일괄 변환하여 제공
118		- </p>
119		- </dd>
120		- <dt>
121		- <p class="blue_text bold">5. 무료 문자포토에디터 제공</p>
122		- </dt>
123		- <dd>
124		- <p class="text">
125		- 국내 최초 자사 기술로 개발한 문자 전용 포토에디터 무료 제공
126		- </p>
127		- </dd>
128		- <dt>
129		- <p class="blue_text bold">6. 문자 제목 및 약도 추가</p>
130		- </dt>
131		- <dd>
132		- <p class="text">
133		- 문자메시지 내 제목 및 약도 추가 기능
134		- </p>
135		- </dd>
136		- <dt>
137		- <p class="blue_text bold">7. 편리한 주소록 기능</p>
138		- </dt>
139		- <dd>
140		- <p class="text">
141		- 쉽고 편리한 주소록 관리 모듈 및 폰주소록(CSV, XLSX) 등록 기능 제공
142		- </p>
143		- </dd>
144		- <dt>
145		- <p class="blue_text bold">8. 자동화 기반 비용처리</p>
146		- </dt>
147		- <dd>
148		- <p class="text">
149		- 견적서, 세금계산서 자동발행*, 현금영수증, 간이영수증, 거래명세서, 사용내역서 등 자동화 기반의 신속한 비용처리 가능
150		- </p>
151		- </dd>
152		- <dt>
153		- <p class="blue_text bold">9. 후불결제 서비스</p>
154		- </dt>
155		- <dd>
156		- <p class="text">기업이나 관공서 등 선불로 이용할 수 없는 업체는 사전협의를 통해 후불제 이용 가능</p>
157		- </dd>
158		- <dt>
159		- <p class="blue_text bold" style="padding:0 0 35px 0;"> 10. 카카오 알림톡 및 대량 팩스 전송 서비스 국내 최저가 제공</p>
160		- </dt>
161		- <dt>
162		- <p class="blue_text bold"> 11. 강력한 보안</p>
163		- </dt>
164		- <dd>
165		- <p class="text">HA-256, AES 암호화, 시큐어코딩 및 웹취약점 제거 등 빈틈없는 정보보안으로 시스템 안정성 제고</p>
166		- </dd>
167		- </dl>
168		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section02_img01.png" alt="문자온 서비스 - 080 수신거부 무료제공,주소록 등록 무료 대행, 그림문자 맞춤 제작, 특정문구 일괄변환(치환)기능">
169		- </div>
170		- </section>
171		- <section class="section section03" id="section03">
172		- <div class="inner">
173		- <h3>문자온 문자발송 방법</h3>
174		- <p class="text bold" style="margin: 0 0 8px 0;">[개요]</p>
175		- <p class="text" style="margin: 0 0 8px 0;">단문·장문·그림 문자를 발송하는 메뉴입니다. 문자를 발송하기 위해서는 로그인이 되어 있어야 합니다.</p>
176		- <p class="text bold">[화면 구성]</p>
177		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section03_img01.png" alt="문자온 문자발송 화면">
178		- <ul>
179		- <li style="margin: 20px 0 4px 0;">
180		- <p class="text">1. 광고규정 및 사용안내 : 광고문자 관련 법규 안내 및 문자전송 사용안내 화면 팝업</p>
181		- </li>
182		- <li style="margin: 0 0 4px 0;">
183		- <p class="text">2. 문자 분류 : 일반, 광고 문자 선택이 가능하며 광고 문자의 경우 광고 관련 문자 내용이 자동 입력</p>
184		- </li>
185		- <li style="margin: 0 0 4px 0;">
186		- <p class="text">3. 발신번호 선택 : 마이페이지를 통해 등록한 발신번호 선택</p>
187		- </li>
188		- <li style="margin: 0 0 4px 0;">
189		- <p class="text">4. 문자 내용 입력 : 문자 내용 입력, 특수 문자 입력, 특정문구 일괄 변환, 내 문자함을 통한 문자 선택, 이미지 불러오기, 입력 문자 저장, 입력 문자 초기화 등 제공</p>
190		- </li>
191		- <li style="margin: 0 0 4px 0;">
192		- <p class="text">5. 받는 사람 입력 : 받는 사람 직접 입력, 문자온 주소록 불러오기, 엑셀 주소록 불러오기, 최근 전송내역, 자주 보내는 번호, 오류 검사 등 제공</p>
193		- </li>
194		- <li style="margin: 0 0 4px 0;">
195		- <p class="text">6. 발송금액 표시 : 받는 사람 수 및 문자 종류(단문·장문·그림)에 따라 발송금액 자동 계산, 보유잔액 표시, 충전 바로가기 등 제공</p>
196		- </li>
197		- <li style="margin: 0 0 4px 0;">
198		- <p class="text">7. 나의 요금제 : 문자 발송별 단가 표시</p>
199		- <p class="gray_text" style="margin: 0 0 0 32px; text-indent: -15px; display: block;">※ 대량 발송 회원의 경우 고객센터를 통해 단가 조절 가능</p>
200		- </li>
201		- <li style="margin: 0 0 4px 0;">
202		- <p class="text">8. 문자 미리보기 : 사용자가 입력한 문자내용 미리보기</p>
203		- </li>
204		- <li style="margin: 0 0 4px 0;">
205		- <p class="text">9. 문자 발송 : 즉시 발송, 예약 발송, 테스트 발송 등 제공</p>
206		- </li>
207		- </ul>
208		- </div>
209		- </section>
210		- <section class="section section04" id="section04">
211		- <div class="inner">
212		- <h3>문자온 주요기능</h3>
213		- <dl>
214		- <dt>
215		- <p class="text bold">1. 광고문자 내용 자동 입력</p>
216		- </dt>
217		- <dd>
218		- <p class="text">문자 분류 “광고” 선택 시 광고문자에 필수로 포함되어야 할 내용(광고 표시, 무료거부 표시 및 무료거부번호)이 자동으로 입력됩니다. 단, 업체명과 업체 연락처는 직접 입력하셔야 하며 발신번호가 업체 연락처일 경우에는 업체 연락처를 별도로 표기하지 않으셔도 됩니다. </p>
219		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img01.png" alt="문자온 광고 문자전송 화면">
220		- </dd>
221		- <dt>
222		- <p class="text bold">2. 특수문자 입력</p>
223		- </dt>
224		- <dd>
225		- <p class="text">특수문자 버튼 클릭 시 입력 가능한 특수문자를 선택할 수 있습니다.</p>
226		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img02.png" alt="문자온 문자전송 시 특수문자 입력 방법">
227		- </dd>
228		- <dt>
229		- <p class="text bold">3. 특정문구 변환</p>
230		- </dt>
231		- <dd>
232		- <p class="text">다수에게 문자 발송 시 특정한 문구를 받는 사람에 따라 다르게 보낼 수 있습니다. 이름을 포함하여 총 5개 특정문구를 사용할 수 있습니다. 단, 미리보기에는 첫 번째 받는사람의 문자 내용만 표시됩니다.</p>
233		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img03.png" alt="문자온 문자전송 시 특정문구 변환 방법">
234		- </dd>
235		- <dt>
236		- <p class="text bold">4. 이미지 불러오기</p>
237		- </dt>
238		- <dd>
239		- <p class="text">추천 템플릿 또는 내 사진을 불러와 문자에 첨부할 수 있습니다.</p>
240		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img04.png" alt="문자온 문자전송 시 이미지 불러오는 방법">
241		- </dd>
242		- <dt>
243		- <p class="text bold">5. 문자온 주소록 불러오기</p>
244		- </dt>
245		- <dd>
246		- <p class="text">문자온 주소록 관리에 저장된 주소록을 통해 받는사람을 등록할 수 있습니다.</p>
247		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img05.png" alt="문자온 문자전송 시 주소록 불러오는 방법">
248		- </dd>
249		- <dt>
250		- <p class="text bold">6. 엑셀 주소록 불러오기</p>
251		- </dt>
252		- <dd>
253		- <p class="text">엑셀 파일 주소록을 불러와 받는사람을 등록할 수 있습니다. 불러올 수 있는 엑셀 파일은 샘플파일을 다운로드 받아 확인할 수 있습니다.</p>
254		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img06.png" alt="문자온 문자전송 시 엑셀파일 불러오는 방법">
255		- </dd>
256		- <dt>
257		- <p class="text bold">7. 최근 전송내역/자주 보내는 번호 불러오기</p>
258		- </dt>
259		- <dd>
260		- <p class="text">최근 전송내역 및 자주보내는 번호를 불러와 받는사람을 등록할 수 있습니다.</p>
261		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img07.png" alt="문자온 문자전송 시 최근 전송내역 및 자주보내는 번호 등록 방법">
262		- </dd>
263		- <dt>
264		- <p class="text bold">8. 오류 검사</p>
265		- </dt>
266		- <dd>
267		- <p class="text">받는사람 연락처 미입력 및 오입력 오류가 있는지 검사합니다.</p>
268		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img08.png" alt="문자온 문자전송 시 오류 검사 방법">
269		- </dd>
270		- <dt>
271		- <p class="text bold">9. 테스트 발송</p>
272		- </dt>
273		- <dd>
274		- <p class="text">보낼 문자 내용을 발신자에게 미리 테스트로 발송하여 정상적인 문자 발송 여부를 확인할 수 있습니다. 테스트 발송 건에 대해서는 정상요금이 부과됩니다.</p>
275		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img09.png" alt="문자온 문자전송 시 테스트 발송 방법">
276		- </dd>
277		- <dt>
278		- <p class="text bold">10. 예약 발송</p>
279		- </dt>
280		- <dd>
281		- <p class="text">문자를 원하는 일자 및 시간에 발송할 수 있으며, 분할로 발송할 수 있습니다.</p>
282		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img10.png" alt="문자온 문자전송 시 예약 발송 방법">
283		- </dd>
284		- </dl>
285		- <p class="text">
286		- 인터넷문자 사이트인 “문자온”의 주요기능과 이용방법에 대해 알아보았습니다. 상기 소개된 기능 외에도 많은 기능을 제공하고 있으니 가입 후 이용해보시기 바랍니다.
287		- <br><br>
288		- 불편하시거나 궁금하신 사항이 있으면 언제든지 고객센터로 연락주시기 바랍니다.
289		- </p>
290		- </div>
291		- </section>
292		- <section class="section section05" id="section05">
293		- <div class="inner">
294		- <h3>문자온 사용방법</h3>
295		- <p class="text" style="margin: 0 0 4px 0;">1. 문자온 서비스에 로그인 합니다.</p>
296		- <p class="text" style="margin: 0 0 4px 0;">2. 보유잔액이 부족할 경우 메인화면 상단 [충전]을 클릭합니다.</p>
297		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section05_img01.png" alt="문자온 충전하기" style="margin: 15px 0;">
298		- <p class="text" style="margin: 0 0 4px 0;">3. 메인화면 상단 [문자발송]을 클릭합니다.</p>
299		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section05_img02.png" alt="문자온 문자발송 선택하기" style="margin: 15px 0;">
300		- <p class="text" style="margin: 0 0 4px 0;">
301		- 4. 발신번호를 선택합니다.
302		- <span class="gray_small_text" style="margin: 0 0 0 20px;">※ 선택할 발신번호가 없을 경우 [번호등록] 버튼을 통해 발신번호를 등록합니다.</span>
303		- </p>
304		- <img src="/publish/publish_adv/img/template_v1_manuscript_5_section05_img03.png" alt="문자온 문자전송 발신번호 선택하기" style="margin: 15px 0;">
305		- <p class="text" style="margin: 0 0 4px 0;">
306		- 5. 문자내용을 입력합니다.
307		- <span class="gray_small_text" style="margin: 0 0 0 20px;">※ 특수문자, 특정문구 일괄변환, 내문자함, 이미지 불러오기를 통해 내용을 추가할 수 있습니다.</span>
308		- </p>
309		- <p class="text" style="margin: 0 0 4px 0;">6. 미리보기를 통해 문자내용을 확인합니다.</p>
310		- <p class="text" style="margin: 0 0 4px 0;">
311		- 7. 받는사람을 입력하고 [번호추가] 버튼을 클릭합니다.
312		- <span class="gray_small_text" style="margin: 0 0 0 20px;">※ 주소록 불러오기, 엑셀 불러오기, 최근 전송내역, 자주 보내는 번호를 통해 번호를 추가할 수 있습니다.</span>
313		- </p>
314		- <p class="text" style="margin: 0 0 4px 0;">8. [오류 검사]를 클릭하여 받는사람 전화번호의 유효성을 검사합니다.</p>
315		- <p class="text" style="margin: 0 0 4px 0;">9. 발송금액을 확인하고 [발송하기]를 클릭합니다.</p>
316		- <p class="text" style="margin: 0 0 4px 0;">9-1. [예약]을 체크하고 발송일시 및 분할전송을 설정한 후 [예약하기]를 클릭합니다.</p>
317		- <p class="text" style="margin: 0 0 4px 0;">9-2. [테스트발송]을 클릭하여 본인에게 문자메시지를 전송하여 문자의 정상 여부를 확인합니다.</p>
318		-
319		- </div>
320		- </section>
321		-
322		- <div class="btn_wrap">
323		- <div class="inner">
324		- <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">인터넷문자</a>
325		- </div>
326		- </div>
327		- </div>
328		-
329		-</body>
330		-
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
	8	+ <title>인터넷문자 - 문자온</title>
	9	+
	10	+ <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
	11	+ <meta name="description" content="문자온의 '인터넷문자' 서비스로 대량 문자 발송을 쉽고 효율적으로 관리하세요. 080 수신거부 무료 제공, 주소록 등록 대행, 그림문자 제작, 특정문구 일괄변환, 무료 문자포토에디터 등 다양한 기능을 통해 마케팅, 공지, 알림 등 다양한 용도의 문자 발송을 지원합니다.">
	12	+ <meta property="og:type" content="website">
	13	+ <meta property="og:title" content="인터넷문자 - 문자온">
	14	+ <meta property="og:description" content="문자온의 '인터넷문자' 서비스로 대량 문자 발송을 쉽고 효율적으로 관리하세요. 080 수신거부 무료 제공, 주소록 등록 대행, 그림문자 제작, 특정문구 일괄변환, 무료 문자포토에디터 등 다양한 기능을 통해 마케팅, 공지, 알림 등 다양한 용도의 문자 발송을 지원합니다.">
	15	+ <link rel="apple-touch-icon" sizes="57x57" href="/publish/images/favicon/apple-icon-57x57.png">
	16	+ <link rel="apple-touch-icon" sizes="60x60" href="/publish/images/favicon/apple-icon-60x60.png">
	17	+ <link rel="apple-touch-icon" sizes="72x72" href="/publish/images/favicon/apple-icon-72x72.png">
	18	+ <link rel="apple-touch-icon" sizes="76x76" href="/publish/images/favicon/apple-icon-76x76.png">
	19	+ <link rel="apple-touch-icon" sizes="114x114" href="/publish/images/favicon/apple-icon-114x114.png">
	20	+ <link rel="apple-touch-icon" sizes="120x120" href="/publish/images/favicon/apple-icon-120x120.png">
	21	+ <link rel="apple-touch-icon" sizes="144x144" href="/publish/images/favicon/apple-icon-144x144.png">
	22	+ <link rel="apple-touch-icon" sizes="152x152" href="/publish/images/favicon/apple-icon-152x152.png">
	23	+ <link rel="apple-touch-icon" sizes="180x180" href="/publish/images/favicon/apple-icon-180x180.png">
	24	+ <link rel="icon" type="image/png" sizes="192x192" href="/publish/images/favicon/android-icon-192x192.png">
	25	+ <link rel="icon" type="image/png" sizes="32x32" href="/publish/images/favicon/favicon-32x32.png">
	26	+ <link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
	27	+ <link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
	28	+ <link rel="manifest" href="/publish/images/favicon/manifest.json">
	29	+
	30	+ <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
	31	+ <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
	32	+ <link rel="stylesheet" href="/publish/css/font.css">
	33	+
	34	+ <script src="/publish/js/jquery-3.5.0.js"></script>
	35	+ <script>
	36	+ function topBtn() {
	37	+ $("html").scrollTop("0");
	38	+ }
	39	+ </script>
	40	+</head>
	41	+
	42	+<body>
	43	+ <div class="template_v1_content">
	44	+ <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
	45	+ <header>
	46	+ <div class="inner">
	47	+ <a href="https://www.munjaon.co.kr">
	48	+ <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
	49	+ </a>
	50	+ </div>
	51	+ </header>
	52	+ <div class="visual">
	53	+ <div class="inner">
	54	+ <p class="keyword">keyword</p>
	55	+ <h2>인터넷문자</h2>
	56	+ </div>
	57	+ </div>
	58	+ <div class="index">
	59	+ <div class="inner">
	60	+ <p>목&ensp;차</p>
	61	+ <nav>
	62	+ <ul>
	63	+ <li><a href="#section01">단체문자발송</a></li>
	64	+ <li><a href="#section02">문자온의 주요 서비스</a></li>
	65	+ <li><a href="#section03">문자온 문자발송 방법</a></li>
	66	+ <li><a href="#section04">문자온 주요기능</a></li>
	67	+ <li><a href="#section05">문자온 사용방법</a></li>
	68	+ </ul>
	69	+ </nav>
	70	+ </div>
	71	+ </div>
	72	+ <section class="section section01" id="section01">
	73	+ <div class="inner">
	74	+ <h3>단체문자발송</h3>
	75	+ <p class="text">
	76	+ 안녕하세요~ “똑똑한 프리미엄 인터넷문자 전송 사이트, 문자온!”입니다. <br>
	77	+ 개인 사업자나 기업이 대량으로 단체문자, 인터넷문자를 발송해야 하는 경우 휴대폰으로 보내기에는 너무 번거롭고 한계가 있습니다. <br><br>
	78	+
	79	+ 인터넷문자, 단체문자 발송 전문 사이트인 “문자온”을 이용하신다면 누구나 쉽고 편리하게 웹문자를 대량으로 발송하실 수 있습니다.
	80	+ </p>
	81	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section01_img01.png" alt="문자온 메인화면">
	82	+ </div>
	83	+ </section>
	84	+ <section class="section section02" id="section02">
	85	+ <div class="inner">
	86	+ <h3>문자온의 주요 서비스</h3>
	87	+ <dl>
	88	+ <dt>
	89	+ <p class="blue_text bold">1. 080 수신거부 무료 제공</p>
	90	+ </dt>
	91	+ <dd>
	92	+ <p class="text">
	93	+ 광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공
	94	+ </p>
	95	+ </dd>
	96	+ <dt>
	97	+ <p class="blue_text bold">2. 주소록 등록 무료 대행</p>
	98	+ </dt>
	99	+ <dd>
	100	+ <p class="text">
	101	+ 주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료 대행
	102	+ </p>
	103	+ </dd>
	104	+ <dt>
	105	+ <p class="blue_text bold">3. 그림문자 맞춤 제작</p>
	106	+ </dt>
	107	+ <dd>
	108	+ <p class="text">
	109	+ 전문 디자이너가 문자 이미지를 편집, 수정하여 사용목적에 맞는 최적의 이미지를 직접 맞춤 제작
	110	+ </p>
	111	+ </dd>
	112	+ <dt>
	113	+ <p class="blue_text bold">4. 특정문구 일괄변환(치환) 기능</p>
	114	+ </dt>
	115	+ <dd>
	116	+ <p class="text">
	117	+ 문자내용의 특정문구(성명, 단어, 문구 등)를 수신자마다 다르게 일괄 변환하여 제공
	118	+ </p>
	119	+ </dd>
	120	+ <dt>
	121	+ <p class="blue_text bold">5. 무료 문자포토에디터 제공</p>
	122	+ </dt>
	123	+ <dd>
	124	+ <p class="text">
	125	+ 국내 최초 자사 기술로 개발한 문자 전용 포토에디터 무료 제공
	126	+ </p>
	127	+ </dd>
	128	+ <dt>
	129	+ <p class="blue_text bold">6. 문자 제목 및 약도 추가</p>
	130	+ </dt>
	131	+ <dd>
	132	+ <p class="text">
	133	+ 문자메시지 내 제목 및 약도 추가 기능
	134	+ </p>
	135	+ </dd>
	136	+ <dt>
	137	+ <p class="blue_text bold">7. 편리한 주소록 기능</p>
	138	+ </dt>
	139	+ <dd>
	140	+ <p class="text">
	141	+ 쉽고 편리한 주소록 관리 모듈 및 폰주소록(CSV, XLSX) 등록 기능 제공
	142	+ </p>
	143	+ </dd>
	144	+ <dt>
	145	+ <p class="blue_text bold">8. 자동화 기반 비용처리</p>
	146	+ </dt>
	147	+ <dd>
	148	+ <p class="text">
	149	+ 견적서, 세금계산서 자동발행*, 현금영수증, 간이영수증, 거래명세서, 사용내역서 등 자동화 기반의 신속한 비용처리 가능
	150	+ </p>
	151	+ </dd>
	152	+ <dt>
	153	+ <p class="blue_text bold">9. 후불결제 서비스</p>
	154	+ </dt>
	155	+ <dd>
	156	+ <p class="text">기업이나 관공서 등 선불로 이용할 수 없는 업체는 사전협의를 통해 후불제 이용 가능</p>
	157	+ </dd>
	158	+ <dt>
	159	+ <p class="blue_text bold" style="padding:0 0 35px 0;"> 10. 카카오 알림톡 및 대량 팩스 전송 서비스 국내 최저가 제공</p>
	160	+ </dt>
	161	+ <dt>
	162	+ <p class="blue_text bold"> 11. 강력한 보안</p>
	163	+ </dt>
	164	+ <dd>
	165	+ <p class="text">HA-256, AES 암호화, 시큐어코딩 및 웹취약점 제거 등 빈틈없는 정보보안으로 시스템 안정성 제고</p>
	166	+ </dd>
	167	+ </dl>
	168	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section02_img01.png" alt="문자온 서비스 - 080 수신거부 무료제공,주소록 등록 무료 대행, 그림문자 맞춤 제작, 특정문구 일괄변환(치환)기능">
	169	+ </div>
	170	+ </section>
	171	+ <section class="section section03" id="section03">
	172	+ <div class="inner">
	173	+ <h3>문자온 문자발송 방법</h3>
	174	+ <p class="text bold" style="margin: 0 0 8px 0;">[개요]</p>
	175	+ <p class="text" style="margin: 0 0 8px 0;">단문·장문·그림 문자를 발송하는 메뉴입니다. 문자를 발송하기 위해서는 로그인이 되어 있어야 합니다.</p>
	176	+ <p class="text bold">[화면 구성]</p>
	177	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section03_img01.png" alt="문자온 문자발송 화면">
	178	+ <ul>
	179	+ <li style="margin: 20px 0 4px 0;">
	180	+ <p class="text">1. 광고규정 및 사용안내 : 광고문자 관련 법규 안내 및 문자전송 사용안내 화면 팝업</p>
	181	+ </li>
	182	+ <li style="margin: 0 0 4px 0;">
	183	+ <p class="text">2. 문자 분류 : 일반, 광고 문자 선택이 가능하며 광고 문자의 경우 광고 관련 문자 내용이 자동 입력</p>
	184	+ </li>
	185	+ <li style="margin: 0 0 4px 0;">
	186	+ <p class="text">3. 발신번호 선택 : 마이페이지를 통해 등록한 발신번호 선택</p>
	187	+ </li>
	188	+ <li style="margin: 0 0 4px 0;">
	189	+ <p class="text">4. 문자 내용 입력 : 문자 내용 입력, 특수 문자 입력, 특정문구 일괄 변환, 내 문자함을 통한 문자 선택, 이미지 불러오기, 입력 문자 저장, 입력 문자 초기화 등 제공</p>
	190	+ </li>
	191	+ <li style="margin: 0 0 4px 0;">
	192	+ <p class="text">5. 받는 사람 입력 : 받는 사람 직접 입력, 문자온 주소록 불러오기, 엑셀 주소록 불러오기, 최근 전송내역, 자주 보내는 번호, 오류 검사 등 제공</p>
	193	+ </li>
	194	+ <li style="margin: 0 0 4px 0;">
	195	+ <p class="text">6. 발송금액 표시 : 받는 사람 수 및 문자 종류(단문·장문·그림)에 따라 발송금액 자동 계산, 보유잔액 표시, 충전 바로가기 등 제공</p>
	196	+ </li>
	197	+ <li style="margin: 0 0 4px 0;">
	198	+ <p class="text">7. 나의 요금제 : 문자 발송별 단가 표시</p>
	199	+ <p class="gray_text" style="margin: 0 0 0 32px; text-indent: -15px; display: block;">※ 대량 발송 회원의 경우 고객센터를 통해 단가 조절 가능</p>
	200	+ </li>
	201	+ <li style="margin: 0 0 4px 0;">
	202	+ <p class="text">8. 문자 미리보기 : 사용자가 입력한 문자내용 미리보기</p>
	203	+ </li>
	204	+ <li style="margin: 0 0 4px 0;">
	205	+ <p class="text">9. 문자 발송 : 즉시 발송, 예약 발송, 테스트 발송 등 제공</p>
	206	+ </li>
	207	+ </ul>
	208	+ </div>
	209	+ </section>
	210	+ <section class="section section04" id="section04">
	211	+ <div class="inner">
	212	+ <h3>문자온 주요기능</h3>
	213	+ <dl>
	214	+ <dt>
	215	+ <p class="text bold">1. 광고문자 내용 자동 입력</p>
	216	+ </dt>
	217	+ <dd>
	218	+ <p class="text">문자 분류 “광고” 선택 시 광고문자에 필수로 포함되어야 할 내용(광고 표시, 무료거부 표시 및 무료거부번호)이 자동으로 입력됩니다. 단, 업체명과 업체 연락처는 직접 입력하셔야 하며 발신번호가 업체 연락처일 경우에는 업체 연락처를 별도로 표기하지 않으셔도 됩니다. </p>
	219	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img01.png" alt="문자온 광고 문자전송 화면">
	220	+ </dd>
	221	+ <dt>
	222	+ <p class="text bold">2. 특수문자 입력</p>
	223	+ </dt>
	224	+ <dd>
	225	+ <p class="text">특수문자 버튼 클릭 시 입력 가능한 특수문자를 선택할 수 있습니다.</p>
	226	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img02.png" alt="문자온 문자전송 시 특수문자 입력 방법">
	227	+ </dd>
	228	+ <dt>
	229	+ <p class="text bold">3. 특정문구 변환</p>
	230	+ </dt>
	231	+ <dd>
	232	+ <p class="text">다수에게 문자 발송 시 특정한 문구를 받는 사람에 따라 다르게 보낼 수 있습니다. 이름을 포함하여 총 5개 특정문구를 사용할 수 있습니다. 단, 미리보기에는 첫 번째 받는사람의 문자 내용만 표시됩니다.</p>
	233	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img03.png" alt="문자온 문자전송 시 특정문구 변환 방법">
	234	+ </dd>
	235	+ <dt>
	236	+ <p class="text bold">4. 이미지 불러오기</p>
	237	+ </dt>
	238	+ <dd>
	239	+ <p class="text">추천 템플릿 또는 내 사진을 불러와 문자에 첨부할 수 있습니다.</p>
	240	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img04.png" alt="문자온 문자전송 시 이미지 불러오는 방법">
	241	+ </dd>
	242	+ <dt>
	243	+ <p class="text bold">5. 문자온 주소록 불러오기</p>
	244	+ </dt>
	245	+ <dd>
	246	+ <p class="text">문자온 주소록 관리에 저장된 주소록을 통해 받는사람을 등록할 수 있습니다.</p>
	247	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img05.png" alt="문자온 문자전송 시 주소록 불러오는 방법">
	248	+ </dd>
	249	+ <dt>
	250	+ <p class="text bold">6. 엑셀 주소록 불러오기</p>
	251	+ </dt>
	252	+ <dd>
	253	+ <p class="text">엑셀 파일 주소록을 불러와 받는사람을 등록할 수 있습니다. 불러올 수 있는 엑셀 파일은 샘플파일을 다운로드 받아 확인할 수 있습니다.</p>
	254	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img06.png" alt="문자온 문자전송 시 엑셀파일 불러오는 방법">
	255	+ </dd>
	256	+ <dt>
	257	+ <p class="text bold">7. 최근 전송내역/자주 보내는 번호 불러오기</p>
	258	+ </dt>
	259	+ <dd>
	260	+ <p class="text">최근 전송내역 및 자주보내는 번호를 불러와 받는사람을 등록할 수 있습니다.</p>
	261	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img07.png" alt="문자온 문자전송 시 최근 전송내역 및 자주보내는 번호 등록 방법">
	262	+ </dd>
	263	+ <dt>
	264	+ <p class="text bold">8. 오류 검사</p>
	265	+ </dt>
	266	+ <dd>
	267	+ <p class="text">받는사람 연락처 미입력 및 오입력 오류가 있는지 검사합니다.</p>
	268	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img08.png" alt="문자온 문자전송 시 오류 검사 방법">
	269	+ </dd>
	270	+ <dt>
	271	+ <p class="text bold">9. 테스트 발송</p>
	272	+ </dt>
	273	+ <dd>
	274	+ <p class="text">보낼 문자 내용을 발신자에게 미리 테스트로 발송하여 정상적인 문자 발송 여부를 확인할 수 있습니다. 테스트 발송 건에 대해서는 정상요금이 부과됩니다.</p>
	275	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img09.png" alt="문자온 문자전송 시 테스트 발송 방법">
	276	+ </dd>
	277	+ <dt>
	278	+ <p class="text bold">10. 예약 발송</p>
	279	+ </dt>
	280	+ <dd>
	281	+ <p class="text">문자를 원하는 일자 및 시간에 발송할 수 있으며, 분할로 발송할 수 있습니다.</p>
	282	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section04_img10.png" alt="문자온 문자전송 시 예약 발송 방법">
	283	+ </dd>
	284	+ </dl>
	285	+ <p class="text">
	286	+ 인터넷문자 사이트인 “문자온”의 주요기능과 이용방법에 대해 알아보았습니다. 상기 소개된 기능 외에도 많은 기능을 제공하고 있으니 가입 후 이용해보시기 바랍니다.
	287	+ <br><br>
	288	+ 불편하시거나 궁금하신 사항이 있으면 언제든지 고객센터로 연락주시기 바랍니다.
	289	+ </p>
	290	+ </div>
	291	+ </section>
	292	+ <section class="section section05" id="section05">
	293	+ <div class="inner">
	294	+ <h3>문자온 사용방법</h3>
	295	+ <p class="text" style="margin: 0 0 4px 0;">1. 문자온 서비스에 로그인 합니다.</p>
	296	+ <p class="text" style="margin: 0 0 4px 0;">2. 보유잔액이 부족할 경우 메인화면 상단 [충전]을 클릭합니다.</p>
	297	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section05_img01.png" alt="문자온 충전하기" style="margin: 15px 0;">
	298	+ <p class="text" style="margin: 0 0 4px 0;">3. 메인화면 상단 [문자발송]을 클릭합니다.</p>
	299	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section05_img02.png" alt="문자온 문자발송 선택하기" style="margin: 15px 0;">
	300	+ <p class="text" style="margin: 0 0 4px 0;">
	301	+ 4. 발신번호를 선택합니다.
	302	+ <span class="gray_small_text" style="margin: 0 0 0 20px;">※ 선택할 발신번호가 없을 경우 [번호등록] 버튼을 통해 발신번호를 등록합니다.</span>
	303	+ </p>
	304	+ <img src="/publish/publish_adv/img/template_v1_manuscript_5_section05_img03.png" alt="문자온 문자전송 발신번호 선택하기" style="margin: 15px 0;">
	305	+ <p class="text" style="margin: 0 0 4px 0;">
	306	+ 5. 문자내용을 입력합니다.
	307	+ <span class="gray_small_text" style="margin: 0 0 0 20px;">※ 특수문자, 특정문구 일괄변환, 내문자함, 이미지 불러오기를 통해 내용을 추가할 수 있습니다.</span>
	308	+ </p>
	309	+ <p class="text" style="margin: 0 0 4px 0;">6. 미리보기를 통해 문자내용을 확인합니다.</p>
	310	+ <p class="text" style="margin: 0 0 4px 0;">
	311	+ 7. 받는사람을 입력하고 [번호추가] 버튼을 클릭합니다.
	312	+ <span class="gray_small_text" style="margin: 0 0 0 20px;">※ 주소록 불러오기, 엑셀 불러오기, 최근 전송내역, 자주 보내는 번호를 통해 번호를 추가할 수 있습니다.</span>
	313	+ </p>
	314	+ <p class="text" style="margin: 0 0 4px 0;">8. [오류 검사]를 클릭하여 받는사람 전화번호의 유효성을 검사합니다.</p>
	315	+ <p class="text" style="margin: 0 0 4px 0;">9. 발송금액을 확인하고 [발송하기]를 클릭합니다.</p>
	316	+ <p class="text" style="margin: 0 0 4px 0;">9-1. [예약]을 체크하고 발송일시 및 분할전송을 설정한 후 [예약하기]를 클릭합니다.</p>
	317	+ <p class="text" style="margin: 0 0 4px 0;">9-2. [테스트발송]을 클릭하여 본인에게 문자메시지를 전송하여 문자의 정상 여부를 확인합니다.</p>
	318	+
	319	+ </div>
	320	+ </section>
	321	+
	322	+ <div class="btn_wrap">
	323	+ <div class="inner">
	324	+ <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">인터넷문자</a>
	325	+ </div>
	326	+ </div>
	327	+ </div>
	328	+
	329	+</body>
	330	+
331	331	</html> (No newline at end of file)

b59a932

8fabd4c

src/main/webapp/publish/textingmsg_detail_allimtalk.html

--- src/main/webapp/publish/textingmsg_detail_allimtalk.html

+++ src/main/webapp/publish/textingmsg_detail_allimtalk.html


 											</dl>
 										</div>
 									</div>
+									<div class="table_btn clearfix" style="margin:15px 0 0 0;">
+										<div class="table_btn_left">
+											<!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+											<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
+										</div>
+										<div class="table_btn_right">
+											<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
+										</div>
+									</div>
 								</div>
 							</div>
 							<!--// 발송결과-->
 
-							<div class="table_btn clearfix">
-								<div class="table_btn_left">
-									<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
-									<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-								</div>
-								<div class="table_btn_right">
-									<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
-								</div>
-							</div>
+							
 						</div>
 						<!--// 발송결과 상세 정보 -->
 

 											</div>
 										</div>
 										<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
-										<p>
-										</p>
 									</div>
 								</div>
 								<!--// 카카오 알림톡 미리보기 -->
 								<!-- // 대체문자 -->
-
-
-
 
 							</div>
 						</div>

b59a932

8fabd4c

src/main/webapp/publish/transaction_statement.html

--- src/main/webapp/publish/transaction_statement.html

+++ src/main/webapp/publish/transaction_statement.html

...	...	@@ -13,13 +13,10 @@
13	13	<link rel="stylesheet" href="/publish/css/font.css">
14	14	<link rel="stylesheet" href="/publish/css/button.css">
15	15
16		- <style>
17		- .est_table th.text {text-align: center;vertical-align: middle;}
18		- </style>
19		-
20	16	</head>
21	17
22	18	<body>
	19	+ <!-- 견적서 -->
23	20	<div class="estimate_wrap">
24	21	<div class="estimate">
25	22	<div class="est_head clearfix">
...	...	@@ -30,160 +27,285 @@
30	27	</div>
31	28	</div>
32	29	<div class="est_body">
33		- <h2>거래명세서<span>(공급받는자 보관용)</span></h2>
34		- <div class="cont1">
35		- <div>
36		- <p>공급받는자</p>
	30	+ <h2>거래명세서<span style="font-size:20px;font-weight:400;">(공급받는자 보관용)</span></h2>
	31	+ <div class="cont1 tb_ver2" style="display:flex;">
	32	+ <div style="width:calc((100% - 40px)/2);">
	33	+ <p>공급받는 자</p>
37	34	<table class="est_table">
38		- <caption>공급받는자 정보</caption>
	35	+ <caption>등록번호, 상호, 성명, 전화번호, 이메일 정보 제공</caption>
39	36	<colgroup>
40		- <col style="width: 50px;">
	37	+ <col style="width: 60px;">
41	38	<col style="width: auto;">
42	39	</colgroup>
43	40	<tbody>
44	41	<tr>
45		- <th>수<span class="blank"></span>신</th>
46		- <td>원영현</td>
	42	+ <th>등록번호</th>
	43	+ <td>사업자등록번호
	44	+ <!--(개인회원인 경우 하이픈(-) 처리)-->
	45	+ </td>
47	46	</tr>
48	47	<tr>
49		- <th>참<span class="blank"></span>조</th>
50		- <td>원영현 (01093414986)</td>
	48	+ <th style="letter-spacing:-0.69px;">상&ensp;&ensp;&ensp;  호</th>
	49	+ <td>기업명
	50	+ <!-- (개인회원인 경우 하이픈(-) 처리-->
	51	+ </td>
51	52	</tr>
52	53	<tr>
53		- <th>거래일자</th>
54		- <td>2024-04-26~2025-04-25</td>
	54	+ <th style="letter-spacing:-0.69px;">성&ensp;&ensp;&ensp;  명</th>
	55	+ <td>가입자명</td>
55	56	</tr>
56	57	<tr>
57		- <th rowspan="2" colspan="2" class="text">아래와 같이 계산합니다.</th>
	58	+ <th>전화번호</th>
	59	+ <td>가입자 연락처</td>
58	60	</tr>
59		- <tr></tr>
	61	+ <tr>
	62	+ <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
	63	+ <td>가입자 이메일</td>
	64	+ </tr>
60	65	</tbody>
61	66	</table>
62	67	</div>
63		- <div>
	68	+ <div style="width:calc((100% - 40px)/2);">
64	69	<p>공급자</p>
65	70	<img src="/publish/images/content/stamp.png" alt="도장" class="stamp mCS_img_loaded">
66	71	<table class="est_table">
67		- <caption>공급자 정보</caption>
	72	+ <caption>등록번호, 상호, 성명, 전화번호, 이메일 정보 제공</caption>
68	73	<colgroup>
69		- <col style="width: 82px;">
	74	+ <col style="width: 60px;">
70	75	<col style="width: auto;">
71	76	</colgroup>
72	77	<tbody>
73	78	<tr>
74		- <th>회<span class="blank2"></span>사<span class="blank2"></span>명</th>
75		- <td>주식회사 아이티앤</td>
76		- </tr>
77		- <tr>
78		- <th>사업자등록번호</th>
	79	+ <th>등록번호</th>
79	80	<td>653-87-00858</td>
80	81	</tr>
81	82	<tr>
82		- <th>대<span class="blank2"></span>표<span class="blank2"></span>자</th>
	83	+ <th style="letter-spacing:-0.69px;">상&ensp;&ensp;&ensp;  호</th>
	84	+ <td>주식회사 아이티앤</td>
	85	+ </tr>
	86	+ <tr>
	87	+ <th style="letter-spacing:-0.69px;">성&ensp;&ensp;&ensp;  명</th>
83	88	<td>유인식</td>
84	89	</tr>
85	90	<tr>
86		- <th>전<span class="blank3"></span>화</th>
	91	+ <th>전화번호</th>
87	92	<td>1551-8011</td>
88	93	</tr>
89	94	<tr>
90		- <th>이<span class="blank2"></span>메<span class="blank2"></span>일</th>
	95	+ <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
91	96	<td>help@iten.co.kr</td>
92	97	</tr>
93	98	</tbody>
94	99	</table>
95	100	</div>
96	101	</div>
97		- <div class="cont2 clearfix">
98		- <p>총 사용금액</p>
99		- <p><span>517</span> 원(VAT 별도)</p>
100		- </div>
101	102	<div class="cont3">
102		- <p>(단위 : 원, 건)</p>
103	103	<div class="est_table2_wrap">
104	104	<table class="est_table2">
105		- <caption>품목, 발송건수, 공급가액, 금액 정보를 제공하는 표</caption>
	105	+ <caption>작성일자, 공급가액, 세액, 비고 정보를 제공하는 표</caption>
106	106	<colgroup>
107		- <col style="width:20%;">
108		- <col style="width:20%;">
109		- <col style="width:20%;">
110		- <col style="width:auto;">
	107	+ <col style="width: 25%;">
	108	+ <col style="width: 25%;">
	109	+ <col style="width: 25%;">
111	110	</colgroup>
112	111	<thead>
113	112	<tr>
114		- <th scope="col">품목</th>
115		- <th scope="col">발송건수</th>
	113	+ <th scope="col">작성일자</th>
116	114	<th scope="col">공급가액</th>
117		- <th scope="col">금액</th>
	115	+ <th scope="col">세액</th>
118	116	</tr>
119	117	</thead>
120	118	<tbody>
121	119	<tr>
122		- <td>단문(SMS)</td>
123		- <td>7</td>
124		- <td>67</td>
125		- <td>67</td>
126		- </tr>
127		-
128		- <tr>
129		- <td>장문(LMS)</td>
130		- <td>8</td>
131		- <td>160</td>
132		- <td>160</td>
133		- </tr>
134		-
135		- <tr>
136		- <td>그림(MMS)</td>
137		- <td>2</td>
138		- <td>60</td>
139		- <td>60</td>
140		- </tr>
141		-
142		- <tr>
143		- <td>알림톡</td>
144		- <td>26</td>
145		- <td>130</td>
146		- <td>130</td>
147		- </tr>
148		-
149		- <tr>
150		- <td>팩스</td>
151		- <td>2</td>
152		- <td>100</td>
153		- <td>100</td>
	120	+ <td>2024-07-18</td>
	121	+ <td>500,000</td>
	122	+ <td>50,000</td>
154	123	</tr>
155	124	</tbody>
	125	+ <tfoot>
	126	+ <tr>
	127	+ <th>비고</th>
	128	+ <td style="padding:0 0 0 20px;">사용기간(2024-01-01 ~ 2024-01-31)</td>
	129	+ </tr>
	130	+ </tfoot>
	131	+ </table>
	132	+ </div>
	133	+
	134	+
	135	+ <div class="est_table2_wrap" style="margin:20px 0 0 0;">
	136	+ <table class="est_table2">
	137	+ <caption>월, 일, 품목, 규격, 수량, 단가, 공급가액, 세액, 비고 정보를 제공하는 표</caption>
	138	+ <colgroup>
	139	+ <col style="width: 60px;">
	140	+ <col style="width: 60px;">
	141	+ <col style="width: auto;">
	142	+ <col style="width: 60px;">
	143	+ <col style="width: 60px;">
	144	+ <col style="width: 60px;">
	145	+ <col style="width: 100px;">
	146	+ <col style="width: 60px;">
	147	+ <col style="width: 70px;">
	148	+ </colgroup>
	149	+ <thead>
	150	+ <tr>
	151	+ <th scope="col">월</th>
	152	+ <th scope="col">일</th>
	153	+ <th scope="col">품목</th>
	154	+ <th scope="col">규격</th>
	155	+ <th scope="col">수량</th>
	156	+ <th scope="col">단가</th>
	157	+ <th scope="col">공급가액</th>
	158	+ <th scope="col">세액</th>
	159	+ <th scope="col">비고</th>
	160	+ </tr>
	161	+ </thead>
	162	+ <tbody>
	163	+ <tr>
	164	+ <td>7</td>
	165	+ <td>18</td>
	166	+ <td>문자온 메시징 서비스 이용료</td>
	167	+ <td></td>
	168	+ <td></td>
	169	+ <td></td>
	170	+ <td>500,000</td>
	171	+ <td>50,000</td>
	172	+ <td>-</td>
	173	+ </tr>
	174	+ <tr>
	175	+ <td></td>
	176	+ <td></td>
	177	+ <td></td>
	178	+ <td></td>
	179	+ <td></td>
	180	+ <td></td>
	181	+ <td></td>
	182	+ <td></td>
	183	+ <td></td>
	184	+ </tr>
	185	+ <tr>
	186	+ <td></td>
	187	+ <td></td>
	188	+ <td></td>
	189	+ <td></td>
	190	+ <td></td>
	191	+ <td></td>
	192	+ <td></td>
	193	+ <td></td>
	194	+ <td></td>
	195	+ </tr>
	196	+ <tr>
	197	+ <td></td>
	198	+ <td></td>
	199	+ <td></td>
	200	+ <td></td>
	201	+ <td></td>
	202	+ <td></td>
	203	+ <td></td>
	204	+ <td></td>
	205	+ <td></td>
	206	+ </tr>
	207	+ <tr>
	208	+ <td></td>
	209	+ <td></td>
	210	+ <td></td>
	211	+ <td></td>
	212	+ <td></td>
	213	+ <td></td>
	214	+ <td></td>
	215	+ <td></td>
	216	+ <td></td>
	217	+ </tr>
	218	+ <tr>
	219	+ <td></td>
	220	+ <td></td>
	221	+ <td></td>
	222	+ <td></td>
	223	+ <td></td>
	224	+ <td></td>
	225	+ <td></td>
	226	+ <td></td>
	227	+ <td></td>
	228	+ </tr>
	229	+ <tr>
	230	+ <td></td>
	231	+ <td></td>
	232	+ <td></td>
	233	+ <td></td>
	234	+ <td></td>
	235	+ <td></td>
	236	+ <td></td>
	237	+ <td></td>
	238	+ <td></td>
	239	+ </tr>
	240	+ <tr>
	241	+ <td></td>
	242	+ <td></td>
	243	+ <td></td>
	244	+ <td></td>
	245	+ <td></td>
	246	+ <td></td>
	247	+ <td></td>
	248	+ <td></td>
	249	+ <td></td>
	250	+ </tr>
	251	+ </tbody>
	252	+
	253	+ <!-- 후불제 -->
	254	+ <!-- <tfoot>
	255	+ <tr>
	256	+ <th colspan="2">합계금액</th>
	257	+ <th>전잔액</th>
	258	+ <th colspan="2">입금액</th>
	259	+ <th colspan="2">현잔액</th>
	260	+ <th colspan="2" rowspan="2" style="background:#fff;vertical-align:middle;">이 금액을 [<span>청&ensp;구</span>]함</th>
	261	+ </tr>
	262	+ <tr>
	263	+ <td style="text-align:center;" colspan="2">550,000</td>
	264	+ <td style="text-align:center;">-</td>
	265	+ <td style="text-align:center;" colspan="2">-</td>
	266	+ <td style="text-align:center;" colspan="2">550,000</td>
	267	+ </tr>
	268	+ </tfoot> -->
	269	+ <!-- //후불제 -->
	270	+
	271	+ <!-- 일반회원(선불제) -->
	272	+ <tfoot>
	273	+ <tr>
	274	+ <th colspan="2">합계금액</th>
	275	+ <th>전잔액</th>
	276	+ <th colspan="2">입금액</th>
	277	+ <th colspan="2">현잔액</th>
	278	+ <th colspan="2" rowspan="2" style="background:#fff;vertical-align:middle;">이 금액을 [<span>영&ensp;수</span>]함</th>
	279	+ </tr>
	280	+ <tr>
	281	+ <td style="text-align:center;" colspan="2">550,000</td>
	282	+ <td style="text-align:center;">-</td>
	283	+ <td style="text-align:center;" colspan="2">-</td>
	284	+ <td style="text-align:center;" colspan="2">550,000</td>
	285	+ </tr>
	286	+ </tfoot>
	287	+ <!-- //일반회원(선불제) -->
	288	+
156	289	</table>
157	290	</div>
158	291	</div>
159		- <div class="cont4">
160		- <table class="est_table">
161		- <caption>공급가액, 총 결제금액에 대한 표</caption>
162		- <colgroup>
163		- <col style="width: 100px;">
164		- <col style="width: auto;">
165		- </colgroup>
166		- <tbody>
167		- <tr>
168		- <th>공급가액</th>
169		- <td><span>517</span></td>
170		- </tr>
171		- <tr class="total_price">
172		- <th>총 사용금액</th>
173		- <td><span>517</span></td>
174		- </tr>
175		- </tbody>
176		- </table>
177		- </div>
178		- <div class="cont5">
179		- <p><span>2025 년  <span>4</span> 월  <span>25</span> 일</span></p>
180		- </div>
	292	+
	293	+ <!-- <div class="cont5">
	294	+ <p><span>2021</span> 년  <span>6</span> 월  <span>17</span> 일</p>
	295	+ <div>
	296	+ <span></span>
	297	+ <span>주식회사 아이티앤</span>
	298	+ <span>유  인  식  (인)</span>
	299	+ </div>
	300	+ </div> -->
	301	+
181	302	</div>
182		- <div class="est_btn_wrap" id="est_btn_wrap">
183		- <button type="button" class="btnType" onclick="javascript:f_print(); return false;"><i class="print_img"></i>인쇄하기</button>
	303	+ <div class="est_btn_wrap">
	304	+ <button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
184	305	</div>
185	306	</div>
186	307	</div>
	308	+ <!--// 견적서 -->
187	309	</body>
188	310
189	311	</html> (No newline at end of file)

b59a932

8fabd4c

src/main/webapp/publish/use_statement.html

--- src/main/webapp/publish/use_statement.html

+++ src/main/webapp/publish/use_statement.html

...	...	@@ -13,6 +13,29 @@
13	13	<link rel="stylesheet" href="/publish/css/font.css">
14	14	<link rel="stylesheet" href="/publish/css/button.css">
15	15
	16	+ <style type="text/css">
	17	+ .blank {
	18	+ margin: 0 11.5px;
	19	+ }
	20	+
	21	+ .est_table2_wrap {
	22	+ overflow: hidden;
	23	+ }
	24	+
	25	+ .est_table2 {
	26	+ border: 0 none;
	27	+ }
	28	+
	29	+ .est_table2 tbody td:first-child {
	30	+ border-left: 0 none;
	31	+ }
	32	+
	33	+ .est_table2 tbody tr:last-child th,
	34	+ .est_table2 tbody tr:last-child td {
	35	+ border-bottom: 0 none;
	36	+ }
	37	+ </style>
	38	+
16	39	</head>
17	40
18	41	<body>
...	...	@@ -38,30 +61,37 @@
38	61	</colgroup>
39	62	<tbody>
40	63	<tr>
41		- <th>수<span class="blank"></span>신</th>
42		- <td>원영현</td>
	64	+ <th>등록번호</th>
	65	+ <td>사업자등록번호(개인회원인 경우 하이픈(-) 처리)</td>
43	66	</tr>
44	67	<tr>
45		- <th>참<span class="blank"></span>조</th>
46		- <td>담당자 원영현 님</td>
	68	+ <th>상<span class="blank"></span>호</th>
	69	+ <td>기업명 (개인회원인 경우 하이픈(-) 처리)</td>
47	70	</tr>
48	71	<tr>
49		- <th>거래일자</th>
50		- <td>2024-04-29~2025-04-28</td>
	72	+ <th>성<span class="blank"></span>명</th>
	73	+ <td>가입자명</td>
	74	+ </tr>
	75	+ <tr>
	76	+ <th>전화번호</th>
	77	+ <td>가입자 연락처</td>
	78	+ </tr>
	79	+ <tr>
	80	+ <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
	81	+ <td>가입자 이메일</td>
	82	+ </tr>
	83	+ <tr>
	84	+ <td colspan="2" style="text-align:center;"><span>주식회사OOO</span>님의 사용내역(2024-01-01~2024-07-19)을 아래와 같이 확인합니다.</td>
51	85	</tr>
52	86	</tbody>
53	87	</table>
54	88	</div>
55	89	</div>
56		- <div class="cont2 clearfix">
57		- <p>총 사용금액</p>
58		- <p><span>517</span> 원(VAT 별도)</p>
59		- </div>
60	90	<div class="cont3">
61	91	<p>(단위 : 원, 건)</p>
62	92	<div class="est_table2_wrap">
63	93	<table class="est_table2">
64		- <caption>품목, 발송건수, 공급가액, 부가세, 금액 정보를 제공하는 표</caption>
	94	+ <caption>사용일시, 문자유형, 발송건수, 사용금액을 제공하는 표</caption>
65	95	<colgroup>
66	96	<col style="width:20%;">
67	97	<col style="width:20%;">
...	...	@@ -70,46 +100,36 @@
70	100	</colgroup>
71	101	<thead>
72	102	<tr>
73		- <th scope="col">품목</th>
	103	+ <th scope="col">사용일시</th>
	104	+ <th scope="col">문자유형</th>
74	105	<th scope="col">발송건수</th>
75		- <th scope="col">공급가액</th>
76		- <th scope="col">금액</th>
	106	+ <th scope="col">사용금액</th>
77	107	</tr>
78	108	</thead>
79	109	<tbody>
80	110	<tr>
81		- <td>단문(SMS)</td>
82		- <td>7</td>
83		- <td>67</td>
84		- <td>67</td>
	111	+ <td>2024-07-18 12:11</td>
	112	+ <td>단문</td>
	113	+ <td>1</td>
	114	+ <td>75</td>
85	115	</tr>
86		-
87	116	<tr>
88		- <td>장문(LMS)</td>
89		- <td>8</td>
90		- <td>160</td>
91		- <td>160</td>
92		- </tr>
93		-
94		- <tr>
95		- <td>그림(MMS)</td>
	117	+ <td>2024-07-18 12:11</td>
	118	+ <td>장문</td>
96	119	<td>2</td>
97		- <td>60</td>
98		- <td>60</td>
	120	+ <td>64</td>
99	121	</tr>
100		-
101	122	<tr>
102		- <td>알림톡</td>
103		- <td>26</td>
104		- <td>130</td>
105		- <td>130</td>
	123	+ <td>2024-07-18 12:11</td>
	124	+ <td>그림</td>
	125	+ <td>1</td>
	126	+ <td>59</td>
106	127	</tr>
107		-
108	128	<tr>
109		- <td>팩스</td>
110		- <td>2</td>
111		- <td>100</td>
112		- <td>100</td>
	129	+ <td>2024-07-18 12:11</td>
	130	+ <td>단문</td>
	131	+ <td>1</td>
	132	+ <td>75</td>
113	133	</tr>
114	134
115	135	</tbody>
...	...	@@ -117,25 +137,9 @@
117	137	</div>
118	138	</div>
119	139
120		- <div class="cont4">
121		- <table class="est_table">
122		- <caption>공급가액, 총 결제금액에 대한 표</caption>
123		- <colgroup>
124		- <col style="width: 100px;">
125		- <col style="width: auto;">
126		- </colgroup>
127		- <tbody>
128		- <tr>
129		- <th>공급가액</th>
130		- <td><span>517</span></td>
131		- </tr>
132		-
133		- <tr class="total_price">
134		- <th>총 사용금액</th>
135		- <td><span>517</span></td>
136		- </tr>
137		- </tbody>
138		- </table>
	140	+ <div class="cont2 clearfix">
	141	+ <p>총 사용금액 <span>(VAT 별도)</span></p>
	142	+ <p><span>145.5</span>원</p>
139	143	</div>
140	144	<div class="cont5">
141	145	<p><span>2025 년  <span>4</span> 월  <span>28</span> 일</span></p>

Add a comment

Open 0
Closed 0

List

...	...	@@ -28,7 +28,8 @@
28	28
29	29	# mysql
30	30	Globals.DriverClassName=com.mysql.jdbc.Driver
31		-Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
	31	+#Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
	32	+Globals.Url=jdbc:mysql://139.150.73.12:3306/mjon_advc
32	33	Globals.UserName= mjonUr
33	34	Globals.Password= mjon!@#$
34	35

...	...	@@ -76,6 +76,15 @@
76	76	*/
77	77	</script>
78	78
	79	+<!-- Clarity tracking code for https://www.munjaon.co.kr/ -->
	80	+<script>
	81	+ (function(c,l,a,r,i,t,y){
	82	+ c[a]=c[a]\|\|function(){(c[a].q=c[a].q\|\|[]).push(arguments)};
	83	+ t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";
	84	+ y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
	85	+ })(window, document, "clarity", "script", "rlrv4m2szn");
	86	+</script>
	87	+
79	88	</head>
80	89
81	90	<decorator:head />

...	...	@@ -40,7 +40,7 @@
40	40	</head>
41	41
42	42	<body>
43		- <div class="mask on"></div>
	43	+ <div class="mask"></div>
44	44	<div class="skip_menu">
45	45	<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
46	46	</div>
...	...	@@ -201,7 +201,7 @@
201	201	<div id="container" class="cont sub">
202	202
203	203	<!-- 0724 기업회원 이동 팝업 -->
204		- <div class="tooltip-wrap cvt_member_popup_wrap">
	204	+ <!-- <div class="tooltip-wrap cvt_member_popup_wrap">
205	205	<div class="popup-com cvt_member_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
206	206	<div class="popup_heading">
207	207	<p>알림</p>
...	...	@@ -215,7 +215,7 @@
215	215	</div>
216	216	</div>
217	217	</div>
218		- </div>
	218	+ </div> -->
219	219	<!--// 0724 기업회원 이동 팝업 -->
220	220	<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>
221	221	<div class="inner">
...	...	@@ -223,8 +223,8 @@
223	223	<div class="send_top">
224	224	<!-- tab button -->
225	225	<ul class="tabType4">
226		- <li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
227		- <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
	226	+ <li class="tab "><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
	227	+ <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
228	228	<li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
229	229	<li class="tab active"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
230	230	</ul>
...	...	@@ -238,6 +238,10 @@
238	238	<!--신청/관리 내용-->
239	239	<!--API 신청 정보 : 신청 전-->
240	240	<div class="api_admin">
	241	+ <ul class="info">
	242	+ <li>- 서비스 사용 신청 시, 문자 및 카카오톡 연동서비스를 모두 이용하실 수 있습니다.</li>
	243	+ <li>- 관리자 승인 이후 발송 서버 IP를 등록해 주셔야 합니다.</li>
	244	+ </ul>
241	245	<div class="admin_title">API 신청 정보</div>
242	246	<div class="tb_wrap_t1">
243	247	<table class="tType4">

...	...	@@ -26,159 +26,8 @@
26	26	<div class="skip_menu">
27	27	<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
28	28	</div>
29		- <!--// skip 메뉴 -->
30		- <!-- quick 메뉴 -->
31		- <div class="quickMenu">
32		- <div>
33		- <p class="quick_title">QUICK<br>MENU</p>
34		- <p class="quick_title2">QUICK</p>
35		- <ul class="quickMenuIn">
36		- <li>
37		- <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
38		- <div class="hover_cont">이용안내</div>
39		- </li>
40		- <li>
41		- <a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
42		- <div class="hover_cont">채팅상담</div>
43		- </li>
44		- <li>
45		- <a href="#"><i class="quick3"></i><span>원격지원</span></a>
46		- <div class="hover_cont">원격지원</div>
47		- </li>
48		- <li>
49		- <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
50		- <div class="hover_cont">맞춤제작</div>
51		- </li>
52		- <li>
53		- <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
54		- <div class="hover_cont">주소록 등록</div>
55		- </li>
56		- <li>
57		- <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
58		- <div class="hover_cont">엑셀 대량전송</div>
59		- </li>
60		- <li>
61		- <a href="#"><i class="quick7"></i><span>견적서</span></a>
62		- <div class="hover_cont">견적서</div>
63		- </li>
64		- <li>
65		- <a href="#"><i class="quick8"></i><span>결제</span></a>
66		- <div class="hover_cont">결제</div>
67		- </li>
68		- <li>
69		- <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
70		- <div class="hover_cont">영수증/계산서</div>
71		- </li>
72		- </ul>
73		- <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
74		- </div>
75		- </div>
76		- <!--// quick 메뉴 -->
77		- <!-- header 영역 -->
78		- <header id="header" class="header sub ">
79		- <!-- header top 영역 -->
80		- <div class="header_top">
81		- <div class="inner">
82		- <ul class="menu_left">
83		- <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
84		- <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
85		- <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
86		- </ul>
87		- <ul class="menu_right">
88		- <li><a href="#">충전하기</a></li>
89		- <li class="SortLine"><a href="#">요금안내</a></li>
90		- <li class="SortLine"><a href="#">이용안내</a></li>
91		- <li class="SortLine"><a href="#">1:1고객상담</a></li>
92		- </ul>
93		- </div>
94		- </div><!-- header top 영역 -->
95		- <!-- header body 영역 -->
96		- <div class="header_body">
97		- <div class="inner table">
98		- <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
99		- alt="문자온 CI"></a></h1>
100		- <ul class="gnbWrap table_cell">
101		- <li><a href="#">문자발송</a></li>
102		- <li><a href="#">선거문자</a></li>
103		- <li><a href="#">맞춤제작</a></li>
104		- <li><a href="#">비즈톡</a></li>
105		- <li><a href="#">주소록 관리</a></li>
106		- <li><a href="#">발송결과</a></li>
107		- <li><a href="#">예약관리</a></li>
108		- <li><a href="#">결제내역</a></li>
109		- </ul>
110		- <div class="s_menu">
111		- <i class="allSearch_info"><span>문자검색</span></i>
112		- <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
113		- src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
114		- <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
115		- </div>
116		- </div>
117		- <!-- search popup 영역 -->
118		- <div class="pop_search">
119		- <div class="inner">
120		- <div class="area_search">
121		- <select name="" id="">
122		- <option value="">그림문자</option>
123		- <option value="">단문문자</option>
124		- <option value="">장문문자</option>
125		- <option value="">GIF</option>
126		- </select>
127		- <input type="text" placeholder="문자샘플 검색하기">
128		- <button><img src="/publish/images/search02.png" alt=""></button>
129		- </div>
130		- <div class="area_popular">
131		- <p><i></i>인기검색어</p>
132		- <ul class="popular_tag">
133		- <li><a href="#">#정월대보름</a></li>
134		- <li class="on"><a href="#">#추석</a></li>
135		- <li><a href="#">#가을인사</a></li>
136		- <li><a href="#">#좋은하루</a></li>
137		- </ul>
138		- </div>
139		- <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
140		- alt=""></button>
141		- </div>
142		- </div>
143		- <!--// search popup 영역 -->
144		- </div>
145		- <!--// header body 영역 -->
146		- <div id="login" class="login">
147		- <div class="inner table">
148		- <div class="login_left table_cell">
149		- <div class="login_put">
150		- <label for="id_text" class="label"></label>
151		- <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
152		- size="18">
153		- <label for="password_text" class="label"></label>
154		- <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
155		- maxlength="30" size="18">
156		- <label for="login_button" class="label"></label>
157		- <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
158		- </div>
159		- <div class="login_save">
160		- <input type="checkbox" id="save_id">
161		- <label for="save_id">아이디 저장</label>
162		- </div>
163		- <div class="login_find">
164		- <a href="#">아이디찾기 /</a>
165		- <a href="#">비밀번호 찾기</a>
166		- </div>
167		- <div>
168		- <button type="button" class="btnType btnType2">회원가입</button>
169		- <button type="button" class="btnType btnType3">둘러보기</button>
170		- </div>
171		- </div>
172		- <div class="login_right">
173		- <span><i></i>이달의 이벤트</span>
174		- <button type="button" class="btnType btnType4">바로가기</button>
175		- </div>
176		- </div>
177		- </div>
178		- <!--// login 영역 -->
179		- </header>
180		- <!--// header 영역 -->
181		- <!-- login 영역 -->
	29	+ <div class="mask"></div>
	30	+ <div data-include-path="/publish/layout/_header.html"></div>
182	31	<!-- content 영역 -->
183	32	<div id="container" class="cont sub">
184	33	<div class="inner">
...	...	@@ -186,8 +35,8 @@
186	35	<div class="send_top">
187	36	<!-- tab button -->
188	37	<ul class="tabType4">
189		- <li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
190		- <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
	38	+ <li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
	39	+ <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
191	40	<li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
192	41	<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
193	42	</ul>
...	...	@@ -195,7 +44,7 @@
195	44
196	45	<div class="api_guide_cont current">
197	46	<div class="heading">
198		- <h2>문자 API 소개</h2>
	47	+ <h2>연동 서비스 안내</h2>
199	48	</div>
200	49
201	50	<!--소개 내용-->
...	...	@@ -205,9 +54,16 @@
205	54	<area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="#" coords="88,214,291,268" shape="rect">
206	55	</map>
207	56	</div>
	57	+
	58	+ <div class="pay_tab_wrap">
	59	+ <ul class="tabType1">
	60	+ <li class="tab active"><button type="button" onclick="TabType5(this,'1');">문자</button></li>
	61	+ <li class="tab"><button type="button" onclick="TabType5(this,'2');">카카오톡</button></li>
	62	+ </ul>
	63	+ </div>
208	64
209	65	<!--사용 절차 설명 -->
210		- <div class="api_intro">
	66	+ <div class="api_intro api_guide current" id="tab5_1">
211	67	<div class="title">
212	68	<h3>문자 API 사용 절차</h3>
213	69	</div>
...	...	@@ -222,47 +78,125 @@
222	78	<li class="guide">
223	79	<p class="step_title">STEP <span>01</span></p>
224	80	<div class="step_con">
225		- <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="문자 API 신청 아이콘"></div>
	81	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
226	82	<dl>
227		- <dt>문자 API 신청</dt>
228		- <dd>관리자 승인 후 사용 가능</dd>
	83	+ <dt>발신번호 사전 등록</dt>
	84	+ <dd>발송에 필요한 발신번호<br>등록 필요</dd>
229	85	</dl>
230	86	</div>
231	87	</li>
232	88	<li class="guide">
233	89	<p class="step_title">STEP <span>02</span></p>
234	90	<div class="step_con">
235		- <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="관리자 승인 아이콘"></div>
	91	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
236	92	<dl>
237		- <dt>관리자 승인</dt>
238		- <dd>승인 완료 시 문자 안내</dd>
	93	+ <dt>문자 연동 API 신청</dt>
	94	+ <dd>관리자 승인 후 사용 가능</dd>
239	95	</dl>
240	96	</div>
241	97	</li>
242	98	<li class="guide">
243	99	<p class="step_title">STEP <span>03</span></p>
244	100	<div class="step_con">
245		- <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="아이피(IP) 등록 아이콘"></div>
	101	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
246	102	<dl>
247		- <dt>아이피<span>(IP)</span> 등록</dt>
248		- <dd>문자 API를 통해 문자 발송 서버 IP 등록</dd>
	103	+ <dt>관리자 승인</dt>
	104	+ <dd>승인 완료 시 문자 안내</dd>
249	105	</dl>
250	106	</div>
251	107	</li>
252	108	<li class="guide">
253	109	<p class="step_title">STEP <span>04</span></p>
254	110	<div class="step_con">
	111	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
	112	+ <dl>
	113	+ <dt>아이피(IP) 등록</dt>
	114	+ <dd>문자 API를 통해<br>문자 발송 서버 IP 등록</dd>
	115	+ </dt>
	116	+ </div>
	117	+ </li>
	118	+ <li class="guide">
	119	+ <p class="step_title">STEP <span>05</span></p>
	120	+ <div class="step_con">
255	121	<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
256	122	<dl>
257	123	<dt>API 연동</dt>
258		- <dd>API 사용 매뉴얼 및 샘플링을 통해 누구나 손쉽게 연동 가능</dd>
	124	+ <dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
259	125	</dt>
260	126	</div>
261		- </li>
	127	+ </li>
262	128	</ul>
263	129	</div>
264	130	</div>
265	131	<!--// 사용 절차 설명-->
	132	+
	133	+
	134	+ <div class="api_intro api_guide kakao_intro" id="tab5_2">
	135	+ <div class="title">
	136	+ <h3>카카오톡 연동(API) 사용 절차</h3>
	137	+ </div>
	138	+
	139	+ <div class="title-line">
	140	+ <div class="left-line"></div>
	141	+ <div class="right-line"></div>
	142	+ </div>
	143	+
	144	+ <div class="con">
	145	+ <ul class="api_process_guide">
	146	+ <li class="guide">
	147	+ <p class="step_title">STEP <span>01</span></p>
	148	+ <div class="step_con">
	149	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
	150	+ <dl>
	151	+ <dt>발신프로필 사전 등록</dt>
	152	+ <dd>발송에 필요한 발신프로필<br>등록 필요</dd>
	153	+ </dl>
	154	+ </div>
	155	+ </li>
	156	+ <li class="guide">
	157	+ <p class="step_title">STEP <span>02</span></p>
	158	+ <div class="step_con">
	159	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
	160	+ <dl>
	161	+ <dt>카카오톡 연동<br>API 신청</dt>
	162	+ <dd>관리자 승인 후 사용 가능</dd>
	163	+ </dl>
	164	+ </div>
	165	+ </li>
	166	+ <li class="guide">
	167	+ <p class="step_title">STEP <span>03</span></p>
	168	+ <div class="step_con">
	169	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
	170	+ <dl>
	171	+ <dt>관리자 승인</dt>
	172	+ <dd>승인 완료 시 문자 안내</dd>
	173	+ </dl>
	174	+ </div>
	175	+ </li>
	176	+ <li class="guide">
	177	+ <p class="step_title">STEP <span>04</span></p>
	178	+ <div class="step_con">
	179	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
	180	+ <dl>
	181	+ <dt>아이피(IP) 등록</dt>
	182	+ <dd>카카오톡 API를 통해<br>문자 발송 서버 IP 등록</dd>
	183	+ </dt>
	184	+ </div>
	185	+ </li>
	186	+ <li class="guide">
	187	+ <p class="step_title">STEP <span>05</span></p>
	188	+ <div class="step_con">
	189	+ <div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
	190	+ <dl>
	191	+ <dt>API 연동</dt>
	192	+ <dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
	193	+ </dt>
	194	+ </div>
	195	+ </li>
	196	+ </ul>
	197	+ </div>
	198	+ </div>
	199	+
266	200	<!--// 소개 내용-->
267	201	</div>
268	202	</div>

...	...	@@ -83,7 +83,20 @@
83	83	.btnType22:hover {background-color:#eea301;}
84	84	.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /api에 사용/
85	85	.btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /재사용 버튼 추가/
86		-.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5; }
	86	+.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5;}
	87	+
	88	+.btnType.fill_gray{background:#6a6c72;color:#fff;}
	89	+.btnType.fill_lightgray{background:#8e8e8e;color:#fff;}
	90	+.btnType.fill_blue{background:#002c9a;color:#fff;}
	91	+.btnType.fill_lightblue{background:#b1c6ee;color:#222;}
	92	+.btnType.fill_yellow{background:#eea301;color:#222;}
	93	+
	94	+.btnType.border_gray{border:1px solid #b1b1b1;color:#222;}
	95	+.btnType.border_lightgray{border:1px solid #d5d5d5;color:#555;}
	96	+.btnType.border_blue{border:1px solid #002c9a;color:#002c9a;}
	97	+.btnType.border_lightblue{border:1px solid #b1c6ee;color:#222;}
	98	+
	99	+
87	100	/* 기타 반복 사용 */
88	101
89	102	/* 기타 버튼 타입 */

...	...	@@ -21,13 +21,14 @@
21	21	.header {position: fixed;top: 0;left: 0;width: 100%;min-width: 1240px; z-index: 10;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);}
22	22	/* header top */
23	23	.header .header_top {background-color: #393939;color: #d1d1d1;height: 40px;font-weight: 300;font-size: 14px;font-weight: 300;transition: all 0.2s ease-in-out;}
24		-.header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;}
25		-.header .header_top .menu_left li {margin-right: 25px;}
	24	+/* .header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} */
	25	+.header .header_top .menu_left{display:flex;height:100%;align-items:center;gap:20px;}
	26	+.header .header_top .menu_left li {}
26	27	.header .header_top .menu_left li:hover {color: #fff;text-decoration: underline;}
27		-.header .header_top .menu_left i {padding-right: 4px;}
	28	+.header .header_top .menu_left i {padding-right: 7px;vertical-align:bottom;}
28	29	.header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;}
29		-.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
30		-.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
	30	+.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
	31	+.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
31	32	.header .header_top .menu_right {right: 0;position: absolute;top: 50%;transform: translateY(-50%);background-color: #2c2c2c;height: 100%;line-height: 40px; display: flex;}
32	33	.header .header_top .menu_right li {padding: 0 20px;}
33	34	.header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;}
...	...	@@ -95,10 +96,10 @@
95	96	.login2 .login_info {position: relative;vertical-align: middle;}
96	97	/.login2 .login_info::after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d3d3d3;top: 50%;right: -15px;transform: translateY(-50%);}/
97	98	.login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
98		-.login2 .login_info .login2_name {display: inline-block; min-width: 155px; position: relative; vertical-align: middle;}
99		-.login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
100		-.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
101		-.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
	99	+.login2 .login_info .login2_name {display: inline-flex; min-width: 110px; position: relative; vertical-align: middle;align-items:center; cursor:pointer;}
	100	+.login2 .login_info .login2_name p {color: #002c9a; font-weight: 600; vertical-align: top; height: 16px; white-space:nowrap;}
	101	+.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin:0 0 0 0;}
	102	+.login2 .login_info .icon_user{background-image: url(/publish/images/icon_header_user.png);width: 28px;height: 28px;}
102	103	/등급별 아이콘/
103	104	.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
104	105	.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
...	...	@@ -113,12 +114,12 @@
113	114	.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
114	115	.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
115	116	/등급별 아이콘 끝/
116		-.login2 .login_info button {margin-right: 2px;}
	117	+.login2 .login_info button {padding:0 14px;}
117	118	.login2 .login_pay {display:flex;}
118	119	.login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
119	120	.login2 .check_money {margin-right: 20px; display: inline-flex;}
120	121	.login2 .check_money p {padding-right: 6px;display: inline-block;vertical-align: middle;}
121		-.login2 .check_money i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
	122	+.login2 .check_money>.holdingsum_box>i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
122	123	.login2 .check_money button {margin-right: 2px;}
123	124	.login2 .check_money .account_box {position:relative;display:inline-block;}
124	125	.login2 .check_money .account_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px 24px 14px 14px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
...	...	@@ -127,8 +128,24 @@
127	128	.login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;}
128	129	.login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;}
129	130	.login2 .check_money .account_box:hover dl {display:block;}
130		- /후불 회원에게만 노출되는 안내레이어/
131		-.login2 .check_money .holdingsum_box {position: relative;}
	131	+
	132	+.login2 .check_money .user_money_wrap{display:flex;align-items:center;gap:4px;margin:0 6px 0 0;}
	133	+.login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
	134	+.login2 .check_money .hover_content_wrap .qmMark{width:17px;height:17px;margin:0 4px 0 0;background:#6a6c72;border-radius:100%;color:#fff;text-align:center;}
	135	+.login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
	136	+.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 10px 8px 10px;border:2px solid #002c9a;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
	137	+.login2 .check_money .hover_content::after{content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
	138	+.login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
	139	+.login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
	140	+.login2 .check_money .hover_content .hover_content_title img{width:16px;margin:-4px 0 0 0;}
	141	+.login2 .check_money .hover_content .send_available_number{display:flex;flex-direction:column;gap:7px;}
	142	+.login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
	143	+.login2 .check_money .hover_content .title{min-width:70px;}
	144	+.login2 .check_money .hover_content .number{text-align:right;padding:0;}
	145	+.login2 .check_money .hover_content .event_term{width:100%;padding:2px 0;margin:8px 0 0 0;background:#e5e5e5;font-size:13px;color:#444;text-align:center;border-radius:25px;}
	146	+
	147	+/후불 회원에게만 노출되는 안내레이어/
	148	+.login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
132	149	.login2 .check_money .holdingsum_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
133	150	.login2 .check_money .holdingsum_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
134	151	.login2 .check_money .holdingsum_box dl dd {margin:3px;font-size:15px;font-weight:500;white-space:nowrap; line-height:20px;}
...	...	@@ -153,7 +170,7 @@
153	170	.login2 .event {white-space:nowrap;}
154	171
155	172	/* 보안로그인 */
156		-.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;}
	173	+.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;box-sizing:border-box;}
157	174	.security_box.red_box{border:1px solid #ca1a1a;}
158	175	.security_box.green_box{border:1px solid #0ca448;}
159	176	.security_box p{cursor:pointer;}
...	...	@@ -356,6 +373,9 @@
356	373	.login_right {margin-right: 20px; text-align: inherit;}
357	374	.login2 .login_info {margin-right: 30px;}
358	375	.login2 .login_info::after {right: -25px;}
	376	+ .login2 .login_info .login2_name p{font-size:14px;}
	377	+ .login2 .login_info button.btn_36.fill_gray{padding:0 8px;font-size:14px;}
	378	+ .security_box,.login2 .check_money .user_money_wrap, .login2 .point,.login2 .session span,.login2 .login_info .login2_name span{font-size:14px;}
359	379	.login2 .check_money {margin-right: 15px;}
360	380	.login2 .login_right button {padding: 0 8px; margin-right: 20px;}
361	381	/* quick Menu */

...	...	@@ -31,6 +31,7 @@
31	31
32	32	.est_body .cont2 {background-color: #f2f2f2; padding: 0 20px; border: 1px solid #ccc; border-radius: 5px; margin: 13px 0 20px 0; height: 50px; line-height: 50px; box-sizing: border-box;}
33	33	.est_body .cont2 p:first-child {float: left; font-size: 16px; font-weight: 500;}
	34	+.est_body .cont2 p:first-child span{font-size:13px;font-weight:400;color:#666;}
34	35	.est_body .cont2 p:last-child {float: right; font-size: 13px; font-weight: 300;}
35	36	.est_body .cont2 p span {font-size: 20px; font-weight: 700;}
36	37

...	...	@@ -319,13 +319,13 @@
319	319	.my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
320	320	.my_dashboard .send_price::after{display: none;}
321	321	.my_dashboard .send_price .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 18px; font-weight: bold; border-radius: 10px 0 0 10px; align-items: center; justify-content: center; line-height: 1.5;}
322		-.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
	322	+.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0; padding: 0 10px;}
323	323	.my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 14px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
324	324	.my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;}
325	325	.my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0}
326	326	.my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;}
327	327	.my_dashboard .send_price .price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
328		-.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0 0 0;}
	328	+.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0;}
329	329	.my_dashboard .send_price .event_wrap .event_text{font-size: 15px; color: #444; padding: 8px 0;}
330	330	.my_dashboard .send_price .event_wrap .event_text span{color: #e40000; font-size: 17px;}
331	331

...	...	@@ -139,7 +139,7 @@
139	139	<li><a target="_blank" href="/publish/mypage4.html">mypage4.html</a>마이페이지 > 비밀번호 변경</li>
140	140	<li><a target="_blank" href="/publish/mypage5.html">mypage5.html</a>마이페이지 > 발신번호 관리</li>
141	141	<li><a target="_blank" href="/publish/mypage5_2.html">mypage5_2.html</a>마이페이지 > 발신번호 관리 > 번호 추가</li>
142		- <li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li>
	142	+ <!-- <li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li> -->
143	143	<li><a target="_blank" href="/publish/mypage7.html">mypage7.html</a>마이페이지 > 회원탈퇴</li>
144	144	<li><a target="_blank" href="/publish/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li>
145	145	<li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</li>
...	...	@@ -188,6 +188,7 @@
188	188
189	189	<li><b>기타</b></li>
190	190	<li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
	191	+ <li><a target="_blank" href="/publish/maintenance.html">maintenance.html</a>시스템 점검 페이지</li>
191	192	<li><a target="_blank" href="/publish/intro_service.html">intro_service.html</a>문자온 소개 > 서비스 소개</li>
192	193	<li><a target="_blank" href="/publish/intro_function.html">intro_function.html</a>문자온 소개 > 주요기능</li>
193	194	<li><a target="_blank" href="/publish/intro_bestsample.html">intro_bestsample.html</a>문자온 소개 > 베스트문자샘플</li>
...	...	@@ -219,8 +220,6 @@
219	220	<li><a target="_blank" href="/publish/email_form_terms_2024_clause.html">email_form_terms_2024_clause.html</a>서비스 이용약관 개정</li>
220	221	<li><a target="_blank" href="/publish/email_form_terms_2024_privacy.html">email_form_terms_2024_privacy.html</a>개인정보처리방침 개정</li>
221	222	<!-- ///////////////이메일 폼/////////////// -->
222		-
223		-
224	223
225	224	</ul>
226	225

...	...	@@ -53,7 +53,6 @@
53	53	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
54	54	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
55	55	<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
56		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
57	56	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
58	57	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
59	58	</ul>
...	...	@@ -123,7 +122,7 @@
123	122
124	123	<div class="input_list_item emailWrap">
125	124	<div>
126		- <div class="input_left"><span class="essential">*</span>이메일</div>
	125	+ <div class="input_left">이메일</div>
127	126	<div class="input_right">
128	127	<div class="email">
129	128	<label for="" class="label">이메일 주소 앞자리</label>
...	...	@@ -146,6 +145,26 @@
146	145	</div>
147	146	</div>
148	147	</div>
	148	+ <!-- <div class="input_list_item send_agree">
	149	+ <div class="input_left">알림 설정</div>
	150	+ <div class="input_right">
	151	+ <div>
	152	+ <div class="checkbox_wrap">
	153	+ <input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
	154	+ <label for="allim_1">뉴스레터</label>
	155	+ </div>
	156	+ </div>
	157	+ <div>
	158	+ <div class="checkbox_wrap">
	159	+ <input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
	160	+ <label for="allim_2">안내문자</label>
	161	+ </div>
	162	+ </div>
	163	+ <div class="list_alert reqest_text">
	164	+ <span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
	165	+ </div>
	166	+ </div>
	167	+ </div> -->
149	168	<div class="input_list_item send_agree">
150	169	<div class="input_left">마케팅 수신 동의</div>
151	170	<div class="input_right">

...	...	@@ -41,7 +41,6 @@
41	41	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
42	42	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
43	43	<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
44		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
45	44	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
46	45	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
47	46	</ul>

...	...	@@ -42,7 +42,6 @@
42	42	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
43	43	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
44	44	<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
45		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
46	45	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
47	46	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
48	47	</ul>

...	...	@@ -15,16 +15,17 @@
15	15	<link rel="stylesheet" href="/publish/css/mem.css">
16	16	<link rel="stylesheet" href="/publish/css/font.css">
17	17	<link rel="stylesheet" href="/publish/css/popupLayer.css">
18		-
19		-
	18	+
	19	+
20	20	<script src="/publish/js/jquery-3.5.0.js"></script>
21	21	<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
22	22	<script src="/publish/js/common.js"></script>
23	23	<script src="/publish/js/content.js"></script>
24	24	<script src="/publish/js/calendar.js"></script>
25		- <script src="/publish/js/popupLayer.js"></script>
	25	+ <script src="/publish/js/popupLayer.js"></script>
26	26
27	27	</head>
	28	+
28	29	<body>
29	30	<div class="mask"></div>
30	31	<div data-include-path="/publish/layout/_header.html"></div>
...	...	@@ -45,7 +46,7 @@
45	46	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
46	47	</ul>
47	48	<!--// tab button -->
48		- <!-- 마이페이지 - 회원정보 변경 -->
	49	+ <!-- 마이페이지 - 회원정보 변경 -->
49	50	<div class="mypage_content current" id="tab5_1">
50	51	<!-- 비밀번호 확인 -->
51	52	<div class="heading">
...	...	@@ -78,8 +79,10 @@
78	79	<p class="reqTxt4">
79	80	- 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
80	81	- 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
81		- </div><!--// 기본정보 -->
82		- </div><!--// 비밀번호 확인 -->
	82	+ </div>
	83	+ <!--// 기본정보 -->
	84	+ </div>
	85	+ <!--// 비밀번호 확인 -->
83	86	<!-- 개인회원 정보변경 -->
84	87	<div class="heading">
85	88	<h2>개인회원 정보변경</h2>
...	...	@@ -138,6 +141,26 @@
138	141	</div>
139	142	</div>
140	143	</div>
	144	+ <!-- <div class="input_list_item send_agree">
	145	+ <div class="input_left">알림 설정</div>
	146	+ <div class="input_right">
	147	+ <div>
	148	+ <div class="checkbox_wrap">
	149	+ <input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
	150	+ <label for="allim_1">뉴스레터</label>
	151	+ </div>
	152	+ </div>
	153	+ <div>
	154	+ <div class="checkbox_wrap">
	155	+ <input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
	156	+ <label for="allim_2">안내문자</label>
	157	+ </div>
	158	+ </div>
	159	+ <div class="list_alert reqest_text">
	160	+ <span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
	161	+ </div>
	162	+ </div>
	163	+ </div> -->
141	164	<div class="input_list_item send_agree">
142	165	<div class="input_left">마케팅 수신 동의</div>
143	166	<div class="input_right">
...	...	@@ -164,261 +187,28 @@
164	187	</div>
165	188	</div>
166	189	</div>
167		- <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
	190	+ <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다. </p>
168	191	<div class="mem_btnWrap2">
169	192	<button type="button" class="mem_btn4">기업회원 전환</button>
170	193	<button type="button" class="mem_btn3">변경</button>
171	194	</div>
172		- </div><!--// 회원정보 변경 -->
	195	+ </div>
	196	+ <!--// 회원정보 변경 -->
173	197	</div>
174	198
175		- <!-- 기업회원 정보변경 -->
176		- <div class="heading">
177		- <h2>기업회원 정보변경</h2>
178		- </div>
179		- <div class="mem_cont_in">
180		- <div class="text_top">
181		- <p>회원님의 정보를 <span class="c_002c9a">확인</span>및 <span class="c_002c9a">변경</span> 하실 수 있습니다.</p>
182		- </div>
183		- <div class="input_wrap">
184		- <!-- 기본정보 -->
185		- <div class="input_list">
186		- <p class="list_title">기본정보</p>
187		- <div class="input_list_item colorW">
188		- <div class="input_left">아이디</div>
189		- <div class="input_right">
190		- <label for="" class="label">아이디</label>
191		- <input type="text" class="list_inputType1" placeholder="hong5678" readonly>
192		- </div>
193		- </div>
194		- <div class="input_list_item colorW">
195		- <div class="input_left">이름</div>
196		- <div class="input_right">
197		- <label for="" class="label">이름</label>
198		- <input type="text" class="list_inputType1" placeholder="홍길동" readonly>
199		- </div>
200		- </div>
201		- <div class="input_list_item colorW">
202		- <div class="input_left">휴대전화</div>
203		- <div class="input_right">
204		- <label for="" class="label">휴대전화</label>
205		- <input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
206		- <div class="list_btn_wrap">
207		- <span><span class="vMiddle">*</span>본인 명의의 휴대폰번호로만 변경가능</span>
208		- <button type="button">번호 변경</button>
209		- </div>
210		- </div>
211		- </div>
212		- <div class="input_list_item emailWrap">
213		- <div>
214		- <div class="input_left">이메일</div>
215		- <div class="input_right">
216		- <div class="email">
217		- <label for="" class="label">이메일 주소 앞자리</label>
218		- <input type="text" class="list_inputType1" placeholder="hong1234" readonly>
219		- <span>@</span>
220		- <label for="" class="label">이메일 주소 뒷자리</label>
221		- <input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
222		- </div>
223		- <div class="email_select">
224		- <label for="" class="label">이메일 선택</label>
225		- <select class="list_selType1">
226		- <option>직접입력</option>
227		- <option>네이버</option>
228		- <option>네이트</option>
229		- <option>한메일(다음)</option>
230		- <option>지메일</option>
231		- </select>
232		- </div>
233		- </div>
234		- </div>
235		- </div>
236		- <div class="input_list_item send_agree">
237		- <div class="input_left">마케팅 수신 동의</div>
238		- <div class="input_right">
239		- <div>
240		- <div class="checkbox_wrap">
241		- <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
242		- <label for="agree1_1">휴대폰</label>
243		- </div>
244		- </div>
245		- </>
246		- <div>
247		- <div class="checkbox_wrap">
248		- <input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
249		- <label for="agree1_3">이메일</label>
250		- </div>
251		- </div>
252		- <div class="list_alert reqest_text">
253		- <span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
254		- </div>
255		- </div>
256		- </div>
257		- </div><!--// 기본정보 -->
258		- <!-- 기업정보 -->
259		- <div class="input_list">
260		- <p class="list_title">기업정보</p>
261		- <div class="input_list_item">
262		- <div class="input_left">기업유형</div>
263		- <div class="input_right">
264		- <input id="radio1" type="radio"name="sel_type" checked="checked">
265		- <label for="radio1">개인</label>
266		- <input id="radio2" type="radio" name="sel_type">
267		- <label for="radio2">영리법인</label>
268		- <input id="radio3" type="radio" name="sel_type">
269		- <label for="radio3">비영리법인</label>
270		- <input id="radio4" type="radio" name="sel_type">
271		- <label for="radio4">기타</label>
272		- </div>
273		- </div>
274		- <div class="input_list_item">
275		- <div class="input_left">회사명</div>
276		- <div class="input_right">
277		- <label for="" class="label">회사명 입력</label>
278		- <input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널" readonly>
279		- </div>
280		- </div>
281		- <div class="input_list_item">
282		- <div class="input_left">사업자등록번호</div>
283		- <div class="input_right">
284		- <label for="" class="label">사업자등록번호 입력</label>
285		- <input type="text" class="list_inputType1" placeholder="653-12-34567" readonly>
286		- <div class="list_btn_wrap">
287		- <button type="button">사업자등록번호 확인</button>
288		- </div>
289		- </div>
290		- </div>
291		- <div class="input_list_item">
292		- <div class="input_left">사업자등록증 첨부</div>
293		- <div class="input_right">
294		- <label for="" class="label">사업자등록증 첨부</label>
295		- <input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널 사업자.jpg" readonly>
296		- <div class="list_btn_wrap">
297		- <span>사업자등록증 첨부(5MB 이내)</span>
298		- <button type="button">파일첨부</button>
299		- </div>
300		- </div>
301		- </div>
302		- <div class="input_list_item bis_status">
303		- <div class="input_left">업태/종목</div>
304		- <div class="input_right">
305		- <label for="" class="label">업태 입력</label>
306		- <input type="text" class="list_inputType1" placeholder="F.건설업" readonly>
307		- <span>/</span>
308		- <label for="" class="label">종목 입력</label>
309		- <input type="text" class="list_inputType1" placeholder="소매업" readonly>
310		- </div>
311		- </div>
312		- <div class="input_list_item">
313		- <div class="input_left">사업장 주소</div>
314		- <div class="input_right">
315		- <label for="" class="label">사업장 주소 입력</label>
316		- <input type="text" class="list_inputType1" placeholder="경기도 남양주시 다산중앙로 1234" readonly>
317		- <div class="list_btn_wrap">
318		- <button type="button">우편번호 찾기</button>
319		- </div>
320		- </div>
321		- </div>
322		- <div class="input_list_item">
323		- <div>
324		- <label for="" class="label">사업장 주소 상세 입력</label>
325		- <input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
326		- </div>
327		- </div>
328		- </div><!--// 기업정보 -->
329		- <!-- 계산서정보 -->
330		- <div class="input_list listType2">
331		- <p class="list_title">계산서정보</p>
332		- <div class="input_list_item">
333		- <div class="input_left">계산서 자동 발행</div>
334		- <div class="input_right">
335		- <input id="radio5" type="radio"name="publish" checked="checked">
336		- <label for="radio5">자동발행</label>
337		- <input id="radio6" type="radio" name="publish">
338		- <label for="radio6">발행하지 않음</label>
339		- </div>
340		- </div>
341		- <div class="invoice">
342		- <div class="invoice_wrap">
343		- <div class="input_list_item2">
344		- <div class="input_left" style="width: 150px;">계산서 수신이메일</div>
345		- <div class="input_right">
346		- <div class="email">
347		- <label for="" class="label">이메일 주소 앞자리</label>
348		- <input type="text" class="list_inputType1" placeholder="sbitnsasa1234" readonly>
349		- <span>@</span>
350		- <label for="" class="label">이메일 주소 뒷자리</label>
351		- <input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
352		- <label for="" class="label">이메일 선택</label>
353		- <select class="list_selType1">
354		- <option>직접입력</option>
355		- <option>네이버</option>
356		- <option>네이트</option>
357		- <option>한메일(다음)</option>
358		- <option>지메일</option>
359		- </select>
360		- </div>
361		- </div>
362		- </div>
363		- <div class="input_list_item2">
364		- <div class="input_half">
365		- <div>담당자</div>
366		- <div>
367		- <label for="" class="label">담당자 입력</label>
368		- <input type="text" class="list_inputType1" placeholder="홍길동" readonly>
369		- </div>
370		- </div>
371		- <div class="input_half">
372		- <div>직위</div>
373		- <div>
374		- <label for="" class="label">직위 입력</label>
375		- <input type="text" class="list_inputType1" placeholder="주임" readonly>
376		- </div>
377		- </div>
378		- </div>
379		- <div class="input_list_item2 number">
380		- <div class="input_left">휴대폰</div>
381		- <div class="input_right">
382		- <label for="" class="label">휴대폰 번호 입력</label>
383		- <input type="text" class="list_inputType1" placeholder="010" readonly>
384		- <span>-</span>
385		- <label for="" class="label">휴대폰 번호 입력</label>
386		- <input type="text" class="list_inputType1" placeholder="1234" readonly>
387		- <span>-</span>
388		- <label for="" class="label">휴대폰 번호 입력</label>
389		- <input type="text" class="list_inputType1" placeholder="5678" readonly>
390		- </div>
391		- </div>
392		- <div class="input_list_item2 number">
393		- <div class="input_left">일반전화</div>
394		- <div class="input_right">
395		- <label for="" class="label">일반전화 번호 입력</label>
396		- <input type="text" class="list_inputType1" placeholder="070" readonly>
397		- <span>-</span>
398		- <label for="" class="label">일반전화 번호 입력</label>
399		- <input type="text" class="list_inputType1" placeholder="5858" readonly>
400		- <span>-</span>
401		- <label for="" class="label">일반전화 번호 입력</label>
402		- <input type="text" class="list_inputType1" placeholder="1212" readonly>
403		- </div>
404		- </div>
405		- </div>
406		- </div>
407		- <div class="mem_btnWrap2">
408		- <button type="button" class="mem_btn3">변경</button>
409		- <button type="button" class="mem_btn2">취소</button>
410		- </div>
411		- </div>
412		- </div><!--// 계산서정보 -->
413		- </div>
414		- </div>
415		- </div><!--// 마이페이지 - 회원정보 변경 -->
416		-
417		- </div><!--// send top -->
	199	+
	200	+ </div>
	201	+ </div>
	202	+ <!--// 마이페이지 - 회원정보 변경 -->
	203	+
418	204	</div>
419		- </div><!--// content 영역 -->
	205	+ <!--// send top -->
	206	+ </div>
	207	+ <!--// content 영역 -->
420	208	<!-- footer 영역 -->
421	209	<!-- footer -->
422		- <div data-include-path="/publish/layout/_footer.html"></div>
423		- <!--// footer 영역 -->
424		-</body></html>
	210	+ <div data-include-path="/publish/layout/_footer.html"></div>
	211	+ <!--// footer 영역 -->
	212	+</body>
	213	+
	214	+</html> (No newline at end of file)

...	...	@@ -40,7 +40,6 @@
40	40	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
41	41	<li class="tab active"><button type="button" onclick="TabType5(this,'4');">비밀번호 변경</button></li>
42	42	<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
43		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
44	43	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
45	44	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
46	45	</ul>

...	...	@@ -103,7 +103,6 @@
103	103	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
104	104	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
105	105	<li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
106		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
107	106	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
108	107	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
109	108	</ul>

...	...	@@ -315,7 +315,6 @@
315	315	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
316	316	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
317	317	<li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
318		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
319	318	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
320	319	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
321	320	</ul>

...	...	@@ -64,7 +64,6 @@
64	64	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
65	65	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
66	66	<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
67		- <li class="tab"><button type="button" onclick="TabType5(this,'6');">알림설정</button></li>
68	67	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
69	68	<li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li>
70	69	</ul>

...	...	@@ -252,12 +252,13 @@
252	252	<!-- //기간설정 -->
253	253
254	254	<div class="excel_middle">
255		- <div class="select_btnWrap clearfix">
256		- <div class="add_text2" style="line-height: 1.3em;">
	255	+ <div class="select_btnWrap ">
	256	+ <div class="add_text2" style="line-height:1.4;font-size:15px;padding:0;">
257	257	※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회가능합니다.
258	258	<br>※ 간편결제 영수증은 결제하신 서비스를 통해 제공됩니다.
	259	+ <br>※ 거래명세서는 세금계산서 발행일로부터 30일 이내에만 출력이 가능합니다.
259	260	</div>
260		- <div style="padding-top: 10px;">
	261	+ <div>
261	262	<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
262	263	<button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
263	264	<label for="pageUnit" class="label">검색조건 선택</label>
...	...	@@ -279,7 +280,7 @@
279	280	<col style="width: 15%;">
280	281	<col style="width: 15%;">
281	282	<col style="width: 15%;">
282		- <col style="width: 20%;">
	283	+ <col style="width: 25%;">
283	284	</colgroup>
284	285	<thead>
285	286	<tr>
...	...	@@ -336,7 +337,7 @@
336	337	<td class="tRight">20,909,000</td>
337	338	<td>결제완료</td>
338	339	<td>
339		- <p class="fwMd c_002c9a">세금계산서 발행완료</p>
	340	+ <button class="btnType btnType20 btn_use_status" onclick="window.open('/publish/transaction_statement.html','','width=790,height=800')">거래명세서</button>
340	341	</td>
341	342	</tr>
342	343	<tr>
...	...	@@ -347,7 +348,18 @@
347	348	<td class="tRight">20,909,000</td>
348	349	<td>결제완료</td>
349	350	<td>
350		- <p class="fwMd c_222">세금계산서 발행대기</p>
	351	+ <p class="c_002c9a">세금계산서 발행완료</p>
	352	+ </td>
	353	+ </tr>
	354	+ <tr>
	355	+ <td>19</td>
	356	+ <td>2025-03-05 14:40:00</td>
	357	+ <td>개인전용계좌<br>(전용계좌번호)</td>
	358	+ <td class="tRight">23,000,000</td>
	359	+ <td class="tRight">20,909,000</td>
	360	+ <td>결제완료</td>
	361	+ <td>
	362	+ <p class="c_222">세금계산서 발행대기</p>
351	363	</td>
352	364	</tr>
353	365	<tr>
...	...	@@ -367,8 +379,8 @@
367	379	<td class="tRight">20,909,000</td>
368	380	<td>결제완료</td>
369	381	<td>
	382	+ <button class="btnType btnType20">세금계산서</button>
370	383	<button class="btnType btnType20">현금영수증</button>
371		- <button class="btnType btnType20">간이영수증</button>
372	384	</td>
373	385	</tr>
374	386	</tbody>
...	...	@@ -425,7 +437,7 @@
425	437	<!-- //기간설정 -->
426	438
427	439	<div class="excel_middle">
428		- <div class="select_btnWrap clearfix">
	440	+ <div class="select_btnWrap ">
429	441	<div class="add_text2" style="line-height: 1.3em;">
430	442	※ 포인트 교환내역은 교환일을 기준으로 최대 6개월까지만 조회 가능합니다.
431	443	</div>
...	...	@@ -761,7 +773,7 @@
761	773	<!-- //기간설정 -->
762	774
763	775	<div class="excel_middle">
764		- <div class="select_btnWrap clearfix">
	776	+ <div class="select_btnWrap">
765	777	<div class="add_text2"></div>
766	778	<div>
767	779	<button type="button" class="excel_btn" onclick="javascript:refundExcelDownload();">

...	...	@@ -32,9 +32,9 @@
32	32
33	33	<script>
34	34	$(function () {
35		-
	35	+
36	36	// 거래명세서/사용내역서 발행
37		- $(".btn_publish").click(function(){
	37	+ $(".btn_publish").click(function () {
38	38	var thisVal = $("[name='publish']:checked").val();
39	39	var popup_wid = "820";
40	40	var popup_ht = "820";
...	...	@@ -305,21 +305,28 @@
305	305	</div>
306	306	<div class="price_history_cont" id="listTab2_5">
307	307	<div class="list_info">
308		- <p>총 <span>10</span>건</p>
	308	+ <p>총 <span>10</span>건 (1,148원)</p>
309	309	<div>
310		- <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
311		- <button type="button" class="pdf_btn"><i class="pdf_img"></i>PDF저장</button>
	310	+ <button type="button" class="btnType btn_36 border_gray btnType12" onclick="window.open('/publish/use_statement.html','','width=790,height=800');">사용내역서</button>
312	311	<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
	312	+ <label for="pageUnit" class="label">검색조건 선택</label>
	313	+ <select name="pageUnit" id="pageUnit" class="selType2">
	314	+ <option value="10" selected="">10줄</option>
	315	+ <option value="20">20줄</option>
	316	+ <option value="30">30줄</option>
	317	+ <option value="100">100줄</option>
	318	+ </select>
313	319	</div>
314	320	</div>
315	321	<div class="tb_wrap">
316	322	<table class="tType4">
317	323	<colgroup>
318	324	<col style="width: auto;">
319		- <col style="width: 15%;">
320		- <col style="width: 15%;">
321		- <col style="width: 15%;">
322		- <col style="width: 20%;">
	325	+ <col style="width: 9%;">
	326	+ <col style="width: 10%;">
	327	+ <col style="width: 12%;">
	328	+ <col style="width: 12%;">
	329	+ <col style="width: 16%;">
323	330	</colgroup>
324	331	<thead>
325	332	<tr>
...	...	@@ -330,64 +337,77 @@
330	337	</div>
331	338	</th>
332	339	<th rowspan="2">
333		- 문자유형
	340	+ 형태
334	341	<div class="sort_wrap">
335	342	<input type="button" class="sort sortBtn" id="sort_orderByCode">
336	343	</div>
337	344	</th>
338	345	<th rowspan="2">내용</th>
339		- <th rowspan="2">발송건수</th>
340		- <th>사용</th>
	346	+ <th colspan="2">발송건수</th>
	347	+ <th rowspan="2">금액(원)</th>
341	348	</tr>
342	349	<tr>
343		- <th>충전금</th>
	350	+ <th>성공</th>
	351	+ <th style="border-right:1px solid #ccc;">실패</th>
344	352	</tr>
345	353	</thead>
346	354	<tbody>
347	355	<tr>
348		- <td colspan="5">
	356	+ <td colspan="6">
349	357	검색 결과가 없습니다.
350	358	</td>
351	359	</tr>
352	360	<tr>
353		- <td>2025-04-21 18:19:48</td>
	361	+ <td>2025-04-21 18:19</td>
354	362	<td>알림톡</td>
355	363	<td><button class="btnType btnType20" data-tooltip="allimTalk_detail_popup">상세보기</button></td>
356	364	<td>
357		- <p class="fwRg c_002c9a">1/0</p>
	365	+ <p class="fwRg c_002c9a">187</p>
	366	+ </td>
	367	+ <td>
	368	+ <p class="fwRg c_222">23</p>
358	369	</td>
359	370	<td>
360	371	<p class="fwRg c_002c9a">5</p>
361	372	</td>
362	373	</tr>
363	374	<tr>
364		- <td>2025-04-21 18:19:48</td>
	375	+ <td>2025-04-21 18:19</td>
365	376	<td>단문</td>
366	377	<td><button class="btnType btnType20" data-tooltip="shotMsg_detail_popup">상세보기</button></td>
367	378	<td>
368		- <p class="fwRg c_002c9a">1/0</p>
	379	+ <p class="fwRg c_002c9a">187</p>
	380	+ </td>
	381	+ <td>
	382	+ <p class="fwRg c_222">23</p>
369	383	</td>
370	384	<td>
371	385	<p class="fwRg c_002c9a">5</p>
372	386	</td>
373	387	</tr>
374	388	<tr>
375		- <td>2025-04-21 18:19:48</td>
	389	+ <td>2025-04-21 18:19</td>
376	390	<td>장문</td>
377	391	<td><button class="btnType btnType20" data-tooltip="longMsg_detail_popup">상세보기</button></td>
378	392	<td>
379		- <p class="fwRg c_002c9a">1/0</p>
	393	+ <p class="fwRg c_002c9a">187</p>
	394	+ </td>
	395	+ <td>
	396	+ <p class="fwRg c_222">23</p>
380	397	</td>
381	398	<td>
382	399	<p class="fwRg c_002c9a">5</p>
383	400	</td>
384	401	</tr>
385	402	<tr>
386		- <td>2025-04-21 18:19:48</td>
	403	+ <td>2025-04-21 18:19</td>
387	404	<td>그림</td>
388	405	<td><button class="btnType btnType20" data-tooltip="photoMsg_detail_popup">상세보기</button></td>
389	406	<td>
390		- <p class="fwRg c_002c9a">1/0</p>
	407	+ <p class="fwRg c_002c9a">187</p>
	408	+ </td>
	409	+ <td>
	410	+ <p class="fwRg c_222">23</p>
391	411	</td>
392	412	<td>
393	413	<p class="fwRg c_002c9a">5</p>
...	...	@@ -396,7 +416,7 @@
396	416	</tbody>
397	417	</table>
398	418	</div>
399		- <div class="publish_btn clearfix">
	419	+ <!-- <div class="publish_btn clearfix">
400	420	<div>
401	421	<input type="radio" name="publish" id="publishS" value="statement" checked>
402	422	<label for="publishS">거래명세서</label>
...	...	@@ -410,7 +430,7 @@
410	430	<div>
411	431	<button type="button" class="btnType btn_publish">발행하기</button>
412	432	</div>
413		- </div>
	433	+ </div> -->
414	434	<!-- pagination -->
415	435	<ul class="pagination">
416	436	<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>

...	...	@@ -702,19 +702,20 @@
702	702	</dl>
703	703	</div>
704	704	</div>
	705	+ <div class="table_btn clearfix" style="margin:15px 0 0 0;">
	706	+ <div class="table_btn_left">
	707	+ <!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	708	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
	709	+ </div>
	710	+ <div class="table_btn_right">
	711	+ <p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
	712	+ </div>
	713	+ </div>
705	714	</div>
706	715	</div>
707	716	<!--// 발송결과-->
708	717
709		- <div class="table_btn clearfix">
710		- <div class="table_btn_left">
711		- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
712		- <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
713		- </div>
714		- <div class="table_btn_right">
715		- <p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
716		- </div>
717		- </div>
	718	+
718	719	</div>
719	720	<!--// 발송결과 상세 정보 -->
720	721
...	...	@@ -798,15 +799,10 @@
798	799	</div>
799	800	</div>
800	801	<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
801		- <p>
802		- </p>
803	802	</div>
804	803	</div>
805	804	<!--// 카카오 알림톡 미리보기 -->
806	805	<!-- // 대체문자 -->
807		-
808		-
809		-
810	806
811	807	</div>
812	808	</div>

Delete comment