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

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

	/* 포토이미지 드래그 */
  	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(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');

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

/* 회원가입 약관동의 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);
		}

		$(window).on('scroll',function(){
			var scrT=$(this).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);
			}else if(t>ofsT){
				$('.send_top .send_right .phone').css('top',h-pH);
			}else if(t<=ofsT){
				$('.send_top .send_right .phone').attr('style','');
			}
		});
	});
}

/* 스팸팝업 내용 보기 버튼 */
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" 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 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();
}