diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css
index fa5e3860..4974f25f 100644
--- a/src/main/webapp/publish/css/content.css
+++ b/src/main/webapp/publish/css/content.css
@@ -2035,7 +2035,7 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .send_top .resultcont_left {max-width: 800px;flex-basis: 68%;}
 .send_top .resultcont_left .table_btn {margin:-5px 0 0 0;}
 .send_top .resultcont_left {max-width: 800px;flex-basis: 68%;}
-.send_top .resultcont_left .table_btn_left .excel_btn.btnType {color:129738;}
+.send_top .resultcont_left .table_btn_left .excel_btn.btnType {color:#129738;}
 .send_top .resultcont_left .table_btn_right_txt {padding:5px 0 0 0;font-size:14px; font-weight:500;}
 
 /* 발송결과 상세 */
@@ -2097,6 +2097,34 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .send_top .resultcont_right .phone .text_preview .preiew_img .img_box img {width: 100%;}
 /* .send_top .resultcont_right .phone .text_preview .preiew_img .img_box.on_scroll_img {max-width: 95% !important; margin-right: 15px;} */
 
+/* 알림톡 미리보기 */
+.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;} 
+.send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px;}
+.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
+.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
+.send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
+.send_top .resultcont_right .phone_kakako .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}
+.send_top .resultcont_right .phone_kakako .allimtalk_title img{margin: 0 8px 0 0; vertical-align: bottom;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview{width: 100%; padding: 15px 10px 20px 12px; margin: 15px 0 0 0; box-sizing: border-box;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content{width: calc(100% - 20px);background-color: #fff; border-radius: 0 0 5px 5px; padding: 0 0 10px 0;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .kakao_image img{width: 100%;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content p{width: calc(100% - 20px); white-space: normal; word-break: break-all; line-height: 1.4; padding: 0 10px; margin: 0 auto;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_title_text{font-size: 16px; font-weight: 500; color: #222;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_side_text{padding: 15px 0 0 0;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_title_text{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_side_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .side_info_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .channel_info_text{font-size: 14px; color: #999; margin: 0 auto 6px auto; white-space: normal; word-break: break-all;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text{padding: 15px 0 0 0;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .side_info_text{padding: 8px 0 0 0;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .channel_info_text{padding: 0 0 4px 0;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content button{margin: 0 0 8px 10px;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content button:last-child{margin-bottom: 0;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
+.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap{display: flex; width: calc(85% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -3px; border-radius: 0 0 25px 25px;}
+.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
+.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
+
 .btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
 .btn_list_type1 .btnType.btnType17 {width:100px; }
 
diff --git a/src/main/webapp/publish/guide_2022.html b/src/main/webapp/publish/guide_2022.html
index c1e55e27..8fa2d8a2 100644
--- a/src/main/webapp/publish/guide_2022.html
+++ b/src/main/webapp/publish/guide_2022.html
@@ -19,7 +19,8 @@
     <p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
     <ul class="page">
         <li><a href="/publish/textingmsg_2024_list.html">textingmsg_2024_list.html</a>[개선] 발송결과 : 문자 및 카카오톡 문구,진행상황,테이블 수정</li>
-        <li><a href="/publish/textingmsg_2024_detail.html">textingmsg_2024_detail.html</a>[개선] 발송결과 상세 : 문자화면 (카카오톡은 기획중)</li>
+        <li><a href="/publish/textingmsg_2024_detail.html">textingmsg_2024_detail.html</a>[개선] 발송결과 상세 : 문자화면</li>
+        <li><a href="/publish/textingmsg_2024_detail_kakao.html">textingmsg_2024_detail_kakao.html</a>[개선] 발송결과 상세 : 카카오 알림톡화면</li>
         <li><a href="/publish/payment6.html">payment6.html</a>후불회원 : 결제관리 > 요금사용내역</li>
     	<li><a href="/publish/sub_election_2023.html">sub_election_2023.html</a>선거문자</li>
         <li><a href="/publish/publish_text/send_text.html">send_text.html</a>문자보내기</li>
diff --git a/src/main/webapp/publish/textingmsg_2024_detail_kakao.html b/src/main/webapp/publish/textingmsg_2024_detail_kakao.html
new file mode 100644
index 00000000..6f60918f
--- /dev/null
+++ b/src/main/webapp/publish/textingmsg_2024_detail_kakao.html
@@ -0,0 +1,767 @@
+<!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{}
+			})
+		});
+	</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="gorup_join_cont" style="margin:-15px 0 0 0;">
+					<div class="group_input">
+						<div class="input_left">템플릿명</div>
+						<div class="input_right type1">포토리뷰 안내요청</div>
+					</div>
+				</div>
+
+				<div class="popup_search_type1">								
+                        <label for="" class="label">검색종류 선택</label>
+                        <select id="" class="selType2 select_btn">
+                            <option value="1">수신번호</option>
+							<option value="2">이름</option>
+							<option value="3">상세결과</option>
+                        </select>
+                        <label for="" class="label">검색어입력</label>
+                        <input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
+                        <button type="button" class="btnType btnType2" style="width:63px; margin:0;">검색</button>
+                </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"></div>
+					<div class="table_btn_right">
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+					<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+					</div>
+				</div>
+				
+				<!-- 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">재전송</button></p>
+                                    </div>
+                                    <div class="res_info_btm">
+                                        <dl>
+                                            <dt>발송일시</dt>
+                                            <dd>2024-07-18 15:25</dd>
+                                        </dl>
+                                        <dl>
+                                            <dt>형태</dt>
+                                            <dd>그림</dd>
+                                        </dl>
+                                        <dl>
+                                            <dt>발송건수</dt>
+                                            <dd><span class="c_222">100</span>건</dd>
+                                        </dl>
+										<dl>
+                                            <dt>발신번호</dt>
+                                            <dd>010-1234-5678</dd>
+                                        </dl>
+										<dl>
+                                            <dt>예약관리</dt>
+                                            <!--<dd>-</dd>--><!-- 예약건이 아닌 경우는 하이픈 처리-->
+											<dd><button class="btnType btnType25">예약취소</button></dd>
+											<!--<dd>예약취소 2024-07-16 15:07</dd>--><!-- 예역취소 후 버튼 대신 취소 일시 노출 -->											
+                                        </dl>
+                                    </div>
+									<div class="res_info_btm">
+                                        <dl>
+                                            <dt class="btm_charge">발송요금</dt>
+                                            <dd><span class="stcharge">100</span>원</dd>											
+											<!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리--> 
+                                        </dl>
+                                    </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>                                
+                            </div>
+                             <!--// 발송결과-->	
+
+							 <div class="table_btn clearfix">
+								<div class="table_btn_left">
+									<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+									<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+								</div>
+								<div class="table_btn_right">
+									<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
+								</div>
+							</div>						 
+						</div>
+                        <!--// 발송결과 상세 정보 -->
+
+						<!-- 발송결과 미리보기 -->
+						<div class="resultcont_right">
+							<!-- 카카오 알림톡 미리보기 -->
+							<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 영역 -->
+	<footer id="footer" class="footer">
+		<div class="footer_top">
+			<div class="inner table">
+				<ul class="table_cell">
+					<li><a href="#">이용약관</a></li>
+					<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
+					<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
+					<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="footer_body">
+			<div class="inner table">
+				<div class="table_cell">
+					<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
+					<div class="footer_info">
+						<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
+						<p>사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 : 제 다산-12345호 ｜ 문의전화 : 070-4786-0007</p>
+						<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
+					</div>
+					<div class="footer_service_center">
+						<i></i>
+						<div>
+							<p>고객센터</p>
+							<span class="footer_service_num">070-4786-0008</span>
+							<span>E-mail : help@iten.co.kr</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</footer>
+	<!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file