chominsoo4245 / mjon_git star
Forked from hylee / mjon_git
정수빈 정수빈 2025-06-18
친구톡 전송, 발송결과 > 친구톡
@4a657bc6eb26eb3f62c1d64f656f0ca35ecfcdf4
44de39c
4a657bc
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -1734,6 +1734,7 @@
 
 .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; 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;}
@@ -1768,7 +1769,11 @@
 
 .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% - 79px);}
 
+.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;}
@@ -2237,6 +2242,11 @@
 
 .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; }
44de39c
4a657bc
src/main/webapp/publish/guide.html
--- src/main/webapp/publish/guide.html
+++ src/main/webapp/publish/guide.html
@@ -74,6 +74,7 @@
 
         <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>
 
         <!-- ///////////////발송결과/////////////// -->
44de39c
4a657bc
src/main/webapp/publish/js/content.js
--- src/main/webapp/publish/js/content.js
+++ src/main/webapp/publish/js/content.js
@@ -541,9 +541,23 @@
 
 				"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 .put_text_wrap .put_text").removeAttr("style");
 
+			$(".friend_talk_wrap .replace_send_wrap textarea").removeAttr("style");
 
+			
 		}
 
 	})
44de39c
4a657bc
src/main/webapp/publish/kakao_friendtalk_send.html
--- src/main/webapp/publish/kakao_friendtalk_send.html
+++ src/main/webapp/publish/kakao_friendtalk_send.html
@@ -160,7 +160,7 @@
 
                                             <div class="put_left short">
 
                                                 <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>
@@ -778,9 +778,15 @@
 
                                                                         <!-- 업로드한 이미지의 썸네일 영역 -->
 
                                                                         <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 /
@@ -799,7 +805,7 @@
 
                                                                     </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>
@@ -816,7 +822,7 @@
 
                                     <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/kakao_img_basic.jpg" alt="" style="display:none;"></div>
 
                                             <p class="template_text">홍길동 고객님 안녕하세요.
 
4a657bc
src/main/webapp/publish/textingmsg_detail_friendtalk.html (added)
+++ src/main/webapp/publish/textingmsg_detail_friendtalk.html
@@ -0,0 +1,866 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+	<meta charset="UTF-8">
+	<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 rel="stylesheet" href="/publish/css/reset.css">
+	<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
+	<link rel="stylesheet" href="/publish/css/common.css">
+	<link rel="stylesheet" href="/publish/css/button.css">
+	<link rel="stylesheet" href="/publish/css/content.css">
+	<link rel="stylesheet" href="/publish/css/mem.css">
+	<link rel="stylesheet" href="/publish/css/font.css">
+	<link rel="stylesheet" href="/publish/css/popupLayer.css">
+	<link rel="stylesheet" href="/publish/js/datepicker/classic.css">
+	<link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
+
+
+	<script src="/publish/js/jquery-3.5.0.js"></script>
+	<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
+	<script src="/publish/js/common.js"></script>
+	<script src="/publish/js/content.js"></script>
+	<script src="/publish/js/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>
+		$(document).ready(function () {
+			$(".table_tab_wrap .tab_depth1 a").click(function () {
+				var tab_num = $(this).index();
+				$(".table_cont .tb_wrap").eq(tab_num).show();
+				$(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
+				if ($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num + 1) {
+					$(this).css("border-radius", "0 5px 5px 0");
+				} else {}
+			})
+		});
+
+		function phoneTab(obj, tabId) {
+			var $tab = $(obj).closest("li");
+			$tab.addClass("active");
+			$tab.find("button").attr("title", "선택됨");
+			$tab.siblings("li.tab").removeClass("active");
+			$tab.siblings("li.tab").find("button").removeAttr("title");
+
+			var $tabCn = $("#tab_phone_" + tabId);
+			$tabCn.fadeIn(0);
+			$tabCn.addClass("current");
+
+			$(".tab_phone").not($tabCn).removeClass("current");
+			$(".tab_phone").not($tabCn).fadeOut(0);
+
+			currTabId = tabId;
+		}
+	</script>
+
+</head>
+
+<body>
+	<div class="mask"></div>
+
+	<!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
+			<div class="popup_heading">
+				<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
+				<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<div class="list_tab_wrap2 type5">
+					<!-- tab button -->
+					<ul class="list_tab">
+						<li class="tab active"><button type="button" onclick="listTab2(this,'1');">이통사 스팸 필터링 서비스</button></li>
+						<li class="tab"><button type="button" onclick="listTab2(this,'2');">번호도용 문자차단 서비스</button></li>
+					</ul><!-- // tab button -->
+				</div>
+				<!-- 광고문자 전송규정 안내 -->
+				<div class="adpop_cont current" id="listTab2_1">
+					<div class="titBox">
+						<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
+						<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
+						<p>&nbsp; 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
+						<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
+						<p>&nbsp; (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
+											<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>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list02">
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
+									<dl>
+										<dt>SKT · T스팸필터링</dt>
+										<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
+									<dl>
+										<dt>KT올레 · 올레스팸차단서비스</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
+									<dl>
+										<dt>LG U+ · U+ 스팸차단</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 전송규정 안내 -->
+
+				<!-- 광고문자 수신동의 안내 -->
+				<div class="adpop_cont" id="listTab2_2">
+					<div class="titBox">
+						<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
+						<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
+						<p>&nbsp; 하신 후 전송하시기 바랍니다.</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
+											<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>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 수신동의 안내 -->
+			</div>
+			<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
+			</div>
+		</div>
+	</div>
+	<!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
+
+
+	<!-- 발송대상리스트 팝업 -->
+	<div class="tooltip-wrap">
+		<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;">
+			<div class="popup_heading">
+				<p>발송대상 리스트</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+
+				<div class="popup_search_type2">							
+					<label for="" class="label">검색종류 선택</label>
+					<div class="title">수신번호</div>
+					<label for="" class="label">검색어입력</label>
+					<input type="text" class="send_text" id="searchInput" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
+					<button type="button" id="searchBtn" class="btnType btnType2" style="width:63px; margin:0;">검색</button>
+				</div>
+				
+				<div class="list_tab_wrap2 type4">
+					<ul class="tabType3" id="tabType" name="tabType">
+						<li class="tab active"><button type="button" id="initTab" title="선택됨">전체</button></li>
+						<li class="tab"><button type="button">대기</button></li>
+						<li class="tab"><button type="button">성공</button></li>
+						<li class="tab"><button type="button">실패</button></li>
+					</ul>
+				</div>
+
+				<div class="tb_wrap" style="min-height:200px;">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 30%;">
+							<col style="width: 40%;">
+							<col style="width: 30%;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th>이름
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th>수신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th>상세결과
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(카톡)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(카톡)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>실패(카톡+문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>실패(카톡+문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(카톡)</td>
+							</tr>
+						</tbody>
+					</table>
+
+				</div>
+
+				<div class="table_btn clearfix">
+					<div class="table_btn_left">
+						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+						<button type="button" class="btnType btnType15" style="display: none;"><i class="remove_img"></i>주소록에서 번호 삭제</button>
+					</div>
+				</div>
+
+				<!-- pagination -->
+				<ul class="pagination">
+					<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+					<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+					<li class="on"><button>1</button></li>
+					<li><button>2</button></li>
+					<li><button>3</button></li>
+					<li><button>4</button></li>
+					<li><button>5</button></li>
+					<li><button>6</button></li>
+					<li><button>7</button></li>
+					<li><button>8</button></li>
+					<li><button>9</button></li>
+					<li><button>10</button></li>
+					<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+					<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+				</ul><!-- pagination -->
+
+			</div>
+			<div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
+			</div>
+
+		</div>
+	</div>
+	<!-- //발송대상 리스트 안내 팝업 -->
+
+	<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
+	<div class="tooltip-wrap">
+		<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;">
+			<div class="popup_heading">
+				<p>그룹등록</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<div class="gorup_join_cont">
+					<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
+					<div class="group_input" style="margin-top: 0;">
+						<div class="input_left">그룹이름</div>
+						<div class="input_right">
+							<label for="" class="label">새 그룹명 입력</label>
+							<input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
+						</div>
+					</div>
+					<div class="popup_btn_wrap2">
+						<button type="button">저장</button>
+						<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">취소</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--// 발송실패사유 팝업 -->
+
+	<!-- skip 메뉴  -->
+	<div class="skip_menu">
+		<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+	</div>
+	<!--// skip 메뉴  -->
+	<!-- quick 메뉴 -->
+	<div class="quickMenu">
+		<div>
+			<p class="quick_title">QUICK<br>MENU</p>
+			<p class="quick_title2">QUICK</p>
+			<ul class="quickMenuIn">
+				<li>
+					<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">
+		<!-- 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 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- 결제관리 - 요금 사용내역 -->
+				<div class="rev_admin_cont serv_content current">
+					<div class="heading">
+						<h2>발송결과 상세</h2>
+						<button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
+					</div>
+
+					<!-- 발송결과 상세 및 미리보기-->
+
+					<div class="send_general">
+						<!-- 발송결과 상세 정보 -->
+						<div class="resultcont_left">
+							<!--발송정보-->
+							<div class="res_info">
+								<div class="res_info_in">
+									<div class="res_info_top clearfix">
+										<p>발송정보</p>
+										<p><button type="button" class="btnType btnType3" onclick="fnMjMsgReSendAll();">재전송</button></p>
+									</div>
+									<div class="res_info_btm">
+										<dl>
+											<dt>발송일시</dt>
+											<dd>2025-04-21 18:19:48</dd>
+										</dl>
+										
+										<!-- 예약발송인 경우 -->
+										<dl>
+											<dt>등록일시</dt>
+											<dd>2025-04-21 18:19:48</dd>
+										</dl>
+										<!-- //예약발송인 경우 -->
+										
+										<dl>
+											<dt>형태</dt>
+											<dd>
+												친구톡
+											</dd>
+										</dl>
+										<dl>
+											<dt>발송건수</dt>
+											<dd><span class="c_222">1</span>건</dd>
+										</dl>
+										<dl>
+											<dt>채널정보</dt>
+											<dd>@아이티앤</dd>
+										</dl>
+										<dl>
+											<dt>진행상황</dt>
+											<dd>완료</dd>
+										</dl>
+
+										<dl>
+											<dt>진행상황
+												<div class="icon_wrap">
+													<div class="re">예약</div>
+													<div class="di_info">
+														<button class="di">분할</button>
+														<div class="di_hover_layer">
+															<strong>1건씩 5분 간격</strong>
+														</div>
+													</div>
+												</div>
+											</dt>
+											<dd>예약취소()</dd>
+										</dl>
+										
+									</div>
+									<div class="res_info_btm">
+										<dl>
+											<dt class="btm_charge">발송요금(합계)</dt>
+											<dd><span class="stcharge">5</span>원</dd>
+											<!--<dd><span class="stcharge">-</span>원</dd>-->
+											<!-- 예역취소 후 금액은 하이픈 처리-->
+										</dl>
+										<div class="charge_line">
+											<dl>
+												<dt class="charge_title">· 카카오톡</dt>
+												<dd><span class="c_222">5</span>원</dd>
+											</dl>
+											<dl>
+												<dt class="charge_title">· 대체문자</dt>
+												<dd><span class="c_222">0</span>원</dd>
+											</dl>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!--// 발송정보-->
+							<!--상세결과-->
+							<div class="res_info">
+								<div class="res_info_in">
+									<div class="res_info_top clearfix" style="padding:0 0 10px 0;">
+										<p>상세결과</p>
+										<p><!-- <button type="button" class="refresh_btn btnType"><i class="refresh_img"></i>새로고침</button> --></p>
+									</div>
+									<div class="res_num">
+										<div class="res_info_btm1">
+											<dl>
+												<dt>전체건수</dt>
+												<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">101</span>건(100%)</a></dd>
+											</dl>
+										</div>
+										<div class="res_info_btm1">
+											<dl>
+												<dt>성공건수</dt>
+												<dd><span class="c_002c9a_g">100</span>건(100%)</dd>
+											</dl>
+										</div>
+									</div>
+									<div class="res_num">
+										<div class="res_info_btm1">
+											<dl>
+												<dt>대기건수</dt>
+												<dd><span class="c_666_g">0</span>건(0%)</dd>
+											</dl>
+										</div>
+										<div class="res_info_btm1">
+											<dl>
+												<dt>실패건수</dt>
+												<dd><span class="c_e40000_g">1</span>건(100%)</dd>
+											</dl>
+										</div>
+									</div>
+									<div class="table_btn clearfix">
+										<div class="table_btn_left">
+											<!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+											<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
+											<p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
+											<p class="table_bottom_txt" style="padding:5px 0 0 0;">* 대체문자 발송 성공 시, 성공건수로 집계됩니다.</p>
+										</div>
+										<div class="table_btn_right">
+											
+										</div>
+									</div>
+								</div>
+							</div>
+							<!--// 발송결과-->
+
+							
+						</div>
+						<!--// 발송결과 상세 정보 -->
+
+						<div class="resultcont_right" id="previewPhone">
+							<div class="phone">
+								<!-- 탭스타일 -->
+								<div class="list_tab_wrap2 type5">
+									<ul class="tabType3" id="tabType" name="tabType">
+										<li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
+										<li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li>
+									</ul>
+								</div>
+								<!--// 탭스타일 -->
+
+								<!-- 카카오 알림톡 미리보기 -->
+								<div class="tab_phone current" id="tab_phone_1">
+									<div class="phone_kakako friendtalk">
+										<div class="phoneIn">
+											<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></p>
+		                                        <div class="allimtalk_content">
+		                                            <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>
+		                                        </div>
+		                                        <p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
+		                                    </div>
+										</div>
+										<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
+									</div>
+								</div>
+								<!--// 카카오 알림톡 미리보기 -->
+
+								<!-- 대체문자 -->
+
+								<!-- 카카오 알림톡 미리보기 -->
+								<div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
+									<div class="phone">
+										<div class="phoneIn">
+											<div>
+												<p class="prev_p"><img src="/publish/images/search.png">문자내용</p>
+												<div class="text_length2 clearfix" style="display:none;">
+													<span class="msg_com msg_short">단문</span>
+													<div>
+														<span>글자크기</span>
+														<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+														<button type="button"><img src="/publish/images/content/font_minus.png"></button>
+													</div>
+												</div>
+												<div class="text_length2 clearfix" style="display:none;">
+													<span class="msg_com msg_long">장문</span>
+													<div>
+														<span>글자크기</span>
+														<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+														<button type="button"><img src="/publish/images/content/font_minus.png"></button>
+													</div>
+												</div>
+												<div class="text_length2 clearfix">
+													<span class="msg_com msg_photo">
+														그림
+													</span>
+												</div>
+												<!-- 텍스트 미리보기 -->
+												<div class="text_preview">
+													<div class="preiew_img">
+														<div class="img_box">
+															<img src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000013873&amp;fileSn=0" alt="발송된 그림문자 미리보기" style="width: 100%">
+														</div>
+													</div>
+													<div class="preview_auto">
+														<p class="ad_tit">(광고)</p>
+														<p class="realtime" id="smsTxt">
+															test
+														</p>
+														<p class="deny_receipt">무료거부 0808800858</p>
+													</div>
+												</div>
+												<!-- //텍스트 미리보기 -->
+											</div>
+										</div>
+										<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
+									</div>
+								</div>
+								<!--// 카카오 알림톡 미리보기 -->
+								<!-- // 대체문자 -->
+
+							</div>
+						</div>
+
+						<!-- 발송결과 미리보기 -->
+						<div class="resultcont_right" style="display: none;">
+							<!-- 카카오 알림톡 미리보기 -->
+							<div class="phone_kakako">
+								<div class="phoneIn">
+									<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
+									<!-- 텍스트 미리보기 -->
+									<div class="text_preview">
+										<div class="allimtalk_title">
+											<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
+										</div>
+										<div class="allimtalk_content">
+											<!--                                             <div class="kakao_image"> -->
+											<!--                                                 <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
+											<!--                                             </div> -->
+											<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
+											<p class="emphasis_title_text">타이틀 미리보기</p>
+											<p class="template_text">내용미리보기</p>
+											<p class="side_info_text">부가정보내용</p>
+											<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
+											<button type="button" class="btn_kakao_type">버튼명</button>
+											<button type="button" class="btn_kakao_type">버튼명</button>
+											<!--                                             <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
+											<!--                                             <p class="emphasis_title_text">타이틀 미리보기</p> -->
+											<!--                                             <p class="template_text">내용미리보기</p> -->
+											<!--                                             <p class="side_info_text">부가정보내용</p>  -->
+											<!--                                             <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
+											<!--                                             <button type="button" class="btn_kakao_type">버튼명</button> -->
+											<!--                                             <button type="button" class="btn_kakao_type">버튼명</button> -->
+										</div>
+									</div>
+									<!-- //텍스트 미리보기 -->
+								</div>
+
+								<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+							</div>
+							<!--// 카카오 알림톡 미리보기 -->
+
+						</div>
+						<!--// 발송결과 미리보기 -->
+					</div>
+
+					<!--// 발송결과 상세 및 미리보기-->
+
+					<!-- 목록-->
+					<div class="btn_list_type1">
+						<button class="btnType btnType17">목록</button>
+					</div>
+					<!--// 목록-->
+
+				</div>
+			</div>
+			<!--// send top -->
+		</div>
+	</div>
+	<!--// content 영역 -->
+	<!-- footer 영역 -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
+</body>
+
+</html>(No newline at end of file)
Add a comment
List