tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

친구톡 전송, 발송결과 > 친구톡

Browse Source
This commit is contained in:
subsub 2025-06-18 14:45:25 +09:00
parent 44de39c92c
commit 4a657bc6eb
5 changed files with 902 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/webapp/publish/css/content.css
View File

@ -1734,6 +1734,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.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 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.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 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.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; }

1
src/main/webapp/publish/guide.html
View File

@ -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>
<!-- ///////////////발송결과/////////////// -->

16
src/main/webapp/publish/js/content.js
View File

@ -541,9 +541,23 @@ $(document).ready(function () {
"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");
}
})

12
src/main/webapp/publish/kakao_friendtalk_send.html
View File

@ -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">홍길동 고객님 안녕하세요.

866
src/main/webapp/publish/textingmsg_detail_friendtalk.html Normal file
View File

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