Commit @643fcfa6b14f3f7a43b8b663f2d0acb119596805

JIWOO 2025-07-10

Merge branch 'master' of http://dlwldn1024@vcs.iten.co.kr:9999/hylee/mjon_git into 5180_요금사용내역_및_결제내역

@643fcfa6b14f3f7a43b8b663f2d0acb119596805

db9e04c

643fcfa

.gitignore

--- .gitignore

+++ .gitignore


 
 # End of https://www.gitignore.io/api/eclipse
 
+# gemini
+.gemini/
+
 # Maven
 target/
 pom.xml.tag

db9e04c

643fcfa

src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java

--- src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java

+++ src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java


 
 		/** @jsonStr 필요유무 */
 		boolean hasTitleOrButtons = StringUtils.isNotEmpty(templateTitle)  
-				|| CollectionUtils.isNotEmpty(templateDetail.getButtonList());
+				|| CollectionUtils.isNotEmpty(templateDetail.getButtonList())
+				|| "IMAGE".equalsIgnoreCase(templateDetail.getTemplateEmphasizeType()); // 템플릿 강조 유형 이미지 유형을 알기 위해 추가
 		
 		/** @jsonStr 반복유무 */
 		boolean needsJsonReplacement = hasTitleReplacement || hasButtonReplacement;

 //			kakaoSendAdvcListVO.get(i).setBizJsonName(idList.get(i));
 //		}
 		
+		String templateEmphasizeType = kakaoVO.getTemplateEmphasizeType();
 		
 		
 		// 분할 건수 카운터

db9e04c

643fcfa

src/main/java/itn/let/kakao/kakaoComm/kakaoApi/KakaoApiTemplate.java

--- src/main/java/itn/let/kakao/kakaoComm/kakaoApi/KakaoApiTemplate.java

+++ src/main/java/itn/let/kakao/kakaoComm/kakaoApi/KakaoApiTemplate.java


 import itn.let.kakao.kakaoComm.KakaoVO;
 import itn.let.kakao.kakaoComm.kakaoApi.service.KakaoApiService;
 import itn.let.utl.fcc.service.EgovStringUtil;
+import lombok.extern.slf4j.Slf4j;
 
 /**
 * @FileName : KakaoApiTemplate.java

 
 * @프로그램 설명 :
 */
+@Slf4j
 @Component
 public class KakaoApiTemplate {
 

 			
 			String sendUrl = mjonBizUrl + "/v3/kakao/template/list";
 			 
+			log.info(" + kakaoVO.getCategoryCode() :: [{}]", kakaoVO.getCategoryCode());
 			JSONObject jsonObject = new JSONObject(); 
 			jsonObject.put("bizId", mjonBizId);
 			jsonObject.put("apiKey", mjonBizKakaoApiKey);

 				JSONParser parser = new JSONParser();
 				Object obj = parser.parse(result);
 				JSONObject object = (JSONObject) obj;
+				log.info(" + object [{}]",object.toJSONString());
+			
 				
 				String code = object.get("code").toString();
 				String msg = object.get("message").toString();

 					List<KakaoReturnVO> templatList = new ArrayList<KakaoReturnVO>() ;
 					for(int i=0; i < tempJSONList.size(); i++) {
 						JSONObject templateInfo = (JSONObject)tempJSONList.get(i);
+						
+
+						log.info(" + templateInfo [{}]",templateInfo.toJSONString());
 						KakaoReturnVO templateInfoVO = new KakaoReturnVO();
 						
 						String senderKey = templateInfo.get("senderKey").toString();

db9e04c

643fcfa

src/main/java/itn/let/kakao/user/stepInfo/web/KakaoStepInfoController.java

--- src/main/java/itn/let/kakao/user/stepInfo/web/KakaoStepInfoController.java

+++ src/main/java/itn/let/kakao/user/stepInfo/web/KakaoStepInfoController.java


 		String bbsId = "";
 		
 		String serverName = request.getServerName();//URL 도메인정보 받아오기
+		System.out.println("serverName : "+ serverName);
 		if(serverName.equals("www.munjaon.co.kr")) {//운영서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
 			bbsId = "BBSMSTR_000000000782";
 		}else {//개발서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
-			bbsId = "BBSMSTR_000000000791";
+			bbsId = "BBSMSTR_000000000782";
 		}
 		
 		boardVO.setBbsId(bbsId);

 		boardVO.setRecordCountPerPage(100);
 						
 		map = bbsMngService.selectBoardArticlesWeb(boardVO, null);
-		
+		System.out.println("????????????????????????????????");
 		int totCnt = Integer.parseInt((String) map.get("resultCnt"));
 
 		paginationInfo.setTotalRecordCount(totCnt);

db9e04c

643fcfa

src/main/java/itn/let/mjo/msgsent/service/impl/MjonMsgSentServiceImpl.java

--- src/main/java/itn/let/mjo/msgsent/service/impl/MjonMsgSentServiceImpl.java

+++ src/main/java/itn/let/mjo/msgsent/service/impl/MjonMsgSentServiceImpl.java


 					&& result.getDiffMin() < -5 // 예약 시간이 5분 이상인 것들만
 					) {
 			returnCode = "03"; // 예약대기 코드 ( 예약취소 버튼 노출 )
-		} else if (result.getMsgGroupCnt().equals(result.getResultSValue()) 
-					|| result.getMsgGroupCnt().equals(result.getResultFValue())) {
+		} else if (Integer.parseInt(result.getMsgGroupCnt()) == Integer.parseInt(result.getResultSValue()) + Integer.parseInt(result.getResultFValue())
+				) {
 			returnCode = "02"; // 완료 코드
 		} else {
 			returnCode = "01"; // 진행중 코드

db9e04c

643fcfa

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_advc
+#Globals.Url=jdbc:mysql://139.150.73.12:3306/mjon
 Globals.UserName= mjonUr
 Globals.Password= mjon!@#$
 

db9e04c

643fcfa

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

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

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


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

db9e04c

643fcfa

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

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

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


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

db9e04c

643fcfa

src/main/webapp/WEB-INF/jsp/uss/ion/kakaoft/SendKakaoFTList.jsp

--- src/main/webapp/WEB-INF/jsp/uss/ion/kakaoft/SendKakaoFTList.jsp

+++ src/main/webapp/WEB-INF/jsp/uss/ion/kakaoft/SendKakaoFTList.jsp

...	...	@@ -690,7 +690,7 @@
690	690	[문자온] 문자발송 결과(실패) 안내
691	691	고객님은 현재 이동통신사의 "번호도용 문자차단 서비스"에 가입되어 있어 인터넷 문자사이트를 통한 문자발송이 모두 차단되어 있습니다.
692	692	문자발송 서비스를 정상적으로 이용하기 위해서는 이용중인 이동통신사에 문의하시어 상기 서비스를 해지하신 후 문자를 재발송해 주시길 바랍니다.
693		-(서비스 해지 후 정상 발송까지 3~7일 소요될 수 있습니다.)
	693	+(서비스 해지 후 정상 발송까지 영업일 기준 2~3일 정도 소요될 수 있습니다.)
694	694	※번호도용 문자차단 서비스 : 웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스
695	695	</textarea>
696	696	<input type="file" name="atchMsgFile" id="atchMsgFile" />

db9e04c

643fcfa

src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgList.jsp

--- src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgList.jsp

+++ src/main/webapp/WEB-INF/jsp/uss/ion/msg/SendMsgList.jsp

...	...	@@ -941,7 +941,7 @@
941	941	[문자온] 문자발송 결과(실패) 안내
942	942	고객님은 현재 이동통신사의 "번호도용 문자차단 서비스"에 가입되어 있어 인터넷 문자사이트를 통한 문자발송이 모두 차단되어 있습니다.
943	943	문자발송 서비스를 정상적으로 이용하기 위해서는 이용중인 이동통신사에 문의하시어 상기 서비스를 해지하신 후 문자를 재발송해 주시길 바랍니다.
944		-(서비스 해지 후 정상 발송까지 3~7일 소요될 수 있습니다.)
	944	+(서비스 해지 후 정상 발송까지 영업일 기준 2~3일 정도 소요될 수 있습니다.)
945	945	※번호도용 문자차단 서비스 : 웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스
946	946	</textarea>
947	947	<input type="file" name="atchMsgFile" id="atchMsgFile" />

db9e04c

643fcfa

src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailPopAjax.jsp

--- src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailPopAjax.jsp

+++ src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailPopAjax.jsp


 
 	<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
     <!-- 문자 미리보기 -->
-	    <div class="tab_phone" id="tab_phone_2">
+<!-- 	    <div class="tab_phone" id="tab_phone_2" > -->
+	    <div class="tab_phone" id="tab_phone_2" style="display:none" >
 	        <div class="phoneIn">
 	            <div>
 	                <p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p>

db9e04c

643fcfa

src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

--- src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

+++ src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp


 <script src="/publish/js/swiper.min.js"></script>
 
 <script type="text/javascript">
+
+</script>
+
+<script type="text/javascript">
 let cookieCache = null; // 쿠키 데이터를 캐시할 변수
 
 $(document).ready(function() {

db9e04c

643fcfa

src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentDetailView.jsp

--- src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentDetailView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentDetailView.jsp

...	...	@@ -880,7 +880,7 @@
880	880	${fn:replace(result.smsTxt, newLineChar, "<br/>")}
881	881	</p>
882	882	<c:if test="${result.msgKind eq 'A' }" >
883		- <p class="deny_receipt">무료 거부 080-0000-0000</p>
	883	+ <p class="deny_receipt">무료 거부 0808800858</p>
884	884	</c:if>
885	885	</div>
886	886	</div>

db9e04c

643fcfa

src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp

--- src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp

+++ src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp

...	...	@@ -144,7 +144,9 @@
144	144	</div>
145	145	</div>
146	146	<!--// 마이페이지 - 발신번호 관리 -->
147		- <!-- 통신사 고객센터 정보 팝업 -->
	147	+
	148	+
	149	+ <!-- 통신서비스 이용증명원 발급 안내 -->
148	150	<div class="tooltip-wrap">
149	151	<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
150	152	<div class="popup_heading">
...	...	@@ -152,14 +154,14 @@
152	154	<button type="button" class="tooltip-close" data-focus="popup001-close">
153	155	<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
154	156	</button>
155		- </div>
	157	+ </div>
156	158	<div class="layer_in call_layer">
157	159	<!-- 발신번호 관리 수정 -->
158	160	<div class="call_number_pop">
159	161	<ul class="call_numbber_list">
160		- <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
161		- <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
162		- <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
	162	+ <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
	163	+ <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
	164	+ <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
163	165	</ul>
164	166	<div class="noted_items">
165	167	<p class="title">참고사항</p>
...	...	@@ -170,92 +172,94 @@
170	172	</ul>
171	173	</div>
172	174	</div>
173		-
	175	+
174	176	<p class="info_tit">[통신사 고객센터 정보]</p>
175		- <ul>
176		- <li>
177		- <div>
	177	+ <!-- 통신사 고객센터 수정 250619 -->
	178	+ <div class="call_new">
	179	+ <ul>
	180	+ <li>
178	181	<div>
179		- <img src="/publish/images/content/call_serv1.png" alt="T 월드">
	182	+ <div class="call_img">
	183	+ <img src="/publish/images/content/call_serv1_1.png" alt="T 월드">
	184	+ </div>
	185	+ <p>
	186	+ <span class="fwLg">모바일</span>
	187	+ 1599-0011  /  <span class="fwLg">유선</span> 1600-2000
	188	+ </p>
180	189	</div>
181		- <p>
182		- <span class="fwLg">모바일</span>
183		- 080-011-6000   /   <span
184		- class="fwLg">유선</span> 080-816-2000
185		- </p>
186		- </div>
187		- </li>
188		- <li>
189		- <div>
	190	+ </li>
	191	+ <li>
190	192	<div>
191		- <img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
	193	+ <div class="call_img">
	194	+ <img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile">
	195	+ </div>
	196	+ <p>1599-0999</p>
192	197	</div>
193		- <p>1599-0999</p>
194		- </div>
195		- </li>
196		- <li>
197		- <div>
	198	+ </li>
	199	+ <li>
198	200	<div>
199		- <img src="/publish/images/content/call_serv3.png"
200		- alt="SK 브로드밴드">
	201	+ <div class="call_img">
	202	+ <img src="/publish/images/content/call_serv3_1.png" alt="B">
	203	+ </div>
	204	+ <p>106</p>
201	205	</div>
202		- <p>080-8282-106</p>
203		- </div>
204		- </li>
205		- <li>
206		- <div>
	206	+ </li>
	207	+ <li>
207	208	<div>
208		- <img src="/publish/images/content/call_serv4.png"
209		- alt="hello 모바일">
	209	+ <div class="call_img">
	210	+ <img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
	211	+ </div>
	212	+ <p>KT망 1855-1144 / SKT망
	213	+ 1855-2114 / LGU+망 1855-1140</p>
210	214	</div>
211		- <p>KT망 1855-1144   /   SKT망
212		- 1855-2114</p>
213		- </div>
214		- </li>
215		- <li>
216		- <div>
	215	+ </li>
	216	+ <li>
217	217	<div>
218		- <img src="/publish/images/content/call_serv5.png" alt="Kt">
	218	+ <div class="call_img">
	219	+ <img src="/publish/images/content/call_serv5_1.png" alt="Kt">
	220	+ </div>
	221	+ <p>
	222	+ <span class="fwLg">모바일</span> 1588-0010  /  <span class="fwLg">유선</span>
	223	+ 100
	224	+ </p>
219	225	</div>
220		- <p>
221		- <span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
222		- 100
223		- </p>
224		- </div>
225		- </li>
226		- <li>
227		- <div>
	226	+ </li>
	227	+ <li>
228	228	<div>
229		- <img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
	229	+ <div class="call_img">
	230	+ <img src="/publish/images/content/call_serv6_1.png" alt="snowman">
	231	+ </div>
	232	+ <p>KT망 1688-9300 / SKT망
	233	+ 1666-9316 / LGU+망 1688-0045</p>
230	234	</div>
231		- <p>080-889-1000</p>
232		- </div>
233		- </li>
234		- <li>
235		- <div>
	235	+ </li>
	236	+ <li>
236	237	<div>
237		- <img src="/publish/images/content/call_serv7.png" alt="U+">
	238	+ <div class="call_img">
	239	+ <img src="/publish/images/content/call_serv7_1.png" alt="LG U+">
	240	+ </div>
	241	+ <p>
	242	+ <span class="fwLg">모바일</span>
	243	+ 1544-0010  /  <span class="fwLg">유선</span> 101
	244	+ </p>
238	245	</div>
239		- <p>
240		- <span class="fwLg">모바일</span>
241		- 1588-0010   /   <span
242		- class="fwLg">유선</span> 100
243		- </p>
244		- </div>
245		- </li>
246		- <li>
247		- <div>
	246	+ </li>
	247	+ <li>
248	248	<div>
249		- <img src="/publish/images/content/call_serv8.png" alt="Kct">
	249	+ <div class="call_img">
	250	+ <img src="/publish/images/content/call_serv8_1.png" alt="tplus">
	251	+ </div>
	252	+ <p>KT망 1811-1141 / SKT망
	253	+ 1877-9114 / LGU+망 1533-7114</p>
250	254	</div>
251		- <p>070-8188-0114</p>
252		- </div>
253		- </li>
254		- </ul>
	255	+ </li>
	256	+ </ul>
	257	+ </div>
	258	+ <!--// 통신사 고객센터 수정 250619 -->
255	259	</div>
256	260	</div>
257	261	</div>
258		- <!--// 통신사 고객센터 정보 팝업 -->
	262	+ <!-- // 통신서비스 이용증명원 발급 안내 -->
259	263
260	264	<!-- 대리인 신분증이란? 팝업 -->
261	265	<div class="tooltip-wrap">

db9e04c

643fcfa

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">

db9e04c

643fcfa

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

db9e04c

643fcfa

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)

db9e04c

643fcfa

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>            

db9e04c

643fcfa

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

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

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


 .kakaotalkset_cont .list_info .btn_list{background-image: url(/publish/images/btn_list_icon.png);}
 .kakaotalkset_cont .list_info .btn_thumbnail{background-image: url(/publish/images/btn_thumbnail_icon.png);}
 .kakaotalkset_cont .list_info .btnType8{width: 140px;}
-.kakaotalkset_cont .kakao_template_list{margin: 20px 0 0 0;}
-.kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 135px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 20px 40px 0;}
+/* .kakaotalkset_cont .kakao_template_list{margin: 20px 0 0 0;} */
+.kakaotalkset_cont .kakao_template_list{display:flex;gap:30px 13px;flex-wrap:wrap;margin:20px 0 0 0;}
+/* .kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 135px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 20px 40px 0;} */
+.kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 105px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
 .kakaotalkset_cont .kakao_template_list li.template_none{box-shadow: none; width: 100%; text-align: center; font-size: 18px; font-weight: 400;}
 .kakaotalkset_cont .kakao_template_list li.template_none::after{display: none;}
 .kakaotalkset_cont .kakao_template_list li:nth-child(4n){margin: 0 0 0 0;}

 .kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
 .kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
 .kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
-.kakaotalkset_cont .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 10px;}
+.kakaotalkset_cont .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 4px;}
 .kakaotalkset_cont .kakao_template_list .kakao_template_info dl{display: flex; padding: 6px 0;}
 .kakaotalkset_cont .kakao_template_list .kakao_template_info dt{position: relative; width: 76px; margin: 0 13px 0 0;}
 .kakaotalkset_cont .kakao_template_list .kakao_template_info dt::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #d5d5d5; right: 0; top: 2px;}

 .kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button:first-child{margin: 0 2px 0 0;}
 .kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button:last-child{margin: 0 0 0 2px;}
 .kakaotalkset_cont .list_content{display: none;}
+.kakaotalkset_cont .list_content td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .kakaotalkset_cont .thumbnail_content.current{display: block;}
 .kakaotalkset_cont .template_sample_content_wrap .btn_wrap{text-align: center; margin: 10px 0 0 0;}
 .kakaotalkset_cont .template_sample_content_wrap .btn_template_use{width: 136px; text-align: center; border-radius: 100px; font-size: 16px;}
 .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;}

 .kakao_wrap .send_right .phone .phoneIn .template_info_wrap{display: flex; width: calc(100% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -5.1px; border-radius: 0 0 25px 25px;}
 .kakao_wrap .send_right .phone .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
 .kakao_wrap .send_right .phone .addText{padding-top: 0; margin-top: -20px;}
-.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom{position: relative; width: calc(100% - 10px); margin: 39px 0 0 10px;}
+.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom{position: relative; width: calc(100% - 10px); margin: 39px 0 0 10px; bottom: 0;}
 .kakaotalkset_cont .kakao_wrap .send_right .phone_bottom button{width: calc((100% - 16px)/2); margin: 0 8px 0 0;}
 .kakaotalkset_cont .kakao_wrap .send_right .phone_bottom button:last-child{margin: 0 0 0 0;}
 .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_wrap .ad_txt{padding:0 0 0 5px;}
 .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;}

 .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.long{height: 305px;}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left textarea{padding:0 5px;}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 105px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: 220px;}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .sub_ad_text p{padding:3px 10px 0 0;}
 .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;}

 .kakao_use_guide_cont .qna{margin: 0 0 50px 0;}
 
 /* 친구톡 */
-.friend_template_content .kakao_template_list .kakao_template_info dt{width: 50px;}
-.friend_template_content .kakao_template_list .kakao_template_info dd{width: calc(100% - 50px);}
+.friend_template_content .kakao_template_list .kakao_template_info dt{width: 60px;margin:0 7px 0 0;}
+.friend_template_content .kakao_template_list .kakao_template_info dd{width: calc(100% - 60px);letter-spacing:-0.5px;}
+.friend_template_content .kakao_template_list .kakao_template_info dl:first-child dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .kakaotalkset_cont .friend_template_content .kakao_template_list .template_cont .template_text{color: #555; font-size: 14px; font-weight: 400;}
 .kakaotalkset_cont .friend_talk_wrap .send_left{padding: 0 0 100px 0;}
 .friend_talk_wrap .friend_template_add_wrap .template_name{width: 100%;}

 .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 .note-title p span{padding-right: 10px;}
 /*유의사항_목록*/
 .kakao_intro_cont .note ul{line-height: 26px; font-weight: 300; font-size: 16px; color: #666; background-color: #fff; border-radius: 10px; padding: 25px 53px;}
-.kakao_intro_cont .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
-.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);}
+.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
+.kakao_intro_cont :not(.friendtalk) .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 :not(.friendtalk) .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
 
+/* 친구톡 소개 */
+.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(1){margin:0 0 45px 0;}
+.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li{margin:0 0 19px 0;}
+.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){display:flex;line-height:1;height:auto;justify-content:center;align-items:center;padding:22px 0 18px 0;font-family:'GmarketSansMedium';}
+.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2) span{display:inline-block;font-family:'GmarketSansBold';margin:0 4px;}
+.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(4) p:nth-child(2){height:auto;line-height:1;padding:24px 0 18px 0;}
+.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:auto;height:100%;margin:-20px 0 0 -15px;}
+
+.kakao_intro_cont .friendtalk .kakao_intro .fight .wrap{max-width:1024px;gap:50px;justify-content:center;}
+.kakao_intro_cont .friendtalk .kakao_intro .con .fight .fight-title{width:250px;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs{display:flex;width:calc((100% - 200px) / 2);flex-direction:column;align-items:center;gap:20px;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title{width:100px;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs .title{height:34px;padding:5px 30px 3px;border-radius:35px;background:#E4E6EA;font-family:'GmarketSansBold';color:#666;font-size:20px;line-height:35px;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul{padding:20px 0;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title .title{background:transparent;font-family:'GmarketSansMedium';}
+.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul li{background:transparent;font-family:'GmarketSansMedium';}
+.kakao_intro_cont .friendtalk .kakao_intro .fight .vs .box{display:flex;width:100%;padding:20px;background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);align-items:center;flex-direction:column;box-sizing:border-box;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{display:flex;height:51px;margin:4px 0;font-size:20px;font-family:'GmarketSansBold';color:#666;letter-spacing:-.85px;text-align:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;}
+.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{display:block;width:100%;font-size:16px;font-weight:400;margin:-10px 0 0 0;}
+
+.kakao_intro_cont .friendtalk .kakao_intro .friendtalk_vs .title{background:#ffcc33;color:#222;}
+.kakao_intro_cont .friendtalk .friendtalk_vs .box{border:1px solid #222;}
+.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li{color:#222;}
+.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li span{color:#666;}
+
+.friendtalk_use{display:flex;max-width:1024px;margin:50px 0;justify-content:space-between;}
+.friendtalk_use li{text-align:center;width:calc((1024px / 3) - 20px);}
+.friendtalk_use .title{display:inline-flex;height:43px;font-size:20px;font-weight:bold;color:#002c9a;text-align:center;background:#fff;padding:0 23px;margin:0 auto 20px auto;border:2px solid #002c9a;border-radius:35px;justify-content:center;align-items:center;}
+.friendtalk_use img{margin:0 0 20px 0;}
+.friendtalk_use .explan_text{display:table-cell;width:100%;height:100px;line-height:1.4;padding:0 20px;background:#fff;border-radius:10px;box-sizing:border-box;vertical-align:middle;}
+.friendtalk_use li:first-child .explan_text{display:flex;align-items:center;justify-content:center;}
+.friendtalk_use .explan_text span{font-weight:bold;}
+
+.friendtalk .service .kakao_use_guide{display: flex; margin: 50px 0; gap: 30px;}
+.friendtalk .service .kakao_use_guide li{position: relative; display:flex; width: calc((100% - 60px)/3); background-color: #fff; border-radius: 20px; padding: 0 0 30px 0; text-align: center; overflow: hidden;flex-direction: column;gap: 20px;}
+.friendtalk .service .kakao_use_guide .title{display:flex;width:100%;height:50px;font-size:19px;background:#002c9a;color:#fff;justify-content:center;align-items:center;letter-spacing:1px;}
+.friendtalk .service .kakao_use_guide .title span{font-weight:bold;font-size:22px;}
+.friendtalk .service .kakao_use_guide li i{display: block; width: 128px; height: 128px; margin: 10px auto 10px auto; background-color: #F3F6FB; border-radius: 100%; background-repeat: no-repeat; background-position: center;}
+.friendtalk .service .kakao_use_guide li.guide_01 i{background-image: url(/publish/images/content/icon_kakao_guide01.png);}
+.friendtalk .service .kakao_use_guide li.guide_02 i{background-image: url(/publish/images/content/icon_kakao_guide02.png);}
+.friendtalk .service .kakao_use_guide li.guide_03 i{background-image: url(/publish/images/content/icon_kakao_guide04.png);}
+.friendtalk .service .kakao_use_guide li .guide_title{font-family: 'GmarketSansBold'; font-size: 24px;}
+.friendtalk .service .kakao_use_guide li .guide_info{display: block; height: 120px;  font-size: 18px; font-weight: 300; color: #444; line-height: 1.3; padding: 0 20px;}
+
+.kakao_intro_cont .friendtalk .note b{font-weight:400;color:#e40000;}
 
 
 /* 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;}

 .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:10px 0 10px 0;}
+
+.send_top .resultcont_right .phone_kakako.friendtalk .phoneIn .text_preview .allimtalk_content{border-radius:5px;}
+.send_top .resultcont_right .phone_kakako.friendtalk .friend_talk_title{margin:0 0 10px 0;font-size:15px;color:#777;}
+.send_top .resultcont_right .phone_kakako.friendtalk .kakao_block_text{width:calc(100% - 20px);text-align:right;font-size:13px;color:#555;font-weight:300;margin:10px 0 0 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; }

 	.kakao_intro_cont .service .con .service-03 .text .icon img{margin-top: 24px;}
 	.kakao_intro_cont .service .con .service-04 .text .icon img{margin-top: 24px;}
 
+	/* 친구톡 소개 */
+	.kakao_intro_cont .friendtalk .kakao_intro .con .intro{gap:30px;}
+	.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:42%;height:auto;}
+	.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){font-size:18px;;}
+	.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{font-size:18px;}
+	.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{font-size:14px;}
+	.friendtalk_use{gap:20px;}
+	.friendtalk_use .title{height:36px;font-size:16px;}
+	.friendtalk_use img{width:100%;}
+	.friendtalk_use li:first-child .explan_text{white-space:nowrap;}
+
+	.friendtalk .service .kakao_use_guide .title{font-size:16px;}
+	.friendtalk .service .kakao_use_guide .title span{font-size:20px;}
+	.friendtalk .service .kakao_use_guide li .guide_title{font-size:22px;}
+	.friendtalk .service .kakao_use_guide li .guide_info{font-size:16px;}
+	.kakao_intro_cont .service .guide a{font-size: 20px;}
+
 	/*발송결과_select버튼*/
 	.select_btnWrap .btn_right .search .send_text{width: 170px;}
 	

db9e04c

643fcfa

src/main/webapp/publish/css/popupLayer.css

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

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


 .template_choice_popup .template_type{width: 180px;}
 .template_choice_popup .emphasis_type{width: 180px;}
 .template_choice_popup .popup_search_wrap .template_name{width: 300px;}
-.template_choice_popup .kakao_template_list{margin: 20px 0 0 0;}
-.template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 11px 40px 0;}
+/* .template_choice_popup .kakao_template_list{margin: 20px 0 0 0;} */
+.template_choice_popup .kakao_template_list{display:flex;flex-wrap:wrap;gap:30px 16px;margin:20px 0;}
+/* .template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 11px 40px 0;} */
+.template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
 .template_choice_popup .kakao_template_list li:nth-child(3n){margin: 0 0 0 0;}
 .template_choice_popup .kakao_template_list li::after{position: absolute; content: " "; width: 100%; height: 18px; background: url(/publish/images/kakao_template_cont.png) no-repeat top center; top: 8px;}
 .template_choice_popup .kakao_template_list .kakao_template_wrap{width: 100%; height: 370px; padding: 30px 0 15px 0; border-radius: 22px 22px 0 0; box-shadow: inset 0 2px 8px rgba(0,0,0,0.2); background: #b6cddd; overflow-y: auto; box-sizing: border-box;}

 .template_choice_popup .kakao_template_list .template_cont .title .check{position: absolute; left: 15px; top: -2px;}
 .template_choice_popup .kakao_template_list .template_cont .img_box img{width: 100%; height: auto;}
 .template_choice_popup .kakao_template_list .template_cont .text_box{font-size: 14px; color: #555; line-height: 1.4; padding: 20px;}
+.template_choice_popup .kakao_template_list .template_cont .text_box p{word-break:break-all;}
 .template_choice_popup .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 10px;}
 .template_choice_popup .kakao_template_list .kakao_template_info dl{display: flex; padding: 6px 0;}
 .template_choice_popup .kakao_template_list .kakao_template_info dt{position: relative; width: 76px; margin: 0 13px 0 0;}

 .call_number_pop .pro_tit span{font-weight: 700; color: #002c9a;}
 
 .call_layer .info_tit{font-size: 20px; font-weight: 500; margin: 0 0 15px 0;}
+.call_layer .call_new ul li {padding:0;}
+.call_layer .call_new ul li .call_img {text-align: center; width:155px;}
+.call_layer .call_new ul li p {font-size:16px; padding:0 0 0 10px;}
 
 /* 발송결과 개선 : 진행현황 안내*/
 .info_hover_cont {top: 40px; right: -1px; width: 320px; line-height:1.4;} 

db9e04c

643fcfa

src/main/webapp/publish/guide.html

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

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


         <li><a target="_blank" href="/publish/textingmsg.html">textingmsg.html</a>발송관리</li>
         <li><a target="_blank" href="/publish/textingmsg_detail.html">textingmsg_detail.html</a>발송관리 > 상세</li>
         <li><a target="_blank" href="/publish/textingmsg_detail_allimtalk.html">textingmsg_detail_allimtalk.html</a>발송관리 > 상세(알림톡)</li>
+        <li><a target="_blank" href="/publish/textingmsg_detail_friendtalk.html">textingmsg_detail_friendtalk.html</a>발송관리 > 상세(친구톡)</li>
         <li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서</li>
         <!-- ///////////////발송결과/////////////// -->
 

643fcfa

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

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv1_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv2_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv3_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv4_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv5_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv6_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv7_1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/content/call_serv8_1.png

Binary file is not shown

643fcfa

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

643fcfa

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

643fcfa

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

+++ src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use1.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use2.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use3.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/kakao_intro_cont/phone_friendtalk.png

Binary file is not shown

643fcfa

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

+++ src/main/webapp/publish/images/kakao_intro_cont/text_friendtalk.png

Binary file is not shown

db9e04c

643fcfa

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)

db9e04c

643fcfa

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)"
+			});
+			
+			
+			if($(".friend_talk_wrap .replace_send_wrap .put_left").is(".short") == true){
+				$(".friend_talk_wrap .replace_send_wrap textarea").css({
+					"height": "calc(100% - 79px)"
+				});	
+			}else{
+				$(".friend_talk_wrap .replace_send_wrap textarea").css({
+					"height": "calc(100% - 59px)"
+				});
+			}
+			
+		} else {
+			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
+			$(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style");
+			$(".friend_talk_wrap .replace_send_wrap textarea").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);
 

 
 // 맞춤제작 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() {

 					if (scrT + pH > revT) {
 						$('.send_top .send_right .phone:visible').css({
 							'top': revT - pH - sendRightOft + 470,
-							'transition':'all 0.2s'
+							'transition': 'all 0.2s'
 						});
 					}
 					// 스크롤 위치에 맞춰 부드럽게 이동
 					else {
 						$('.send_top .send_right .phone:visible').css({
 							'top': t - sendRightOft,
-							'transition':'all 0.2s'
+							'transition': 'all 0.2s'
 						});
 					}
 				}

 				else {
 					$('.send_top .send_right .phone:visible').css({
 						'top': '0',
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				}
-			}
-			
-			else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
+			} 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'
+						'transition': 'all 0.2s'
 					});
 				} else if (t > ofsT) {
 					$('.send_top .send_right .phone').css({
-						'top': h - pH + 100,
-						'transition':'all 0.2s'
+						'top': h - pH + 30,
+						'transition': 'all 0.2s'
 					});
 				} else if (t <= ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': '0',
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				}
-			}
-			
-			else {
+			} else {
 				if (t > ofsT && t - ofsT < h - pH) {
 					$('.send_top .send_right .phone').css({
 						'top': t - ofsT,
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				} else if (t > ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': h - pH,
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				} else if (t <= ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': '0',
-						'transition':'all 0.2s'
+						'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); // 프로그레스바 시작 멈추기
 
 
-}*/
+}*/

db9e04c

643fcfa

src/main/webapp/publish/kakao_allimtalk_intro.html

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

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

...	...	@@ -23,161 +23,7 @@
23	23	</head>
24	24
25	25	<body>
26		- <div class="skip_menu">
27		- <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
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 영역 -->
	26	+ <div data-include-path="/publish/layout/_header.html"></div>
181	27	<!-- login 영역 -->
182	28	<!-- content 영역 -->
183	29	<div id="container" class="cont sub">
...	...	@@ -186,295 +32,510 @@
186	32	<div class="send_top">
187	33	<!-- tab button -->
188	34	<ul class="tabType4">
189		- <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
	35	+ <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
190	36	<li class="tab"><button type="button" onclick="TabType5(this,'2');">친구톡</button></li>
191	37	<li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
192		- <li class="tab active"><button type="button" onclick="TabType5(this,'4');">알림톡 소개</button></li>
	38	+ <li class="tab active"><button type="button" onclick="TabType5(this,'4');">카카오톡 소개</button></li>
193	39	</ul>
194	40	<!--// tab button -->
195		-
196		- <div class="top_content kakao_intro_cont current">
	41	+
	42	+ <div class="top_content kakao_intro_cont pay_tab_wrap current">
197	43	<div class="heading">
198		- <h2>알림톡 소개</h2>
	44	+ <h2>카카오톡 소개</h2>
199	45	</div>
200	46
201		- <div class="kakao_intro">
202		- <div class="title">
203		- <h3>알림톡이란?</h3>
	47	+ <ul class="tabType1">
	48	+ <li class="tab active"><button type="button" onclick="contentTab(this,'1');">알림톡</button></li>
	49	+ <li class="tab"><button type="button" onclick="contentTab(this,'2');">친구톡</button></li>
	50	+ </ul>
	51	+
	52	+ <!-- 알림톡 소개 -->
	53	+ <div class="tab_content current" id="tab_content_1">
	54	+ <div class="kakao_intro">
	55	+ <div class="title">
	56	+ <h3>알림톡이란?</h3>
	57	+ </div>
	58	+
	59	+
	60	+ <div class="title-line">
	61	+ <div class="left-line"></div>
	62	+ <div class="right-line"></div>
	63	+ </div>
	64	+
	65	+ <div class="con">
	66	+ <!--설명-->
	67	+ <div class="intro">
	68	+ <img class="phone" src="/publish/images/kakao_intro_cont/phone.png" alt="핸드폰">
	69	+ <!--<div class="text">
	70	+ <p>카카오톡 전용 기업 메시지 서비스<span>"알림톡"</span></p>
	71	+ <img src="./images/kakao_intro_cont/on.png" alt="on이미지">
	72	+ </div>-->
	73	+
	74	+ <ul class="list">
	75	+ <li>
	76	+ <img src="/publish/images/kakao_intro_cont/text.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
	77	+ </li>
	78	+ <li>
	79	+ <p>1</p>
	80	+ <p>1,000자 이내 <span>텍스트 및 이미지 전송 가능</span></p>
	81	+ </li>
	82	+ <li>
	83	+ <p>2</p>
	84	+ <p><span>문자 메시지 대비</span> 65% 이상 저렴</p>
	85	+ </li>
	86	+ <li>
	87	+ <p>3</p>
	88	+ <p>
	89	+ <span>카톡 채널아이디를 추가하지 않은 이용자에게도</span><br>
	90	+ 전화번호만 있으면 메시지 전송 가능
	91	+ </p>
	92	+ </li>
	93	+ <li>
	94	+ <p>4</p>
	95	+ <p><span>발송실패 시</span> 자동으로 문자 대체 발송</p>
	96	+ </li>
	97	+ <li>
	98	+ <p>5</p>
	99	+ <p><span>카카오 인증마크를 통해</span> 신뢰도 높은 메시지 발송</p>
	100	+ </li>
	101	+ <li>
	102	+ <p>6</p>
	103	+ <p><span>발신자 브랜드의 이미지 및 </span>신뢰도 상승 효과 달성</p>
	104	+ </li>
	105	+ </ul>
	106	+ </div>
	107	+
	108	+ <!--문자vs알림톡-->
	109	+ <div class="fight">
	110	+ <div class="line"></div>
	111	+ <div class="fight-title">
	112	+ <h4>문자 <span>VS</span> 알림톡</h4>
	113	+ <div class="circle"></div>
	114	+ </div>
	115	+
	116	+ <div class="wrap">
	117	+ <div class="box box-01">
	118	+ <div class="fight-img">
	119	+ <p class="name">문자</p>
	120	+ <div class="icon">
	121	+ <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
	122	+ <p class="price">18원</p>
	123	+ </div>
	124	+ </div>
	125	+ <p class="vs">VS</p>
	126	+ <div class="fight-img kakao">
	127	+ <p class="name">알림톡</p>
	128	+ <div class="icon">
	129	+ <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
	130	+ <p class="price">6.9원</p>
	131	+ </div>
	132	+ </div>
	133	+ <div class="text">
	134	+ <p>문자 대비 <span>65% 저렴</span></p>
	135	+ </div>
	136	+ </div>
	137	+ <div class="fight-line"></div>
	138	+ <div class="box box-02">
	139	+ <div class="fight-img">
	140	+ <p class="name">문자</p>
	141	+ <div class="icon">
	142	+ <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
	143	+ <p class="price">90Byte</p>
	144	+ </div>
	145	+ </div>
	146	+ <p class="vs">VS</p>
	147	+ <div class="fight-img kakao">
	148	+ <p class="name">알림톡</p>
	149	+ <div class="icon">
	150	+ <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
	151	+ <p class="price">1,000글자</p>
	152	+ </div>
	153	+ </div>
	154	+ <div class="text">
	155	+ <p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
	156	+ </div>
	157	+ </div>
	158	+ </div>
	159	+ <!-- <div class="fight-text-wrap">
	160	+ <div class="text">
	161	+ <p>문자 대비 <span>75% 저렴</span></p>
	162	+ </div>
	163	+ <div class="text">
	164	+ <p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
	165	+ </div>
	166	+ </div> -->
	167	+ </div>
	168	+ </div>
204	169	</div>
205	170
206		- <div class="title-line">
207		- <div class="left-line"></div>
208		- <div class="right-line"></div>
209		- </div>
	171	+ <!--알림톡 활용 방법-->
	172	+ <div class="use">
	173	+ <div class="title">
	174	+ <h3>알림톡 활용 방법</h3>
	175	+ </div>
210	176
211		- <div class="con">
212		- <!--설명-->
213		- <div class="intro">
214		- <img class="phone" src="/publish/images/kakao_intro_cont/phone.png" alt="핸드폰">
215		- <!--<div class="text">
216		- <p>카카오톡 전용 기업 메시지 서비스<span>"알림톡"</span></p>
217		- <img src="./images/kakao_intro_cont/on.png" alt="on이미지">
218		- </div>-->
219		-
220		- <ul class="list">
221		- <li>
222		- <img src="/publish/images/kakao_intro_cont/text.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
223		- </li>
224		- <li>
225		- <p>1</p>
226		- <p>1,000자 이내 <span>텍스트 및 이미지 전송 가능</span></p>
227		- </li>
228		- <li>
229		- <p>2</p>
230		- <p><span>문자 메시지 대비</span> 65% 이상 저렴</p>
231		- </li>
232		- <li>
233		- <p>3</p>
234		- <p>
235		- <span>카톡 채널아이디를 추가하지 않은 이용자에게도</span><br>
236		- 전화번호만 있으면 메시지 전송 가능
237		- </p>
238		- </li>
239		- <li>
240		- <p>4</p>
241		- <p><span>발송실패 시</span> 자동으로 문자 대체 발송</p>
242		- </li>
243		- <li>
244		- <p>5</p>
245		- <p><span>카카오 인증마크를 통해</span> 신뢰도 높은 메시지 발송</p>
246		- </li>
247		- <li>
248		- <p>6</p>
249		- <p><span>발신자 브랜드의 이미지 및 </span>신뢰도 상승 효과 달성</p>
250		- </li>
	177	+ <div class="title-line">
	178	+ <div class="left-line"></div>
	179	+ <div class="right-line"></div>
	180	+ </div>
	181	+
	182	+ <div class="tab-wrap">
	183	+ <ul class="tabs">
	184	+ <li class="tab-link current" data-tab="tab-1">금융/보험</li>
	185	+ <li class="tab-link" data-tab="tab-2">기관/단체</li>
	186	+ <li class="tab-link" data-tab="tab-3">여행</li>
	187	+ <li class="tab-link" data-tab="tab-4">예약/예매</li>
	188	+ <li class="tab-link" data-tab="tab-5">배송/배달</li>
	189	+ <li class="tab-link" data-tab="tab-6">안내/이벤트</li>
251	190	</ul>
	191	+
	192	+ <div id="tab-1" class="tab-content current"><img src="/publish/images/kakao_intro_cont/bank.png" alt="금융,보험"></div>
	193	+ <div id="tab-2" class="tab-content"><img src="/publish/images/kakao_intro_cont/organization.png" alt="기관,단체"></div>
	194	+ <div id="tab-3" class="tab-content"><img src="/publish/images/kakao_intro_cont/travel.png" alt="여행"></div>
	195	+ <div id="tab-4" class="tab-content"><img src="/publish/images/kakao_intro_cont/reservation.png" alt="예약,예약"></div>
	196	+ <div id="tab-5" class="tab-content"><img src="/publish/images/kakao_intro_cont/delivery.png" alt="배송,배달"></div>
	197	+ <div id="tab-6" class="tab-content"><img src="/publish/images/kakao_intro_cont/event.png" alt="안내,이벤트"></div>
252	198	</div>
253	199
254		- <!--문자vs알림톡-->
255		- <div class="fight">
256		- <div class="line"></div>
257		- <div class="fight-title">
258		- <h4>문자 <span>VS</span> 알림톡</h4>
259		- <div class="circle"></div>
260		- </div>
	200	+ </div>
261	201
262		- <div class="wrap">
263		- <div class="box box-01">
264		- <div class="fight-img">
265		- <p class="name">문자</p>
266		- <div class="icon">
267		- <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
268		- <p class="price">18원</p>
269		- </div>
270		- </div>
271		- <p class="vs">VS</p>
272		- <div class="fight-img kakao">
273		- <p class="name">알림톡</p>
274		- <div class="icon">
275		- <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
276		- <p class="price">6.9원</p>
277		- </div>
278		- </div>
279		- <div class="text">
280		- <p>문자 대비 <span>65% 저렴</span></p>
281		- </div>
	202	+ <!--서비스이용방법-->
	203	+ <div class="service">
	204	+ <div class="title">
	205	+ <h3>서비스 이용 방법</h3>
	206	+ </div>
	207	+
	208	+ <div class="title-line">
	209	+ <div class="left-line"></div>
	210	+ <div class="right-line"></div>
	211	+ </div>
	212	+
	213	+ <div class="con first-line">
	214	+ <div class="service-01 common">
	215	+ <div class="step">
	216	+ <p>STEP <span>01</span></p>
282	217	</div>
283		- <div class="fight-line"></div>
284		- <div class="box box-02">
285		- <div class="fight-img">
286		- <p class="name">문자</p>
287		- <div class="icon">
288		- <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
289		- <p class="price">90Byte</p>
290		- </div>
	218	+ <div class="text">
	219	+ <div class="btn">
	220	+ <a href="https://center-pf.kakao.com/" target="_blank">카카오톡 채널 가입하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
291	221	</div>
292		- <p class="vs">VS</p>
293		- <div class="fight-img kakao">
294		- <p class="name">알림톡</p>
295		- <div class="icon">
296		- <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
297		- <p class="price">1,000글자</p>
298		- </div>
	222	+ <div class="text-line"></div>
	223	+ <div class="type">
	224	+ <p>
	225	+ 카카오톡 채널을 먼저 가입해주신 다음 <br>
	226	+ 비즈니스 채널 전환 신청을 해주세요.
	227	+ </p>
	228	+ <p>
	229	+ ※ 가입 후 카카오톡 채널 설정에서 <br>
	230	+ 공개, 검색허용 설정을 하셔야 합니다.
	231	+ </p>
299	232	</div>
300		- <div class="text">
301		- <p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
302		- </div>
	233	+ <div class="icon"><img src="/publish/images/kakao_intro_cont/service_01.jpg" alt="카카오톡 채널 가입하러 가기 아이콘"></div>
303	234	</div>
304	235	</div>
305		- <!-- <div class="fight-text-wrap">
306		- <div class="text">
307		- <p>문자 대비 <span>75% 저렴</span></p>
	236	+ <div class="service-02 common">
	237	+ <div class="step">
	238	+ <p>STEP <span>02</span></p>
308	239	</div>
309	240	<div class="text">
310		- <p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
	241	+ <div class="btn">
	242	+ <a href="#">채널 ID 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
	243	+ </div>
	244	+ <div class="text-line"></div>
	245	+ <div class="type">
	246	+ <p>
	247	+ 가입하신 카카오톡 채널의 채널ID(채널이름)를 <br>
	248	+ 채널ID 등록 메뉴에 등록해주세요.
	249	+ </p>
	250	+ </div>
	251	+ <div class="icon"><img src="/publish/images/kakao_intro_cont/service_02.jpg" alt="채널 ID 등록하러 가기 아이콘"></div>
311	252	</div>
312		- </div> -->
	253	+ </div>
313	254	</div>
	255	+
	256	+ <div class="con second-line">
	257	+ <div class="service-03 common">
	258	+ <div class="step">
	259	+ <p>STEP <span>03</span></p>
	260	+ </div>
	261	+ <div class="text">
	262	+ <div class="btn">
	263	+ <a href="#">알림톡 템플릿 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
	264	+ </div>
	265	+ <div class="text-line"></div>
	266	+ <div class="type">
	267	+ <p>
	268	+ 알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에
	269	+ 대한 카카오의 승인이 반드시 필요합니다.
	270	+ 템플릿을 작성하신 후 심사요청을 진행해주세요.
	271	+ </p>
	272	+ <p>
	273	+ ※ 템플릿 승인까지 최대 3일 소요
	274	+ </p>
	275	+ </div>
	276	+ <div class="icon"><img src="/publish/images/kakao_intro_cont/service_03.jpg" alt="알림톡 템플릿 등록하러 가기 아이콘"></div>
	277	+ </div>
	278	+ </div>
	279	+ <div class="service-04 common">
	280	+ <div class="step">
	281	+ <p>STEP <span>04</span></p>
	282	+ </div>
	283	+ <div class="text">
	284	+ <div class="btn">
	285	+ <a href="#">알림톡 전송하기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
	286	+ </div>
	287	+ <div class="text-line"></div>
	288	+ <div class="type">
	289	+ <p>
	290	+ 템플릿이 승인되셨다면 문자온 알림톡을 <br>
	291	+ 통해 메시지를 발송하실 수 있습니다.
	292	+ </p>
	293	+ </div>
	294	+ <div class="icon"><img src="/publish/images/kakao_intro_cont/service_04.jpg" alt="알림톡 전송하기 아이콘"></div>
	295	+ </div>
	296	+ </div>
	297	+ </div>
	298	+
	299	+ <!--이용가이드 버튼-->
	300	+ <div class="guide">
	301	+ <a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend" target="_blank">알림톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
	302	+ </div>
	303	+ </div>
	304	+
	305	+ <!--유의사항-->
	306	+ <div class="note">
	307	+ <div class="note-title">
	308	+ <p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
	309	+ </div>
	310	+ <ul>
	311	+ <li>- 한글, 영문 구분 없이 최대 1,000자까지 전송 가능합니다.</li>
	312	+ <li>- 알림톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
	313	+ <li>- 알림톡에서 허용하는 영리목적이 없는 정보성 메시지에 해당하는지 여부는 스팸 관련 정보통신망법 안내서를 꼭 참고하시길 바랍니다.</li>
	314	+ <li>(주문/예약 확인, 결제 내역, 배송 현황 메시지 등이 이에 해당하며 구독자 대상의 뉴스레터나 일반적인 공지문은 포함되지 않습니다.)</li>
	315	+ <li>
	316	+ <a href="https://spam.kisa.or.kr/common/nttFileDownload.do?fileKey=f3de0346e5010755186576fa45b37be2" target="_blank">스팸 관련 정보통신망법 안내서 바로가기</a>
	317	+ </li>
	318	+ <li>- 부고, 답례, 초대장 등은 정보성 메시지가 아니므로 알림톡으로 보내실 수 없습니다. </li>
	319	+ </ul>
314	320	</div>
315	321	</div>
	322	+ <!-- // 알림톡 소개 -->
316	323
317		- <!--알림톡 활용 방법-->
318		- <div class="use">
319		- <div class="title">
320		- <h3>알림톡 활용 방법</h3>
	324	+ <!-- 친구톡 소개 -->
	325	+ <div class="tab_content friendtalk" id="tab_content_2">
	326	+ <div class="kakao_intro">
	327	+ <div class="title">
	328	+ <h3>친구톡이란?</h3>
	329	+ </div>
	330	+
	331	+
	332	+ <div class="title-line">
	333	+ <div class="left-line"></div>
	334	+ <div class="right-line"></div>
	335	+ </div>
	336	+
	337	+ <div class="con">
	338	+ <!--설명-->
	339	+ <div class="intro">
	340	+ <img class="phone" src="/publish/images/kakao_intro_cont/phone_friendtalk.png" alt="핸드폰">
	341	+
	342	+ <ul class="list">
	343	+ <li>
	344	+ <img src="/publish/images/kakao_intro_cont/text_friendtalk.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
	345	+ </li>
	346	+ <li>
	347	+ <p>1</p>
	348	+ <p><span>광고성 메시지</span> 발송 가능(광고 표기 및 수신거부 안내 포함)</p>
	349	+ </li>
	350	+ <li>
	351	+ <p>2</p>
	352	+ <p>채널 친구 추가된 사용자라면 <span>누구에게나</span> 발송 가능</p>
	353	+ </li>
	354	+ <li>
	355	+ <p>3</p>
	356	+ <p>
	357	+ <span>1,000자 이내</span> 텍스트 및 <span>이미지</span> 전송 가능
	358	+ </p>
	359	+ </li>
	360	+ <li>
	361	+ <p>4</p>
	362	+ <p><span>맞춤형 메시지 및 쿠폰, 링크</span> 버튼 제공 가능</p>
	363	+ </li>
	364	+ <li>
	365	+ <p>5</p>
	366	+ <p>문자 메시지 대비 <span>O % 이상</span> 저렴</p>
	367	+ </li>
	368	+ <li>
	369	+ <p>6</p>
	370	+ <p>발송실패 시 <span>대체문자 발송</span> 기능 지원</p>
	371	+ </li>
	372	+ <li>
	373	+ <p>7</p>
	374	+ <p>클릭률/도달률 분석을 통한 <span>마케팅 효율 강화</span></p>
	375	+ </li>
	376	+ <li>
	377	+ <p>8</p>
	378	+ <p>브랜드 친화적인 <span>이미지 커스터마이징</span> 가능</p>
	379	+ </li>
	380	+ </ul>
	381	+ </div>
	382	+
	383	+ <!--문자vs알림톡-->
	384	+ <div class="fight">
	385	+ <div class="line"></div>
	386	+ <div class="fight-title">
	387	+ <h4>알림톡 <span>VS</span> 친구톡</h4>
	388	+ <div class="circle"></div>
	389	+ </div>
	390	+
	391	+ <div class="wrap">
	392	+ <div class="vs allimtalk_vs">
	393	+ <div class="title">알림톡</div>
	394	+ <div class="box">
	395	+ <ul>
	396	+ <li>전화번호 보유자</li>
	397	+ <li>정보성 <span>(예 : 주문, 예약, 안내 등)</span></li>
	398	+ <li>텍스트, 이미지 등</li>
	399	+ <li>최대 5개</li>
	400	+ <li>사전 승인 필요</li>
	401	+ <li>6.9원</li>
	402	+ <li>1,000자</li>
	403	+ <li>로고, 아이콘 형식만 가능</li>
	404	+ </ul>
	405	+ </div>
	406	+ </div>
	407	+
	408	+ <div class="vs vs_title">
	409	+ <div class="title">VS</div>
	410	+ <ul>
	411	+ <li>전송대상</li>
	412	+ <li>발송목적</li>
	413	+ <li>메세지 형태</li>
	414	+ <li>버튼 사용</li>
	415	+ <li>템플릿 승인</li>
	416	+ <li>비용</li>
	417	+ <li>길이제한</li>
	418	+ <li>이미지</li>
	419	+ </ul>
	420	+ </div>
	421	+
	422	+ <div class="vs friendtalk_vs">
	423	+ <div class="title">친구톡</div>
	424	+ <div class="box">
	425	+ <ul>
	426	+ <li>채널 친구</li>
	427	+ <li>광고 및 마케팅성<span>(예 : 이벤트, 쿠폰 등)</span></li>
	428	+ <li>텍스트, 기본이미지, 와이드 이미지형 등</li>
	429	+ <li>최대 5개</li>
	430	+ <li>별도 승인 없음 <span>야간 발송 제한(20:50 ~ 익일 08:00)</span></li>
	431	+ <li>0.0원 ~ 0.0원</li>
	432	+ <li>1,000자</li>
	433	+ <li>가능</li>
	434	+ </ul>
	435	+ </div>
	436	+ </div>
	437	+ </div>
	438	+ </div>
	439	+ </div>
321	440	</div>
322	441
323		- <div class="title-line">
324		- <div class="left-line"></div>
325		- <div class="right-line"></div>
326		- </div>
	442	+ <!-- 친구톡 유형 -->
	443	+ <div class="use">
	444	+ <div class="title">
	445	+ <h3>친구톡 유형</h3>
	446	+ </div>
327	447
328		- <div class="tab-wrap">
329		- <ul class="tabs">
330		- <li class="tab-link current" data-tab="tab-1">금융/보험</li>
331		- <li class="tab-link" data-tab="tab-2">기관/단체</li>
332		- <li class="tab-link" data-tab="tab-3">여행</li>
333		- <li class="tab-link" data-tab="tab-4">예약/예매</li>
334		- <li class="tab-link" data-tab="tab-5">배송/배달</li>
335		- <li class="tab-link" data-tab="tab-6">안내/이벤트</li>
	448	+ <div class="title-line">
	449	+ <div class="left-line"></div>
	450	+ <div class="right-line"></div>
	451	+ </div>
	452	+
	453	+ <ul class="friendtalk_use">
	454	+ <li>
	455	+ <div class="title">텍스트형</div>
	456	+ <img src="/publish/images/kakao_intro_cont/friendtalk_use1.png" alt="">
	457	+ <p class="explan_text">한/영 구분없이 <span>1,000자</span> + 버튼 <span>최대 5개</span></p>
	458	+ </li>
	459	+ <li>
	460	+ <div class="title">기본 이미지형</div>
	461	+ <img src="/publish/images/kakao_intro_cont/friendtalk_use2.png" alt="">
	462	+ <p class="explan_text">한/영 구분없이 <span>400자</span> + 이미지 <span>1</span>장 + 버튼 <span>최대 5개</span></p>
	463	+ </li>
	464	+ <li>
	465	+ <div class="title">와이드 이미지형</div>
	466	+ <img src="/publish/images/kakao_intro_cont/friendtalk_use3.png" alt="">
	467	+ <p class="explan_text">한/영 구분없이 <span>76자</span> + 이미지 <span>1</span>장 + 버튼 <span>최대 1개</span></p>
	468	+ </li>
336	469	</ul>
337	470
338		- <div id="tab-1" class="tab-content current"><img src="/publish/images/kakao_intro_cont/bank.png" alt="금융,보험"></div>
339		- <div id="tab-2" class="tab-content"><img src="/publish/images/kakao_intro_cont/organization.png" alt="기관,단체"></div>
340		- <div id="tab-3" class="tab-content"><img src="/publish/images/kakao_intro_cont/travel.png" alt="여행"></div>
341		- <div id="tab-4" class="tab-content"><img src="/publish/images/kakao_intro_cont/reservation.png" alt="예약,예약"></div>
342		- <div id="tab-5" class="tab-content"><img src="/publish/images/kakao_intro_cont/delivery.png" alt="배송,배달"></div>
343		- <div id="tab-6" class="tab-content"><img src="/publish/images/kakao_intro_cont/event.png" alt="안내,이벤트"></div>
344	471	</div>
345	472
346		- </div>
347		-
348		- <!--서비스이용방법-->
349		- <div class="service">
350		- <div class="title">
351		- <h3>서비스 이용 방법</h3>
352		- </div>
353		-
354		- <div class="title-line">
355		- <div class="left-line"></div>
356		- <div class="right-line"></div>
357		- </div>
358		-
359		- <div class="con first-line">
360		- <div class="service-01 common">
361		- <div class="step">
362		- <p>STEP <span>01</span></p>
363		- </div>
364		- <div class="text">
365		- <div class="btn">
366		- <a href="https://center-pf.kakao.com/" target="_blank">카카오톡 채널 가입하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
367		- </div>
368		- <div class="text-line"></div>
369		- <div class="type">
370		- <p>
371		- 카카오톡 채널을 먼저 가입해주신 다음 <br>
372		- 비즈니스 채널 전환 신청을 해주세요.
373		- </p>
374		- <p>
375		- ※ 가입 후 카카오톡 채널 설정에서 <br>
376		- 공개, 검색허용 설정을 하셔야 합니다.
377		- </p>
378		- </div>
379		- <div class="icon"><img src="/publish/images/kakao_intro_cont/service_01.jpg" alt="카카오톡 채널 가입하러 가기 아이콘"></div>
380		- </div>
	473	+ <!--서비스이용방법-->
	474	+ <div class="service">
	475	+ <div class="title">
	476	+ <h3>서비스 이용 방법</h3>
381	477	</div>
382		- <div class="service-02 common">
383		- <div class="step">
384		- <p>STEP <span>02</span></p>
385		- </div>
386		- <div class="text">
387		- <div class="btn">
388		- <a href="#">채널 ID 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
389		- </div>
390		- <div class="text-line"></div>
391		- <div class="type">
392		- <p>
393		- 가입하신 카카오톡 채널의 채널ID(채널이름)를 <br>
394		- 채널ID 등록 메뉴에 등록해주세요.
395		- </p>
396		- </div>
397		- <div class="icon"><img src="/publish/images/kakao_intro_cont/service_02.jpg" alt="채널 ID 등록하러 가기 아이콘"></div>
398		- </div>
	478	+
	479	+ <div class="title-line">
	480	+ <div class="left-line"></div>
	481	+ <div class="right-line"></div>
399	482	</div>
400		- </div>
401		-
402		- <div class="con second-line">
403		- <div class="service-03 common">
404		- <div class="step">
405		- <p>STEP <span>03</span></p>
406		- </div>
407		- <div class="text">
408		- <div class="btn">
409		- <a href="#">알림톡 템플릿 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
410		- </div>
411		- <div class="text-line"></div>
412		- <div class="type">
413		- <p>
414		- 알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에
415		- 대한 카카오의 승인이 반드시 필요합니다.
416		- 템플릿을 작성하신 후 심사요청을 진행해주세요.
417		- </p>
418		- <p>
419		- ※ 템플릿 승인까지 최대 3일 소요
420		- </p>
421		- </div>
422		- <div class="icon"><img src="/publish/images/kakao_intro_cont/service_03.jpg" alt="알림톡 템플릿 등록하러 가기 아이콘"></div>
423		- </div>
424		- </div>
425		- <div class="service-04 common">
426		- <div class="step">
427		- <p>STEP <span>04</span></p>
428		- </div>
429		- <div class="text">
430		- <div class="btn">
431		- <a href="#">알림톡 전송하기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
432		- </div>
433		- <div class="text-line"></div>
434		- <div class="type">
435		- <p>
436		- 템플릿이 승인되셨다면 문자온 알림톡을 <br>
437		- 통해 메시지를 발송하실 수 있습니다.
438		- </p>
439		- </div>
440		- <div class="icon"><img src="/publish/images/kakao_intro_cont/service_04.jpg" alt="알림톡 전송하기 아이콘"></div>
441		- </div>
	483	+
	484	+ <ul class="kakao_use_guide">
	485	+ <li class="guide_01">
	486	+ <div class="title">STEP <span>01</span></div>
	487	+ <i></i>
	488	+ <p class="guide_title">카카오톡 채널 가입</p>
	489	+ <span class="guide_info">카카오톡 채널 생성을 위한 <br> 계정이 없으시다면, 카카오에서 <br> 카카오톡 비즈니스 회원가입을<br> 먼저
	490	+ 진행해주세요.</span>
	491	+ </li>
	492	+ <li class="guide_02">
	493	+ <div class="title">STEP <span>02</span></div>
	494	+ <i></i>
	495	+ <p class="guide_title">채널 ID 등록하러 가기</p>
	496	+ <span class="guide_info">가입하신 카카오톡 채널의 채널 ID(채널이름)를 채널 ID 등록 메뉴에 등록해주세요.</span>
	497	+ </li>
	498	+ <li class="guide_03">
	499	+ <div class="title">STEP <span>03</span></div>
	500	+ <i></i>
	501	+ <p class="guide_title">친구톡 전송</p>
	502	+ <span class="guide_info">친구톡은 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다.</span>
	503	+ </li>
	504	+ </ul>
	505	+
	506	+ <!--이용가이드 버튼-->
	507	+ <div class="guide">
	508	+ <a href="https://kakaobusiness.gitbook.io/main/ad/brandmessage" target="_blank">친구톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
442	509	</div>
443	510	</div>
444	511
445		- <!--이용가이드 버튼-->
446		- <div class="guide">
447		- <a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend" target="_blank">알림톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
	512	+ <!--유의사항-->
	513	+ <div class="note">
	514	+ <div class="note-title">
	515	+ <p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
	516	+ </div>
	517	+ <ul>
	518	+ <li>- (광고) 표기 여부는 선택 가능하나 , (광고)표기 해제에 따른 법령상 의무사항을 미 준수시에는 메시지 발송이 중단될 수 있습니다.</li>
	519	+ <li>- 광고성 친구톡 메시지에는 “(광고) 표시 및 수신거부 방식”이 표시되며, 대체 문자의 경우에는 “(광고) 문구 및 080 무료수신거부 번호”가 자동으로 포함됩니다.</li>
	520	+ <li><b>- 광고성 메시지의 발송 가능 시간은 08:00 ~ 20:50(한국시간) 입니다.</b></li>
	521	+ <li>- 친구톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
	522	+ <li>- 카카오정책 및 심의기준을 반드시 준수하여야 합니다.</li>
	523	+ </ul>
448	524	</div>
449	525	</div>
	526	+ <!-- // 친구톡 소개 -->
450	527
451		- <!--유의사항-->
452		- <div class="note">
453		- <div class="note-title">
454		- <p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
455		- </div>
456		- <ul>
457		- <li>- 한글, 영문 구분 없이 최대 1,000자까지 전송 가능합니다.</li>
458		- <li>- 알림톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
459		- <li>- 알림톡에서 허용하는 영리목적이 없는 정보성 메시지에 해당하는지 여부는 스팸 관련 정보통신망법 안내서를 꼭 참고하시길 바랍니다.</li>
460		- <li>(주문/예약 확인, 결제 내역, 배송 현황 메시지 등이 이에 해당하며 구독자 대상의 뉴스레터나 일반적인 공지문은 포함되지 않습니다.)</li>
461		- <li>
462		- <a href="https://spam.kisa.or.kr/common/nttFileDownload.do?fileKey=f3de0346e5010755186576fa45b37be2" target="_blank">스팸 관련 정보통신망법 안내서 바로가기</a>
463		- </li>
464		- <li>- 부고, 답례, 초대장 등은 정보성 메시지가 아니므로 알림톡으로 보내실 수 없습니다. </li>
465		- </ul>
466		- </div>
467	528	</div>
468	529	</div>
469		-
	530	+
470	531	</div>
471	532	<!--// send top -->
472	533	</div>
473	534	</div>
474	535	<!--// content 영역 -->
475	536	<!-- footer -->
476		- <div data-include-path="/publish/layout/_footer.html"></div>
477		- <!--// footer 영역 -->
	537	+ <div data-include-path="/publish/layout/_footer.html"></div>
	538	+ <!--// footer 영역 -->
478	539	</body>
479	540
480	541	</html> (No newline at end of file)

db9e04c

643fcfa

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>

db9e04c

643fcfa

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>
+                                                        <p>(광고)</p>
                                                     </div>
                                                     <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">

                                                                         <!-- 업로드한 이미지의 썸네일 영역 -->
                                                                         <ul class="thumb_wrap liOnImg ui-sortable"></ul>
                                                                         <!-- //업로드한 이미지의 썸네일 영역 -->
+                                                                        <div class="ad_txt" style="">
+					                                                        <p>(광고)</p>
+					                                                    </div>
                                                                         <label for="smsTxtArea" class="label"></label>
                                                                         <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
                                                                         <div class="text_length">
+	                                                                        <div class="sub_ad_text">
+					                                                            <p>무료거부 0808800858</p>
+					                                                        </div>
                                                                             <div name="afterDeny">
                                                                                 <p>
                                                                                     <span class="fwMd" id="msgLeng">0 /
                                                                                     </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>
-                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
+                                                                <!-- <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p> -->
                                                             </td>
                                                         </tr>
                                                     </tbody>

                         <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>
+                                        <p class="friend_talk_title"><span>(광고)</span></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>

db9e04c

643fcfa

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

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

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


               <dd>
                 <ul>
                   <li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
+                  <li><a href="#none">친구톡</a></li>
                   <li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
-                  <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">알림톡 소개</a></li>
+                  <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">카카오톡 소개</a></li>
                 </ul>
               </dd>
             </dl>

db9e04c

643fcfa

src/main/webapp/publish/maintenance.html

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

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

...	...	@@ -19,9 +19,11 @@
19	19	<body>
20	20	<div class="textbox">
21	21	<h1>문자온 시스템 점검중입니다.</h1>
22		- <h3>· 점검일시 : <strong>2025년 4월 28일(월) 08:30 ~ 08:35</strong> (약 5분간)</h3>
23		- <p>현재 홈페이지 인증서 교체 작업을 위한 시스템 점검중에 있습니다.</p>
24		- <p><span>(기)예약 설정 건은 정상 발송되며, <br>작업 이전 '발송대기'건은 작업 완료 후 발송 시도됩니다.</span></p>
	22	+ <h3>· 점검일시 : <strong>2025년 6월 21일(토) 14:00 ~ 6월 23일(월) 08:00</strong> </h3>
	23	+ <p>현재 홈페이지 시스템 백업 작업 중에 있습니다.</p>
	24	+ <p><span>중단 시작 5분 전부터 신규 발송이 제한됩니다.</span></p>
	25	+ <p><span>작업 이전"발송대기" 건은 작업 완료 후 발송시도 합니다.</span></p>
	26	+ <p><span>백업 작업 조기 완료 시 즉시 서비스 재개 예정입니다.</span></p>
25	27	<p>항상 더 나은 서비스 제공을 위해 노력하겠습니다.<br>
26	28	감사합니다.</p>
27	29	</div>

db9e04c

643fcfa

src/main/webapp/publish/mypage5_2.html

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

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


                 </div>
 
                 <p class="info_tit">[통신사 고객센터 정보]</p>
-                <ul>
-                    <li>
-                        <div>
+                <!-- 통신사 고객센터 수정 250619 -->
+                <div class="call_new">
+                    <ul>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv1.png" alt="T 월드">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv1_1.png" alt="T 월드">
+                                </div>
+                                <p>
+                                    <span class="fwLg">모바일</span>
+                                    1599-0011&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span> 1600-2000
+                                </p>
                             </div>
-                            <p>
-                                <span class="fwLg">모바일</span>
-                                080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000
-                            </p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile">
+                                </div>
+                                <p>1599-0999</p>
                             </div>
-                            <p>1599-0999</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv3_1.png" alt="B">
+                                </div>
+                                <p>106</p>
                             </div>
-                            <p>080-8282-106</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv4.png" alt="hello 모바일">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
+                                </div>
+                                <p>KT망 1855-1144&nbsp;/&nbsp;SKT망
+                                    1855-2114&nbsp;/&nbsp;LGU+망 1855-1140</p>
                             </div>
-                            <p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망
-                                1855-2114</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv5.png" alt="Kt">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv5_1.png" alt="Kt">
+                                </div>
+                                <p>
+                                    <span class="fwLg">모바일</span> 1588-0010&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span>
+                                    100
+                                </p>
                             </div>
-                            <p>
-                                <span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
-                                100
-                            </p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv6_1.png" alt="snowman">
+                                </div>
+                                <p>KT망 1688-9300&nbsp;/&nbsp;SKT망
+                                    1666-9316&nbsp;/&nbsp;LGU+망 1688-0045</p>
                             </div>
-                            <p>080-889-1000</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv7.png" alt="U+">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv7_1.png" alt="LG U+">
+                                </div>
+                                <p>
+                                    <span class="fwLg">모바일</span>
+                                    1544-0010&nbsp;&nbsp;/&nbsp;&nbsp;<span class="fwLg">유선</span> 101
+                                </p>
                             </div>
-                            <p>
-                                <span class="fwLg">모바일</span>
-                                1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100
-                            </p>
-                        </div>
-                    </li>
-                    <li>
-                        <div>
+                        </li>
+                        <li>
                             <div>
-                                <img src="/publish/images/content/call_serv8.png" alt="Kct">
+                                <div class="call_img">
+                                    <img src="/publish/images/content/call_serv8_1.png" alt="tplus">
+                                </div>
+                                <p>KT망 1811-1141&nbsp;/&nbsp;SKT망
+                                    1877-9114&nbsp;/&nbsp;LGU+망 1533-7114</p>
                             </div>
-                            <p>070-8188-0114</p>
-                        </div>
-                    </li>
-                </ul>
+                        </li>
+                    </ul>
+                </div>
+                <!--// 통신사 고객센터 수정 250619 -->
             </div>
         </div>
     </div>

643fcfa

src/main/webapp/publish/textingmsg_detail_friendtalk.html (added)

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

...	...	@@ -0,0 +1,866 @@
	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	+ <title>문자온_발송결과</title>
	8	+
	9	+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
	10	+ <link rel="stylesheet" href="/publish/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
	12	+ <link rel="stylesheet" href="/publish/css/common.css">
	13	+ <link rel="stylesheet" href="/publish/css/button.css">
	14	+ <link rel="stylesheet" href="/publish/css/content.css">
	15	+ <link rel="stylesheet" href="/publish/css/mem.css">
	16	+ <link rel="stylesheet" href="/publish/css/font.css">
	17	+ <link rel="stylesheet" href="/publish/css/popupLayer.css">
	18	+ <link rel="stylesheet" href="/publish/js/datepicker/classic.css">
	19	+ <link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
	20	+
	21	+
	22	+ <script src="/publish/js/jquery-3.5.0.js"></script>
	23	+ <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
	24	+ <script src="/publish/js/common.js"></script>
	25	+ <script src="/publish/js/content.js"></script>
	26	+ <script src="/publish/js/popupLayer.js"></script>
	27	+ <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
	28	+ <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
	29	+ <script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
	30	+
	31	+ <script>
	32	+ $(document).ready(function () {
	33	+ $(".table_tab_wrap .tab_depth1 a").click(function () {
	34	+ var tab_num = $(this).index();
	35	+ $(".table_cont .tb_wrap").eq(tab_num).show();
	36	+ $(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
	37	+ if ($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num + 1) {
	38	+ $(this).css("border-radius", "0 5px 5px 0");
	39	+ } else {}
	40	+ })
	41	+ });
	42	+
	43	+ function phoneTab(obj, tabId) {
	44	+ var $tab = $(obj).closest("li");
	45	+ $tab.addClass("active");
	46	+ $tab.find("button").attr("title", "선택됨");
	47	+ $tab.siblings("li.tab").removeClass("active");
	48	+ $tab.siblings("li.tab").find("button").removeAttr("title");
	49	+
	50	+ var $tabCn = $("#tab_phone_" + tabId);
	51	+ $tabCn.fadeIn(0);
	52	+ $tabCn.addClass("current");
	53	+
	54	+ $(".tab_phone").not($tabCn).removeClass("current");
	55	+ $(".tab_phone").not($tabCn).fadeOut(0);
	56	+
	57	+ currTabId = tabId;
	58	+ }
	59	+ </script>
	60	+
	61	+</head>
	62	+
	63	+<body>
	64	+ <div class="mask"></div>
	65	+
	66	+ <!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
	67	+ <div class="tooltip-wrap">
	68	+ <div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
	69	+ <div class="popup_heading">
	70	+ <p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
	71	+ <button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	72	+ </div>
	73	+ <div class="layer_in">
	74	+ <div class="list_tab_wrap2 type5">
	75	+ <!-- tab button -->
	76	+ <ul class="list_tab">
	77	+ <li class="tab active"><button type="button" onclick="listTab2(this,'1');">이통사 스팸 필터링 서비스</button></li>
	78	+ <li class="tab"><button type="button" onclick="listTab2(this,'2');">번호도용 문자차단 서비스</button></li>
	79	+ </ul><!-- // tab button -->
	80	+ </div>
	81	+ <!-- 광고문자 전송규정 안내 -->
	82	+ <div class="adpop_cont current" id="listTab2_1">
	83	+ <div class="titBox">
	84	+ <div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
	85	+ <p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
	86	+ <p>  휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
	87	+ <p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
	88	+ <p>  (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
	89	+ </div>
	90	+ <div class="adpop1_bottom">
	91	+ <p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	92	+ <div class="content_box">
	93	+ <ul class="list">
	94	+ <li class="tit">
	95	+ <ul>
	96	+ <li>
	97	+ <div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
	98	+ <a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00002121&uCode=u1_2" target="_blank" rel="nosublink">T월드 문자 스팸필터링 바로가기</a>
	99	+ </li>
	100	+ <li>
	101	+ <div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
	102	+ <a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
	103	+ </li>
	104	+ <li>
	105	+ <div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
	106	+ <a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
	107	+ </li>
	108	+ </ul>
	109	+ </li>
	110	+ <li>
	111	+ <dl>
	112	+ <dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
	113	+ <dd>
	114	+ <p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
	115	+ </dd>
	116	+ </dl>
	117	+ </li>
	118	+ <li>
	119	+ <dl>
	120	+ <dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
	121	+ <dd>
	122	+ <p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
	123	+ </dd>
	124	+ </dl>
	125	+ </li>
	126	+ <li>
	127	+ <dl>
	128	+ <dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
	129	+ <dd>
	130	+ <p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
	131	+ </dd>
	132	+ </dl>
	133	+ </li>
	134	+ </ul>
	135	+ </div>
	136	+ </div>
	137	+ <div class="adpop1_bottom">
	138	+ <p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	139	+ <div class="content_box">
	140	+ <ul class="list02">
	141	+ <li>
	142	+ <div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
	143	+ <dl>
	144	+ <dt>SKT · T스팸필터링</dt>
	145	+ <dd>T Store, 구글 Play 스토어<br>다운가능</dd>
	146	+ </dl>
	147	+ </li>
	148	+ <li>
	149	+ <div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
	150	+ <dl>
	151	+ <dt>KT올레 · 올레스팸차단서비스</dt>
	152	+ <dd>구글 Play 스토어 다운가능</dd>
	153	+ </dl>
	154	+ </li>
	155	+ <li>
	156	+ <div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
	157	+ <dl>
	158	+ <dt>LG U+ · U+ 스팸차단</dt>
	159	+ <dd>구글 Play 스토어 다운가능</dd>
	160	+ </dl>
	161	+ </li>
	162	+ </ul>
	163	+ </div>
	164	+ </div>
	165	+ <div class="adpop1_bottom">
	166	+ <p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	167	+ <div class="content_box">
	168	+ <dl class="cscenter">
	169	+ <dt>휴대폰 114 + 통화버튼</dt>
	170	+ <dd>
	171	+ <ul>
	172	+ <li>· SKT 고객센터(1599-0011)</li>
	173	+ <li>· KT올레 고객센터(100)</li>
	174	+ <li>· LG U+ 고객센터(1544-0010)</li>
	175	+ </ul>
	176	+ </dd>
	177	+ </dl>
	178	+ </div>
	179	+ </div>
	180	+ </div><!-- // 광고문자 전송규정 안내 -->
	181	+
	182	+ <!-- 광고문자 수신동의 안내 -->
	183	+ <div class="adpop_cont" id="listTab2_2">
	184	+ <div class="titBox">
	185	+ <div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
	186	+ <p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
	187	+ <p>  하신 후 전송하시기 바랍니다.</p>
	188	+ </div>
	189	+ <div class="adpop1_bottom">
	190	+ <p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	191	+ <div class="content_box">
	192	+ <ul class="list">
	193	+ <li class="tit">
	194	+ <ul>
	195	+ <li>
	196	+ <div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
	197	+ <a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00004406&uCode=u1_2" target="_blank" rel="nosublink">T번호도용문자차단 바로가기</a>
	198	+ </li>
	199	+ <li>
	200	+ <div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
	201	+ <a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
	202	+ </li>
	203	+ <li>
	204	+ <div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
	205	+ <a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
	206	+ </li>
	207	+ </ul>
	208	+ </li>
	209	+ <li>
	210	+ <dl>
	211	+ <dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
	212	+ <dd>
	213	+ <p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
	214	+ </dd>
	215	+ </dl>
	216	+ </li>
	217	+ <li>
	218	+ <dl>
	219	+ <dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
	220	+ <dd>
	221	+ <p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
	222	+ </dd>
	223	+ </dl>
	224	+ </li>
	225	+ <li>
	226	+ <dl>
	227	+ <dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
	228	+ <dd>
	229	+ <p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
	230	+ </dd>
	231	+ </dl>
	232	+ </li>
	233	+ </ul>
	234	+ </div>
	235	+ </div>
	236	+ <div class="adpop1_bottom">
	237	+ <p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	238	+ <div class="content_box">
	239	+ <dl class="cscenter">
	240	+ <dt>휴대폰 114 + 통화버튼</dt>
	241	+ <dd>
	242	+ <ul>
	243	+ <li>· SKT 고객센터(1599-0011)</li>
	244	+ <li>· KT올레 고객센터(100)</li>
	245	+ <li>· LG U+ 고객센터(1544-0010)</li>
	246	+ </ul>
	247	+ </dd>
	248	+ </dl>
	249	+ </div>
	250	+ </div>
	251	+ </div><!-- // 광고문자 수신동의 안내 -->
	252	+ </div>
	253	+ <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
	254	+ <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
	255	+ </div>
	256	+ </div>
	257	+ </div>
	258	+ <!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
	259	+
	260	+
	261	+ <!-- 발송대상리스트 팝업 -->
	262	+ <div class="tooltip-wrap">
	263	+ <div class="popup-com ad_layer rev_popup04" tabindex="0" data-tooltip-con="rev_popup04" data-focus="rev_popup04" data-focus-prev="rev_popup04-close" style="width:595px;">
	264	+ <div class="popup_heading">
	265	+ <p>발송대상 리스트</p>
	266	+ <button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	267	+ </div>
	268	+ <div class="layer_in">
	269	+
	270	+ <div class="popup_search_type2">
	271	+ <label for="" class="label">검색종류 선택</label>
	272	+ <div class="title">수신번호</div>
	273	+ <label for="" class="label">검색어입력</label>
	274	+ <input type="text" class="send_text" id="searchInput" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
	275	+ <button type="button" id="searchBtn" class="btnType btnType2" style="width:63px; margin:0;">검색</button>
	276	+ </div>
	277	+
	278	+ <div class="list_tab_wrap2 type4">
	279	+ <ul class="tabType3" id="tabType" name="tabType">
	280	+ <li class="tab active"><button type="button" id="initTab" title="선택됨">전체</button></li>
	281	+ <li class="tab"><button type="button">대기</button></li>
	282	+ <li class="tab"><button type="button">성공</button></li>
	283	+ <li class="tab"><button type="button">실패</button></li>
	284	+ </ul>
	285	+ </div>
	286	+
	287	+ <div class="tb_wrap" style="min-height:200px;">
	288	+ <table class="tType4">
	289	+ <colgroup>
	290	+ <col style="width: 30%;">
	291	+ <col style="width: 40%;">
	292	+ <col style="width: 30%;">
	293	+ </colgroup>
	294	+ <thead>
	295	+ <tr>
	296	+ <th>이름
	297	+ <div class="sort_wrap">
	298	+ <input type="button" class="sort sortBtn">
	299	+ </div>
	300	+ </th>
	301	+ <th>수신번호
	302	+ <div class="sort_wrap">
	303	+ <input type="button" class="sort sortBtn">
	304	+ </div>
	305	+ </th>
	306	+ <th>상세결과
	307	+ <div class="sort_wrap">
	308	+ <input type="button" class="sort sortBtn">
	309	+ </div>
	310	+ </th>
	311	+ </tr>
	312	+ </thead>
	313	+ <tbody>
	314	+ <tr>
	315	+ <td>홍길동</td>
	316	+ <td>010-1234-5678</td>
	317	+ <td>성공(카톡)</td>
	318	+ </tr>
	319	+ <tr>
	320	+ <td>홍길동</td>
	321	+ <td>010-1234-5678</td>
	322	+ <td>성공(카톡)</td>
	323	+ </tr>
	324	+ <tr>
	325	+ <td>홍길동</td>
	326	+ <td>010-1234-5678</td>
	327	+ <td>실패(카톡+문자)</td>
	328	+ </tr>
	329	+ <tr>
	330	+ <td>홍길동</td>
	331	+ <td>010-1234-5678</td>
	332	+ <td>성공(문자)</td>
	333	+ </tr>
	334	+ <tr>
	335	+ <td>홍길동</td>
	336	+ <td>010-1234-5678</td>
	337	+ <td>성공(문자)</td>
	338	+ </tr>
	339	+ <tr>
	340	+ <td>홍길동</td>
	341	+ <td>010-1234-5678</td>
	342	+ <td>실패(카톡+문자)</td>
	343	+ </tr>
	344	+ <tr>
	345	+ <td>홍길동</td>
	346	+ <td>010-1234-5678</td>
	347	+ <td>성공(카톡)</td>
	348	+ </tr>
	349	+ </tbody>
	350	+ </table>
	351	+
	352	+ </div>
	353	+
	354	+ <div class="table_btn clearfix">
	355	+ <div class="table_btn_left">
	356	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
	357	+ <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	358	+ <button type="button" class="btnType btnType15" style="display: none;"><i class="remove_img"></i>주소록에서 번호 삭제</button>
	359	+ </div>
	360	+ </div>
	361	+
	362	+ <!-- pagination -->
	363	+ <ul class="pagination">
	364	+ <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
	365	+ <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
	366	+ <li class="on"><button>1</button></li>
	367	+ <li><button>2</button></li>
	368	+ <li><button>3</button></li>
	369	+ <li><button>4</button></li>
	370	+ <li><button>5</button></li>
	371	+ <li><button>6</button></li>
	372	+ <li><button>7</button></li>
	373	+ <li><button>8</button></li>
	374	+ <li><button>9</button></li>
	375	+ <li><button>10</button></li>
	376	+ <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
	377	+ <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
	378	+ </ul><!-- pagination -->
	379	+
	380	+ </div>
	381	+ <div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
	382	+ <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
	383	+ </div>
	384	+
	385	+ </div>
	386	+ </div>
	387	+ <!-- //발송대상 리스트 안내 팝업 -->
	388	+
	389	+ <!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
	390	+ <div class="tooltip-wrap">
	391	+ <div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
	392	+ <div class="popup_heading">
	393	+ <p>그룹등록</p>
	394	+ <button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	395	+ </div>
	396	+ <div class="layer_in">
	397	+ <div class="gorup_join_cont">
	398	+ <p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
	399	+ <div class="group_input" style="margin-top: 0;">
	400	+ <div class="input_left">그룹이름</div>
	401	+ <div class="input_right">
	402	+ <label for="" class="label">새 그룹명 입력</label>
	403	+ <input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
	404	+ </div>
	405	+ </div>
	406	+ <div class="popup_btn_wrap2">
	407	+ <button type="button">저장</button>
	408	+ <button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">취소</button>
	409	+ </div>
	410	+ </div>
	411	+ </div>
	412	+ </div>
	413	+ </div>
	414	+ <!--// 발송실패사유 팝업 -->
	415	+
	416	+ <!-- skip 메뉴 -->
	417	+ <div class="skip_menu">
	418	+ <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
	419	+ </div>
	420	+ <!--// skip 메뉴 -->
	421	+ <!-- quick 메뉴 -->
	422	+ <div class="quickMenu">
	423	+ <div>
	424	+ <p class="quick_title">QUICK<br>MENU</p>
	425	+ <p class="quick_title2">QUICK</p>
	426	+ <ul class="quickMenuIn">
	427	+ <li>
	428	+ <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
	429	+ <div class="hover_cont">이용안내</div>
	430	+ </li>
	431	+ <li>
	432	+ <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
	433	+ <div class="hover_cont">채팅상담</div>
	434	+ </li>
	435	+ <li>
	436	+ <a href="#"><i class="quick3"></i><span>원격지원</span></a>
	437	+ <div class="hover_cont">원격지원</div>
	438	+ </li>
	439	+ <li>
	440	+ <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
	441	+ <div class="hover_cont">맞춤제작</div>
	442	+ </li>
	443	+ <li>
	444	+ <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
	445	+ <div class="hover_cont">주소록 등록</div>
	446	+ </li>
	447	+ <li>
	448	+ <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
	449	+ <div class="hover_cont">엑셀 대량전송</div>
	450	+ </li>
	451	+ <li>
	452	+ <a href="#"><i class="quick7"></i><span>견적서</span></a>
	453	+ <div class="hover_cont">견적서</div>
	454	+ </li>
	455	+ <li>
	456	+ <a href="#"><i class="quick8"></i><span>결제</span></a>
	457	+ <div class="hover_cont">결제</div>
	458	+ </li>
	459	+ <li>
	460	+ <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
	461	+ <div class="hover_cont">영수증/계산서</div>
	462	+ </li>
	463	+ </ul>
	464	+ <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
	465	+ </div>
	466	+ </div>
	467	+ <!--// quick 메뉴 -->
	468	+ <!-- header 영역 -->
	469	+ <header id="header" class="header">
	470	+ <!-- header top 영역 -->
	471	+ <div class="header_top">
	472	+ <div class="inner">
	473	+ <ul class="menu_left">
	474	+ <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
	475	+ <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
	476	+ <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
	477	+ </ul>
	478	+ <ul class="menu_right">
	479	+ <li><a href="#">충전하기</a></li>
	480	+ <li class="SortLine"><a href="#">요금안내</a></li>
	481	+ <li class="SortLine"><a href="#">이용안내</a></li>
	482	+ <li class="SortLine"><a href="#">1:1고객상담</a></li>
	483	+ </ul>
	484	+ </div>
	485	+ </div><!-- header top 영역 -->
	486	+ <!-- header body 영역 -->
	487	+ <div class="header_body">
	488	+ <div class="inner table">
	489	+ <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
	490	+ <ul class="gnbWrap table_cell">
	491	+ <li><a href="#">문자발송</a></li>
	492	+ <li><a href="#">선거문자</a></li>
	493	+ <li><a href="#">맞춤제작</a></li>
	494	+ <li><a href="#">비즈톡</a></li>
	495	+ <li><a href="#">주소록 관리</a></li>
	496	+ <li><a href="#">발송결과</a></li>
	497	+ <li><a href="#">예약관리</a></li>
	498	+ <li><a href="#">결제내역</a></li>
	499	+ </ul>
	500	+ <div class="s_menu">
	501	+ <i class="allSearch_info"><span>문자검색</span></i>
	502	+ <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
	503	+ <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
	504	+ </div>
	505	+ </div>
	506	+ <!-- search popup 영역 -->
	507	+ <div class="pop_search">
	508	+ <div class="inner">
	509	+ <div class="area_search">
	510	+ <select name="" id="">
	511	+ <option value="">그림문자</option>
	512	+ <option value="">단문문자</option>
	513	+ <option value="">장문문자</option>
	514	+ <option value="">GIF</option>
	515	+ </select>
	516	+ <input type="text" placeholder="문자샘플 검색하기">
	517	+ <button><img src="/publish/images/search02.png" alt=""></button>
	518	+ </div>
	519	+ <div class="area_popular">
	520	+ <p><i></i>인기검색어</p>
	521	+ <ul class="popular_tag">
	522	+ <li><a href="#">#정월대보름</a></li>
	523	+ <li class="on"><a href="#">#추석</a></li>
	524	+ <li><a href="#">#가을인사</a></li>
	525	+ <li><a href="#">#좋은하루</a></li>
	526	+ </ul>
	527	+ </div>
	528	+ <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
	529	+ </div>
	530	+ </div>
	531	+ <!--// search popup 영역 -->
	532	+ </div>
	533	+ <!--// header body 영역 -->
	534	+ <div id="login" class="login">
	535	+ <div class="inner table">
	536	+ <div class="login_left table_cell">
	537	+ <div class="login_put">
	538	+ <label for="id_text" class="label"></label>
	539	+ <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
	540	+ <label for="password_text" class="label"></label>
	541	+ <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
	542	+ <label for="login_button" class="label"></label>
	543	+ <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
	544	+ </div>
	545	+ <div class="login_save">
	546	+ <input type="checkbox" id="save_id">
	547	+ <label for="save_id">아이디 저장</label>
	548	+ </div>
	549	+ <div class="login_find">
	550	+ <a href="#">아이디찾기 /</a>
	551	+ <a href="#">비밀번호 찾기</a>
	552	+ </div>
	553	+ <div>
	554	+ <button type="button" class="btnType btnType2">회원가입</button>
	555	+ <button type="button" class="btnType btnType3">둘러보기</button>
	556	+ </div>
	557	+ </div>
	558	+ <div class="login_right">
	559	+ <span><i></i>이달의 이벤트</span>
	560	+ <button type="button" class="btnType btnType4">바로가기</button>
	561	+ </div>
	562	+ </div>
	563	+ </div>
	564	+ <!--// login 영역 -->
	565	+ </header>
	566	+ <!--// header 영역 -->
	567	+ <!-- login 영역 -->
	568	+ <!-- content 영역 -->
	569	+ <div id="container" class="cont sub">
	570	+ <div class="inner">
	571	+ <!-- send top -->
	572	+ <div class="send_top">
	573	+ <!-- 결제관리 - 요금 사용내역 -->
	574	+ <div class="rev_admin_cont serv_content current">
	575	+ <div class="heading">
	576	+ <h2>발송결과 상세</h2>
	577	+ <button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
	578	+ </div>
	579	+
	580	+ <!-- 발송결과 상세 및 미리보기-->
	581	+
	582	+ <div class="send_general">
	583	+ <!-- 발송결과 상세 정보 -->
	584	+ <div class="resultcont_left">
	585	+ <!--발송정보-->
	586	+ <div class="res_info">
	587	+ <div class="res_info_in">
	588	+ <div class="res_info_top clearfix">
	589	+ <p>발송정보</p>
	590	+ <p><button type="button" class="btnType btnType3" onclick="fnMjMsgReSendAll();">재전송</button></p>
	591	+ </div>
	592	+ <div class="res_info_btm">
	593	+ <dl>
	594	+ <dt>발송일시</dt>
	595	+ <dd>2025-04-21 18:19:48</dd>
	596	+ </dl>
	597	+
	598	+ <!-- 예약발송인 경우 -->
	599	+ <dl>
	600	+ <dt>등록일시</dt>
	601	+ <dd>2025-04-21 18:19:48</dd>
	602	+ </dl>
	603	+ <!-- //예약발송인 경우 -->
	604	+
	605	+ <dl>
	606	+ <dt>형태</dt>
	607	+ <dd>
	608	+ 친구톡
	609	+ </dd>
	610	+ </dl>
	611	+ <dl>
	612	+ <dt>발송건수</dt>
	613	+ <dd><span class="c_222">1</span>건</dd>
	614	+ </dl>
	615	+ <dl>
	616	+ <dt>채널정보</dt>
	617	+ <dd>@아이티앤</dd>
	618	+ </dl>
	619	+ <dl>
	620	+ <dt>진행상황</dt>
	621	+ <dd>완료</dd>
	622	+ </dl>
	623	+
	624	+ <dl>
	625	+ <dt>진행상황
	626	+ <div class="icon_wrap">
	627	+ <div class="re">예약</div>
	628	+ <div class="di_info">
	629	+ <button class="di">분할</button>
	630	+ <div class="di_hover_layer">
	631	+ <strong>1건씩 5분 간격</strong>
	632	+ </div>
	633	+ </div>
	634	+ </div>
	635	+ </dt>
	636	+ <dd>예약취소()</dd>
	637	+ </dl>
	638	+
	639	+ </div>
	640	+ <div class="res_info_btm">
	641	+ <dl>
	642	+ <dt class="btm_charge">발송요금(합계)</dt>
	643	+ <dd><span class="stcharge">5</span>원</dd>
	644	+ <!--<dd><span class="stcharge">-</span>원</dd>-->
	645	+ <!-- 예역취소 후 금액은 하이픈 처리-->
	646	+ </dl>
	647	+ <div class="charge_line">
	648	+ <dl>
	649	+ <dt class="charge_title">· 카카오톡</dt>
	650	+ <dd><span class="c_222">5</span>원</dd>
	651	+ </dl>
	652	+ <dl>
	653	+ <dt class="charge_title">· 대체문자</dt>
	654	+ <dd><span class="c_222">0</span>원</dd>
	655	+ </dl>
	656	+ </div>
	657	+ </div>
	658	+ </div>
	659	+ </div>
	660	+ <!--// 발송정보-->
	661	+ <!--상세결과-->
	662	+ <div class="res_info">
	663	+ <div class="res_info_in">
	664	+ <div class="res_info_top clearfix" style="padding:0 0 10px 0;">
	665	+ <p>상세결과</p>
	666	+ <p><!-- <button type="button" class="refresh_btn btnType"><i class="refresh_img"></i>새로고침</button> --></p>
	667	+ </div>
	668	+ <div class="res_num">
	669	+ <div class="res_info_btm1">
	670	+ <dl>
	671	+ <dt>전체건수</dt>
	672	+ <dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">101</span>건(100%)</a></dd>
	673	+ </dl>
	674	+ </div>
	675	+ <div class="res_info_btm1">
	676	+ <dl>
	677	+ <dt>성공건수</dt>
	678	+ <dd><span class="c_002c9a_g">100</span>건(100%)</dd>
	679	+ </dl>
	680	+ </div>
	681	+ </div>
	682	+ <div class="res_num">
	683	+ <div class="res_info_btm1">
	684	+ <dl>
	685	+ <dt>대기건수</dt>
	686	+ <dd><span class="c_666_g">0</span>건(0%)</dd>
	687	+ </dl>
	688	+ </div>
	689	+ <div class="res_info_btm1">
	690	+ <dl>
	691	+ <dt>실패건수</dt>
	692	+ <dd><span class="c_e40000_g">1</span>건(100%)</dd>
	693	+ </dl>
	694	+ </div>
	695	+ </div>
	696	+ <div class="table_btn clearfix">
	697	+ <div class="table_btn_left">
	698	+ <!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	699	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
	700	+ <p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
	701	+ <p class="table_bottom_txt" style="padding:5px 0 0 0;">* 대체문자 발송 성공 시, 성공건수로 집계됩니다.</p>
	702	+ </div>
	703	+ <div class="table_btn_right">
	704	+
	705	+ </div>
	706	+ </div>
	707	+ </div>
	708	+ </div>
	709	+ <!--// 발송결과-->
	710	+
	711	+
	712	+ </div>
	713	+ <!--// 발송결과 상세 정보 -->
	714	+
	715	+ <div class="resultcont_right" id="previewPhone">
	716	+ <div class="phone">
	717	+ <!-- 탭스타일 -->
	718	+ <div class="list_tab_wrap2 type5">
	719	+ <ul class="tabType3" id="tabType" name="tabType">
	720	+ <li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
	721	+ <li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li>
	722	+ </ul>
	723	+ </div>
	724	+ <!--// 탭스타일 -->
	725	+
	726	+ <!-- 카카오 알림톡 미리보기 -->
	727	+ <div class="tab_phone current" id="tab_phone_1">
	728	+ <div class="phone_kakako friendtalk">
	729	+ <div class="phoneIn">
	730	+ <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
	731	+ <!-- 텍스트 미리보기 -->
	732	+ <div class="text_preview">
	733	+ <p class="friend_talk_title"><span>(광고)</span></p>
	734	+ <div class="allimtalk_content">
	735	+ <div class="kakao_image"><img src="/publish/images/content/kakao_img_basic.jpg" alt="" style="display:none;"></div>
	736	+ <p class="template_text">홍길동 고객님 안녕하세요.
	737	+ 문자온입니다.
	738	+ 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
	739	+ <button type="button" class="btn_kakao_type">문자온 바로가기</button>
	740	+ </div>
	741	+ <p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
	742	+ </div>
	743	+ </div>
	744	+ <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
	745	+ </div>
	746	+ </div>
	747	+ <!--// 카카오 알림톡 미리보기 -->
	748	+
	749	+ <!-- 대체문자 -->
	750	+
	751	+ <!-- 카카오 알림톡 미리보기 -->
	752	+ <div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
	753	+ <div class="phone">
	754	+ <div class="phoneIn">
	755	+ <div>
	756	+ <p class="prev_p"><img src="/publish/images/search.png">문자내용</p>
	757	+ <div class="text_length2 clearfix" style="display:none;">
	758	+ <span class="msg_com msg_short">단문</span>
	759	+ <div>
	760	+ <span>글자크기</span>
	761	+ <button type="button"><img src="/publish/images/content/font_plus.png"></button>
	762	+ <button type="button"><img src="/publish/images/content/font_minus.png"></button>
	763	+ </div>
	764	+ </div>
	765	+ <div class="text_length2 clearfix" style="display:none;">
	766	+ <span class="msg_com msg_long">장문</span>
	767	+ <div>
	768	+ <span>글자크기</span>
	769	+ <button type="button"><img src="/publish/images/content/font_plus.png"></button>
	770	+ <button type="button"><img src="/publish/images/content/font_minus.png"></button>
	771	+ </div>
	772	+ </div>
	773	+ <div class="text_length2 clearfix">
	774	+ <span class="msg_com msg_photo">
	775	+ 그림
	776	+ </span>
	777	+ </div>
	778	+ <!-- 텍스트 미리보기 -->
	779	+ <div class="text_preview">
	780	+ <div class="preiew_img">
	781	+ <div class="img_box">
	782	+ <img src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000013873&fileSn=0" alt="발송된 그림문자 미리보기" style="width: 100%">
	783	+ </div>
	784	+ </div>
	785	+ <div class="preview_auto">
	786	+ <p class="ad_tit">(광고)</p>
	787	+ <p class="realtime" id="smsTxt">
	788	+ test
	789	+ </p>
	790	+ <p class="deny_receipt">무료거부 0808800858</p>
	791	+ </div>
	792	+ </div>
	793	+ <!-- //텍스트 미리보기 -->
	794	+ </div>
	795	+ </div>
	796	+ <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
	797	+ </div>
	798	+ </div>
	799	+ <!--// 카카오 알림톡 미리보기 -->
	800	+ <!-- // 대체문자 -->
	801	+
	802	+ </div>
	803	+ </div>
	804	+
	805	+ <!-- 발송결과 미리보기 -->
	806	+ <div class="resultcont_right" style="display: none;">
	807	+ <!-- 카카오 알림톡 미리보기 -->
	808	+ <div class="phone_kakako">
	809	+ <div class="phoneIn">
	810	+ <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
	811	+ <!-- 텍스트 미리보기 -->
	812	+ <div class="text_preview">
	813	+ <div class="allimtalk_title">
	814	+ <img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
	815	+ </div>
	816	+ <div class="allimtalk_content">
	817	+ <!-- <div class="kakao_image"> -->
	818	+ <!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
	819	+ <!-- </div> -->
	820	+ <p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
	821	+ <p class="emphasis_title_text">타이틀 미리보기</p>
	822	+ <p class="template_text">내용미리보기</p>
	823	+ <p class="side_info_text">부가정보내용</p>
	824	+ <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
	825	+ <button type="button" class="btn_kakao_type">버튼명</button>
	826	+ <button type="button" class="btn_kakao_type">버튼명</button>
	827	+ <!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
	828	+ <!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
	829	+ <!-- <p class="template_text">내용미리보기</p> -->
	830	+ <!-- <p class="side_info_text">부가정보내용</p> -->
	831	+ <!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
	832	+ <!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
	833	+ <!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
	834	+ </div>
	835	+ </div>
	836	+ <!-- //텍스트 미리보기 -->
	837	+ </div>
	838	+
	839	+ <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
	840	+ </div>
	841	+ <!--// 카카오 알림톡 미리보기 -->
	842	+
	843	+ </div>
	844	+ <!--// 발송결과 미리보기 -->
	845	+ </div>
	846	+
	847	+ <!--// 발송결과 상세 및 미리보기-->
	848	+
	849	+ <!-- 목록-->
	850	+ <div class="btn_list_type1">
	851	+ <button class="btnType btnType17">목록</button>
	852	+ </div>
	853	+ <!--// 목록-->
	854	+
	855	+ </div>
	856	+ </div>
	857	+ <!--// send top -->
	858	+ </div>
	859	+ </div>
	860	+ <!--// content 영역 -->
	861	+ <!-- footer 영역 -->
	862	+ <div data-include-path="/publish/layout/_footer.html"></div>
	863	+ <!--// footer 영역 -->
	864	+</body>
	865	+
	866	+</html>(No newline at end of file)

Add a comment

Open 0
Closed 0

List

...	...	@@ -96,6 +96,9 @@
96	96
97	97	# End of https://www.gitignore.io/api/eclipse
98	98
	99	+# gemini
	100	+.gemini/
	101	+
99	102	# Maven
100	103	target/
101	104	pom.xml.tag

...	...	@@ -100,7 +100,8 @@
100	100
101	101	/** @jsonStr 필요유무 */
102	102	boolean hasTitleOrButtons = StringUtils.isNotEmpty(templateTitle)
103		- \|\| CollectionUtils.isNotEmpty(templateDetail.getButtonList());
	103	+ \|\| CollectionUtils.isNotEmpty(templateDetail.getButtonList())
	104	+ \|\| "IMAGE".equalsIgnoreCase(templateDetail.getTemplateEmphasizeType()); // 템플릿 강조 유형 이미지 유형을 알기 위해 추가
104	105
105	106	/** @jsonStr 반복유무 */
106	107	boolean needsJsonReplacement = hasTitleReplacement \|\| hasButtonReplacement;
...	...	@@ -123,6 +124,7 @@
123	124	// kakaoSendAdvcListVO.get(i).setBizJsonName(idList.get(i));
124	125	// }
125	126
	127	+ String templateEmphasizeType = kakaoVO.getTemplateEmphasizeType();
126	128
127	129
128	130	// 분할 건수 카운터

...	...	@@ -41,6 +41,7 @@
41	41	import itn.let.kakao.kakaoComm.KakaoVO;
42	42	import itn.let.kakao.kakaoComm.kakaoApi.service.KakaoApiService;
43	43	import itn.let.utl.fcc.service.EgovStringUtil;
	44	+import lombok.extern.slf4j.Slf4j;
44	45
45	46	/**
46	47	* @FileName : KakaoApiTemplate.java
...	...	@@ -50,6 +51,7 @@
50	51
51	52	* @프로그램 설명 :
52	53	*/
	54	+@Slf4j
53	55	@Component
54	56	public class KakaoApiTemplate {
55	57
...	...	@@ -394,6 +396,7 @@
394	396
395	397	String sendUrl = mjonBizUrl + "/v3/kakao/template/list";
396	398
	399	+ log.info(" + kakaoVO.getCategoryCode() :: [{}]", kakaoVO.getCategoryCode());
397	400	JSONObject jsonObject = new JSONObject();
398	401	jsonObject.put("bizId", mjonBizId);
399	402	jsonObject.put("apiKey", mjonBizKakaoApiKey);
...	...	@@ -437,6 +440,8 @@
437	440	JSONParser parser = new JSONParser();
438	441	Object obj = parser.parse(result);
439	442	JSONObject object = (JSONObject) obj;
	443	+ log.info(" + object [{}]",object.toJSONString());
	444	+
440	445
441	446	String code = object.get("code").toString();
442	447	String msg = object.get("message").toString();
...	...	@@ -456,6 +461,9 @@
456	461	List<KakaoReturnVO> templatList = new ArrayList<KakaoReturnVO>() ;
457	462	for(int i=0; i < tempJSONList.size(); i++) {
458	463	JSONObject templateInfo = (JSONObject)tempJSONList.get(i);
	464	+
	465	+
	466	+ log.info(" + templateInfo [{}]",templateInfo.toJSONString());
459	467	KakaoReturnVO templateInfoVO = new KakaoReturnVO();
460	468
461	469	String senderKey = templateInfo.get("senderKey").toString();

...	...	@@ -85,10 +85,11 @@
85	85	String bbsId = "";
86	86
87	87	String serverName = request.getServerName();//URL 도메인정보 받아오기
	88	+ System.out.println("serverName : "+ serverName);
88	89	if(serverName.equals("www.munjaon.co.kr")) {//운영서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
89	90	bbsId = "BBSMSTR_000000000782";
90	91	}else {//개발서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
91		- bbsId = "BBSMSTR_000000000791";
	92	+ bbsId = "BBSMSTR_000000000782";
92	93	}
93	94
94	95	boardVO.setBbsId(bbsId);
...	...	@@ -113,7 +114,7 @@
113	114	boardVO.setRecordCountPerPage(100);
114	115
115	116	map = bbsMngService.selectBoardArticlesWeb(boardVO, null);
116		-
	117	+ System.out.println("????????????????????????????????");
117	118	int totCnt = Integer.parseInt((String) map.get("resultCnt"));
118	119
119	120	paginationInfo.setTotalRecordCount(totCnt);

...	...	@@ -841,8 +841,8 @@
841	841	&& result.getDiffMin() < -5 // 예약 시간이 5분 이상인 것들만
842	842	) {
843	843	returnCode = "03"; // 예약대기 코드 ( 예약취소 버튼 노출 )
844		- } else if (result.getMsgGroupCnt().equals(result.getResultSValue())
845		- \|\| result.getMsgGroupCnt().equals(result.getResultFValue())) {
	844	+ } else if (Integer.parseInt(result.getMsgGroupCnt()) == Integer.parseInt(result.getResultSValue()) + Integer.parseInt(result.getResultFValue())
	845	+ ) {
846	846	returnCode = "02"; // 완료 코드
847	847	} else {
848	848	returnCode = "01"; // 진행중 코드

...	...	@@ -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_advc
	32	+#Globals.Url=jdbc:mysql://139.150.73.12:3306/mjon
32	33	Globals.UserName= mjonUr
33	34	Globals.Password= mjon!@#$
34	35

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

...	...	@@ -27,7 +27,7 @@
27	27
28	28	# mysql
29	29	Globals.DriverClassName=com.mysql.jdbc.Driver
30		-Globals.Url=jdbc:mysql://10.12.107.4:3306/mjon
	30	+Globals.Url=jdbc:mysql://10.12.107.14:3306/mjon_advc
31	31	Globals.UserName= mjonUr
32	32	Globals.Password= mjon!@#$
33	33

...	...	@@ -77,7 +77,8 @@
77	77
78	78	<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
79	79	<!-- 문자 미리보기 -->
80		- <div class="tab_phone" id="tab_phone_2">
	80	+<!-- <div class="tab_phone" id="tab_phone_2" > -->
	81	+ <div class="tab_phone" id="tab_phone_2" style="display:none" >
81	82	<div class="phoneIn">
82	83	<div>
83	84	<p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p>

...	...	@@ -13,6 +13,10 @@
13	13	<script src="/publish/js/swiper.min.js"></script>
14	14
15	15	<script type="text/javascript">
	16	+
	17	+</script>
	18	+
	19	+<script type="text/javascript">
16	20	let cookieCache = null; // 쿠키 데이터를 캐시할 변수
17	21
18	22	$(document).ready(function() {

...	...	@@ -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>

...	...	@@ -1046,8 +1046,10 @@
1046	1046	.template_choice_popup .template_type{width: 180px;}
1047	1047	.template_choice_popup .emphasis_type{width: 180px;}
1048	1048	.template_choice_popup .popup_search_wrap .template_name{width: 300px;}
1049		-.template_choice_popup .kakao_template_list{margin: 20px 0 0 0;}
1050		-.template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 11px 40px 0;}
	1049	+/* .template_choice_popup .kakao_template_list{margin: 20px 0 0 0;} */
	1050	+.template_choice_popup .kakao_template_list{display:flex;flex-wrap:wrap;gap:30px 16px;margin:20px 0;}
	1051	+/* .template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 11px 40px 0;} */
	1052	+.template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
1051	1053	.template_choice_popup .kakao_template_list li:nth-child(3n){margin: 0 0 0 0;}
1052	1054	.template_choice_popup .kakao_template_list li::after{position: absolute; content: " "; width: 100%; height: 18px; background: url(/publish/images/kakao_template_cont.png) no-repeat top center; top: 8px;}
1053	1055	.template_choice_popup .kakao_template_list .kakao_template_wrap{width: 100%; height: 370px; padding: 30px 0 15px 0; border-radius: 22px 22px 0 0; box-shadow: inset 0 2px 8px rgba(0,0,0,0.2); background: #b6cddd; overflow-y: auto; box-sizing: border-box;}
...	...	@@ -1056,6 +1058,7 @@
1056	1058	.template_choice_popup .kakao_template_list .template_cont .title .check{position: absolute; left: 15px; top: -2px;}
1057	1059	.template_choice_popup .kakao_template_list .template_cont .img_box img{width: 100%; height: auto;}
1058	1060	.template_choice_popup .kakao_template_list .template_cont .text_box{font-size: 14px; color: #555; line-height: 1.4; padding: 20px;}
	1061	+.template_choice_popup .kakao_template_list .template_cont .text_box p{word-break:break-all;}
1059	1062	.template_choice_popup .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 10px;}
1060	1063	.template_choice_popup .kakao_template_list .kakao_template_info dl{display: flex; padding: 6px 0;}
1061	1064	.template_choice_popup .kakao_template_list .kakao_template_info dt{position: relative; width: 76px; margin: 0 13px 0 0;}
...	...	@@ -1200,6 +1203,9 @@
1200	1203	.call_number_pop .pro_tit span{font-weight: 700; color: #002c9a;}
1201	1204
1202	1205	.call_layer .info_tit{font-size: 20px; font-weight: 500; margin: 0 0 15px 0;}
	1206	+.call_layer .call_new ul li {padding:0;}
	1207	+.call_layer .call_new ul li .call_img {text-align: center; width:155px;}
	1208	+.call_layer .call_new ul li p {font-size:16px; padding:0 0 0 10px;}
1203	1209
1204	1210	/* 발송결과 개선 : 진행현황 안내*/
1205	1211	.info_hover_cont {top: 40px; right: -1px; width: 320px; line-height:1.4;}

...	...	@@ -74,6 +74,7 @@
74	74	<li><a target="_blank" href="/publish/textingmsg.html">textingmsg.html</a>발송관리</li>
75	75	<li><a target="_blank" href="/publish/textingmsg_detail.html">textingmsg_detail.html</a>발송관리 > 상세</li>
76	76	<li><a target="_blank" href="/publish/textingmsg_detail_allimtalk.html">textingmsg_detail_allimtalk.html</a>발송관리 > 상세(알림톡)</li>
	77	+ <li><a target="_blank" href="/publish/textingmsg_detail_friendtalk.html">textingmsg_detail_friendtalk.html</a>발송관리 > 상세(친구톡)</li>
77	78	<li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서</li>
78	79	<!-- ///////////////발송결과/////////////// -->
79	80

...	...	@@ -156,8 +156,9 @@
156	156	<dd>
157	157	<ul>
158	158	<li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
	159	+ <li><a href="#none">친구톡</a></li>
159	160	<li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
160		- <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">알림톡 소개</a></li>
	161	+ <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">카카오톡 소개</a></li>
161	162	</ul>
162	163	</dd>
163	164	</dl>

...	...	@@ -221,82 +221,88 @@
221	221	</div>
222	222
223	223	<p class="info_tit">[통신사 고객센터 정보]</p>
224		- <ul>
225		- <li>
226		- <div>
	224	+ <!-- 통신사 고객센터 수정 250619 -->
	225	+ <div class="call_new">
	226	+ <ul>
	227	+ <li>
227	228	<div>
228		- <img src="/publish/images/content/call_serv1.png" alt="T 월드">
	229	+ <div class="call_img">
	230	+ <img src="/publish/images/content/call_serv1_1.png" alt="T 월드">
	231	+ </div>
	232	+ <p>
	233	+ <span class="fwLg">모바일</span>
	234	+ 1599-0011  /  <span class="fwLg">유선</span> 1600-2000
	235	+ </p>
229	236	</div>
230		- <p>
231		- <span class="fwLg">모바일</span>
232		- 080-011-6000   /   <span class="fwLg">유선</span> 080-816-2000
233		- </p>
234		- </div>
235		- </li>
236		- <li>
237		- <div>
	237	+ </li>
	238	+ <li>
238	239	<div>
239		- <img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
	240	+ <div class="call_img">
	241	+ <img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile">
	242	+ </div>
	243	+ <p>1599-0999</p>
240	244	</div>
241		- <p>1599-0999</p>
242		- </div>
243		- </li>
244		- <li>
245		- <div>
	245	+ </li>
	246	+ <li>
246	247	<div>
247		- <img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드">
	248	+ <div class="call_img">
	249	+ <img src="/publish/images/content/call_serv3_1.png" alt="B">
	250	+ </div>
	251	+ <p>106</p>
248	252	</div>
249		- <p>080-8282-106</p>
250		- </div>
251		- </li>
252		- <li>
253		- <div>
	253	+ </li>
	254	+ <li>
254	255	<div>
255		- <img src="/publish/images/content/call_serv4.png" alt="hello 모바일">
	256	+ <div class="call_img">
	257	+ <img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
	258	+ </div>
	259	+ <p>KT망 1855-1144 / SKT망
	260	+ 1855-2114 / LGU+망 1855-1140</p>
256	261	</div>
257		- <p>KT망 1855-1144   /   SKT망
258		- 1855-2114</p>
259		- </div>
260		- </li>
261		- <li>
262		- <div>
	262	+ </li>
	263	+ <li>
263	264	<div>
264		- <img src="/publish/images/content/call_serv5.png" alt="Kt">
	265	+ <div class="call_img">
	266	+ <img src="/publish/images/content/call_serv5_1.png" alt="Kt">
	267	+ </div>
	268	+ <p>
	269	+ <span class="fwLg">모바일</span> 1588-0010  /  <span class="fwLg">유선</span>
	270	+ 100
	271	+ </p>
265	272	</div>
266		- <p>
267		- <span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
268		- 100
269		- </p>
270		- </div>
271		- </li>
272		- <li>
273		- <div>
	273	+ </li>
	274	+ <li>
274	275	<div>
275		- <img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
	276	+ <div class="call_img">
	277	+ <img src="/publish/images/content/call_serv6_1.png" alt="snowman">
	278	+ </div>
	279	+ <p>KT망 1688-9300 / SKT망
	280	+ 1666-9316 / LGU+망 1688-0045</p>
276	281	</div>
277		- <p>080-889-1000</p>
278		- </div>
279		- </li>
280		- <li>
281		- <div>
	282	+ </li>
	283	+ <li>
282	284	<div>
283		- <img src="/publish/images/content/call_serv7.png" alt="U+">
	285	+ <div class="call_img">
	286	+ <img src="/publish/images/content/call_serv7_1.png" alt="LG U+">
	287	+ </div>
	288	+ <p>
	289	+ <span class="fwLg">모바일</span>
	290	+ 1544-0010  /  <span class="fwLg">유선</span> 101
	291	+ </p>
284	292	</div>
285		- <p>
286		- <span class="fwLg">모바일</span>
287		- 1588-0010   /   <span class="fwLg">유선</span> 100
288		- </p>
289		- </div>
290		- </li>
291		- <li>
292		- <div>
	293	+ </li>
	294	+ <li>
293	295	<div>
294		- <img src="/publish/images/content/call_serv8.png" alt="Kct">
	296	+ <div class="call_img">
	297	+ <img src="/publish/images/content/call_serv8_1.png" alt="tplus">
	298	+ </div>
	299	+ <p>KT망 1811-1141 / SKT망
	300	+ 1877-9114 / LGU+망 1533-7114</p>
295	301	</div>
296		- <p>070-8188-0114</p>
297		- </div>
298		- </li>
299		- </ul>
	302	+ </li>
	303	+ </ul>
	304	+ </div>
	305	+ <!--// 통신사 고객센터 수정 250619 -->
300	306	</div>
301	307	</div>
302	308	</div>

Delete comment