diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css
index 0eed8c51..1528821f 100644
--- a/src/main/webapp/publish/css/content.css
+++ b/src/main/webapp/publish/css/content.css
@@ -1639,6 +1639,8 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .kakaotalkset_cont .template_sample_content_wrap .pagination{margin-top: 40px;}
 
 .kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;}
+.kakaotalkset_cont .friend_talk_wrap .template_name_wrap input{width:340px;}
+.kakaotalkset_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;}
 .kakao_wrap .tType1_title{font-size: 24px;}
 .kakao_wrap .template_name{width: 340px;}
 .kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;}
@@ -1646,13 +1648,19 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .kakao_wrap .img_add_info_wrap .info_title_text{font-size: 15px; font-weight: 500;}
 .kakao_wrap .img_add_info_wrap .info_text{font-size: 15px; color: #555;}
 .kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;}
-.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px; margin: 10px 0 15px 0;}
+.kakao_wrap .img_file_add_wrap .info_title_text{font-weight: 500;margin:0 0 5px 0;}
+.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px;}
 .kakao_wrap .img_file_add_wrap .img_file_info_wrap{width: 100%; max-width: 623px; border: 1px solid #e5e5e5; border-radius: 5px;}
 .kakao_wrap .img_file_add_wrap .img_file_info_wrap li{display: flex;min-height: 60px;padding: 10px 20px; border-bottom: 1px solid #e5e5e5;justify-content: space-between; align-items: center; box-sizing: border-box;}
 .kakao_wrap .img_file_add_wrap .img_file_info_wrap li:last-child{border-bottom: 0;}
 .kakao_wrap .img_file_add_wrap .file_name{font-size: 16px; font-weight: 500;}
 .kakao_wrap .img_file_add_wrap .btn_del{width: 30px;height: 30px;border: 1px solid #002c9a;border-radius: 5px;}
 .kakao_wrap .img_file_add_wrap .img_url{width: calc(100% - 190px);}
+.kakao_wrap .img_file_add_wrap .info_text{margin:0 0 10px 0;}
+.kakao_wrap .img_file_add_wrap .info_text li{list-style:1.4;}
+.kakao_wrap .img_file_add_wrap .img_file_wrap{display:inline-flex;width:calc(100% - 200px);}
+.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name{width:calc(100% - 28px);}
+.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name.file_none{color:#666;font-weight:300;line-height:1.8;}
 
 .kakaotalkset_cont .kakao_wrap .template_category{width: 270px;}
 .kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;}
@@ -1683,6 +1691,7 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .kakaotalkset_cont .kakao_wrap .put_right .btn_close{width: calc(100% - 20px); height: 36px; background-color: #999; color: #fff; font-size: 15px; border-radius: 5px; margin-top: 5px;}
 .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap{position: absolute; width: 100%; bottom: 0;}
 .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;}
+.kakaotalkset_cont .friend_talk_wrap .phone_bottom{bottom:17px;}
 .kakaotalkset_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
 .kakaotalkset_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
 .kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
@@ -1724,7 +1733,7 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));}
 .kakao_wrap .replace_send_wrap{display: none; border: 1px solid #000; border-radius: 8px;padding: 0 20px; margin: 0 0 20px 0;}
 .kakao_wrap .replace_send_wrap .tType1 tr:first-child{border-top: 0;}
-.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0;}
+.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0; left: 0;}
 .kakao_wrap .replace_send_th{height: auto; padding: 20px 0 0 0;}
 .kakao_wrap .replace_send_th .title_th{margin: 0 0 20px 0;}
 .kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;}
@@ -1759,7 +1768,7 @@ 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% - 58px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 79px);}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
@@ -1798,13 +1807,16 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .friend_talk_wrap .put_text_wrap .put_text{height: calc(100% - 40px); border: 0; background-color: transparent; padding: 14px 0 0 0px;}
 .friend_talk_wrap .put_text_wrap .text_length{position: absolute; display: flex; width: calc(100% - 40px); justify-content: space-between; align-items: center; left: 20px; box-sizing: border-box;}
 .friend_talk_wrap .put_text_wrap .ad_txt{padding: 0;margin: 0;}
-.friend_talk_wrap .put_right .btn_popup_wrap>button,.friend_talk_wrap .put_right .send_btnWrap>button{width: 100%; max-width: 100%; height: 40px;}
+.friend_talk_wrap .put_right .btn_popup_wrap>button{width: 100%; max-width: 100%; height: 40px;}
 .friend_talk_wrap .put_right .btn_popup_wrap>button:last-child,.friend_talk_wrap .put_right .send_btnWrap>button:last-child{margin: 0;}
-.friend_talk_wrap .put_right .btn_text_save{background-color: #fff; border: 1px solid #002c9a; color: #002c9a; margin: 0 0 8px 0;}
+.friend_talk_wrap .put_right .send_btnWrap{display:flex;gap:6px;}
+.friend_talk_wrap .put_right .send_btnWrap .btnType9{width:40%;}
+.friend_talk_wrap .put_right .send_btnWrap .btn_text_save{width:60%;}
+
 .friend_talk_wrap .template_button .cf_text{margin: 10px 0 0 0; font-size: 14px; color: #666;}
 .friend_talk_wrap .friend_talk_title{margin: 0 0 10px 0; font-size: 15px; color: #222;}
 .friend_talk_wrap .friend_talk_title span{color: #777;}
-.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;}
+.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;overflow:hidden;}
 .friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{font-size: 15px; font-weight: 300; color: #555;}
 .friend_talk_wrap .send_right .kakao_block_text{width: calc(100% - 20px); text-align: right; font-size: 13px; font-weight: 300; color: #555; margin: 10px 0 0 0;}
 .friend_talk_wrap .put_left {position: relative;width: calc(100% - 175px);height: 260px;}
@@ -1812,8 +1824,11 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .friend_talk_wrap .put_right{width: 165px;}
 .friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;}
 .kakaotalksend_cont .friend_talk_wrap{padding: 0;}
-.kakaotalksend_cont .friend_talk_wrap .put_left {height: 307px;}
-.kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); margin: 10px 0 0 0;}
+.kakaotalksend_cont .friend_talk_wrap .put_left {height: 259px;}
+.kakaotalksend_cont .friend_talk_wrap .template_name_wrap{display:flex;gap:10px;}
+.kakaotalksend_cont .friend_talk_wrap .template_name_wrap input{width:340px;}
+.kakaotalksend_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;}
+/* .kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); } */
 .kakaotalksend_cont .friend_talk_wrap .put_right {position: relative;width: 165px;}
 .kakaotalksend_cont .tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close){margin: 0 0 0 10px;}
 
diff --git a/src/main/webapp/publish/images/content/kakao_img_basic.jpg b/src/main/webapp/publish/images/content/kakao_img_basic.jpg
new file mode 100644
index 00000000..37f5b3e3
Binary files /dev/null and b/src/main/webapp/publish/images/content/kakao_img_basic.jpg differ
diff --git a/src/main/webapp/publish/images/content/kakao_img_wide.jpg b/src/main/webapp/publish/images/content/kakao_img_wide.jpg
new file mode 100644
index 00000000..2694cd28
Binary files /dev/null and b/src/main/webapp/publish/images/content/kakao_img_wide.jpg differ
diff --git a/src/main/webapp/publish/info_popup.html b/src/main/webapp/publish/info_popup.html
index 2a68c655..83ad9c98 100644
--- a/src/main/webapp/publish/info_popup.html
+++ b/src/main/webapp/publish/info_popup.html
@@ -429,6 +429,25 @@
   </div>
   <!-- // 결제관리 > 세금계산서 발행 등록 -->
 
+  <!-- 카톡발송 > 친구톡 -->
+  <div class="info_popup" id="friendTalkSend">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>친구톡 텍스트형은 최대 1,000자까지 작성 가능 (이미지형 400자, 와이드 이미지형 76자)</li>
+        <li>변수는 [*이름*], [*1*]~[*4*]까지 입력하실 수 있습니다.</li>
+        <li>광고성 정보 포함 시, 자동으로 (광고) 표시와 080무료수신거부번호가 메시지 내용에 표시됩니다.</li>
+        <li>(광고) 표기 사용 여부는 선택 가능하나, (광고) 표기 해제에 따른 법규 의무사항 미준수 시, 메시지 발송이 중단될 수 있습니다.</li>
+        <li>예약 메시지는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
+        <!-- <li>세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</li> -->
+        <li style="font-weight:bold;color:#222;">안심번호는 임시번호로 전송이 불가합니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 카톡발송 > 친구톡 -->
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/js/content.js b/src/main/webapp/publish/js/content.js
index 945a7aa8..3bb20dad 100644
--- a/src/main/webapp/publish/js/content.js
+++ b/src/main/webapp/publish/js/content.js
@@ -1,7 +1,7 @@
 $(document).ready(function () {
-	
+
 	// 문자작성 영역 클릭시 textarea 활성화
-	$('.put_left').on('click',function(e){
+	$('.put_left').on('click', function (e) {
 		$(this).find('textarea.put_text').focus();
 	});
 
@@ -14,7 +14,7 @@ $(document).ready(function () {
 	});
 
 	/* 문자샘플 , 회원가입 약관 동의, 전송내역, 팝업에 있는 table, 요금사용 내역 호버 컨텐츠, 예약관리 문자내용 상세보기 팝업, 메모 팝업, 주소록 불러오기 팝업, 주소록 관리 왼쪽, 견적서 스크롤바 꾸미기 */
-	if($(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").length>0){
+	if ($(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").length > 0) {
 		$(".agree_text, .histroy_trans, .rev_popup, .history_hover, .rev_pop_txt .memo, .adr_pop_list, .estimate, .cashReceipt_popup02 .layer_in, .kakao_wrap .rev_pop_txt, .clause_version_popup .clause_wrap").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "outside",
@@ -23,7 +23,7 @@ $(document).ready(function () {
 			scrollInertia: 600,
 			mouseWheelPixels: 300
 		});
-	}else if($(".kakao_template_wrap").length>0){
+	} else if ($(".kakao_template_wrap").length > 0) {
 		$(".kakao_template_wrap").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "inside",
@@ -33,11 +33,11 @@ $(document).ready(function () {
 			mouseWheelPixels: 300
 		});
 	}
-	
+
 	//결제관리 - 견적내기 tbody 10줄 이상부터 스크롤 생김
 	var tbHieght = $('.tType3.payDetail .tType3_bd_wrap').height();
-	if(tbHieght > 399){
-		$('.tType3.payDetail .tType3_bd_wrap').css("height","400px");
+	if (tbHieght > 399) {
+		$('.tType3.payDetail .tType3_bd_wrap').css("height", "400px");
 		$(".tType3.payDetail .tType3_bd_wrap").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "outside",
@@ -46,19 +46,19 @@ $(document).ready(function () {
 			scrollInertia: 600,
 			mouseWheelPixels: 300
 		});
-	}else {}
+	} else {}
 
 
 	/* 실시간 글 적용 */
 	/*var jbTxt = $("#textarea").text();
 	$(".realtime").text(jbTxt);*/
-/*
-	$("#textarea, #smsTxtArea").on("change keyup paste", function () {
-		var crtTxt = $(this).val();
-		$(".realtime").text(crtTxt);
-		$(".none_txt").empty();
-	});
-*/	
+	/*
+		$("#textarea, #smsTxtArea").on("change keyup paste", function () {
+			var crtTxt = $(this).val();
+			$(".realtime").text(crtTxt);
+			$(".none_txt").empty();
+		});
+	*/
 	$(".kakaotalksend_cont #textarea,.kakaotalkset_cont #textarea").on("change keyup paste", function () {
 		var crtTxt = $(this).val();
 		$(".template_text").text(crtTxt);
@@ -135,10 +135,10 @@ $(document).ready(function () {
 	})
 
 
-	
+
 
 	//요금 사용내역 table안에 있는 내용 hover 시 컨텐츠 보임
-	$(".tb_tit").mouseover(function(){
+	$(".tb_tit").mouseover(function () {
 		$(this).find(".history_hover").css({
 			"top": "50%",
 			"left": "90%",
@@ -146,7 +146,7 @@ $(document).ready(function () {
 		})
 	})
 	//컨텐츠 사라짐
-	$(".tb_tit").mouseleave(function(){
+	$(".tb_tit").mouseleave(function () {
 		$(this).find(".history_hover").css({
 			"top": 0,
 			"left": 0,
@@ -155,169 +155,167 @@ $(document).ready(function () {
 	})
 
 	/* 주소록 순서 변경 */
-	$(".list_switch").each(function(index, item){
-		index+=1;
-		$(item).addClass("adr_0"+index); // 순서대로 클래스 추가
+	$(".list_switch").each(function (index, item) {
+		index += 1;
+		$(item).addClass("adr_0" + index); // 순서대로 클래스 추가
 		$(".adr_01").addClass("adr_first"); // 첫번째 그룹 클래스 추가
 		$(".list_switch").last().addClass("adr_last"); // 마지막 그룹 클래스 추가
-	 });
+	});
 
 
-	 /* 최상단으로 */
-	 $(".btn_top").click(function(){
+	/* 최상단으로 */
+	$(".btn_top").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 
-		if(checkAdrWrap.is(".adr_first") == true){
-		   // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
-		   $(".adr_first").after(checkAdrWrap);
+		if (checkAdrWrap.is(".adr_first") == true) {
+			// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
+			$(".adr_first").after(checkAdrWrap);
+		} else {
+			// 첫번째가 선택 안됐을 때 나머지들을 최상단으로
+			$(".adr_first").before(checkAdrWrap);
 		}
-		else{
-		   // 첫번째가 선택 안됐을 때 나머지들을 최상단으로
-		   $(".adr_first").before(checkAdrWrap);
-		}
-	
+
 		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-		
-		// 순서대로 다시 클래스 추가
-		$(".list_switch").each(function(index, item){
-		   $(item).removeClass("adr_0"+index);
-		   index+=1;
-		   if(index > 0){
-			  $(item).addClass("adr_0"+index);
-			  $(".adr_01").addClass("adr_first");
-			  $(".list_switch").last().addClass("adr_last");
-		   }
-		});
-	 })
 
-	 
+		// 순서대로 다시 클래스 추가
+		$(".list_switch").each(function (index, item) {
+			$(item).removeClass("adr_0" + index);
+			index += 1;
+			if (index > 0) {
+				$(item).addClass("adr_0" + index);
+				$(".adr_01").addClass("adr_first");
+				$(".list_switch").last().addClass("adr_last");
+			}
+		});
+	})
+
+
 	/* 상단으로 */
-	$(".btn_up").click(function(){
+	$(".btn_up").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 		//$(checkAdrWrap).prev().before(checkAdrWrap);
 
-	 	$(checkAdrWrap).each(function(index, item){
-	 		if ($(item).index() == 2) {
-	 			 return false;        //break
-	 		}
-	 		
-	 		// 한칸씩 위로 이동
- 			$(item).prev().before(item);
+		$(checkAdrWrap).each(function (index, item) {
+			if ($(item).index() == 2) {
+				return false; //break
+			}
+
+			// 한칸씩 위로 이동
+			$(item).prev().before(item);
 
 			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 			$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-			
+
 			// 순서대로 다시 클래스 추가
-			$(".list_switch").each(function(index, item){
-			   $(item).removeClass("adr_0"+index);
-			   index+=1;
-			   if(index > 0){
-				  $(item).addClass("adr_0"+index);
-				  $(".adr_01").addClass("adr_first");
-				  $(".list_switch").last().addClass("adr_last");
-			   }
-			});	 			
+			$(".list_switch").each(function (index, item) {
+				$(item).removeClass("adr_0" + index);
+				index += 1;
+				if (index > 0) {
+					$(item).addClass("adr_0" + index);
+					$(".adr_01").addClass("adr_first");
+					$(".list_switch").last().addClass("adr_last");
+				}
+			});
 		});
 
 		//var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
 		//var checkAdrWrap = checkAdr.parent().parent();
 		//var adrLength = $(checkAdr).parents(".adr1_list").find(".adr_cb_wrap").eq;
-		
+
 		//alert(adrLength);
 		//if($(checkAdr).is(":checked")){
 		//	$(checkAdrWrap).length();
 		//}else{}
-		
-//		// 버튼 클릭 시 체크된 값 가져와야함.
-//		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-//	 	var checkAdrWrap = checkAdr.parent().parent();
-//		var checkAdrWrap2 = checkAdrWrap.first().prev();
-//
-//		if(checkAdrWrap2.is(".list_fixed") == false){
-//			$(checkAdrWrap2).before(checkAdrWrap);
-//		}else{}
-//		
-//		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
-//		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-//		
-//		// 순서대로 다시 클래스 추가
-//		$(".list_switch").each(function(index, item){
-//		   $(item).removeClass("adr_0"+index);
-//		   index+=1;
-//		   if(index > 0){
-//			  $(item).addClass("adr_0"+index);
-//			  $(".adr_01").addClass("adr_first");
-//			  $(".list_switch").last().addClass("adr_last");
-//		   }
-//		});
-	 })
 
-	 /* 하단으로 */
-	$(".btn_down").click(function(){
+		//		// 버튼 클릭 시 체크된 값 가져와야함.
+		//		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
+		//	 	var checkAdrWrap = checkAdr.parent().parent();
+		//		var checkAdrWrap2 = checkAdrWrap.first().prev();
+		//
+		//		if(checkAdrWrap2.is(".list_fixed") == false){
+		//			$(checkAdrWrap2).before(checkAdrWrap);
+		//		}else{}
+		//		
+		//		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
+		//		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
+		//		
+		//		// 순서대로 다시 클래스 추가
+		//		$(".list_switch").each(function(index, item){
+		//		   $(item).removeClass("adr_0"+index);
+		//		   index+=1;
+		//		   if(index > 0){
+		//			  $(item).addClass("adr_0"+index);
+		//			  $(".adr_01").addClass("adr_first");
+		//			  $(".list_switch").last().addClass("adr_last");
+		//		   }
+		//		});
+	})
+
+	/* 하단으로 */
+	$(".btn_down").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 		//$(checkAdrWrap).next().after(checkAdrWrap);
 
-		$(checkAdrWrap.get().reverse()).each(function(index, item){
-	 		if ($(item).index() == $(".list_switch").last().index()) {
-	 			 return false;        //break
-	 		}
-	 		
-	 		// 한칸씩 아래로 이동
+		$(checkAdrWrap.get().reverse()).each(function (index, item) {
+			if ($(item).index() == $(".list_switch").last().index()) {
+				return false; //break
+			}
+
+			// 한칸씩 아래로 이동
 			$(item).next().after(item);
 
 			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 			$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-			
+
 			// 순서대로 다시 클래스 추가
-			$(".list_switch").each(function(index, item){
-			   $(item).removeClass("adr_0"+index);
-			   index+=1;
-			   if(index > 0){
-				  $(item).addClass("adr_0"+index);
-				  $(".adr_01").addClass("adr_first");
-				  $(".list_switch").last().addClass("adr_last");
-			   }
+			$(".list_switch").each(function (index, item) {
+				$(item).removeClass("adr_0" + index);
+				index += 1;
+				if (index > 0) {
+					$(item).addClass("adr_0" + index);
+					$(".adr_01").addClass("adr_first");
+					$(".list_switch").last().addClass("adr_last");
+				}
 			});
 		});
-	 })
+	})
 
-	 /* 최하단으로 */
-	 $(".btn_botom").click(function(){
+	/* 최하단으로 */
+	$(".btn_botom").click(function () {
 		// 버튼 클릭 시 체크된 값 가져와야함.
-		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked"); 
-	 	var checkAdrWrap = checkAdr.parent().parent();
+		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
+		var checkAdrWrap = checkAdr.parent().parent();
 
-		if(checkAdrWrap.is(".adr_last") == true){
-		   // 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
-		   $(".adr_last").before(checkAdrWrap);
+		if (checkAdrWrap.is(".adr_last") == true) {
+			// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
+			$(".adr_last").before(checkAdrWrap);
+		} else {
+			// 첫번째가 선택 안됐을 때 나머지들을 최하단으로
+			$(".adr_last").after(checkAdrWrap);
 		}
-		else{
-		   // 첫번째가 선택 안됐을 때 나머지들을 최하단으로
-		   $(".adr_last").after(checkAdrWrap);
-		}
-	
+
 		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
 		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");
-		
+
 		// 순서대로 다시 클래스 추가
-		$(".list_switch").each(function(index, item){
-		   $(item).removeClass("adr_0"+index);
-		   index+=1;
-		   if(index > 0){
-			  $(item).addClass("adr_0"+index);
-			  $(".adr_01").addClass("adr_first");
-			  $(".list_switch").last().addClass("adr_last");
-		   }
+		$(".list_switch").each(function (index, item) {
+			$(item).removeClass("adr_0" + index);
+			index += 1;
+			if (index > 0) {
+				$(item).addClass("adr_0" + index);
+				$(".adr_01").addClass("adr_first");
+				$(".list_switch").last().addClass("adr_last");
+			}
 		});
-	 })
-	 /* //주소록 순서 변경 */
+	})
+	/* //주소록 순서 변경 */
 
 
 
@@ -328,18 +326,18 @@ $(document).ready(function () {
 
 
 	// 퀵메뉴 버튼 클릭 시 컨텐츠와 푸터 열고 닫히고 버튼 이미지 변경됨
-	$(".adr_cb_wrap>p").off("click").on('click',function () {
+	$(".adr_cb_wrap>p").off("click").on('click', function () {
 
 		// 전체
 		$(".check_group_all>p").find("img").attr("src", "/publish/images/content/close_folder.png");
 		$(".check_group_all>p").find("img").attr("alt", "폴더 닫힘");
-		
+
 		// 주소록 그룹 열림, 닫힘 폴더이미지 초기화
 		$(".adr1_list div p").each(function (index, item) {
 			$(item).find("img").attr("src", "/publish/images/content/close_folder2.png");
 			$(item).find("img").attr("alt", "폴더 닫힘");
 		});
-		
+
 		var foloerImg = $(this);
 
 		/*
@@ -354,91 +352,90 @@ $(document).ready(function () {
 			$(this).find("img").attr("alt", "폴더 닫힘");
 		}
 		*/
-		
+
 		if ($(this).parent().hasClass("check_group_all") === true) {
 			$(this).find("img").attr("src", "/publish/images/content/open_folder.png");
-			$(this).find("img").attr("alt", "폴더 열림");		
-		}
-		else {
+			$(this).find("img").attr("alt", "폴더 열림");
+		} else {
 			$(this).find("img").attr("src", "/publish/images/content/open_folder2.png");
-			$(this).find("img").attr("alt", "폴더 열림");		
+			$(this).find("img").attr("alt", "폴더 열림");
 		}
-		
+
 	});
 
 
-//    //주소록 불러오기 팝업 textarea 대신 p태그로 글씨 먹인 영역 active 시 사라지게
-//    $(".req_area").click(function(){
-// 	$(".req_area").addClass("active");
-// 	});
+	//    //주소록 불러오기 팝업 textarea 대신 p태그로 글씨 먹인 영역 active 시 사라지게
+	//    $(".req_area").click(function(){
+	// 	$(".req_area").addClass("active");
+	// 	});
 
-// 	// 외부영역 클릭 시 textarea 사라짐
-// 	$(document).mouseup(function (e){
-// 		var LayerPopup = $(".req_area");
-// 		if(LayerPopup.has(e.target).length === 0){
-// 		  LayerPopup.removeClass("active");
-// 		}
-// 	  });
-	 
-	 //선거문자 1명씩 선택 ? 호버 시 팝업
-	 $(".btn_check_one .qmMark").mouseover(function(){
+	// 	// 외부영역 클릭 시 textarea 사라짐
+	// 	$(document).mouseup(function (e){
+	// 		var LayerPopup = $(".req_area");
+	// 		if(LayerPopup.has(e.target).length === 0){
+	// 		  LayerPopup.removeClass("active");
+	// 		}
+	// 	  });
+
+	//선거문자 1명씩 선택 ? 호버 시 팝업
+	$(".btn_check_one .qmMark").mouseover(function () {
 		$(this).parents(".btnType").next(".send_hover_cont").addClass("on");
 	})
-	$(".btn_check_one .qmMark").mouseleave(function(){
+	$(".btn_check_one .qmMark").mouseleave(function () {
 		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
-  	})
-  	
-  	// 번호추가 ? 호버 시 팝업
-  	$(".btn_add_number .qmMark").mouseover(function(){
+	})
+
+	// 번호추가 ? 호버 시 팝업
+	$(".btn_add_number .qmMark").mouseover(function () {
 		$(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");
 	})
-	$(".btn_add_number .qmMark").mouseleave(function(){
+	$(".btn_add_number .qmMark").mouseleave(function () {
 		$(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");
-  	})
-  	
-  	
+	})
+
+
 	//문자발송 오류검사 ? 호버 시 팝업
-	$(".test_qm").mouseover(function(){
+	$(".test_qm").mouseover(function () {
 		$(this).parents(".btnType").find(".test_hover_cont").addClass("on");
 	})
-	$(".test_qm").mouseleave(function(){
-	  $(this).parents(".btnType").find(".test_hover_cont").removeClass("on");
-  	})
-
-	  //문자발송 오류검사 ? 호버 시 팝업
-	$(".check_validity").mouseover(function(){
-		$(this).next(".error_hover_cont").addClass("on");
-	});
-	$(".check_validity").mouseleave(function(){
-	  $(this).next(".error_hover_cont").removeClass("on");
-  	});
-
-	  //주소록 관리 - 수신거부 관리 결과전송 ?호버 시 팝업
-	  $(".adr2_hover").mouseover(function(){
-		  $(this).parents(".btnType").next(".adr2_hover_cont").addClass("on");
-	  })
-	  $(".adr2_hover").mouseleave(function(){
-		$(this).parents(".btnType").next(".adr2_hover_cont").removeClass("on");
-		})
+	$(".test_qm").mouseleave(function () {
+		$(this).parents(".btnType").find(".test_hover_cont").removeClass("on");
+	})
 
 	//문자발송 오류검사 ? 호버 시 팝업
-	$(".adr_qm").mouseover(function(){
+	$(".check_validity").mouseover(function () {
+		$(this).next(".error_hover_cont").addClass("on");
+	});
+	$(".check_validity").mouseleave(function () {
+		$(this).next(".error_hover_cont").removeClass("on");
+	});
+
+	//주소록 관리 - 수신거부 관리 결과전송 ?호버 시 팝업
+	$(".adr2_hover").mouseover(function () {
+		$(this).parents(".btnType").next(".adr2_hover_cont").addClass("on");
+	})
+	$(".adr2_hover").mouseleave(function () {
+		$(this).parents(".btnType").next(".adr2_hover_cont").removeClass("on");
+	})
+
+	//문자발송 오류검사 ? 호버 시 팝업
+	$(".adr_qm").mouseover(function () {
 		$(this).parents(".btnType").find(".adr_hover_cont").addClass("on");
 	})
-	$(".adr_qm").mouseleave(function(){
-	  $(this).parents(".btnType").find(".adr_hover_cont").removeClass("on");
-  	})
+	$(".adr_qm").mouseleave(function () {
+		$(this).parents(".btnType").find(".adr_hover_cont").removeClass("on");
+	})
 
-  	//발송결과 진행상황 호버 시 팝업 
-	  $(".check_validity").mouseover(function(){
+	//발송결과 진행상황 호버 시 팝업 
+	$(".check_validity").mouseover(function () {
 		$(this).next(".info_hover_cont").addClass("on");
 	});
-	$(".check_validity").mouseleave(function(){
-	  $(this).next(".info_hover_cont").removeClass("on");
-  	});
-  	
+	$(".check_validity").mouseleave(function () {
+		$(this).next(".info_hover_cont").removeClass("on");
+	});
+
 	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
-	$(".btn_list").click(function(){
+	$(".btn_list").click(function () {
 		$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
 		$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
 		$(this).hide();
@@ -446,7 +443,7 @@ $(document).ready(function () {
 		$('#btnAllChk').hide();
 		$('#formListType').val("list");
 	});
-	$(".btn_thumbnail").click(function(){
+	$(".btn_thumbnail").click(function () {
 		$(this).closest(".tab_content").find(".list_content").fadeOut(0);
 		$(this).closest(".tab_content").find(".thumbnail_content,.btn_list").show();
 		$(this).hide();
@@ -455,10 +452,10 @@ $(document).ready(function () {
 		$('#formListType').val("thumbnail");
 	});
 
-	$(".send_fail_check").change(function(){
+	$(".send_fail_check").change(function () {
 		/*var ofsT=Math.round($(".send_top").find('.send_right').offset().top);
 		var pH=Math.round($(".send_top").find('.send_right .phone').outerHeight());*/
-		if($(".send_fail_check").is(":checked")){
+		if ($(".send_fail_check").is(":checked")) {
 			$(".replace_send_wrap").slideDown(400);
 			/*var scrT=$(window).scrollTop();
 			var t=scrT+213;
@@ -470,86 +467,106 @@ $(document).ready(function () {
 			}else if(t<=ofsT){
 				$('.send_top .send_right .phone').attr('style','');
 			}*/
-		}else{
+		} else {
 			$(".replace_send_wrap").slideUp(400);
-			$('.send_top .send_right .phone').css({'top': '0','transition': 'top .4s linear'});
+			$('.send_top .send_right .phone').css({
+				'top': '0',
+				'transition': 'top .4s linear'
+			});
 		}
-		
+
 	});
 
 	//강조유형 선택시 처리
-	$(".emphasis_select").change(function(){
-		if($(this).val() == "NONE"){
-			
+	$(".emphasis_select").change(function () {
+		if ($(this).val() == "NONE") {
+
 			//강조표기형 숨김처리 및 내용 초기화
 			$('.emphasis_title_text').hide();
 			$('.emphasis_side_text').hide();
 			$("#inputTemplateTitle").val("");
 			$("#inputTemplateSubTitle").val("");
 			$("#imgFile").val("");
-		    $("#imgNm").val(""); 
-			
+			$("#imgNm").val("");
+
 			//영역 제거하기
 			$(".emphasis_cont").removeClass("active");
-			
-		}else if($(this).val() == "IMAGE"){
+
+		} else if ($(this).val() == "IMAGE") {
 			$(".emphasis_image").addClass("active");
 			$(".emphasis_image").siblings(".emphasis_cont").removeClass("active");
-		}
-		else if($(this).val() == "TEXT"){
+		} else if ($(this).val() == "TEXT") {
 			$(".emphasis_mark").addClass("active");
 			$(".emphasis_mark").siblings(".emphasis_cont").removeClass("active");
-			
+
 			//첨부 이미지 정보가 있으면 지워준다.
 			$("#imgFile").val("");
-		    $("#imgNm").val(""); 
-		}else{$(".emphasis_cont").removeClass("active");}
+			$("#imgNm").val("");
+		} else {
+			$(".emphasis_cont").removeClass("active");
+		}
 	});
 
-	$(".kakaotalksend_cont .template_type_select").change(function(){
-		if($(this).val() == "template_01"){
-			$(".receiver_wrap01").attr("style","display: block !important;");
-			$(".receiver_wrap02").attr("style","display: none !important;");
+	$(".kakaotalksend_cont .template_type_select").change(function () {
+		if ($(this).val() == "template_01") {
+			$(".receiver_wrap01").attr("style", "display: block !important;");
+			$(".receiver_wrap02").attr("style", "display: none !important;");
 			$(".variable_wrap").hide();
-		}else{
-			$(".receiver_wrap02").attr("style","display: block !important;");
-			$(".receiver_wrap01").attr("style","display: none !important;");
+		} else {
+			$(".receiver_wrap02").attr("style", "display: block !important;");
+			$(".receiver_wrap01").attr("style", "display: none !important;");
 			$(".variable_wrap").show();
 		}
 	});
-	
-	$("input[name='img_file_add']").change(function(){
-		if($("input[name='img_file_add']:checked").attr("id")=="img_file_1"){
-			$(".basic_img_add_wrap").show().siblings(".img_add_info_wrap").hide();
-			$(".img_file_add_wrap").show();
-		}else if($("input[name='img_file_add']:checked").attr("id")=="img_file_2"){
-			$(".wide_img_add_wrap").show().siblings(".img_add_info_wrap").hide();
-			$(".img_file_add_wrap").show();
-		} else{
+
+	$("input[name='img_file_add']").change(function () {
+		if ($("input[name='img_file_add']:checked").attr("id") == "img_file_1") {
+			$(".basic_img_add_wrap").show().siblings(".wide_img_add_wrap").hide();
+			//$(".img_file_add_wrap").show();
+			$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_basic.jpg");
+		} else if ($("input[name='img_file_add']:checked").attr("id") == "img_file_2") {
+			$(".wide_img_add_wrap").show().siblings(".basic_img_add_wrap").hide();
+			$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_wide.jpg");
+			//$(".img_file_add_wrap").show();
+		} else {
 			$(".img_add_info_wrap, .img_file_add_wrap").hide();
+			$(".kakao_image img").hide();
 		}
 	});
 
+	$(".friend_talk_wrap #ad_Y").click(function () {
+		if ($(this).is(":checked") == false) {
+			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").hide();
+			$(".friend_talk_wrap .put_text_wrap .put_text").css({
+				"padding": "0",
+				"height": "calc(100% - 18px)"
+			});
+		} else {
+			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
+			$(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style")
+		}
+	})
+
 	/* 포토이미지 드래그 */
-  	if($('.thumb_wrap').length>0){
-  		$('.thumb_wrap').sortable();
-  	}
+	if ($('.thumb_wrap').length > 0) {
+		$('.thumb_wrap').sortable();
+	}
 
 	photoLayerView();
-	
+
 	/* 카카오톡 소개 페이지 탭 */
-	$('.kakao_intro_cont .use ul.tabs li').click(function(){
-        var tab_id = $(this).attr('data-tab');
+	$('.kakao_intro_cont .use ul.tabs li').click(function () {
+		var tab_id = $(this).attr('data-tab');
 
-        $('ul.tabs li').removeClass('current');
-        $('.tab-content').removeClass('current');
+		$('ul.tabs li').removeClass('current');
+		$('.tab-content').removeClass('current');
 
-        $(this).addClass('current');
-        $("#"+tab_id).addClass('current');
-    });
+		$(this).addClass('current');
+		$("#" + tab_id).addClass('current');
+	});
 });
 
-function photoLayerView(){
+function photoLayerView() {
 	/* 그림문자 마우스 오버 시 이미지 확대 띄움 */
 	$(".photo_cont").mouseover(function () {
 		$(this).mousemove(function (e) {
@@ -579,12 +596,12 @@ function photoLayerView(){
 var currTabId = "";
 
 /* tab 버튼 공통 - 단순 구조 일 때만 사용 */
-function TabType(obj,tabId) {
+function TabType(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	console.log('$tab : ', $tab);
 	var popItem = $(obj).closest(".popup-com");
 	var popClass = popItem.attr("data-tooltip-con");
-	
+
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");
 	$tab.siblings("li.tab").removeClass("active");
@@ -595,19 +612,23 @@ function TabType(obj,tabId) {
 	tabId = tabId - 1;
 	tabCont.eq(tabId).addClass("current");
 	tabCont.eq(tabId).siblings("div").removeClass("current");
-	
+
 
 	wrapWindowByMask(popClass);
 }
 
 /* 팝업 중앙정렬 */
-function wrapWindowByMask(item){
-	setTimeout(function(){
-		var width = $("."+item).width();
-		var height = $("."+item).height();
+function wrapWindowByMask(item) {
+	setTimeout(function () {
+		var width = $("." + item).width();
+		var height = $("." + item).height();
 		/*$("."+item).css({'left' : ($(window).width() - width) / 2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});*/
-		$("."+item).css({'left' : ($(document).width()-width)/2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});
-	},250);
+		$("." + item).css({
+			'left': ($(document).width() - width) / 2,
+			'top': ($(window).height() - height) / 2,
+			'opacity': '1'
+		});
+	}, 250);
 }
 
 // 문자보내기 tab 버튼 - send_top
@@ -663,8 +684,8 @@ function TabType2(obj, tabId) {
 	$tab.siblings("li.btn_tab").removeClass("active");
 	$tab.siblings("li.tab").find("button").removeAttr("title");
 
-	$tab.siblings("li:not(li:first-child)").find("button").css("border-left","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-left","0");
+	$tab.siblings("li:not(li:first-child)").find("button").css("border-left", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-left", "0");
 
 	var $tabCn = $("#tab2_" + tabId);
 	$tabCn.fadeIn(0);
@@ -675,7 +696,7 @@ function TabType2(obj, tabId) {
 
 	$(".area_tabcont").not($tabCn).removeClass("on");
 	$(".area_tabcont").not($tabCn).fadeOut(0);
-	
+
 	/*탭 이동 시 탭활성 초기화*/
 	/*단문, 장문문자*/
 	//상단 단문/장문 선택
@@ -694,7 +715,7 @@ function TabType2(obj, tabId) {
 	//해시태그
 	$('.tab_depth4 .tDep2_hashTag a').removeClass('on');
 	$('.tab_depth4 .tDep2_hashTag a').eq(0).addClass('on');
-	
+
 	$(".api_guide_con").not($tabCn).removeClass("current");
 	$(".api_guide_con").not($tabCn).fadeOut(0);
 
@@ -707,17 +728,17 @@ function TabType2(obj, tabId) {
 
 // 맞춤제작 tab 버튼 
 function TabType4(obj, tabId) {
-	
-	if(tabId == '3'){
+
+	if (tabId == '3') {
 		// 비로그인인 경우 로그인하도록 
-		if($("#loginId").val() == null){
+		if ($("#loginId").val() == null) {
 			//alert("로그인 후 사용이 가능합니다.");
-			location.href="/web/user/login/login.do";
+			location.href = "/web/user/login/login.do";
 			return false;
 		}
 	}
-	
-	
+
+
 	var $tab = $(obj).closest("li");
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");
@@ -760,10 +781,10 @@ function TabType5(obj, tabId) {
 
 	$(".adr_cont").not($tabCn).removeClass("current");
 	$(".adr_cont").not($tabCn).fadeOut(0);
-	
+
 	$(".rev_content").not($tabCn).removeClass("current");
 	$(".rev_content").not($tabCn).fadeOut(0);
-	
+
 	$(".api_guide").not($tabCn).removeClass("current");
 	$(".api_guide").not($tabCn).fadeOut(0);
 
@@ -784,12 +805,12 @@ function TabType6(obj, tabId) {
 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
 
-	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-right","0");
+	$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-right", "0");
 
 	$(".enroll_cont").not($tabCn).removeClass("current");
 	$(".enroll_cont").not($tabCn).fadeOut(0);
-	
+
 	$(".pay_refund_cont").not($tabCn).removeClass("current");
 	$(".pay_refund_cont").not($tabCn).fadeOut(0);
 
@@ -834,13 +855,13 @@ function listTab2(obj, tabId) {
 	$tab.siblings("li.tab").removeClass("active");
 	$tab.siblings("li.tab").find("button").removeAttr("title");
 
-	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-right","0");
+	$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-right", "0");
 
 	var $tabCn = $("#listTab2_" + tabId);
 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
-	
+
 	$(".price_history_cont").not($tabCn).not('.price_history_cont').removeClass("current");
 	$(".price_history_cont").not($tabCn).not('.price_history_cont').fadeOut(0);
 
@@ -889,15 +910,15 @@ function popupTab(obj, tabId) {
 	$tabCn.fadeIn(0);
 	$tabCn.addClass("current");
 
-	$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
-	$tabPrev.find("button").css("border-right","0");
+	$tab.siblings("li:not(li:last-child)").find("button").css("border-right", "1px solid #e5e5e5");
+	$tabPrev.find("button").css("border-right", "0");
 
 	$(".popCont").not($tabCn).removeClass("current");
 	$(".popCont").not($tabCn).fadeOut(0);
 
 	currTabId = tabId;
 
-	
+
 }
 
 // 테이블에 분류하는 tab 
@@ -921,7 +942,7 @@ function tableTab(obj, tabId) {
 }
 
 //콘텐츠 tab
-function contentTab(obj, tabId){
+function contentTab(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");
@@ -940,7 +961,7 @@ function contentTab(obj, tabId){
 }
 
 //콘텐츠 - 발송결과 미리보기 tab
-function phoneTab(obj, tabId){
+function phoneTab(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	$tab.addClass("active");
 	$tab.find("button").attr("title", "선택됨");
@@ -959,13 +980,13 @@ function phoneTab(obj, tabId){
 }
 
 /* 회원가입 약관동의 list */
-function clause_list(obj){
+function clause_list(obj) {
 	var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body");
 
-	if(listBody.is(":visible")){
+	if (listBody.is(":visible")) {
 		listBody.slideUp(250);
 		listBody.parents(".list_open").removeClass("on");
-	}else{
+	} else {
 		listBody.slideDown(250);
 		listBody.parents(".list_open").addClass("on");
 		//listBody.parents(".list_open").siblings(".list_open").find(".clause_list_body").slideUp(250);
@@ -975,40 +996,40 @@ function clause_list(obj){
 
 
 /* 자주하는 질문 list */
-function qnaList(item){
+function qnaList(item) {
 	var qnaAnswer = $(item).parent("li").find(".qna_answer");
 
-	if(qnaAnswer.is(":visible")){
+	if (qnaAnswer.is(":visible")) {
 		qnaAnswer.slideUp(450);
 		qnaAnswer.parent("li").removeClass("open")
-		qnaAnswer.prev("button").attr("title","닫힘");
-	
-	}else{
+		qnaAnswer.prev("button").attr("title", "닫힘");
+
+	} else {
 		qnaAnswer.slideDown(450);
 		qnaAnswer.parent("li").addClass("open");
-		qnaAnswer.prev("button").attr("title","열림");
-		qnaAnswer.parent("li.open").siblings("li").find("button").attr("title","닫힘");
+		qnaAnswer.prev("button").attr("title", "열림");
+		qnaAnswer.parent("li.open").siblings("li").find("button").attr("title", "닫힘");
 		qnaAnswer.parent("li.open").siblings("li").removeClass("open")
 		qnaAnswer.parent("li.open").siblings("li").find(".qna_answer").slideUp(450);
-	
+
 	}
 }
 
 /* 포토 preview 버튼 누르면 클릭한 번호로 위치 이동 */
 function imgClick(num) {
-	 
+
 	//20220628추가
-	 for (var i=0; i<=num; i++){
-		 var h=$(".preiew_img .img_box").outerHeight()+10;
-		 h=h*num;
-		 
-		 $(".text_preview").animate({
-			scrollTop : h
+	for (var i = 0; i <= num; i++) {
+		var h = $(".preiew_img .img_box").outerHeight() + 10;
+		h = h * num;
+
+		$(".text_preview").animate({
+			scrollTop: h
 		}, 300);
-	 }
-	
-	 
-	 /*var posiTop = $(".preiew_img .img_box").eq(num).position().top;
+	}
+
+
+	/*var posiTop = $(".preiew_img .img_box").eq(num).position().top;
 	 $(".text_preview").mCustomScrollbar("scrollTo",posiTop,{
 		scrollInertia:300
 	});*/
@@ -1016,340 +1037,371 @@ function imgClick(num) {
 
 
 /* 인쇄미리보기 클릭 시 견적서 새창 팝업 오픈  */
-function showEstimate() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '820';
-    var popup_ht = '900';
+function showEstimate() {
+	//만들려는 팝업의 크기
+	var popup_wid = '820';
+	var popup_ht = '900';
 
-    //중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('estimate.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('estimate.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 사용내역서 클릭 시 내역서 새창 팝업 오픈  */
-function showEstimate2() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '840';
-    var popup_ht = '900';
+function showEstimate2() {
+	//만들려는 팝업의 크기
+	var popup_wid = '840';
+	var popup_ht = '900';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('estimate2.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('estimate2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 간이영수증 클릭 시 내역서 새창 팝업 오픈  */
-function showEstimate3() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '400';
-    var popup_ht = '800';
+function showEstimate3() {
+	//만들려는 팝업의 크기
+	var popup_wid = '400';
+	var popup_ht = '800';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('estimate3.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('estimate3.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 주소록 인쇄 미리보기 팝업  */
-function previewList1() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '870';
-    var popup_ht = '680';
+function previewList1() {
+	//만들려는 팝업의 크기
+	var popup_wid = '870';
+	var popup_ht = '680';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('previewList1.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('previewList1.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 /* 주소록 내보내기 인쇄 미리보기 팝업  */
-function previewList2() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '870';
-    var popup_ht = '700';
+function previewList2() {
+	//만들려는 팝업의 크기
+	var popup_wid = '870';
+	var popup_ht = '700';
 
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+	var popup_top = (window.screen.height / 2) - (popup_ht / 2);
 
-    window.open('previewList2.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top );
+	window.open('previewList2.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
 }
 
 
-$(function(){
-	if($('.calendar').length>0){
+$(function () {
+	if ($('.calendar').length > 0) {
 		calendarSetting();
 	}
 });
 
-function calendarSetting(){
+function calendarSetting() {
 	var $input = $('.calendar02').pickadate({
-		format : "yyyy/mm/dd", //인풋에 표기되는 값
-		formatSubmit : "yyyymmdd", //전송하는 값
+		format: "yyyy/mm/dd", //인풋에 표기되는 값
+		formatSubmit: "yyyymmdd", //전송하는 값
 		labelMonthNext: '다음 달 보기',
 		labelMonthPrev: '이전 달 보기',
 		min: true,
 		max: 365,
-		
-		onOpen : function(){
+
+		onOpen: function () {
 			// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 			var thisCal = $(this.$holder);
-			
-			if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-				thisCal.attr('style','').css("top","5px");
-			}else{
-				thisCal.attr('style','').css("bottom","35px");
+
+			if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+				thisCal.attr('style', '').css("top", "5px");
+			} else {
+				thisCal.attr('style', '').css("bottom", "35px");
 			}
 
-			if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-				var ll=thisCal.closest('.picker').prev().position().left;
-				thisCal.css({'left':ll,'right':'initial'});
-			}else{
-				thisCal.css({'left':'initial','right':0});
+			if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+				var ll = thisCal.closest('.picker').prev().position().left;
+				thisCal.css({
+					'left': ll,
+					'right': 'initial'
+				});
+			} else {
+				thisCal.css({
+					'left': 'initial',
+					'right': 0
+				});
 			}
-			thisCal.css("display","block");
+			thisCal.css("display", "block");
 		}
 	});
-	
+
 	var $input = $('.calendar').pickadate({
-		format : "yyyy/mm/dd", //인풋에 표기되는 값
-		formatSubmit : "yyyymmdd", //전송하는 값
+		format: "yyyy/mm/dd", //인풋에 표기되는 값
+		formatSubmit: "yyyymmdd", //전송하는 값
 		labelMonthNext: '다음 달 보기',
 		labelMonthPrev: '이전 달 보기',
-		
-		onOpen : function(){
+
+		onOpen: function () {
 			// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 			var thisCal = $(this.$holder);
-			
-			if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-				thisCal.attr('style','').css("top","5px");
-			}else{
-				thisCal.attr('style','').css("bottom","35px");
+
+			if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+				thisCal.attr('style', '').css("top", "5px");
+			} else {
+				thisCal.attr('style', '').css("bottom", "35px");
 			}
 
-			if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-				var ll=thisCal.closest('.picker').prev().position().left;
-				thisCal.css({'left':ll,'right':'initial'});
-			}else{
-				thisCal.css({'left':'initial','right':0});
+			if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+				var ll = thisCal.closest('.picker').prev().position().left;
+				thisCal.css({
+					'left': ll,
+					'right': 'initial'
+				});
+			} else {
+				thisCal.css({
+					'left': 'initial',
+					'right': 0
+				});
 			}
-			thisCal.css("display","block");
+			thisCal.css("display", "block");
 		}
 	});
-	
+
 	// 달력으로 기간 정해서 검색할 경우
-	if($(".startDate").length != 0){
-		
+	if ($(".startDate").length != 0) {
+
 		var $startinput = $('.startDate').pickadate({
-			format : "yyyy/mm/dd", //인풋에 표기되는 값
-			formatSubmit : "yyyymmdd", //전송하는 값
+			format: "yyyy/mm/dd", //인풋에 표기되는 값
+			formatSubmit: "yyyymmdd", //전송하는 값
 			labelMonthNext: '다음 달 보기',
 			labelMonthPrev: '이전 달 보기',
 			min: false,
 			max: false,
-			
-			onOpen : function(){
+
+			onOpen: function () {
 				// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 				var thisCal = $(this.$holder);
-				
-				if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-					thisCal.attr('style','').css("top","5px");
-				}else{
-					thisCal.attr('style','').css("bottom","35px");
+
+				if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+					thisCal.attr('style', '').css("top", "5px");
+				} else {
+					thisCal.attr('style', '').css("bottom", "35px");
 				}
 
-				if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-					var ll=thisCal.closest('.picker').prev().position().left;
-					thisCal.css({'left':ll,'right':'initial'});
-				}else{
-					thisCal.css({'left':'initial','right':0});
+				if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+					var ll = thisCal.closest('.picker').prev().position().left;
+					thisCal.css({
+						'left': ll,
+						'right': 'initial'
+					});
+				} else {
+					thisCal.css({
+						'left': 'initial',
+						'right': 0
+					});
 				}
-				thisCal.css("display","block");
+				thisCal.css("display", "block");
 			}
 		});
-		
+
 		var startpicker = $startinput.pickadate('picker');
-		
+
 		startpicker.on({
-			open : function(){
+			open: function () {
 				var calDate = $(this.$node).val();
-				var yearText = calDate.substr(0,4);
-				var monthText = calDate.substr(5,2);
-				var dayText = calDate.substr(8,2);
-				if($(this.$node).val() != ''){
+				var yearText = calDate.substr(0, 4);
+				var monthText = calDate.substr(5, 2);
+				var dayText = calDate.substr(8, 2);
+				if ($(this.$node).val() != '') {
 					monthText = monthText - 1;
-					startpicker.set("view",new Date(yearText,monthText,dayText));
-					startpicker.set("highlight",new Date(yearText,monthText,dayText));
-				}else{}
+					startpicker.set("view", new Date(yearText, monthText, dayText));
+					startpicker.set("highlight", new Date(yearText, monthText, dayText));
+				} else {}
 			},
-			close : function(){
+			close: function () {
 				var startVal = $(".startDate").val();
 				var endVal = $(".endDate").val();
-				console.log(startVal,endVal);
+				console.log(startVal, endVal);
 				endVal = endVal.replace(/[.]/gi, '');
 				startVal = startVal.replace(/[.]/gi, '');
-				if(startVal > endVal && endVal != ""){
+				if (startVal > endVal && endVal != "") {
 					startpicker.clear();
 					alert("시작일이 종료일보다 클 수 없습니다.");
-				}else{}
+				} else {}
 			}
 		});
-		
+
 		var $endinput = $('.endDate').pickadate({
-			format : "yyyy/mm/dd", //인풋에 표기되는 값
-			formatSubmit : "yyyymmdd", //전송하는 값
+			format: "yyyy/mm/dd", //인풋에 표기되는 값
+			formatSubmit: "yyyymmdd", //전송하는 값
 			labelMonthNext: '다음 달 보기1111',
 			labelMonthPrev: '이전 달 보기',
-			
-			onOpen : function(){
+
+			onOpen: function () {
 				// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 				var thisCal = $(this.$holder);
-				
-				if($(window).scrollTop()+($(window).outerHeight()/2)>thisCal.closest('.calendar_wrap').offset().top){
-					thisCal.attr('style','').css("top","5px");
-				}else{
-					thisCal.attr('style','').css("bottom","35px");
+
+				if ($(window).scrollTop() + ($(window).outerHeight() / 2) > thisCal.closest('.calendar_wrap').offset().top) {
+					thisCal.attr('style', '').css("top", "5px");
+				} else {
+					thisCal.attr('style', '').css("bottom", "35px");
 				}
 
-				if(thisCal.offset().left+thisCal.outerWidth()<$(window).outerWidth()){
-					var ll=thisCal.closest('.picker').prev().position().left;
-					thisCal.css({'left':ll,'right':'initial'});
-				}else{
-					thisCal.css({'left':'initial','right':0});
+				if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
+					var ll = thisCal.closest('.picker').prev().position().left;
+					thisCal.css({
+						'left': ll,
+						'right': 'initial'
+					});
+				} else {
+					thisCal.css({
+						'left': 'initial',
+						'right': 0
+					});
 				}
-				thisCal.css("display","block");
+				thisCal.css("display", "block");
 			}
 		});
-		
+
 		var endpicker = $endinput.pickadate('picker');
-		
+
 		endpicker.on({
-			open : function(){
+			open: function () {
 				var calDate = $(this.$node).val();
-				var yearText = calDate.substr(0,4);
-				var monthText = calDate.substr(5,2);
-				var dayText = calDate.substr(8,2);
-				if($(this.$node).val() != ''){
+				var yearText = calDate.substr(0, 4);
+				var monthText = calDate.substr(5, 2);
+				var dayText = calDate.substr(8, 2);
+				if ($(this.$node).val() != '') {
 					monthText = monthText - 1;
-					endpicker.set("view",new Date(yearText,monthText,dayText));
-					endpicker.set("highlight",new Date(yearText,monthText,dayText));
-				}else{}
+					endpicker.set("view", new Date(yearText, monthText, dayText));
+					endpicker.set("highlight", new Date(yearText, monthText, dayText));
+				} else {}
 			},
-			close : function(){
+			close: function () {
 				var startVal = $(".startDate").val();
 				var endVal = $(".endDate").val();
-				console.log(startVal,endVal);
+				console.log(startVal, endVal);
 				endVal = endVal.replace(/[.]/gi, '');
 				startVal = startVal.replace(/[.]/gi, '');
-				if(endVal < startVal && startVal != "" && endVal != ""){
+				if (endVal < startVal && startVal != "" && endVal != "") {
 					endpicker.clear();
 					alert("종료일이 시작일보다 작을 수 없습니다.");
-				}else{}
+				} else {}
 			}
 		});
 	}
-	
+
 }
 
 function fnSetDynamicCalendar() {
-	$(':text.startDate,:text.endDate,:text.date').each(function(i) {
+	$(':text.startDate,:text.endDate,:text.date').each(function (i) {
 		$this = $(this);
-		if ($this.attr("data-dateControl")==undefined) {
-			$this.attr("data-dateControl",true);
-			switch ($this[0].className){
+		if ($this.attr("data-dateControl") == undefined) {
+			$this.attr("data-dateControl", true);
+			switch ($this[0].className) {
 				case "startDate":
-				  sText = "시작";break;
+					sText = "시작";
+					break;
 				case "endDate":
-				  sText = "종료";break;
+					sText = "종료";
+					break;
 				case "date":
-				  sText = "";break;
+					sText = "";
+					break;
 				default:
-				  sText = "";
+					sText = "";
 			}
 			var sobjId = $this.attr("id");
 			if (!sobjId) {
-				$this.attr("id",$this.attr("name"));
+				$this.attr("id", $this.attr("name"));
 				sobjId = $this.attr("name");
 			}
-			var innerhtml	="<div class='calendarPop' id='calendarName_"+sobjId+"'>"
-							+"<input type='button' value='"+sText+"날짜 달력에서 선택'"
-							+"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>"
-							+"</div>";
-			$this.after( innerhtml );
+			var innerhtml = "<div class='calendarPop' id='calendarName_" + sobjId + "'>" +
+				"<input type='button' value='" + sText + "날짜 달력에서 선택'" +
+				"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>" +
+				"</div>";
+			$this.after(innerhtml);
 		}
 	});
 }
 
-$(function() {
+$(function () {
 	fnSetDynamicCalendar();
 
-	jQuery(".rv a").bind('mouseover keyup' , function()    { imgOn(jQuery(this))})
-	jQuery(".rv a").bind('mouseout blur' , function()    { imgOff(jQuery(this))})
+	jQuery(".rv a").bind('mouseover keyup', function () {
+		imgOn(jQuery(this))
+	})
+	jQuery(".rv a").bind('mouseout blur', function () {
+		imgOff(jQuery(this))
+	})
 })
 
 /* //calendar */
 
 /* 신규 script 작성 */
-$(function(){
+$(function () {
 	recomChecked();
 	tableAllChk();
 });
 
 /* 추천인 ID */
-function recomChecked(){
-	$('td.check_num input[type=radio]').each(function(){
-		if($(this).is(':checked') && $(this).next('label').text() == '없음'){
-			$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled',true);
+function recomChecked() {
+	$('td.check_num input[type=radio]').each(function () {
+		if ($(this).is(':checked') && $(this).next('label').text() == '없음') {
+			$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', true);
 		}
-		$(this).on('change',function(){
-			var t=$(this).next('label').text();
-			if(t=='없음'){
-				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled',true);
-			}else{
-				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled',false);
+		$(this).on('change', function () {
+			var t = $(this).next('label').text();
+			if (t == '없음') {
+				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', true);
+			} else {
+				$(this).closest('td.check_num').find('>div input[type=text]').prop('disabled', false);
 			}
 		});
 	});
 }
 
 /* 테이블 전체 체크 */
-function tableAllChk(){
-	$('.tType4').each(function(){
-		var target=$(this);
-		var thChk=target.find('thead tr th:first-child input[type=checkbox]');
-		var tbChk=target.find('tbody tr td:first-child input[type=checkbox]');
-		var len=tbChk.length;
-		thChk.on('change',function(){
-			if($(this).is(':checked')){
-				if(tbChk.attr('disabled')==false){
-					tbChk.prop('checked',true);
+function tableAllChk() {
+	$('.tType4').each(function () {
+		var target = $(this);
+		var thChk = target.find('thead tr th:first-child input[type=checkbox]');
+		var tbChk = target.find('tbody tr td:first-child input[type=checkbox]');
+		var len = tbChk.length;
+		thChk.on('change', function () {
+			if ($(this).is(':checked')) {
+				if (tbChk.attr('disabled') == false) {
+					tbChk.prop('checked', true);
 				}
-			}else{
-				tbChk.prop('checked',false);
+			} else {
+				tbChk.prop('checked', false);
 			}
 		});
-		tbChk.on('change',function(){
-			var chkLen=target.find('tbody tr td:first-child input[type=checkbox]:checked').length;
-			var chkDisLen=target.find('tbody tr td:first-child input[type=checkbox]:disabled').length;
-			if((len-chkDisLen)==chkLen){
-				thChk.prop('checked',true);
-			}else{
-				thChk.prop('checked',false);
+		tbChk.on('change', function () {
+			var chkLen = target.find('tbody tr td:first-child input[type=checkbox]:checked').length;
+			var chkDisLen = target.find('tbody tr td:first-child input[type=checkbox]:disabled').length;
+			if ((len - chkDisLen) == chkLen) {
+				thChk.prop('checked', true);
+			} else {
+				thChk.prop('checked', false);
 			}
 		});
 	});
 }
 
 /* 문자전송 핸드폰 상단 고정 */
-$(window).on('load',function(){
-	setTimeout(function(){
-		if($('.send_top .send_right .phone').length>0){
-			if(!$('.top_content').hasClass('contentExcelArea')){
+$(window).on('load', function () {
+	setTimeout(function () {
+		if ($('.send_top .send_right .phone').length > 0) {
+			if (!$('.top_content').hasClass('contentExcelArea')) {
 				sendPhoneFixed();
 			}
 		}
-	},800);
+	}, 800);
 });
 
 function sendPhoneFixed() {
@@ -1374,14 +1426,14 @@ function sendPhoneFixed() {
 					if (scrT + pH > revT) {
 						$('.send_top .send_right .phone:visible').css({
 							'top': revT - pH - sendRightOft + 470,
-							'transition':'all 0.2s'
+							'transition': 'all 0.2s'
 						});
 					}
 					// 스크롤 위치에 맞춰 부드럽게 이동
 					else {
 						$('.send_top .send_right .phone:visible').css({
 							'top': t - sendRightOft,
-							'transition':'all 0.2s'
+							'transition': 'all 0.2s'
 						});
 					}
 				}
@@ -1389,45 +1441,41 @@ function sendPhoneFixed() {
 				else {
 					$('.send_top .send_right .phone:visible').css({
 						'top': '0',
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				}
-			}
-			
-			else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
+			} else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
 				if (t > ofsT && t - ofsT < h - pH) {
 					$('.send_top .send_right .phone').css({
 						'top': t - ofsT,
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				} else if (t > ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': h - pH + 100,
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				} else if (t <= ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': '0',
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				}
-			}
-			
-			else {
+			} else {
 				if (t > ofsT && t - ofsT < h - pH) {
 					$('.send_top .send_right .phone').css({
 						'top': t - ofsT,
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				} else if (t > ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': h - pH,
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				} else if (t <= ofsT) {
 					$('.send_top .send_right .phone').css({
 						'top': '0',
-						'transition':'all 0.2s'
+						'transition': 'all 0.2s'
 					});
 				}
 			}
@@ -1437,78 +1485,78 @@ function sendPhoneFixed() {
 }
 
 /* 스팸팝업 내용 보기 버튼 */
-function popContentBoxView(obj){
-	var target=$(obj);
-	if(target.hasClass('active')){
+function popContentBoxView(obj) {
+	var target = $(obj);
+	if (target.hasClass('active')) {
 		target.removeClass('active');
 		target.closest('.title_box').next('.content_box').stop().slideDown('200');
-	}else{
+	} else {
 		target.addClass('active');
 		target.closest('.title_box').next('.content_box').stop().slideUp('200');
 	}
 }
 
 /* 문자전송, 선거문자 제목 사용여부 체크 */
-function titleStatus(obj){
-	var v=$(obj).val();
-	if(v == 'Y'){
+function titleStatus(obj) {
+	var v = $(obj).val();
+	if (v == 'Y') {
 		$(obj).closest('.title_wrap').find('.textbox').addClass('active');
-	}else{
+	} else {
 		$(obj).closest('.title_wrap').find('.textbox input:text').val('');
 		$(obj).closest('.title_wrap').find('.textbox').removeClass('active');
 	}
 }
 
 //카카오톡 알림톡 템플릿 등록 - 템플릿 유형 선택
-function templateTypeSelect(type){
-	
+function templateTypeSelect(type) {
+
 	var templateType = $(type).val();
 	var channelwrap = '<dl class="button_type_wrap template_channel_add"><dt>채널추가</dt><dd class="button_type_input"><input type="hidden" id="channelLikeType" name="channelLikeType" value="AC" readonly/><input type="text" id="btnChannelNm" name="btnChannelNm" value="채널 추가" readonly></dd></dl>';
 	var channelButton = '<p class="channel_info_text">채널 추가하고 이 채널의 광고와 마케팅 메시지 받기</p><button type="button" class="btn_kakao_channel"><img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가</button>'
 	var sideText = '<p class="side_info_text">부가정보내용</p>';
-	if(templateType == "EX"){
+	if (templateType == "EX") {
 		//부가정보형
 		$(".template_type_cont.type1").show();
 		$(".template_type_cont.type1").siblings(".template_type_cont").hide();
 		$(".channel_info_text,.btn_kakao_channel").hide();
 		$(".template_channel_add").remove();
-		
-		if($(".side_info_text").length == 0){
+
+		if ($(".side_info_text").length == 0) {
 			$(".template_text").after(sideText);
 			$(".template_side_text").val("");
-		}else{}
-	}else if(templateType == "AD"){
+		} else {}
+	} else if (templateType == "AD") {
 		//채널추가형
 		$(".template_type_cont.type2,.channel_info_text,.btn_kakao_channel").show();
 		$(".template_type_cont.type2").siblings(".template_type_cont").hide();
 		$(".side_info_text").remove();
 
-		if($(".button_add_wrap").find(".template_channel_add").length == 0){
+		if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
 			$(".button_add_wrap").prepend(channelwrap);
-		}else{}
+		} else {}
 
-		if($(".btn_kakao_channel").length == 0){
+		if ($(".btn_kakao_channel").length == 0) {
 			$(".allimtalk_content").append(channelButton);
-		}else{}
-	}else if(templateType == "MI"){
+		} else {}
+	} else if (templateType == "MI") {
 		//복합형
 		$(".template_type_cont.type1,.template_type_cont.type2").show();
 		$(".btn_kakao_channel").css("display", "block");
-		
-		if($(".side_info_text").length == 0){
+
+		if ($(".side_info_text").length == 0) {
 			$(".template_text").after(sideText);
 			$(".template_side_text").val("");
-		}else{}
+		} else {}
 
-		if($(".button_add_wrap").find(".template_channel_add").length == 0){
+		if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
 			$(".button_add_wrap").prepend(channelwrap);
-		}else{}
+		} else {}
 
-		if($(".btn_kakao_channel").length == 0){
+		if ($(".btn_kakao_channel").length == 0) {
 			$(".allimtalk_content").append(channelButton);
-		}else{}
-		
-	}else{
+		} else {}
+
+	} else {
 		//기본
 		$(".template_type_cont.type1,.template_type_cont.type2").hide();
 		$(".template_channel_add,.side_info_text,.btn_kakao_channel,.channel_info_text").remove();
@@ -1517,160 +1565,160 @@ function templateTypeSelect(type){
 }
 
 // 카카오톡 알림톡 템플릿 등록 - 버튼 추가
-function templateButtonAdd(){
+function templateButtonAdd() {
 	var buttonType = $(".template_button_select").val();
 	var buttonCnt = $(".button_type_wrap").length;
 
 	//버튼갯수 체크
-	if(buttonCnt >= 5){
-		
+	if (buttonCnt >= 5) {
+
 		alert("버튼은 최대 5개까지만 등록가능합니다.");
 		return false;
-		
+
 	}
 	var buttonText;
 	var buttonView;
 	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
-	if(buttonType == "button_type_0"){
+	if (buttonType == "button_type_0") {
 		alert("버튼 타입을 선택해 주세요");
 		return false;
 	}
-	
-	if(buttonType == "button_type_1"){
-		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList['+buttonCnt+'].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList['+buttonCnt+'].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+
+	if (buttonType == "button_type_1") {
+		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewDS">배송조회</button>';
-	}else if(buttonType == "button_type_2"){
-		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList['+buttonCnt+'].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList['+buttonCnt+'].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList['+buttonCnt+'].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_2") {
+		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewWL">웹링크</button>';
-	}else if(buttonType == "button_type_3"){
-		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList['+buttonCnt+'].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList['+buttonCnt+'].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList['+buttonCnt+'].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_3") {
+		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewAL">앱링크</button>';
-	}else if(buttonType == "button_type_4"){
-		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList['+buttonCnt+'].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_4") {
+		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBK">봇키워드</button>';
-	}else if(buttonType == "button_type_5"){
-		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList['+buttonCnt+'].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_5") {
+		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewMD">메시지전달</button>';
-	}else if(buttonType == "button_type_6"){
-		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList['+buttonCnt+'].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_6") {
+		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBC">상담톡전환</button>';
-	}else if(buttonType == "button_type_7"){
-		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList['+buttonCnt+'].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_7") {
+		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
-	}else{}
+	} else {}
 	$(".button_add_wrap").prepend(buttonText);
 	$(".btnViewArea").prepend(buttonView);
 }
 
 
 //카카오톡 친구톡 템플릿 등록 - 버튼 추가
-function friendTemplateButtonAdd(){
+function friendTemplateButtonAdd() {
 	var buttonType = $(".template_button_select").val();
 	var buttonCnt = $(".button_type_wrap").length;
 	var imageType = $("input[name=img_file_add]:checked").val();
 
-	if(imageType == 'W'){
-		
-		if(buttonCnt > 0){//처음것 하나 추가할때는 갯수가 0으로 넘어옴. 
-			
+	if (imageType == 'W') {
+
+		if (buttonCnt > 0) { //처음것 하나 추가할때는 갯수가 0으로 넘어옴. 
+
 			alert("와이드 이미지 첨부시 버튼은 1개만 등록 가능합니다.");
 			return false;
-			
+
 		}
-		
+
 	}
 	//버튼갯수 체크
-	if(buttonCnt >= 5){
-		
+	if (buttonCnt >= 5) {
+
 		alert("버튼은 최대 5개까지만 등록가능합니다.");
 		return false;
-		
+
 	}
 	var buttonText;
 	var buttonView;
 	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
-	if(buttonType == "button_type_1"){
-		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList['+buttonCnt+'].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList['+buttonCnt+'].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	if (buttonType == "button_type_1") {
+		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].linkType" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].name" value="배송조회" placeholder="버튼명 입력(최대 14자)" readonly><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewDS">배송조회</button>';
-	}else if(buttonType == "button_type_2"){
-		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList['+buttonCnt+'].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList['+buttonCnt+'].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList['+buttonCnt+'].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_2") {
+		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].linkType" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].linkPc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewWL">웹링크</button>';
-	}else if(buttonType == "button_type_3"){
-		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList['+buttonCnt+'].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList['+buttonCnt+'].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList['+buttonCnt+'].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_3") {
+		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].linkType" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].linkIos" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewAL">앱링크</button>';
-	}else if(buttonType == "button_type_4"){
-		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList['+buttonCnt+'].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_4") {
+		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].linkType" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBK">봇키워드</button>';
-	}else if(buttonType == "button_type_5"){
-		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList['+buttonCnt+'].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_5") {
+		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].linkType" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewMD">메시지전달</button>';
-	}else if(buttonType == "button_type_6"){
-		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList['+buttonCnt+'].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_6") {
+		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].linkType" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBC">상담톡전환</button>';
-	}else if(buttonType == "button_type_7"){
-		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList['+buttonCnt+'].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList['+buttonCnt+'].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_7") {
+		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].linkType" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
-	}else{}
+	} else {}
 	$(".button_add_wrap").prepend(buttonText);
 	$(".btnViewArea").prepend(buttonView);
 }
 
 //관리자 카카오톡 알림톡 샘플 템플릿 등록 - 버튼 추가
-function SampleTemplateButtonAdd(){
+function SampleTemplateButtonAdd() {
 	var buttonType = $(".template_button_select").val();
 	var buttonCnt = $(".button_type_wrap").length;
 
 	//버튼갯수 체크
-	if(buttonCnt >= 5){
-		
+	if (buttonCnt >= 5) {
+
 		alert("버튼은 최대 5개까지만 등록가능합니다.");
 		return false;
-		
+
 	}
 	var buttonText;
 	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
-	if(buttonType == "button_type_1"){
-		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_2"){
-		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList['+buttonCnt+'].buttonLinkmo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList['+buttonCnt+'].buttonLinkpc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_3"){
-		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList['+buttonCnt+'].buttonLinkand" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList['+buttonCnt+'].buttonLinkios" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_4"){
-		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_5"){
-		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_6"){
-		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else if(buttonType == "button_type_7"){
-		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList['+buttonCnt+'].buttonLinktype" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList['+buttonCnt+'].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
-	}else{}
+	if (buttonType == "button_type_1") {
+		buttonText = '<dl class="button_type_wrap type1"><dt>배송조회</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeDeliv" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="DS"/><input type="text" id="btnNmDeliv" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"><p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx, 경동택배, 합동택배, 롯데택배</p></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_2") {
+		buttonText = '<dl class="button_type_wrap type2"><dt>웹링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeWeb" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="WL"/><input type="text" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].buttonLinkmo" value="" placeholder="모바일 링크 입력"></li><li><input type="text" id="buttonLinkPc" name="buttonVOList[' + buttonCnt + '].buttonLinkpc" value="" placeholder="PC 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_3") {
+		buttonText = '<dl class="button_type_wrap type3"><dt>앱링크</dt><dd class="button_type_input"><ul><li><input type="hidden" id="buttonLikeTypeApp" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="AL"/><input type="text" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></li><li><input type="text" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].buttonLinkand" value="" placeholder="Android 링크 입력"></li><li><input type="text" id="buttonLinkIos" name="buttonVOList[' + buttonCnt + '].buttonLinkios" value="" placeholder="IOS 링크 입력"></li></ul></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_4") {
+		buttonText = '<dl class="button_type_wrap type4"><dt>봇키워드</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBot" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BK"/><input type="text" id="btnNmBot" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_5") {
+		buttonText = '<dl class="button_type_wrap type5"><dt>메시지전달</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeMsg" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="MD"/><input type="text" id="btnNmMsg" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_6") {
+		buttonText = '<dl class="button_type_wrap type6"><dt>상담톡전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeCons" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BC"/><input type="text" id="btnNmCons" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else if (buttonType == "button_type_7") {
+		buttonText = '<dl class="button_type_wrap type7"><dt>챗봇전환</dt><dd class="button_type_input"><input type="hidden" id="buttonLikeTypeBotChg" name="buttonVOList[' + buttonCnt + '].buttonLinktype" value="BT"/><input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].buttonName" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
+	} else {}
 	$(".button_add_wrap").prepend(buttonText);
 }
 
-function buttonTypeDel(btn){
-	
-	var btnIndex = $(btn).closest(".button_type_wrap").index();	//선택한 삭제 버튼의 Index값 받아오기
+function buttonTypeDel(btn) {
+
+	var btnIndex = $(btn).closest(".button_type_wrap").index(); //선택한 삭제 버튼의 Index값 받아오기
 
 	//추가된 버튼 영역 삭제해주기
 	$(btn).closest(".button_type_wrap").remove();
-	
+
 	//미리보기 추가된 버튼 정보 삭제처리하기
 	$('.btnEmpty').eq(btnIndex).remove();
 }
 
-function fn_loadAddActive(){
+function fn_loadAddActive() {
 	$('.loading_layer').addClass('active');
 }
 
-function fn_loadRemoveActive(){
+function fn_loadRemoveActive() {
 	$('.loading_layer').removeClass('active');
 }
 
-function fn_excelLoadAddActive(){
+function fn_excelLoadAddActive() {
 	$('.loading_execl_layer').addClass('active');
 }
 
-function fn_excelLoadRemoveActive(){
+function fn_excelLoadRemoveActive() {
 	$('.loading_execl_layer').removeClass('active');
 }
 
@@ -1684,63 +1732,63 @@ var start, change;
 var progressInterval = null; // 전역 변수로 타이머 ID 관리
 
 function progressStart(time) {
-    // 기존 타이머 정지 및 초기화
-    if (progressInterval !== null) {
-        clearInterval(progressInterval); // 이전 타이머 정지
-        progressInterval = null; // 타이머 ID 초기화
-    }
-    resetProgressBar(); // 프로그레스바 초기화
+	// 기존 타이머 정지 및 초기화
+	if (progressInterval !== null) {
+		clearInterval(progressInterval); // 이전 타이머 정지
+		progressInterval = null; // 타이머 ID 초기화
+	}
+	resetProgressBar(); // 프로그레스바 초기화
 
-    // 프로그레스바 보이기
-    $(".progress_bar_wrap").css("display", "flex");
+	// 프로그레스바 보이기
+	$(".progress_bar_wrap").css("display", "flex");
 
-    // 프로그레스바 요소 가져오기
-    var timeText = document.querySelector(".time_text");
-    var bar = document.querySelector(".change_bar");
+	// 프로그레스바 요소 가져오기
+	var timeText = document.querySelector(".time_text");
+	var bar = document.querySelector(".change_bar");
 
-    // 초기 상태 설정
-    var width = 1;
-    var totalTime = time * 1000; // 총 실행 시간 (밀리초)
-    var cmpWid = totalTime / 100; // width 증가 간격 (밀리초)
+	// 초기 상태 설정
+	var width = 1;
+	var totalTime = time * 1000; // 총 실행 시간 (밀리초)
+	var cmpWid = totalTime / 100; // width 증가 간격 (밀리초)
 
-    // 새 타이머 시작
-    progressInterval = setInterval(changeWidth, cmpWid);
+	// 새 타이머 시작
+	progressInterval = setInterval(changeWidth, cmpWid);
 
-    function changeWidth() {
-        if (width >= 100) {
-            // 프로그레스바 100% 도달
-            clearInterval(progressInterval); // 타이머 종료
-            progressInterval = null; // 타이머 ID 초기화
+	function changeWidth() {
+		if (width >= 100) {
+			// 프로그레스바 100% 도달
+			clearInterval(progressInterval); // 타이머 종료
+			progressInterval = null; // 타이머 ID 초기화
 
-            timeText.innerHTML = "100%";
+			timeText.innerHTML = "100%";
 
-            setTimeout(function () {
-                // 100% 표시 후 "잠시만 기다려주세요" 변경
-                timeText.innerHTML = "잠시만 기다려주세요...";
-                $(".time_text").addClass("animation");
-            }, 1000);
-        } else {
-            // 프로그레스바 진행
-            width++;
-            bar.style.width = width + "%";
-            timeText.innerHTML = width + "%";
-        }
-    }
+			setTimeout(function () {
+				// 100% 표시 후 "잠시만 기다려주세요" 변경
+				timeText.innerHTML = "잠시만 기다려주세요...";
+				$(".time_text").addClass("animation");
+			}, 1000);
+		} else {
+			// 프로그레스바 진행
+			width++;
+			bar.style.width = width + "%";
+			timeText.innerHTML = width + "%";
+		}
+	}
 }
 
 // 프로그레스바 초기화 함수
 function resetProgressBar() {
-    $(".time_text").text("0%");
-    $(".change_bar").css("width", "0%");
-    $(".time_text").removeClass("animation");
-    $(".progress_bar_wrap").hide();
+	$(".time_text").text("0%");
+	$(".change_bar").css("width", "0%");
+	$(".time_text").removeClass("animation");
+	$(".progress_bar_wrap").hide();
 }
 
 
 
 // 프로그레스바 완료
 function progressComplete() {
-    // var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기
+	// var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기
 
 	$(".progress_bar_wrap").hide();
 	/*
@@ -1821,4 +1869,4 @@ function progressComplete() {
     clearInterval(start); // 프로그레스바 시작 멈추기
 
 
-}*/
+}*/
\ No newline at end of file
diff --git a/src/main/webapp/publish/kakao_friendtalk_add.html b/src/main/webapp/publish/kakao_friendtalk_add.html
index 1f60a3b9..d1120bf0 100644
--- a/src/main/webapp/publish/kakao_friendtalk_add.html
+++ b/src/main/webapp/publish/kakao_friendtalk_add.html
@@ -24,6 +24,7 @@
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
+    <script src="/publish/js/popup.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
@@ -37,112 +38,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    
-    <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
-    <!--// header 영역 -->
-    <!-- login 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!-- content 영역 -->
     <div id="container" class="cont sub">
         <div class="inner">
@@ -153,15 +49,14 @@
                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_friendtalk_send.html'">친구톡</button></li>
                     <li class="tab active"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_intro.html'">알림톡 소개</button></li>
                 </ul>
                 <!--// tab button -->
                 <!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
                 <div class="top_content kakaotalkset_cont current pay_tab_wrap">
                     <div class="heading">
                         <h2>카카오톡 설정</h2>
-                        <button type="button" class="button info"
-                            onclick="window.open('popup_kakaoset_template.html','_blank','width=790, height=300, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">사용안내</button>
+                        <button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
                     </div>
                     <div class="list_tab_wrap2 type2">
                         <!-- tab button -->
@@ -178,7 +73,7 @@
                             <p class="tType1_title">친구톡 템플릿 등록</p>
                             <table class="tType1">
                                 <colgroup>
-                                    <col style="width: 190px;">
+                                    <col style="width: 130px;">
                                     <col style="width: auto;">
                                 </colgroup>
                                 <tbody>
@@ -186,6 +81,7 @@
                                         <th>채널ID</th>
                                         <td>
                                             <select name="" id="" class="select_gray_type">
+                                                <option value="">채널 ID 선택</option>
                                                 <option value="">@munjaon</option>
                                             </select>
                                         </td>
@@ -193,8 +89,10 @@
                                     <tr>
                                         <th>템플릿명</th>
                                         <td>
-                                            <input type="text" class="template_name" placeholder="템플릿 명을 입력해주세요">
-                                            <p class="template_name_cf">최대 100자, 중복불가</p>
+                                            <div class="template_name_wrap">
+                                                <input type="text" placeholder="최대 50자, 템플릿 관리용">
+                                                <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
+                                            </div>
                                         </td>
                                     </tr>
                                     <tr>
@@ -204,48 +102,57 @@
 	                                            <input type="radio" name="img_file_add" id="img_file_0" checked><label for="img_file_0">첨부 안함</label>
 	                                            <input type="radio" name="img_file_add" id="img_file_1"><label for="img_file_1">이미지 첨부</label>
 	                                            <input type="radio" name="img_file_add" id="img_file_2"><label for="img_file_2">와이드 이미지 첨부</label>
-	                                            <div class="img_add_info_wrap basic_img_add_wrap">
-	                                            	<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
-	                                                <ul class="info_text">
-	                                                    <li>- 권장사이즈 : 720px * 720px</li>
-	                                                    <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
-	                                                    <li>- 파일형식 : jpg, png (최대 500kb)</li>
-	                                                    <li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
-	                                                </ul>
-	                                            </div>
-	                                            <div class="img_add_info_wrap wide_img_add_wrap">
-	                                                <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
-	                                                <ul class="info_text">
-	                                                    <li>- 권장사이즈 : 800px * 600px</li>
-	                                                    <!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
-	                                                    <li>- 파일형식 : jpg, png (최대 2mb)</li>
-	                                                    <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
-	                                                </ul>
-	                                            </div>
-                                            </div>
-                                            <div class="img_file_add_wrap">
-                                            	<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
-                                                <ul class="img_file_info_wrap">
-                                                    <li>
-                                                        <p class="file_name">image_testtest.jpg</p>
-                                                        <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
-                                                    </li>
-                                                    <li>
-                                                        <p>이미지 클릭시 이동할 URL</p>
-                                                        <input type="text" placeholder="http://" class="img_url">
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            
-                                            
+	                                            <div class="img_file_add_wrap basic_img_add_wrap">
+                                                    <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
+                                                    <ul class="info_text">
+                                                        <li>- 권장사이즈 : 800px * 400px</li>
+                                                        <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
+                                                        <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                        <li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
+                                                    </ul>
+    
+                                                    <ul class="img_file_info_wrap">
+                                                        <li>
+                                                            <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                            <div class="img_file_wrap">
+                                                                <p class="file_name">image_testtest.jpg</p>
+                                                                <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <p>이미지 클릭시 이동할 URL</p>
+                                                            <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                                <div class="img_file_add_wrap wide_img_add_wrap">
+                                                    <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
+                                                    <ul class="info_text">
+                                                        <li>- 권장사이즈 : 800px * 600px</li>
+                                                        <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                        <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
+                                                    </ul>
+                                                    <ul class="img_file_info_wrap">
+                                                        <li>
+                                                            <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                            <div class="img_file_wrap">
+                                                                <p class="file_name file_none">이미지 없음</p>
+                                                                <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <p>이미지 클릭시 이동할 URL</p>
+                                                            <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                        </li>
+                                                    </ul>
+                                                </div>
                                         </td>
                                     </tr>
                                     <tr>
                                         <th>광고포함 여부</th>
                                         <td>
-                                            <input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
-                                                포함</label>
-                                            <input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
+                                            <input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
+                                            <label for="ad_Y">광고성 정보 포함</label>
                                         </td>
                                     </tr>
                                     <tr>
@@ -260,7 +167,7 @@
                                                     <label for="textarea" class="label"></label>
                                                     <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
                                                     <div class="text_length">
-                                                        <div>
+                                                        <div class="sub_ad_text">
                                                             <p>수신거부 : 홈 > 채널차단</p>
                                                         </div>
                                                         <div>
@@ -271,8 +178,7 @@
                                             </div>
                                             <div class="put_right">
                                                 <div class="btn_popup_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특수문자</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
                                                     <div class="send_miniPop spc_character">
                                                         <div class="tab_character">
                                                             <a href="#none" class="on">특수문자</a>
@@ -499,14 +405,11 @@
                                                             </div>
                                                         </div>
                                                         <!-- //그외 -->
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap convers_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특정문구 일괄변환<i
-                                                            class="qmMark"></i></button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
                                                     <div class="send_miniPop convers">
                                                         <div>
                                                             <div class="convers_top">
@@ -521,31 +424,137 @@
                                                                 <a href="#">#{4}</a>
                                                             </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap spc_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">이모티콘</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
                                                     <div class="send_miniPop spc_character kakao_emoticon">
                                                         <div class="cnt_character">
                                                             <div class="box_character">
-                                                                <a href="#">※</a>
-                                                                <a href="#">☆</a>
-                                                                <a href="#">★</a>
-                                                                <a href="#">○</a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
                                                             </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
-                                                <div class="btn_popup_wrap template_call_wrap">
-                                                    <button type="button" class="btnType btnType8">템플릿 불러오기</button>
-                                                </div>
+
                                                 <div class="send_btnWrap">
-                                                    <!-- <button type="button" class="btnType btn_text_save">내용 저장하기</button> -->
                                                     <button type="button" class="btnType btnType9">초기화</button>
                                                 </div>
                                             </div>
@@ -556,13 +565,8 @@
                                         <td class="template_button">
                                             <select name="" id="" class="select_gray_type template_button_select">
                                                 <option value="button_type_0">버튼타입 선택</option>
-                                                <option value="button_type_1">배송조회</option>
                                                 <option value="button_type_2">웹링크</option>
                                                 <option value="button_type_3">앱링크</option>
-                                                <option value="button_type_4">봇키워드</option>
-                                                <option value="button_type_5">메시지전달</option>
-                                                <option value="button_type_6">상담톡전환</option>
-                                                <option value="button_type_7">챗봇전환</option>
                                             </select>
                                             <button type="button" class="btnType btnType6"
                                                 onclick="templateButtonAdd();">추가</button>
@@ -630,13 +634,12 @@
                         <div class="send_right">
                             <div class="phone">
                                 <div class="phoneIn">
-                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
-                                            alt="">@munjaon</p>
+                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
                                     <!-- 텍스트 미리보기 -->
                                     <div class="text_preview">
                                         <p class="friend_talk_title"><span>(광고)</span> munjaon</p>
                                         <div class="allimtalk_content">
-                                            <div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt=""></div>
+                                            <div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt="" style="display:none;"></div>
                                             <p class="template_text">홍길동 고객님 안녕하세요.
                                                 문자온입니다.
                                                 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
diff --git a/src/main/webapp/publish/kakao_friendtalk_send.html b/src/main/webapp/publish/kakao_friendtalk_send.html
index f727b048..020f8c32 100644
--- a/src/main/webapp/publish/kakao_friendtalk_send.html
+++ b/src/main/webapp/publish/kakao_friendtalk_send.html
@@ -6,8 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>문자온_친구톡 전송</title>
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
-        rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/publish/css/reset.css">
     <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
     <link rel="stylesheet" href="/publish/css/common.css">
@@ -24,11 +23,17 @@
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
+    <script src="/publish/js/popup.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
 
+    <script>
+
+
+    </script>
+
 
 </head>
 
@@ -37,112 +42,9 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    
-    <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
-    <!--// header 영역 -->
-    <!-- login 영역 -->
+
+    <div data-include-path="/publish/layout/_header.html"></div>
+
     <!-- content 영역 -->
     <div id="container" class="cont sub">
         <div class="inner">
@@ -153,14 +55,14 @@
                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
                     <li class="tab active"><button type="button" onclick="location.href='/publish/kakao_friendtalk_send.html'">친구톡</button></li>
                     <li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_intro.html'">알림톡 소개</button></li>
                 </ul>
                 <!--// tab button -->
-                <!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
+
                 <div class="top_content kakaotalksend_cont current pay_tab_wrap">
                     <div class="heading">
                         <h2>친구톡 전송</h2>
-                        <button type="button" class="button info">알림톡 사용방법</button>
+                        <button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
                     </div>
                     <div class="send_general friend_talk_wrap kakao_wrap">
                         <div class="send_left">
@@ -174,78 +76,88 @@
                                         <th>채널ID</th>
                                         <td>
                                             <select name="" id="" class="select_gray_type">
+                                                <option value="">채널 ID 선택</option>
                                                 <option value="">@munjaon</option>
                                             </select>
                                         </td>
                                     </tr>
+
+                                    <tr>
+                                        <th>템플릿명</th>
+                                        <td>
+                                            <div class="template_name_wrap">
+                                                <input type="text" placeholder="최대 50자, 템플릿 관리용">
+                                                <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+
                                     <tr>
                                         <th>이미지 첨부</th>
                                         <td>
-                                            <input type="radio" name="img_file_add" id="img_file_0" checked><label
-                                                for="img_file_0">첨부 안함</label>
-                                            <input type="radio" name="img_file_add" id="img_file_1"><label
-                                                for="img_file_1">이미지 첨부</label>
-                                            <input type="radio" name="img_file_add" id="img_file_2"><label
-                                                for="img_file_2">와이드 이미지 첨부</label>
-                                                <div class="img_file_add_wrap basic_img_add_wrap">
-                                                    <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
-                                                    <ul class="info_text">
-                                                        <li>- 권장사이즈 : 720px * 720px</li>
-                                                        <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
-                                                        <li>- 파일형식 : jpg, png (최대 500kb)</li>
-                                                        <li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
-                                                    </ul>
-                                                    <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
-                                                    <ul class="img_file_info_wrap">
-                                                        <li>
+                                            <input type="radio" name="img_file_add" id="img_file_0" checked>
+                                            <label for="img_file_0">첨부 안함</label>
+                                            <input type="radio" name="img_file_add" id="img_file_1">
+                                            <label for="img_file_1">이미지 첨부</label>
+                                            <input type="radio" name="img_file_add" id="img_file_2">
+                                            <label for="img_file_2">와이드 이미지 첨부</label>
+                                            <div class="img_file_add_wrap basic_img_add_wrap">
+                                                <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
+                                                <ul class="info_text">
+                                                    <li>- 권장사이즈 : 800px * 400px</li>
+                                                    <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
+                                                    <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                    <li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
+                                                </ul>
+
+                                                <ul class="img_file_info_wrap">
+                                                    <li>
+                                                        <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                        <div class="img_file_wrap">
                                                             <p class="file_name">image_testtest.jpg</p>
-                                                            <button type="button" class="btn_del"
-                                                                onclick="buttonTypeDel(this);"><img
-                                                                    src="/publish/images/btn_delete.png" alt=""></button>
-                                                        </li>
-                                                        <li>
-                                                            <p>이미지 클릭시 이동할 URL</p>
-                                                            <input type="text" placeholder="http://" class="img_url">
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                                <div class="img_file_add_wrap wide_img_add_wrap">
-                                                    <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
-                                                    <ul class="info_text">
-                                                        <li>- 권장사이즈 : 800px * 600px</li>
-                                                        <!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
-                                                        <li>- 파일형식 : jpg, png (최대 2mb)</li>
-                                                        <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
-                                                    </ul>
-                                                    <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
-                                                    <ul class="img_file_info_wrap">
-                                                        <li>
-                                                            <p class="file_name">image_testtest.jpg</p>
-                                                            <button type="button" class="btn_del"
-                                                                onclick="buttonTypeDel(this);"><img
-                                                                    src="/publish/images/btn_delete.png" alt=""></button>
-                                                        </li>
-                                                        <li>
-                                                            <p>이미지 클릭시 이동할 URL</p>
-                                                            <input type="text" placeholder="http://" class="img_url">
-                                                        </li>
-                                                    </ul>
-                                                </div>
+                                                            <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                        </div>
+                                                    </li>
+                                                    <li>
+                                                        <p>이미지 클릭시 이동할 URL</p>
+                                                        <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                            <div class="img_file_add_wrap wide_img_add_wrap">
+                                                <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
+                                                <ul class="info_text">
+                                                    <li>- 권장사이즈 : 800px * 600px</li>
+                                                    <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                    <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
+                                                </ul>
+                                                <ul class="img_file_info_wrap">
+                                                    <li>
+                                                        <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                        <div class="img_file_wrap">
+                                                            <p class="file_name file_none">이미지 없음</p>
+                                                            <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                        </div>
+                                                    </li>
+                                                    <li>
+                                                        <p>이미지 클릭시 이동할 URL</p>
+                                                        <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                    </li>
+                                                </ul>
+                                            </div>
                                         </td>
                                     </tr>
                                     <tr>
                                         <th>광고포함 여부</th>
                                         <td>
-                                            <input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
-                                                포함</label>
-                                            <input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
+                                            <input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
+                                            <label for="ad_Y">광고성 정보 포함</label>
                                         </td>
                                     </tr>
                                     <tr>
                                         <th>내용</th>
                                         <td class="kakao_template_text">
                                             <div class="put_left short">
-                                                <input type="text" class="template_name" placeholder="템플릿명을 입력해주세요. (최대 50자)">
                                                 <div class="put_text_wrap">
                                                     <div class="ad_txt">
                                                         <p>(광고) munjaon</p>
@@ -253,7 +165,7 @@
                                                     <label for="textarea" class="label"></label>
                                                     <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
                                                     <div class="text_length">
-                                                        <div>
+                                                        <div class="sub_ad_text">
                                                             <p>수신거부 : 홈 > 채널차단</p>
                                                         </div>
                                                         <div>
@@ -264,8 +176,7 @@
                                             </div>
                                             <div class="put_right">
                                                 <div class="btn_popup_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특수문자</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
                                                     <div class="send_miniPop spc_character">
                                                         <div class="tab_character">
                                                             <a href="#none" class="on">특수문자</a>
@@ -492,14 +403,11 @@
                                                             </div>
                                                         </div>
                                                         <!-- //그외 -->
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap convers_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">특정문구 일괄변환<i
-                                                            class="qmMark"></i></button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
                                                     <div class="send_miniPop convers">
                                                         <div>
                                                             <div class="convers_top">
@@ -514,143 +422,138 @@
                                                                 <a href="#">#{4}</a>
                                                             </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
                                                 <div class="btn_popup_wrap spc_wrap">
-                                                    <button type="button" class="btnType btnType7"
-                                                        onclick="miniPopup(this)">이모티콘</button>
+                                                    <button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
                                                     <div class="send_miniPop spc_character kakao_emoticon">
                                                         <div class="cnt_character">
                                                             <div class="box_character">
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
-								                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
-								                              </div>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
+                                                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
+                                                            </div>
                                                         </div>
-                                                        <button type="button" class="btn_close"
-                                                            onclick="miniPopup(this)">닫기</button>
+                                                        <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
                                                     </div>
                                                 </div>
-                                                <div class="btn_popup_wrap template_call_wrap">
-                                                    <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
-                                                </div>
+
                                                 <div class="send_btnWrap">
-                                                    <button type="button" class="btnType btn_text_save">내용 저장하기</button>
+                                                    <button type="button" class="btnType btnType9 btn_text_save">템플릿 저장</button>
                                                     <button type="button" class="btnType btnType9">초기화</button>
                                                 </div>
                                             </div>
@@ -661,18 +564,11 @@
                                         <td class="template_button">
                                             <select name="" id="" class="select_gray_type template_button_select">
                                                 <option value="button_type_0">버튼타입 선택</option>
-                                                <option value="button_type_1">배송조회</option>
                                                 <option value="button_type_2">웹링크</option>
                                                 <option value="button_type_3">앱링크</option>
-                                                <option value="button_type_4">봇키워드</option>
-                                                <option value="button_type_5">메시지전달</option>
-                                                <option value="button_type_6">상담톡전환</option>
-                                                <option value="button_type_7">챗봇전환</option>
                                             </select>
-                                            <button type="button" class="btnType btnType6"
-                                                onclick="templateButtonAdd();">추가</button>
-                                                <p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서   설정을 직접 한 후 
-                                                    이용하셔야 동작합니다. (최대 5개까지 등록가능)</p>
+                                            <button type="button" class="btnType btnType6" onclick="templateButtonAdd();">추가</button>
+                                            <!-- <p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서   설정을 직접 한 후 이용하셔야 동작합니다. (최대 5개까지 등록가능)</p> -->
                                             <div class="button_add_wrap">
                                                 <!-- <dl class="button_type_wrap template_channel_add">
                                                 <dt>채널추가</dt>
@@ -733,11 +629,23 @@
                                         <th>받는사람</th>
                                         <td class="putText">
                                             <div class="clearfix receipt_num">
-                                                <div class="receipt_num_top">
+                                                <div class="receipt_num_top" style="align-items:flex-start;">
                                                     <label for="" class="label">받는 번호입력</label>
-                                                    <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
-                                                    <button type="button" class="btnType btnType6">번호추가</button>
-                                                    <span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
+                                                    <textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;height:66px;"></textarea>
+                                                    <div class="btn_popup_wrap">
+                                                        <button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
+                                                        <span style="display:block;margin:6px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
+                                                        <div class="error_hover_cont send_hover_cont">
+                                                            <p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>
+                                                            <span>
+                                                                (예시)<br>
+                                                                010-1234-0001↵<br>
+                                                                010-1235-0002↵<br>
+                                                                01012350003↵<br>
+                                                                01012350004↵<br>
+                                                            </span>
+                                                        </div>
+                                                    </div>
                                                 </div>
                                                 <div class="receipt_num_midde">
                                                     <div class="listType list01">
@@ -797,13 +705,6 @@
                                                         <div class="btn_popup_wrap">
                                                             <button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주보내는 번호</button>
                                                         </div>
-                                                        <div class="btn_popup_wrap check_validity_wrap">
-                                                            <button type="button" class="btnType btnType7">오류 검사<i class="qmMark error_qm"></i></button>
-                                                            <div class="error_hover_cont send_hover_cont">
-                                                                <p>등록하신 전화번호(형식 등)가 정확하게 입력되었는지 오류여부를 자동으로 검사할 수 있습니다.</p>
-                                                                <span>(예시) 010-1234-0001(O),<br> 010-123-0001(X)</span>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                                 <div class="list_bottom clearfix">
@@ -813,11 +714,10 @@
                                                     </div>
                                                     <div class="list_bottom_right">
                                                         <p>총 <span class="c_e40000">120</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
-                                                        <button type="button" class="address_reg2">주소록에 등록</button>
                                                     </div>
                                                 </div>
                                             </div>
-                                            
+
                                         </td>
                                     </tr>
                                     <tr>
@@ -836,8 +736,7 @@
                                                 </div>
                                                 <div class="pay_type clearfix">
                                                     <div>
-                                                        <input type="radio" id="radio_bill_1" name="radio_bill"
-                                                            checked="checked">
+                                                        <input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
                                                         <label for="radio_bill_1">보유잔액</label>
                                                         <label for="userMoney" class="label">보유잔액</label>
                                                         <input type="text" id="userMoney" name="userMoney" value="0" readonly="">
@@ -851,7 +750,8 @@
                                     </tr>
                                     <tr>
                                         <th colspan="2" class="replace_send_th">
-                                            <div class="title_th"><p>대체문자</p> 
+                                            <div class="title_th">
+                                                <p>대체문자</p>
                                                 <input type="checkbox" id="send_fail_check" class="send_fail_check"><label for="send_fail_check">친구톡 전송 실패 시 문자 전송</label>
                                             </div>
                                             <div class="replace_send_wrap">
@@ -870,15 +770,6 @@
                                                                 <button type="button" class="btnType btnType6">번호등록</button>
                                                             </td>
                                                         </tr>
-                                                        <tr>
-                                                            <th>제목</th>
-                                                            <td>
-                                                                <input id="title_y" type="radio" name="title_yn">
-                                                                <label for="title_y">사용</label>
-                                                                <input id="title_n" type="radio" name="title_yn" checked="checked">
-                                                                <label for="title_n">사용안함</label>
-                                                            </td>
-                                                        </tr>
                                                         <tr>
                                                             <th>내용</th>
                                                             <td class="putText">
@@ -896,274 +787,14 @@
                                                                                     </span>
                                                                                     <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
                                                                                 </p>
-                                                                                <span
-                                                                                    class="msg_com msg_short">단문</span>
+                                                                                <span class="msg_com msg_short">단문</span>
                                                                             </div>
                                                                         </div>
                                                                     </div>
                                                                     <div class="put_right">
-                                                                        <div class="btn_popup_wrap spc_wrap">
-                                                                            <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
-                                                                            <div class="send_miniPop spc_character">
-                                                                                <div class="tab_character">
-                                                                                    <a href="#none" class="on">특수문자</a>
-                                                                                    <a href="#none">웃음</a>
-                                                                                    <a href="#none">슬픔</a>
-                                                                                    <a href="#none">분노</a>
-                                                                                    <a href="#none">사랑</a>
-                                                                                    <a href="#none">그외</a>
-                                                                                </div>
-                                                                                <!-- 특수문자 -->
-                                                                                <div class="cnt_character on">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">※</a>
-                                                                                        <a href="#">☆</a>
-                                                                                        <a href="#">★</a>
-                                                                                        <a href="#">○</a>
-                                                                                        <a href="#">●</a>
-                                                                                        <a href="#">◎</a>
-                                                                                        <a href="#">◇</a>
-                                                                                        <a href="#">◆</a>
-                                                                                        <a href="#">□</a>
-                                                                                        <a href="#">■</a>
-                                                                                        <a href="#">△</a>
-                                                                                        <a href="#">▲</a>
-                                                                                        <a href="#">▽</a>
-                                                                                        <a href="#">▼</a>
-                                                                                        <a href="#">→</a>
-                                                                                        <a href="#">←</a>
-                                                                                        <a href="#">↑</a>
-                                                                                        <a href="#">↓</a>
-                                                                                        <a href="#">↔</a>
-                                                                                        <a href="#">〓</a>
-                                                                                        <a href="#">◁</a>
-                                                                                        <a href="#">♪</a>
-                                                                                        <a href="#">◀</a>
-                                                                                        <a href="#">▷</a>
-                                                                                        <a href="#">▶</a>
-                                                                                        <a href="#">♤</a>
-                                                                                        <a href="#">♠</a>
-                                                                                        <a href="#">♡</a>
-                                                                                        <a href="#">♥</a>
-                                                                                        <a href="#">♧</a>
-                                                                                        <a href="#">♣</a>
-                                                                                        <a href="#">⊙</a>
-                                                                                        <a href="#">◈</a>
-                                                                                        <a href="#">▣</a>
-                                                                                        <a href="#">◐</a>
-                                                                                        <a href="#">◑</a>
-                                                                                        <a href="#">▒</a>
-                                                                                        <a href="#">▦</a>
-                                                                                        <a href="#">♨</a>
-                                                                                        <a href="#">☏</a>
-                                                                                        <a href="#">☎</a>
-                                                                                        <a href="#">☞</a>
-                                                                                        <a href="#">☜</a>
-                                                                                        <a href="#">㈜</a>
-                                                                                        <a href="#">™</a>
-                                                                                        <a href="#">℡</a>
-                                                                                        <a href="#">ㆀ</a>
-                                                                                        <a href="#">ε</a>
-                                                                                        <a href="#">『</a>
-                                                                                        <a href="#">』</a>
-                                                                                        <a href="#">ⓛ</a>
-                                                                                        <a href="#">∏</a>
-                                                                                        <a href="#">ご</a>
-                                                                                        <a href="#">♂</a>
-                                                                                        <a href="#">↗</a>
-                                                                                        <a href="#">↙</a>
-                                                                                        <a href="#">↖</a>
-                                                                                        <a href="#">↘</a>
-                                                                                        <a href="#">ψ</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //특수문자 -->
-
-                                                                                <!-- 웃음 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">⌒⌒</a>
-                                                                                        <a href="#">^_^</a>
-                                                                                        <a href="#">^0^</a>
-                                                                                        <a href="#">s(￣▽￣)/</a>
-                                                                                        <a href="#">(/^^)/</a>
-                                                                                        <a href="#">^o^~♬</a>
-                                                                                        <a href="#">^.~</a>
-                                                                                        <a href="#">^-^b</a>
-                                                                                        <a href="#">^▽^</a>
-                                                                                        <a href="#">^ε^</a>
-                                                                                        <a href="#">(^^)γ</a>
-                                                                                        <a href="#">(~^^)~</a>
-                                                                                        <a href="#">☆(~.^)/</a>
-                                                                                        <a href="#">(*^o^*)</a>
-                                                                                        <a href="#">n_n</a>
-                                                                                        <a href="#">↖(^▽^)↗</a>
-                                                                                        <a href="#">(￣∇￣)</a>
-                                                                                        <a href="#">(*^.^)♂</a>
-                                                                                        <a href="#">*^^*</a>
-                                                                                        <a href="#">ㅎ.ㅎ</a>
-                                                                                        <a href="#">=^.^=</a>
-                                                                                        <a href="#">^▽^</a>
-                                                                                        <a href="#">~_~</a>
-                                                                                        <a href="#">(=^▽^)/♪</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //웃음 -->
-
-                                                                                <!-- 슬픔 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">(づ_T)</a>
-                                                                                        <a href="#">(ㅠ.ㅠ)</a>
-                                                                                        <a href="#">(#_-)</a>
-                                                                                        <a href="#">o(T^T)o</a>
-                                                                                        <a href="#">ㅠ.ㅠ</a>
-                                                                                        <a href="#">(-_-メ)</a>
-                                                                                        <a href="#">Y.Y</a>
-                                                                                        <a href="#">TmT</a>
-                                                                                        <a href="#">ご.ご</a>
-                                                                                        <a href="#">(=_=;)</a>
-                                                                                        <a href="#">⊇.⊆</a>
-                                                                                        <a href="#">(o_Φ)</a>
-                                                                                        <a href="#">∋.∈</a>
-                                                                                        <a href="#">(___)_</a>
-                                                                                        <a href="#">(-.￥)</a>
-                                                                                        <a href="#">@_O</a>
-                                                                                        <a href="#">●⊙</a>
-                                                                                        <a href="#">(♨_♨)</a>
-                                                                                        <a href="#">(X_X)</a>
-                                                                                        <a href="#">Θ_Θ</a>
-                                                                                        <a href="#">(∏.∏)</a>
-                                                                                        <a href="#">(づ_ど)</a>
-                                                                                        <a href="#">(￣^￣)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //슬픔 -->
-
-                                                                                <!-- 분노 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">Θ_Θ</a>
-                                                                                        <a href="#">=-_-a</a>
-                                                                                        <a href="#">('o')</a>
-                                                                                        <a href="#">(｀へ´)</a>
-                                                                                        <a href="#">(-ヘㅡメ)凸</a>
-                                                                                        <a href="#">⊙⊙ㆀ</a>
-                                                                                        <a href="#">⊙.⊙</a>
-                                                                                        <a href="#">ㅡㅡ+</a>
-                                                                                        <a href="#">(`o´)y</a>
-                                                                                        <a href="#">づºДº)つ</a>
-                                                                                        <a href="#">O_O</a>
-                                                                                        <a href="#">(@.@)</a>
-                                                                                        <a href="#">★.★</a>
-                                                                                        <a href="#">(;￢_￢)</a>
-                                                                                        <a href="#">┏(;-_-)┛</a>
-                                                                                        <a href="#">┏(-_-メ)┓</a>
-                                                                                        <a href="#">(>&#60;ㆀ)&#47;</a>
-                                                                                        <a href="#">--メ凸</a>
-                                                                                        <a href="#">(`_)乂(_′)</a>
-                                                                                        <a href="#">(-_-)c+_=)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //분노 -->
-
-                                                                                <!-- 사랑 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">♥.♥</a>
-                                                                                        <a href="#">^o^~♬</a>
-                                                                                        <a href="#">(*^}{^*)</a>
-                                                                                        <a href="#">ⓛⓞⓥⓔ</a>
-                                                                                        <a href="#">(*_*)</a>
-                                                                                        <a href="#">(♡.♡)</a>
-                                                                                        <a href="#">ε♡₃ε♥</a>
-                                                                                        <a href="#">(*..)(..*)</a>
-                                                                                        <a href="#">(~.^)s</a>
-                                                                                        <a href="#">☞♡☜</a>
-                                                                                        <a href="#">*♥o♥*</a>
-                                                                                        <a href="#">(/^o^)/♡</a>
-                                                                                        <a href="#">@-m-m--</a>
-                                                                                        <a href="#">=>>------▷♡</a>
-                                                                                        <a href="#">(*^^)σ(^_^)</a>
-                                                                                        <a href="#">(*^-^)♡(^o^*)</a>
-                                                                                        <a href="#">(づ^.^)づ~♡</a>
-                                                                                        <a href="#">＼(*^▽^*)ノ</a>
-                                                                                        <a href="#">*⌒З^)^.⌒*)</a>
-                                                                                        <a href="#">(づ￣³￣)づ~</a>
-                                                                                        <a href="#">(づ￣³￣)づ</a>
-                                                                                        <a href="#">(^*^)kiss</a>
-                                                                                        <a href="#">(*'-⌒*)ⓥ</a>
-                                                                                        <a href="#">s(￣▽￣)/</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //사랑 -->
-
-                                                                                <!-- 그외 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character emt_etc ">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">&#60;:3)--</a>
-                                                                                        <a href="#">(^(oo)^)</a>
-                                                                                        <a href="#">(:::[</a>
-                                                                                        <a href="#">]:::)</a>
-                                                                                        <a href="#">[(￣.￣)]zZ</a>
-                                                                                        <a href="#">(``)(``)</a>
-                                                                                        <a href="#">(T(oo)T)</a>
-                                                                                        <a href="#">(^.^)=O)#.#)</a>
-                                                                                        <a href="#">?‥…─━★</a>
-                                                                                        <a href="#">(__)zzz</a>
-                                                                                        <a href="#">(=ㅅ)=333</a>
-                                                                                        <a href="#">&#60;(>.<ㆀ)></a>
-                                                                                        <a href="#">>(/////)&#60;</a>
-                                                                                        <a href="#">((ど(</a>
-                                                                                        <a href="#">^0^</a>
-                                                                                        <a href="#">)つ))</a>
-                                                                                        <a href="#">■■■■■□90%</a>
-                                                                                        <a href="#">(￣_￣>-(^▽^;)</a>
-                                                                                        <a href="#">∑⊙)++333=◀</a>
-                                                                                        <a href="#">(ノ^_^)ノ~~⑩</a>
-                                                                                        <a href="#">(^▽^)/＼(^_^)</a>
-                                                                                        <a href="#">(*.*)@==(`.`)</a>
-                                                                                        <a href="#">(っㅡㅡ)つ━●</a>
-                                                                                        <a href="#">(``)(</a>
-                                                                                        <a href="#">:)(..)(:</a>
-                                                                                        <a href="#">(``)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //그외 -->
-                                                                                <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="btn_popup_wrap convers_wrap">
-                                                                            <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
-                                                                            <div class="send_miniPop convers">
-                                                                                <div>
-                                                                                    <div class="convers_top">
-                                                                                        <span>특정문구 일괄변환이란?</span>
-                                                                                        <p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른
-                                                                                            내용의 메시지를 발송하는 기능</p>
-                                                                                    </div>
-                                                                                    <div class="convers_middle"><a
-                                                                                            href="#">#{이름}</a></div>
-                                                                                    <div class="convers_bottom">
-                                                                                        <a href="#">#{1}</a>
-                                                                                        <a href="#">#{2}</a>
-                                                                                        <a href="#">#{3}</a>
-                                                                                        <a href="#">#{4}</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                                                            </div>
-                                                                        </div>
-                                                                        <button type="button" class="btnType btnType7">내문자함</button>
-                                                                        <button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+                                                                        <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
                                                                         <div class="send_btnWrap">
-                                                                            <button type="button" class="btnType btnType9">문자저장</button>
-                                                                            <button type="button" class="btnType btnType9">초기화</button>
+                                                                            <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
                                                                         </div>
                                                                     </div>
 
@@ -1182,24 +813,30 @@
                         <div class="send_right">
                             <div class="phone">
                                 <div class="phoneIn">
-                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
-                                            alt="">@munjaon</p>
+                                    <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
                                     <!-- 텍스트 미리보기 -->
                                     <div class="text_preview">
                                         <p class="friend_talk_title"><span>(광고)</span> munjaon</p>
                                         <div class="allimtalk_content">
-                                            <div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt=""></div>
+                                            <div class="kakao_image"><img src="/publish/images/content/kakao_img_basic.jpg" alt="" style="display:none;"></div>
                                             <p class="template_text">홍길동 고객님 안녕하세요.
                                                 문자온입니다.
                                                 문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
-                                                <button type="button" class="btn_kakao_type">문자온 바로가기</button>
+                                            <button type="button" class="btn_kakao_type">문자온 바로가기</button>
                                         </div>
                                         <p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
                                     </div>
                                     <!-- //텍스트 미리보기 -->
                                 </div>
                                 <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
-                                        
+                                        <div class="preview_util">
+                                            <button type="button" id="btnFirst" disabled="disabled"><img src="/publish/images/content/page_first.png"></button>
+                                            <button type="button" id="btnPrev" data-index="0" disabled="disabled"><img src="/publish/images/content/page_prev.png"></button>
+                                            <p>미리보기</p>
+                                            <button type="button" id="btnNext" data-index="1" disabled="disabled"><img src="/publish/images/content/page_next.png"></button>
+                                            <button type="button" id="btnLast" disabled="disabled"><img src="/publish/images/content/page_last.png"></button>
+                                        </div>
+
                             </div>
                             <div class="phone_bottom">
                                 <div class="send_rev">
@@ -1276,8 +913,8 @@
     </div>
     <!--// content 영역 -->
     <!-- footer -->
-	<div data-include-path="/publish/layout/_footer.html"></div>
-	<!--// footer 영역 -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
 </body>
 
 </html>
\ No newline at end of file