.kakaotalkset_cont .template_sample_content_wrap .pagination{margin-top: 40px;}

 .kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;}

 .kakao_wrap .tType1_title{font-size: 24px;}

 .kakao_wrap .template_name{width: 340px;}

 .kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;}

 .kakao_wrap .img_add_info_wrap .info_title_text{font-size: 15px; font-weight: 500;}

 .kakao_wrap .img_add_info_wrap .info_text{font-size: 15px; color: #555;}

 .kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;}

 .kakao_wrap .img_file_add_wrap .img_file_info_wrap{width: 100%; max-width: 623px; border: 1px solid #e5e5e5; border-radius: 5px;}

 .kakao_wrap .img_file_add_wrap .img_file_info_wrap li{display: flex;min-height: 60px;padding: 10px 20px; border-bottom: 1px solid #e5e5e5;justify-content: space-between; align-items: center; box-sizing: border-box;}

 .kakao_wrap .img_file_add_wrap .img_file_info_wrap li:last-child{border-bottom: 0;}

 .kakao_wrap .img_file_add_wrap .file_name{font-size: 16px; font-weight: 500;}

 .kakao_wrap .img_file_add_wrap .btn_del{width: 30px;height: 30px;border: 1px solid #002c9a;border-radius: 5px;}

 .kakao_wrap .img_file_add_wrap .img_url{width: calc(100% - 190px);}

 .kakaotalkset_cont .kakao_wrap .template_category{width: 270px;}

 .kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;}

 .kakaotalkset_cont .kakao_wrap .put_right .btn_close{width: calc(100% - 20px); height: 36px; background-color: #999; color: #fff; font-size: 15px; border-radius: 5px; margin-top: 5px;}

 .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap{position: absolute; width: 100%; bottom: 0;}

 .kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;}

 .kakaotalkset_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}

 .kakaotalkset_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}

 .kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}

 .kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));}

 .kakao_wrap .replace_send_wrap{display: none; border: 1px solid #000; border-radius: 8px;padding: 0 20px; margin: 0 0 20px 0;}

 .kakao_wrap .replace_send_wrap .tType1 tr:first-child{border-top: 0;}

 .kakao_wrap .replace_send_th{height: auto; padding: 20px 0 0 0;}

 .kakao_wrap .replace_send_th .title_th{margin: 0 0 20px 0;}

 .kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;}

 .kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}

 .kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}

 .kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}

 .kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}

 .kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}

 .kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}

 .friend_talk_wrap .put_text_wrap .put_text{height: calc(100% - 40px); border: 0; background-color: transparent; padding: 14px 0 0 0px;}

 .friend_talk_wrap .put_text_wrap .text_length{position: absolute; display: flex; width: calc(100% - 40px); justify-content: space-between; align-items: center; left: 20px; box-sizing: border-box;}

 .friend_talk_wrap .put_text_wrap .ad_txt{padding: 0;margin: 0;}

 .friend_talk_wrap .put_right .btn_popup_wrap>button:last-child,.friend_talk_wrap .put_right .send_btnWrap>button:last-child{margin: 0;}

 .friend_talk_wrap .template_button .cf_text{margin: 10px 0 0 0; font-size: 14px; color: #666;}

 .friend_talk_wrap .friend_talk_title{margin: 0 0 10px 0; font-size: 15px; color: #222;}

 .friend_talk_wrap .friend_talk_title span{color: #777;}

 .friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{font-size: 15px; font-weight: 300; color: #555;}

 .friend_talk_wrap .send_right .kakao_block_text{width: calc(100% - 20px); text-align: right; font-size: 13px; font-weight: 300; color: #555; margin: 10px 0 0 0;}

 .friend_talk_wrap .put_left {position: relative;width: calc(100% - 175px);height: 260px;}

 .friend_talk_wrap .put_right{width: 165px;}

 .friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;}

 .kakaotalksend_cont .friend_talk_wrap{padding: 0;}

 .kakaotalksend_cont .friend_talk_wrap .put_right {position: relative;width: 165px;}

 .kakaotalksend_cont .tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close){margin: 0 0 0 10px;}

   </div>

   <!-- // 결제관리 > 세금계산서 발행 등록 -->

 </body>

 </html>

 $(document).ready(function () {

 	// 문자작성 영역 클릭시 textarea 활성화

 		$(this).find('textarea.put_text').focus();

 	});

 	});

 	/* 문자샘플 , 회원가입 약관 동의, 전송내역, 팝업에 있는 table, 요금사용 내역 호버 컨텐츠, 예약관리 문자내용 상세보기 팝업, 메모 팝업, 주소록 불러오기 팝업, 주소록 관리 왼쪽, 견적서 스크롤바 꾸미기 */

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

 			scrollInertia: 600,

 			mouseWheelPixels: 300

 		});

 		$(".kakao_template_wrap").mCustomScrollbar({

 			axis: 'y',

 			scrollbarPosition: "inside",

 			mouseWheelPixels: 300

 		});

 	}

 	//결제관리 - 견적내기 tbody 10줄 이상부터 스크롤 생김

 	var tbHieght = $('.tType3.payDetail .tType3_bd_wrap').height();

 		$(".tType3.payDetail .tType3_bd_wrap").mCustomScrollbar({

 			axis: 'y',

 			scrollbarPosition: "outside",

 			scrollInertia: 600,

 			mouseWheelPixels: 300

 		});

 	/* 실시간 글 적용 */

 	/*var jbTxt = $("#textarea").text();

 	$(".realtime").text(jbTxt);*/

 	$(".kakaotalksend_cont #textarea,.kakaotalkset_cont #textarea").on("change keyup paste", function () {

 		var crtTxt = $(this).val();

 		$(".template_text").text(crtTxt);

 	})

 	//요금 사용내역 table안에 있는 내용 hover 시 컨텐츠 보임

 		$(this).find(".history_hover").css({

 			"top": "50%",

 			"left": "90%",

 		})

 	})

 	//컨텐츠 사라짐

 		$(this).find(".history_hover").css({

 			"top": 0,

 			"left": 0,

 	})

 	/* 주소록 순서 변경 */

 		$(".adr_01").addClass("adr_first"); // 첫번째 그룹 클래스 추가

 		$(".list_switch").last().addClass("adr_last"); // 마지막 그룹 클래스 추가

 		// 버튼 클릭 시 체크된 값 가져와야함.

 		}

 		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가

 		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");

 	/* 상단으로 */

 		// 버튼 클릭 시 체크된 값 가져와야함.

 		//$(checkAdrWrap).prev().before(checkAdrWrap);

 			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가

 			$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");

 			// 순서대로 다시 클래스 추가

 		});

 		//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{}

 		// 버튼 클릭 시 체크된 값 가져와야함.

 		//$(checkAdrWrap).next().after(checkAdrWrap);

 			$(item).next().after(item);

 			// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가

 			$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");

 			// 순서대로 다시 클래스 추가

 			});

 		});

 		// 버튼 클릭 시 체크된 값 가져와야함.

 		}

 		// 클래스 순서 다시 지정. 클래스 다 지우고 기본 클래스 추가

 		$(".list_switch").removeClass().addClass("list_switch adr_cb_wrap");

 		// 순서대로 다시 클래스 추가

 		});

 	// 퀵메뉴 버튼 클릭 시 컨텐츠와 푸터 열고 닫히고 버튼 이미지 변경됨

 		// 전체

 		$(".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).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("src", "/publish/images/content/open_folder2.png");

 		}

 	});

 		$(this).parents(".btnType").next(".send_hover_cont").addClass("on");

 	})

 		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");

 		$(this).parents(".btnType").siblings(".send_hover_cont").addClass("on");

 	})

 		$(this).parents(".btnType").siblings(".send_hover_cont").removeClass("on");

 	//문자발송 오류검사 ? 호버 시 팝업

 		$(this).parents(".btnType").find(".test_hover_cont").addClass("on");

 	})

 	//문자발송 오류검사 ? 호버 시 팝업

 		$(this).parents(".btnType").find(".adr_hover_cont").addClass("on");

 	})

 		$(this).next(".info_hover_cont").addClass("on");

 	});

 	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜

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

 	});

 		$(this).closest(".tab_content").find(".list_content").fadeOut(0);

 		$(this).closest(".tab_content").find(".thumbnail_content,.btn_list").show();

 		$(this).hide();

 		$('#formListType').val("thumbnail");

 	});

 		/*var ofsT=Math.round($(".send_top").find('.send_right').offset().top);

 		var pH=Math.round($(".send_top").find('.send_right .phone').outerHeight());*/

 			$(".replace_send_wrap").slideDown(400);

 			/*var scrT=$(window).scrollTop();

 			var t=scrT+213;

 			}else if(t<=ofsT){

 				$('.send_top .send_right .phone').attr('style','');

 			}*/

 			$(".replace_send_wrap").slideUp(400);

 		}

 	});

 	//강조유형 선택시 처리

 			//강조표기형 숨김처리 및 내용 초기화

 			$('.emphasis_title_text').hide();

 			$('.emphasis_side_text').hide();

 			$("#inputTemplateTitle").val("");

 			$("#inputTemplateSubTitle").val("");

 			$("#imgFile").val("");

 			//영역 제거하기

 			$(".emphasis_cont").removeClass("active");

 			$(".emphasis_image").addClass("active");

 			$(".emphasis_image").siblings(".emphasis_cont").removeClass("active");

 			$(".emphasis_mark").addClass("active");

 			$(".emphasis_mark").siblings(".emphasis_cont").removeClass("active");

 			//첨부 이미지 정보가 있으면 지워준다.

 			$("#imgFile").val("");

 	});

 			$(".variable_wrap").hide();

 			$(".variable_wrap").show();

 		}

 	});