$(document).ready(function () {

	// 문자작성 영역 클릭시 textarea 활성화
	$('.put_left').on('click', function (e) {
		$(this).find('textarea.put_text').focus();
	});

	/* gnb 마우스 오버시 열리거나 닫힘 */
	$(".put_text").focusin(function () {
		$(this).parents(".put_left").addClass("on");
	});
	$(".put_text").focusout(function () {
		$(this).parents(".put_left").removeClass("on");
	});

	/* 문자샘플 , 회원가입 약관 동의, 전송내역, 팝업에 있는 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) {
		$(".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",
			theme: "dark",
			autoHideScrollbar: false,
			scrollInertia: 600,
			mouseWheelPixels: 300
		});
	} else if ($(".kakao_template_wrap").length > 0) {
		$(".kakao_template_wrap").mCustomScrollbar({
			axis: 'y',
			scrollbarPosition: "inside",
			theme: "dark",
			autoHideScrollbar: false,
			scrollInertia: 600,
			mouseWheelPixels: 300
		});
	}

	//결제관리 - 견적내기 tbody 10줄 이상부터 스크롤 생김
	var tbHieght = $('.tType3.payDetail .tType3_bd_wrap').height();
	if (tbHieght > 399) {
		$('.tType3.payDetail .tType3_bd_wrap').css("height", "400px");
		$(".tType3.payDetail .tType3_bd_wrap").mCustomScrollbar({
			axis: 'y',
			scrollbarPosition: "outside",
			theme: "dark",
			autoHideScrollbar: false,
			scrollInertia: 600,
			mouseWheelPixels: 300
		});
	} 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();
		});
	*/
	$(".kakaotalksend_cont #textarea,.kakaotalkset_cont #textarea").on("change keyup paste", function () {
		var crtTxt = $(this).val();
		$(".template_text").text(crtTxt);
	});

	$(".template_side_text").on("change keyup paste", function () {
		var sideText = $(this).val();
		$(".kakaotalkset_cont .side_info_text").text(sideText);
	});

	/* 문자샘플 탭 선택 시 활성화 */
	$(".tab_depth1:not(.security_tab) a").click(function () {
		var tabText = $(this).text();
		var tabPosi = $(this).position().left;
		tabPosi -= 1;
		var tabIdx = $(this).index();
		// console.log(tabIdx);
		if (tabIdx == 0) {
			$(this).css("border-radius", "5px 0 0 5px")
		} else if (tabIdx == 2) {
			$(this).css("border-radius", "0 5px 5px 0");
		} else {
			$(this).css("border-radius", "0 0 0 0");
		}
		$(this).addClass("on");
		$(this).siblings("a").removeClass("on");

		//1depth 선택 시 2depth, 3depth 메뉴 첫번째로 이동
		// $(".tab_depth2 a:first-child").addClass("on");
		// $(".tab_depth2 a:first-child").siblings("a").removeClass("on");
		// $(".tab_depth3 a:first-child").addClass("on");
		// $(".tab_depth3 a:first-child").siblings("a").removeClass("on");
		// $(".tab_depth4 a:first-child").addClass("on");
		// $(".tab_depth4 a:first-child").siblings("a").removeClass("on");
	});

	$(".tab_depth2 a").click(function () {
		$(this).addClass("on");
		$(this).siblings("a").removeClass("on");
		//2depth 선택 시 3depth 메뉴 첫번째로 이동
		$(".tab_depth4 a:first-child").addClass("on");
		$(".tab_depth4 a:first-child").siblings("a").removeClass("on");
		$(".tab_depth4 a:first-child").addClass("on");
		$(".tab_depth4 a:first-child").siblings("a").removeClass("on");
	});

	$(".tab_depth3 a").click(function () {
		$(this).addClass("on");
		$(this).siblings("a").removeClass("on");
	});

	$(".tab_depth4 a").click(function () {
		$(this).addClass("on");
		$(this).siblings("a").removeClass("on");
	});

	/* 단문문자, 포토문자 예시 */
	if ($(".msg_photo").is(".active") == true) {
		$(".btn_msg").css("display", "none");
	} else {
		$(".btn_photo").css("display", "block");
	}
	$(".tab_depth2 a:nth-child(1),.tab_depth2 a:nth-child(5)").click(function () {
		$(".msg_photo").addClass("active");
		$(".msg_text").removeClass("active");
		$(".btn_photo").css("display", "block")
		$(".btn_msg").css("display", "none")
	})
	$(".tab_depth2 a:nth-child(2),.tab_depth2 a:nth-child(3),.tab_depth2 a:nth-child(4)").click(function () {
		$(".msg_text").addClass("active");
		$(".msg_photo").removeClass("active");
		$(".btn_msg").css("display", "block")
		$(".btn_photo").css("display", "none")
	})




	//요금 사용내역 table안에 있는 내용 hover 시 컨텐츠 보임
	$(".tb_tit").mouseover(function () {
		$(this).find(".history_hover").css({
			"top": "50%",
			"left": "90%",
			"display": "block"
		})
	})
	//컨텐츠 사라짐
	$(".tb_tit").mouseleave(function () {
		$(this).find(".history_hover").css({
			"top": 0,
			"left": 0,
			"display": "none"
		})
	})

	/* 주소록 순서 변경 */
	$(".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 () {
		// 버튼 클릭 시 체크된 값 가져와야함.
		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
		var checkAdrWrap = checkAdr.parent().parent();

		if (checkAdrWrap.is(".adr_first") == true) {
			// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
			$(".adr_first").after(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");
			}
		});
	})


	/* 상단으로 */
	$(".btn_up").click(function () {
		// 버튼 클릭 시 체크된 값 가져와야함.
		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);

			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가
			$(".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");
				}
			});
		});

		//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();
		//$(checkAdrWrap).next().after(checkAdrWrap);

		$(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");
				}
			});
		});
	})

	/* 최하단으로 */
	$(".btn_botom").click(function () {
		// 버튼 클릭 시 체크된 값 가져와야함.
		var checkAdr = $(".list_switch").find("input[type='checkbox']:checked");
		var checkAdrWrap = checkAdr.parent().parent();

		if (checkAdrWrap.is(".adr_last") == true) {
			// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
			$(".adr_last").before(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");
			}
		});
	})
	/* //주소록 순서 변경 */



	/* 그림문자 첨부파일 삭제 이벤트 */
	$(".file_close, .file_close_on").click(function () {
		$(this).parents(".put_left.photo li").css("display", "none");
	})


	// 퀵메뉴 버튼 클릭 시 컨텐츠와 푸터 열고 닫히고 버튼 이미지 변경됨
	$(".adr_cb_wrap>p").off("click").on('click', function () {

		// 전체
		$(".check_group_all>p").find("img").attr("src", "/publish/images/content/close_folder.png");
		$(".check_group_all>p").find("img").attr("alt", "폴더 닫힘");

		// 주소록 그룹 열림, 닫힘 폴더이미지 초기화
		$(".adr1_list div p").each(function (index, item) {
			$(item).find("img").attr("src", "/publish/images/content/close_folder2.png");
			$(item).find("img").attr("alt", "폴더 닫힘");
		});

		var foloerImg = $(this);

		/*
		//컨텐츠
		$(this).toggleClass("open");
		if ($(this).hasClass("open") === true) {
			$(this).find("img").attr("src", "/publish/images/content/open_folder2.png");
			$(this).find("img").attr("alt", "폴더 열림");
		}
		else {
			$(this).find("img").attr("src", "/publish/images/content/close_folder2.png");
			$(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("src", "/publish/images/content/open_folder2.png");
			$(this).find("img").attr("alt", "폴더 열림");
		}

	});


	//    //주소록 불러오기 팝업 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 () {
		$(this).parents(".btnType").next(".send_hover_cont").addClass("on");
	})
	$(".btn_check_one .qmMark").mouseleave(function () {
		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
	})

	// 번호추가 ? 호버 시 팝업
	$(".btn_add_number .qmMark").mouseover(function () {
		$(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");
	})
	$(".btn_add_number .qmMark").mouseleave(function () {
		$(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");
	})


	//문자발송 오류검사 ? 호버 시 팝업
	$(".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");
	})

	//문자발송 오류검사 ? 호버 시 팝업
	$(".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");
	})

	//발송결과 진행상황 호버 시 팝업 
	$(".check_validity").mouseover(function () {
		$(this).next(".info_hover_cont").addClass("on");
	});
	$(".check_validity").mouseleave(function () {
		$(this).next(".info_hover_cont").removeClass("on");
	});

	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
	$(".btn_list").click(function () {
		$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
		$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
		$(this).hide();
		//템플릿 리스트화면에서 리스트 버튼 선택시 전체선택 버튼 숨김 처리
		$('#btnAllChk').hide();
		$('#formListType').val("list");
	});
	$(".btn_thumbnail").click(function () {
		$(this).closest(".tab_content").find(".list_content").fadeOut(0);
		$(this).closest(".tab_content").find(".thumbnail_content,.btn_list").show();
		$(this).hide();
		//템플릿 리스트화면에서 리스트 버튼 선택시 전체선택 버튼 숨김 처리 해제
		$('#btnAllChk').show();
		$('#formListType').val("thumbnail");
	});

	$(".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")) {
			$(".replace_send_wrap").slideDown(400);
			/*var scrT=$(window).scrollTop();
			var t=scrT+213;
			var h=Math.round($('.send_top').find('.send_right').outerHeight());
			if(t>ofsT && t-ofsT<h-pH){
				$('.send_top .send_right .phone').css({'top':t-ofsT,'transition': 'none'});
			}else if(t>ofsT){
					$('.send_top .send_right .phone').css({'top':h-pH+213,'transition': 'top .4s linear'});
			}else if(t<=ofsT){
				$('.send_top .send_right .phone').attr('style','');
			}*/
		} else {
			$(".replace_send_wrap").slideUp(400);
			$('.send_top .send_right .phone').css({
				'top': '0',
				'transition': 'top .4s linear'
			});
		}

	});

	//강조유형 선택시 처리
	$(".emphasis_select").change(function () {
		if ($(this).val() == "NONE") {

			//강조표기형 숨김처리 및 내용 초기화
			$('.emphasis_title_text').hide();
			$('.emphasis_side_text').hide();
			$("#inputTemplateTitle").val("");
			$("#inputTemplateSubTitle").val("");
			$("#imgFile").val("");
			$("#imgNm").val("");

			//영역 제거하기
			$(".emphasis_cont").removeClass("active");

		} else if ($(this).val() == "IMAGE") {
			$(".emphasis_image").addClass("active");
			$(".emphasis_image").siblings(".emphasis_cont").removeClass("active");
		} 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");
		}
	});

	$(".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;");
			$(".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(".wide_img_add_wrap").hide();
			$(".img_file_info_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_info_wrap").show();
		} else {
			$(".img_add_info_wrap, .img_file_add_wrap").hide();
			$(".kakao_image img, .img_file_info_wrap").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)"
			});
			
			$(".friend_talk_wrap .replace_send_wrap .put_left").each(function(idx, itm){
				if($(itm).is(".short") == true){
					//단문일 경우
					$(itm).find("textarea").css({
						"height": "calc(100% - 79px)"
					});	
				}else if($(itm).is(".photo") == true){
					//포토문자일 경우
					$(itm).find("textarea").css({
						"height": "calc(100% - 146px)"
					});	
				}else{
					// 장문일 경우
					$(itm).find("textarea").css({
						"height": "calc(100% - 59px)"
					});
				}
				
			})
			
			
			
		} else {
			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
			$(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style");
			$(".friend_talk_wrap .replace_send_wrap textarea").removeAttr("style");
			
		}
	})

	/* 포토이미지 드래그 */
	if ($('.thumb_wrap').length > 0) {
		$('.thumb_wrap').sortable();
	}

	photoLayerView();

	/* 카카오톡 소개 페이지 탭 */
	$('.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');

		$(this).addClass('current');
		$("#" + tab_id).addClass('current');
	});
});

function photoLayerView() {
	/* 그림문자 마우스 오버 시 이미지 확대 띄움 */
	$(".photo_cont").mouseover(function () {
		$(this).mousemove(function (e) {
			//offset 사용한 이유 특정 div 영역 왼쪽상단(0,0)부터 마우스 포인터까지의 좌표 구해냄.
			//+-숫자 한 이유는 포인터에 딱 붙어있어 흔들림 현상때문.
			var xOffset = e.offsetX + 50;
			var yOffset = e.offsetY - 150;
			$(this).siblings(".hover_cont").css({
				"top": yOffset,
				"left": xOffset,
				"display": "block"
			})
		})
	})

	//그림문자에서 마우스가 떠날 시 이미지 사라짐.
	$(".photo_cont").mouseleave(function () {
		$(this).siblings(".hover_cont").css({
			"top": "0",
			"left": "0",
			"display": "none"
		})
	});
}


var currTabId = "";

/* tab 버튼 공통 - 단순 구조 일 때만 사용 */
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");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var tabCont = $tab.parent("ul").parent("div").children(".hascont");

	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();
		/*$("."+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);
}

// 문자보내기 tab 버튼 - send_top
function TabType1_advc(obj) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");


}

// 문자보내기 tab 버튼 - send_top
function TabType1(obj, tabId) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tab1_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	// if($(".text_preview").is(".mCustomScrollbar") == true){
	// 	$(".img_box").addClass("on_scroll_img");
	// }else {$(".img_box").removeClass("on_scroll_img");}

	$(".top_content").not($tabCn).removeClass("current");
	$(".top_content").not($tabCn).fadeOut(0);

	$(".alarm_cont").not($tabCn).removeClass("current");
	$(".alarm_cont").not($tabCn).fadeOut(0);

	$(".pay_cont").not($tabCn).removeClass("current");
	$(".pay_cont").not($tabCn).fadeOut(0);

	$(".fee_cont").not($tabCn).removeClass("current");
	$(".fee_cont").not($tabCn).fadeOut(0);

	currTabId = tabId;

}

// 문자보내기 tab 버튼 - send_bottom
function TabType2(obj, tabId) {
	var $tab = $(obj).closest("li");
	var $tabPrev = $(obj).closest("li").next("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$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");

	var $tabCn = $("#tab2_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".bottom_content").not($tabCn).removeClass("current");
	$(".bottom_content").not($tabCn).fadeOut(0);

	$(".area_tabcont").not($tabCn).removeClass("on");
	$(".area_tabcont").not($tabCn).fadeOut(0);

	/*탭 이동 시 탭활성 초기화*/
	/*단문, 장문문자*/
	//상단 단문/장문 선택
	$('.tDep1_letType a').eq(0).addClass('on');
	$('.tDep1_letType a').eq(1).removeClass('on');
	//하단 카테고리
	$('.tab_depth3.tDep1_cateCode a').removeClass('on');
	$('.tab_depth3.tDep1_cateCode a').eq(0).addClass('on');
	//해시태그
	$('.tab_depth4 .tDep1_hashTag a').removeClass('on');
	$('.tab_depth4 .tDep1_hashTag a').eq(0).addClass('on');
	/*그림문자*/
	//하단 카테고리
	$('.tab_depth3.tDep2_cateCode a').removeClass('on');
	$('.tab_depth3.tDep2_cateCode a').eq(0).addClass('on');
	//해시태그
	$('.tab_depth4 .tDep2_hashTag a').removeClass('on');
	$('.tab_depth4 .tDep2_hashTag a').eq(0).addClass('on');

	$(".api_guide_con").not($tabCn).removeClass("current");
	$(".api_guide_con").not($tabCn).fadeOut(0);

	$(".api_guide_con").not($tabCn).removeClass("current");
	$(".api_guide_con").not($tabCn).fadeOut(0);

	currTabId = tabId;

}

// 맞춤제작 tab 버튼 
function TabType4(obj, tabId) {

	if (tabId == '3') {
		// 비로그인인 경우 로그인하도록 
		if ($("#loginId").val() == null) {
			//alert("로그인 후 사용이 가능합니다.");
			location.href = "/web/user/login/login.do";
			return false;
		}
	}


	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tab4_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".custom_content").not($tabCn).removeClass("current");
	$(".custom_content").not($tabCn).fadeOut(0);

	$(".adr_cont_depth2").not($tabCn).removeClass("current");
	$(".adr_cont_depth2").not($tabCn).fadeOut(0);

	currTabId = tabId;
}

// 마이페이지 tab 버튼 
function TabType5(obj, tabId) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tab5_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".mypage_content").not($tabCn).removeClass("current");
	$(".mypage_content").not($tabCn).fadeOut(0);

	$(".charg_cont").not($tabCn).removeClass("current");
	$(".charg_cont").not($tabCn).fadeOut(0);

	$(".adr_cont").not($tabCn).removeClass("current");
	$(".adr_cont").not($tabCn).fadeOut(0);

	$(".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);

	currTabId = tabId;

}

// 주소록 등록(옮기기) tab 버튼 
function TabType6(obj, tabId) {
	var $tab = $(obj).closest("li");
	var $tabPrev = $(obj).closest("li").prev("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tab6_" + 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");

	$(".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);

	//폰 주소록 detph2 클릭 시 depth3 첫번 째 탭으로 감
	$(".enroll_cont").find(".adr_depth3").find("li").removeClass("active");
	$(".enroll_cont").find(".adr_depth3").find("li").first().addClass("active");
	$(".enroll_cont").find(".eleType_cont").removeClass("current");
	$(".enroll_cont").find("#listTab_1").addClass("current");

	currTabId = tabId;

}

// list tab 버튼 
function listTab(obj, tabId) {
	var $tab = $(obj).closest("li");
	var $tabPrev = $(obj).closest("li").prev("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#listTab_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".list_cont").not($tabCn).removeClass("current");
	$(".list_cont").not($tabCn).fadeOut(0);

	$(".eleType_cont").not($tabCn).removeClass("current");
	$(".eleType_cont").not($tabCn).fadeOut(0);

	currTabId = tabId;
}

// list tab2 버튼 
function listTab2(obj, tabId) {
	var $tab = $(obj).closest("li");
	var $tabPrev = $(obj).closest("li").prev("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$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");

	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);

	$(".adpop_cont").not($tabCn).not('.price_history_cont').removeClass("current");
	$(".adpop_cont").not($tabCn).not('.price_history_cont').fadeOut(0);

	$(".cdpop_cont").not($tabCn).not('.price_history_cont').removeClass("current");
	$(".cdpop_cont").not($tabCn).not('.price_history_cont').fadeOut(0);

	currTabId = tabId;
}


// list tab3 버튼 
function listTab3(obj, tabId) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#listTab3_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".download_cont").not($tabCn).removeClass("current");
	$(".download_cont").not($tabCn).fadeOut(0);

	currTabId = tabId;

}



// 주소록 관리 팝업
function popupTab(obj, tabId) {
	var $tab = $(obj).closest("li");
	var $tabPrev = $(obj).closest("li").prev("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.btn_tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#popCont_" + 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");

	$(".popCont").not($tabCn).removeClass("current");
	$(".popCont").not($tabCn).fadeOut(0);

	currTabId = tabId;


}

// 테이블에 분류하는 tab 
function tableTab(obj, tabId) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.btn_tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tableCont_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".table_cont").not($tabCn).removeClass("current");
	$(".table_cont").not($tabCn).fadeOut(0);

	currTabId = tabId;

}

//콘텐츠 tab
function contentTab(obj, tabId) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.btn_tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tab_content_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".tab_content").not($tabCn).removeClass("current");
	$(".tab_content").not($tabCn).fadeOut(0);

	currTabId = tabId;
}

//콘텐츠 - 발송결과 미리보기 tab
function phoneTab(obj, tabId) {
	var $tab = $(obj).closest("li");
	$tab.addClass("active");
	$tab.find("button").attr("title", "선택됨");
	$tab.siblings("li.tab").removeClass("active");
	$tab.siblings("li.btn_tab").removeClass("active");
	$tab.siblings("li.tab").find("button").removeAttr("title");

	var $tabCn = $("#tab_phone_" + tabId);
	$tabCn.fadeIn(0);
	$tabCn.addClass("current");

	$(".tab_phone").not($tabCn).removeClass("current");
	$(".tab_phone").not($tabCn).fadeOut(0);

	currTabId = tabId;
}

/* 회원가입 약관동의 list */
function clause_list(obj) {
	var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body");

	if (listBody.is(":visible")) {
		listBody.slideUp(250);
		listBody.parents(".list_open").removeClass("on");
	} else {
		listBody.slideDown(250);
		listBody.parents(".list_open").addClass("on");
		//listBody.parents(".list_open").siblings(".list_open").find(".clause_list_body").slideUp(250);
		//listBody.parents(".list_open").siblings(".list_open").removeClass("on");
	}
}


/* 자주하는 질문 list */
function qnaList(item) {
	var qnaAnswer = $(item).parent("li").find(".qna_answer");

	if (qnaAnswer.is(":visible")) {
		qnaAnswer.slideUp(450);
		qnaAnswer.parent("li").removeClass("open")
		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.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
		}, 300);
	}


	/*var posiTop = $(".preiew_img .img_box").eq(num).position().top;
	 $(".text_preview").mCustomScrollbar("scrollTo",posiTop,{
		scrollInertia:300
	});*/
}


/* 인쇄미리보기 클릭 시 견적서 새창 팝업 오픈  */
function showEstimate() {
	//만들려는 팝업의 크기
	var popup_wid = '820';
	var popup_ht = '900';

	//중앙 정렬을 위해 윈도우 스크린의 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);
}

/* 사용내역서 클릭 시 내역서 새창 팝업 오픈  */
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);

	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';

	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);
}

/* 주소록 인쇄 미리보기 팝업  */
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);

	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';

	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);
}


$(function () {
	if ($('.calendar').length > 0) {
		calendarSetting();
	}
});

function calendarSetting() {
	var $input = $('.calendar02').pickadate({
		format: "yyyy/mm/dd", //인풋에 표기되는 값
		formatSubmit: "yyyymmdd", //전송하는 값
		labelMonthNext: '다음 달 보기',
		labelMonthPrev: '이전 달 보기',
		min: true,
		max: 365,

		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 (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");
		}
	});

	var $input = $('.calendar').pickadate({
		format: "yyyy/mm/dd", //인풋에 표기되는 값
		formatSubmit: "yyyymmdd", //전송하는 값
		labelMonthNext: '다음 달 보기',
		labelMonthPrev: '이전 달 보기',

		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 (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");
		}
	});

	// 달력으로 기간 정해서 검색할 경우
	if ($(".startDate").length != 0) {

		var $startinput = $('.startDate').pickadate({
			format: "yyyy/mm/dd", //인풋에 표기되는 값
			formatSubmit: "yyyymmdd", //전송하는 값
			labelMonthNext: '다음 달 보기',
			labelMonthPrev: '이전 달 보기',
			min: false,
			max: false,

			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 (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");
			}
		});

		var startpicker = $startinput.pickadate('picker');

		startpicker.on({
			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() != '') {
					monthText = monthText - 1;
					startpicker.set("view", new Date(yearText, monthText, dayText));
					startpicker.set("highlight", new Date(yearText, monthText, dayText));
				} else {}
			},
			close: function () {
				var startVal = $(".startDate").val();
				var endVal = $(".endDate").val();
				console.log(startVal, endVal);
				endVal = endVal.replace(/[.]/gi, '');
				startVal = startVal.replace(/[.]/gi, '');
				if (startVal > endVal && endVal != "") {
					startpicker.clear();
					alert("시작일이 종료일보다 클 수 없습니다.");
				} else {}
			}
		});

		var $endinput = $('.endDate').pickadate({
			format: "yyyy/mm/dd", //인풋에 표기되는 값
			formatSubmit: "yyyymmdd", //전송하는 값
			labelMonthNext: '다음 달 보기1111',
			labelMonthPrev: '이전 달 보기',

			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 (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");
			}
		});

		var endpicker = $endinput.pickadate('picker');

		endpicker.on({
			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() != '') {
					monthText = monthText - 1;
					endpicker.set("view", new Date(yearText, monthText, dayText));
					endpicker.set("highlight", new Date(yearText, monthText, dayText));
				} else {}
			},
			close: function () {
				var startVal = $(".startDate").val();
				var endVal = $(".endDate").val();
				console.log(startVal, endVal);
				endVal = endVal.replace(/[.]/gi, '');
				startVal = startVal.replace(/[.]/gi, '');
				if (endVal < startVal && startVal != "" && endVal != "") {
					endpicker.clear();
					alert("종료일이 시작일보다 작을 수 없습니다.");
				} else {}
			}
		});
	}

}

function fnSetDynamicCalendar() {
	$(':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) {
				case "startDate":
					sText = "시작";
					break;
				case "endDate":
					sText = "종료";
					break;
				case "date":
					sText = "";
					break;
				default:
					sText = "";
			}
			var sobjId = $this.attr("id");
			if (!sobjId) {
				$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);
		}
	});
}

$(function () {
	fnSetDynamicCalendar();

	jQuery(".rv a").bind('mouseover keyup', function () {
		imgOn(jQuery(this))
	})
	jQuery(".rv a").bind('mouseout blur', function () {
		imgOff(jQuery(this))
	})
})

/* //calendar */

/* 신규 script 작성 */
$(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);
		}
		$(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);
				}
			} 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);
			}
		});
	});
}

/* 문자전송 핸드폰 상단 고정 */
$(window).on('load', function () {
	setTimeout(function () {
		if ($('.send_top .send_right .phone').length > 0) {
			if (!$('.top_content').hasClass('contentExcelArea')) {
				sendPhoneFixed();
			}
		}
	}, 800);
});

function sendPhoneFixed() {
	$('.send_top').each(function () {
		var ofsT = Math.round($(this).find('.send_right').offset().top);
		if ($(".kakaotalkset_cont .kakao_wrap").length == 1) {
			var pH = Math.round($(this).find('.send_right .phone').outerHeight());
		} else {
			var pH = Math.round($(this).find('.send_right .phone').outerHeight() + 240);
		}
		var sendRightOft = Math.round($(this).find('.send_right:visible').offset().top);

		$(window).on('scroll', function () {
			var scrT = $(this).scrollTop();
			var t = scrT + 213;
			var h = Math.round($('.send_top').find('.send_right').outerHeight());
			var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;

			if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
				if (t > ofsT && scrT !== 0) {
					// send_rev 영역에 도달한 경우 멈춤
					if (scrT + pH > revT) {
						$('.send_top .send_right .phone:visible').css({
							'top': revT - pH - sendRightOft + 470,
							'transition': 'all 0.2s'
						});
					}
					// 스크롤 위치에 맞춰 부드럽게 이동
					else {
						$('.send_top .send_right .phone:visible').css({
							'top': t - sendRightOft,
							'transition': 'all 0.2s'
						});
					}
				}
				// send_right 상단에 도달하면 스타일 제거
				else {
					$('.send_top .send_right .phone:visible').css({
						'top': '0',
						'transition': 'all 0.2s'
					});
				}
			} 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'
					});
				} else if (t > ofsT) {
					$('.send_top .send_right .phone').css({
						'top': h - pH + 30,
						'transition': 'all 0.2s'
					});
				} else if (t <= ofsT) {
					$('.send_top .send_right .phone').css({
						'top': '0',
						'transition': 'all 0.2s'
					});
				}
			} else {
				if (t > ofsT && t - ofsT < h - pH) {
					$('.send_top .send_right .phone').css({
						'top': t - ofsT,
						'transition': 'all 0.2s'
					});
				} else if (t > ofsT) {
					$('.send_top .send_right .phone').css({
						'top': h - pH,
						'transition': 'all 0.2s'
					});
				} else if (t <= ofsT) {
					$('.send_top .send_right .phone').css({
						'top': '0',
						'transition': 'all 0.2s'
					});
				}
			}

		});
	});
}

/* 스팸팝업 내용 보기 버튼 */
function popContentBoxView(obj) {
	var target = $(obj);
	if (target.hasClass('active')) {
		target.removeClass('active');
		target.closest('.title_box').next('.content_box').stop().slideDown('200');
	} else {
		target.addClass('active');
		target.closest('.title_box').next('.content_box').stop().slideUp('200');
	}
}

/* 문자전송, 선거문자 제목 사용여부 체크 */
function titleStatus(obj) {
	var v = $(obj).val();
	if (v == 'Y') {
		$(obj).closest('.title_wrap').find('.textbox').addClass('active');
	} else {
		$(obj).closest('.title_wrap').find('.textbox input:text').val('');
		$(obj).closest('.title_wrap').find('.textbox').removeClass('active');
	}
}

//카카오톡 알림톡 템플릿 등록 - 템플릿 유형 선택
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") {
		//부가정보형
		$(".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) {
			$(".template_text").after(sideText);
			$(".template_side_text").val("");
		} 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) {
			$(".button_add_wrap").prepend(channelwrap);
		} else {}

		if ($(".btn_kakao_channel").length == 0) {
			$(".allimtalk_content").append(channelButton);
		} 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) {
			$(".template_text").after(sideText);
			$(".template_side_text").val("");
		} else {}

		if ($(".button_add_wrap").find(".template_channel_add").length == 0) {
			$(".button_add_wrap").prepend(channelwrap);
		} else {}

		if ($(".btn_kakao_channel").length == 0) {
			$(".allimtalk_content").append(channelButton);
		} else {}

	} else {
		//기본
		$(".template_type_cont.type1,.template_type_cont.type2").hide();
		$(".template_channel_add,.side_info_text,.btn_kakao_channel,.channel_info_text").remove();
		$(".template_side_text").val("");
	}
}

// 카카오톡 알림톡 템플릿 등록 - 버튼 추가
function templateButtonAdd() {
	var buttonType = $(".template_button_select").val();
	var buttonCnt = $(".button_type_wrap").length;

	//버튼갯수 체크
	if (buttonCnt >= 5) {

		alert("버튼은 최대 5개까지만 등록가능합니다.");
		return false;

	}
	var buttonText;
	var buttonView;
	//템플릿 버튼은 buttonVO의 buttonVOList 변수에 셋팅해서 넘겨주게 만들었음
	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>';
		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>';
		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>';
		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>';
		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>';
		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>';
		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>';
		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
	} else {}
	$(".button_add_wrap").prepend(buttonText);
	$(".btnViewArea").prepend(buttonView);
}


//카카오톡 친구톡 템플릿 등록 - 버튼 추가
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으로 넘어옴. 

			alert("와이드 이미지 첨부시 버튼은 1개만 등록 가능합니다.");
			return false;

		}

	}
	//버튼갯수 체크
	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>';
		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" class="kakaoBtnNmList" id="btnNmWeb" name="buttonVOList[' + buttonCnt + '].name" value="" maxlength="14" placeholder="버튼명 입력(최대 14자)"></li>'
				+'<li><input type="text" class="kakaoBtnList" id="buttonLinkMo" name="buttonVOList[' + buttonCnt + '].linkMo" value="" placeholder="모바일 링크 입력"></li>'
				+'<li><input type="text" class="kakaoBtnList" 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" class="kakaoBtnNmList" id="btnNmApp" name="buttonVOList[' + buttonCnt + '].name" value="" maxlength="14" placeholder="버튼명 입력(최대 14자)"></li>'
				+'<li><input type="text" class="kakaoBtnList" id="buttonLinkAnd" name="buttonVOList[' + buttonCnt + '].linkAnd" value="" placeholder="Android 링크 입력"></li>	'
				+'<li><input type="text" class="kakaoBtnList" 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>';
		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>';
		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>';
		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>';
		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
	} else {}
	$(".button_add_wrap").append(buttonText);
	$(".btnViewArea").append(buttonView);
}

//관리자 카카오톡 알림톡 샘플 템플릿 등록 - 버튼 추가
function SampleTemplateButtonAdd() {
	var buttonType = $(".template_button_select").val();
	var buttonCnt = $(".button_type_wrap").length;

	//버튼갯수 체크
	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 {}
	$(".button_add_wrap").prepend(buttonText);
}

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() {
	$('.loading_layer').addClass('active');
}

function fn_loadRemoveActive() {
	$('.loading_layer').removeClass('active');
}

function fn_excelLoadAddActive() {
	$('.loading_execl_layer').addClass('active');
}

function fn_excelLoadRemoveActive() {
	$('.loading_execl_layer').removeClass('active');
}






// 프로그레스바 
var start, change;
var progressInterval = null; // 전역 변수로 타이머 ID 관리

function progressStart(time) {
	// 기존 타이머 정지 및 초기화
	if (progressInterval !== null) {
		clearInterval(progressInterval); // 이전 타이머 정지
		progressInterval = null; // 타이머 ID 초기화
	}
	resetProgressBar(); // 프로그레스바 초기화

	// 프로그레스바 보이기
	$(".progress_bar_wrap").css("display", "flex");

	// 프로그레스바 요소 가져오기
	var timeText = document.querySelector(".time_text");
	var bar = document.querySelector(".change_bar");

	// 초기 상태 설정
	var width = 1;
	var totalTime = time * 1000; // 총 실행 시간 (밀리초)
	var cmpWid = totalTime / 100; // width 증가 간격 (밀리초)

	// 새 타이머 시작
	progressInterval = setInterval(changeWidth, cmpWid);

	function changeWidth() {
		if (width >= 100) {
			// 프로그레스바 100% 도달
			clearInterval(progressInterval); // 타이머 종료
			progressInterval = null; // 타이머 ID 초기화

			timeText.innerHTML = "100%";

			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();
}



// 프로그레스바 완료
function progressComplete() {
	// var width = parseInt($(".time_text").text().replace('%', '')) || 0; // 현재 width 가져오기

	$(".progress_bar_wrap").hide();
	/*
	var widthText = $(".change_bar").attr("style");
	var width = widthText.replace(/[width:%;overfloen]/ig, ""); // width 값 퍼센트로 가져오기
    var currentText = $(".time_text").text().trim(); // 현재 텍스트 가져오기
    console.log('width : ', width, 'currentText : ', currentText);

    // 이미 "100%" 상태이고 "잠시만 기다려주세요" 메시지가 표시된 경우 즉시 종료
    if (width >= 100 && currentText === "잠시만 기다려주세요...") {
        console.log("이미 완료 상태입니다. 즉시 종료합니다.");
        $(".progress_bar_wrap").hide();
        return;
    }

    // 진행 중인 경우
    change = setInterval(() => {
        if (width >= 100) {
            console.log('width : ', width);
            $(".time_text").text("100%");
            $(".change_bar").css("width", "100%");

            setTimeout(function () {
                clearInterval(change); // 인터벌 종료
                
                setTimeout(() => {
                	// $(".time_text").text("잠시만 기다려주세요...");
               		// $(".time_text").addClass("animation");
                    $(".progress_bar_wrap").hide();
                }, 10); // "잠시만 기다려주세요..." 1초 후 숨기기
            }, 1000); // "100%" 표시 후 1초 대기

        } else {
            // width 증가 및 text 변경
            width++;
            $(".time_text").text(width + "%");
            $(".change_bar").css("width", width + "%");
        }
    }, 10); // DOM 업데이트 간격 (10ms)*/
}

/*// 프로그레스바 완료
function progressComplete() {
	
    change = setInterval(changeText);
    var width = 1;

    function changeText() {
    	
        // var widthText = $(".change_bar").attr("style");
        // widthText = widthText.replace(/[width:%;overfloen]/ig, ""); // width 값 퍼센트로 가져오기
        
        if (width >= 100) {
			console.log('width : ', width);
            $(".time_text").text("100%");
            
            // if(backtime>=time){
            	// 예상시간보다 먼저 처리됐을 경우
            	setTimeout(function () {
                    $(".time_text").text("잠시만 기다려주세요...");
                    $(".time_text").addClass("animation");
                }, 1000)
            // }else{}

			$(".progress_bar_wrap").hide();

            setTimeout(function () {
                clearInterval(change);
            }, 0);
            
        } else {
        	// width 증가 및 text 변경        		
            width++;
            $(".time_text").text(width + "%");
            $(".change_bar").css("width", width + "%");
        }
    }
    clearInterval(start); // 프로그레스바 시작 멈추기


}*/