<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"  %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
<%@ page import="itn.com.cmm.LoginVO" %>

<!-- 구글 공통 스크립트 : Global site tag (gtag.js) - Google Ads: 10967556094 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10967556094"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-10967556094');
</script>


<!-- 구글 애널리틱스 추가_이준호_220513   Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4TFSRMDGXC"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4TFSRMDGXC');
</script>


<meta name="viewport" content="width=device-width">
<meta name="google-site-verification" content="v6O1_CnJjlOM2ihd_AroMSAvKHgvMPWEK7LqZSbebZA" />

<style>
 <c:if test="${loginPage}">
.cont {
    padding-top: 127px;
}
</c:if>
</style>

<script>
$(document).ready(function (){

	$(document).on('click', '#secuLoginFlag', function () {

		var secuLoginFlag = "";
		console.log($(this).text());
		if($(this).text() == 'ON'){
			secuLoginFlag = 'Y'
		}
		else{
			secuLoginFlag = 'N'
		}
		

		// 디버깅용 출력
		console.log(secuLoginFlag);
		
		// 동적으로 form 생성
		var form = $('<form>', {
		    action: '/web/user/mberSecureLogin.do', // 전송할 URL
		    method: 'POST' // POST 방식 설정
		});
		
		// form에 hidden input 추가
		form.append($('<input>', {
		    type: 'hidden',
		    name: 'secuLoginFlag', // 서버에서 받을 파라미터 이름
		    value: secuLoginFlag // 전달할 값
		}));
		
		// form을 body에 추가 후 제출
		$('body').append(form);
		form.submit();
		
		
	});
	
	//세션에서 종료시간을 받아와서 타이머 실행함
	/* var timer = '${timer}';
	if(timer != ""){
		
		getTimer(timer);
		
	} */
	
	$('.gnb').find('li').each(function (index, item){
		$($(this).find('a')[0]).attr('href' , $($(this).find('.depth2').find('a')[0]).attr('href'));
	});	

	//사이트맵 2뎁스 링크 주소 1뎁스로 복사 넣기
	$('.amn').find('li').each(function (index, item){
		$($(this).find('a')[0]).attr('href' , $($(this).find('.amnDeth2').find('a')[0]).attr('href'));
	});	

	//즐겨찾기 추가
	$('#favorite').on('click', function(e) { 
		var bookmarkURL = window.location.href; 
		var bookmarkTitle = document.title;
		var triggerDefault = false; 

		if (window.sidebar && window.sidebar.addPanel) { 
			// Firefox version < 23 
			window.sidebar.addPanel(bookmarkTitle, bookmarkURL, ''); 
		} else if ((window.sidebar && (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)) || (window.opera && window.print)) { 
			// Firefox version >= 23 and Opera Hotlist 
			var $this = $(this); 
			$this.attr('href', bookmarkURL); 
			$this.attr('title', bookmarkTitle); 
			$this.attr('rel', 'sidebar'); 
			$this.off(e); 
			triggerDefault = true; 
		} else if (window.external && ('AddFavorite' in window.external)) { 
			// IE Favorite 
			window.external.AddFavorite(bookmarkURL, bookmarkTitle); 
		} else { 
			// WebKit - Safari/Chrome 
			alert((navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Cmd' : 'Ctrl') + '+D 키를 눌러 즐겨찾기에 등록하실 수 있습니다.'); 
		} 
		return triggerDefault; 
	});
	
	//포인트전환 구분 변경 시 값 초기화
	$("input[name=type]").click(function(){
		if($(this).attr("id") == "classifyMoney1"){
			$(".moneyBack").show();
			$("#bankNm").val("");
		}else if($(this).attr("id") == "classifyMoney2"){
			$(".moneyBack").hide();
			$('.moneyBack').find('input[type=text]').each(function(){
				$(this).val("");
			});
		}
	});

	<c:if test="${!loginPage}">
		getid();
	</c:if>	
	
	if(!${empty LoginVO}){
		//등급제 대상 여부(헤더)
		//getMberGrdChk_Header();
	}

	//등급제 시행 ON/OFF 체크(비로그인)
	//getMberSettingDetailByNotLogin_Header();			
	
	var secuLoginFlag = '${mberManageVO.secuLoginFlag}';
    
	const $securityBox = $('.security_box');

	// secuLoginFlag 값에 따라 클래스 및 내용 변경
	$securityBox
		.removeClass('green_box red_box')
		.addClass(secuLoginFlag === 'Y' ? 'green_box' : 'red_box')
		.find('.state')
		.text(secuLoginFlag === 'Y' ? 'ON' : 'OFF')
		.removeClass('on off')
		.addClass(secuLoginFlag === 'Y' ? 'on' : 'off');
});	

//등급제 시행 ON/OFF 체크(비로그인)
function getMberSettingDetailByNotLogin_Header() {
	$.ajax({
        type: "POST",
        url: "/web/grd/mberSettDetailByNotLoginAjax.do",
        data: {},
        dataType:'json',
        async: false,
        success: function (data) {
			if (data.isSuccess) {
				var reqURL = "${pageContext.request.requestURL}";
				var mainURL = "/web/main/mainPage.do";
				if (reqURL.lastIndexOf(mainURL) > -1) {
					// 문자(등급별 요금 안내)
					$("#priceTopBanner").show();
				}
				else {
					// 문자(등급별 요금 안내)
					$("#priceTopBanner").hide();		
				}

				// 퀵메뉴 맞춤문자 => 요금안내로 변경
				var sHtml = "";
				sHtml += "<a href='/web/pay/PayGuide.do' rel='nosublink'><i class='quick12'></i><span>요금안내</span></a>";
				sHtml += "<div class='hover_cont'>요금안내</div>";
				$("#quickPayGuide").html(sHtml);
			} 
			else {
				//alert("Msg : " + data.msg);
			}
		},
        error: function (e) { 
        	//alert("ERROR : " + JSON.stringify(e)); 
        }
    });				
}	

//등급제 대상 여부
function getMberGrdChk_Header() {
	$.ajax({
        type: "POST",
        url: "/web/grd/mberGrdChkAjax.do",
        data: {},
        dataType:'json',
        async: false,
        success: function (data) {
			if (data.isSuccess) {
				// 등급제 누적결제액 세부내역
				var levelIcon = "/publish/images/level/level_icon/" + data.rtnMberGrdVO.grdSetIcon + "_icon.png";
				$("#commonHeaderGradeIcon").attr("src", levelIcon);
			} 
			else {
				//alert("Msg : " + data.msg);
			}
		},
        error: function (e) { 
        	//alert("ERROR : " + JSON.stringify(e)); 
        }
    });				
}

//남은 시간 계산해주기(화면 새로고침해도 시간은 계속 유지됨)
function getTimer(date) { 
	var _vDate = new Date(date); 
	// 전달 받은 일자 
	var _second = 1000; 
	var _minute = _second * 60; 
	var _hour = _minute * 60; 
	var _day = _hour * 24; 
	var timer; 
	
	function showRemaining() { 
		var now = new Date(); 
		var distDt = _vDate - now; 
		
		if (distDt < 0) { 
			clearInterval(timer); 
			location.href="<c:url value='/web/uat/uia/actionLogout.do'/>"; 
			return; 
		} 
		
		//var days = Math.floor(distDt / _day); 
		//var hours = Math.floor((distDt % _day) / _hour); 
		var minutes = Math.floor((distDt % _hour) / _minute); 
		var seconds = Math.floor((distDt % _minute) / _second); 
		
		var msg = minutes + ":" + seconds;
		document.all.ViewTimer.innerHTML = msg;
		 
	} 
	
	timer = setInterval(showRemaining, 100); 
}

//세션 시간 타이머
var SetTime = 60*${sessionTimeUser};		// 최초 설정 시간(기본 : 초)
var defalutSetTime = 60*${sessionTimeUser};		// 최초 설정 시간(기본 : 초)

function msg_time() {	// 1초씩 카운트
	if((SetTime % 60)>9){
		m = Math.floor(SetTime / 60) + ":" + (SetTime % 60);	// 남은 시간 계산
	}else{
		m = Math.floor(SetTime / 60) + ":0" + (SetTime % 60);	// 남은 시간 계산
	}
	
	/* var msg = "<font color='red'>" + m + "</font>"; */
	var msg = m;
	if(m == '5:0'){
		
		alert("로그아웃 시간이 5분 남았습니다.");
		
	}
	
	document.all.ViewTimer.innerHTML = msg;		// div 영역에 보여줌 
	SetTime--;					// 1초씩 감소
	if (SetTime < 0) {			// 시간이 종료 되었으면..
		clearInterval(tid);		// 타이머 해제
		alert(Math.floor(defalutSetTime / 60) + '분 동안 아무 작동이 없어 로그아웃 됩니다.');
		location.href="<c:url value='/web/uat/uia/actionLogout.do'/>"; //로그아웃 시킴
	}
}


if(!${empty LoginVO}){

	window.onload = TimerStart();
	
}

function TimerStart(){ 
	tid=setInterval('msg_time()',1000);
};

//세션 시간 연장
function sessionExpend(){
	$.ajax({
		 url :"/web/com/userSessionExpendAjax.do"
		,type:"post"
		,data:{"sessionTimeUser": "expend"}
		,dataType:"json"
		,success:function(data){
			
			/* var timer = data.timer;
			getTimer(timer);
			alert("사용시간이 연장 되었습니다."); */
			
			//console.log("세션이 연장되었습니다.");
		}
	    ,error:function(request , status, error){
			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
			console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
		}
	});
	SetTime = 60*${sessionTimeUser};
}

// Whois IP 국가코드 Check
var isKoreaIpAddress = true;
function whoisIpCountry() {
	$.ajax({
		type:"POST",
		url: "/web/whois/whoisIpCountryAjax.do",
		data: {},
		dataType:'json',
		async: true,
		timeout: 300,
		success: function (data) {
			if(data.isSuccess == true) {
				if (data.rspCode == "10000") {
					if (data.countryCode.toUpperCase() != "KR" && data.countryCode.toUpperCase() != "NONE" && data.countryCode.toUpperCase() != "") {
						isKoreaIpAddress = false;
					}
				}
			}
		},
		error: function (e) {
		}
	});		
}


function actionLogin() {
// 	location.href="<c:url value='/web/user/login/login.do'/>";
	
	// 아이디 공백 제거
	document.loginForm.id_text.value = $.trim(document.loginForm.id_text.value);
	
    if (document.loginForm.id_text.value =="") {
        alert("아이디를 입력하세요");
        return;
    } else if (document.loginForm.password_text.value =="") {
        alert("비밀번호를 입력하세요");
        return;
    } else {
    		// 로그인 START
    		var rsa = new RSAKey();
	        rsa.setPublic($('#RSAModulus').val(),$('#RSAExponent').val());
	        
	        var id = $("#id_text");
	        var pw = $("#password_text");
	
	        $("#id").val(rsa.encrypt(id.val().toLowerCase()));
	        $("#password").val(rsa.encrypt(pw.val()));
	        
	        saveid(document.loginForm);

	        var checkForm = $("form[name=loginForm]").serialize() ;
			
			$.ajax({
			    type : "POST",
			    async : false,
			    url : "/web/user/login/actionSecurityLoginBeforeHpAjax.do",
			    data : checkForm,
			    dataType:'json',
			    success : function(data) {
			      if (data.status=="success"){
	
			    	    document.loginForm.passFlag.value = data.passFlag;
				    	if(data.passFlag == "Y")
			    		{
				    		actionLogin_end();
			    		}
				    	else
				    	{
							goLoginPage(id.val(), pw.val(), "secure");
				    	}
			   		}else if (data.status=="fail"){
			   			
			   			if (data.returnType == "A"){
							//휴면 회원
			   				document.loginForm.action="<c:url value='/web/user/humanPage.do'/>";
					 	    document.loginForm.submit();
			   			}else if (data.returnType == "B"){
							//기업회원 기업정보 기입
			   				document.cmpChangeForm.mberId.value = data.mberId;
			   				document.cmpChangeForm.action="<c:url value='/web/user/login/membershipAttachDocBefore.do'/>";
					 	    document.cmpChangeForm.submit();
			   			}else if (data.returnType == "C"){
			   				document.cmpChangeForm.mberId.value = data.mberId;
			   				document.cmpChangeForm.action="<c:url value='/web/user/login/loginRestrictionUse.do'/>";
					 	    document.cmpChangeForm.submit();
			   			}else{
							//로그인 실패 page이동
			   				goLoginPage(id.val(), pw.val(), data.msg);
			   			}
			   		}
			      
		      	//alert(JSON.stringify(data));
				      	console.log("sucess data1 : " + JSON.stringify(data));        	
					if (data.isSuccess == true) {
				      	console.log("fn_click_banner_add_stat sucess data2 : " + JSON.stringify(data));
					}
					else {
				      	console.log("data.isSuccess not true ");
				      	console.log("sucess data.msg : " + data.msg);
				      	console.log("sucess data1 : " + JSON.stringify(data));        	
					}
		      },
		      error : function(xhr, status, error) {
			      	console.log("fn_click_banner_add_stat error : " + error);
			        console.log("fn_click_banner_add_stat xhr : " +  JSON.stringify(xhr)  + "\r\status : " + JSON.stringify(status) + "\r\error : " + JSON.stringify(error));	      	
		          return false;
		      }
		  });	
    }
    
}

function goLoginPage(id, pw, headerLoginResult){
	document.loginForm.id.value = id;
	document.loginForm.password.value = pw;
	document.loginForm.headerLoginResult.value = headerLoginResult;
	document.loginForm.action = "<c:url value='/web/user/login/login.do'/>";
	
	document.loginForm.submit();
}

//아이디/휴대폰 번호 체크
function actionLogin_end(){
	    document.loginForm.action="<c:url value='/web/user/login/actionSecurityLoginAfterHp.do'/>";
	    saveid(document.loginForm);
	    document.loginForm.submit();
}

	function saveid(form) {
	    var expdate = new Date();
	    // 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
	    if (form.checkId.checked)
	        expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
	    else
	        expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
	    setCookie("ncms_saveid", form.id_text.value, expdate);
	}
	
	function setCookie (name, value, expires) {
	    document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
	}
	
	function getid() {
		try {
			var form = document.loginForm;
		    if(getCookie("ncms_saveid") != ""){
		    	form.checkId.checked = (form.id_text.value = getCookie("ncms_saveid"));
		    }
			/* form.checkId.checked = ((form.id_text.value = getCookie("ncms_saveid")) != ""); */

		}
		catch(err) {
			
		}
	}
	
	function getCookie(Name) {
	    var search = Name + "="
	    if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
	        offset = document.cookie.indexOf(search)
	        if (offset != -1) { // 쿠키가 존재하면
	            offset += search.length
	            // set index of beginning of value
	            end = document.cookie.indexOf(";", offset)
	            // 쿠키 값의 마지막 위치 인덱스 번호 설정
	            if (end == -1)
	                end = document.cookie.length
	            return unescape(document.cookie.substring(offset, end))
	        }
	    }
	    return "";
	}
	
	function search_h(){
		$('#detailYn').val("N");
		$("#rangeView").val('');
		$('#sdate').val('');
		$('#edate').val('');
		var form = document.frmSearch_h;
		if (checkFormHeader(form)) {
			form.submit();
		}
	}
	
	function checkFormHeader(form) {
		$(frmSearch_h).find("input[name=pageIndex]").val("1") ;
		//$('#pageIndex').val("1");
		if (!form.q.value) {
			alert("검색어를 입력하세요.");
			$("#q1").focus();
			return false;
		}
		return true;
	}
	
	function fnPopupCheck(idName) {
		//fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1);
		fnSetCookiePopup( idName , "done" , 1);
		if(idName=='tdClose'){ //좌측 팝업
			$(".popLayer").removeClass("on");	
		}
	}
	
	/* ********************************************************
	 * 쿠키설정
	 ******************************************************** */
	function fnSetCookiePopup( name, value, expiredays ) {
		  var todayDate = new Date();
		  todayDate.setDate( todayDate.getDate() + expiredays );
		  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
	}
	/*
	window.onload = function() {
		<c:if test="${addrTransWaitListSize > 0}">
			alert("수신한 주소록이 있습니다");
		</c:if>
	}
	*/
	
	function fnMsgSearch(){
		
		var form = document.frmSearch_h;
		
		form.headerMsgSearchFlag.value = "Y";
		
		var data = new FormData(form);
		var url = "/web/mjon/msgdata/selectSwearWordFilterAjax.do";
		
		//욕설 및 금지어 필터링 진행
		$.ajax({
			type:"POST",
			url: url,
			data: data,
			dataType:'json',
			contentType: false,
			processData: false,
			success: function (returnData, status) {
				if(status == 'success'){
					if(returnData.status == "success"){
						
						form.action = "<c:url value='/web/mjon/msgdata/selectMsgDataView.do'/>";
						form.method = "post";
						form.submit();
						
					}else{
						
						alert(returnData.message);
						return false;
						
					}
				} else if(status== 'fail'){
					alert("문자검색에 오류가 발생하였습니다.");
					return false;
				}
			},
			error: function (e) {
				alert("문자검색 처리 중 오류가 발행하였습니다.");
				console.log("ERROR : ", e); 
				return false;
			}
		});
		
		
		
		
	}
	
	function fnFavoritMsgSearch(favoritWord){
		
		var form = document.frmSearch_h;
		
		form.headerMsgSearchFlag.value = "Y";
		form.searchKeyword.value = favoritWord;
		
		form.action = "<c:url value='/web/mjon/msgdata/selectMsgDataView.do'/>";
		form.method = "post";
		form.submit();
		
	}

	// 포인트 전환 금액 미달시
	function pointLimitUnderAction() {
		var pUserPoint = "${userPoint}";
		var standardPoint = 0;
		if($("input[name='type']:checked").val() == '1') { 
			// 현금 선택 시
			standardPoint = 10000;

		}
		else if($("input[name='type']:checked").val() == '2') { 
			// 잔액 선택 시
			standardPoint = 5000;
			
		}
		
		if (parseInt(pUserPoint, 10) < parseInt(standardPoint, 10)) {
			if($("input[name='type']:checked").val() == '1') { 
				// 현금 선택 시
				alert("포인트는 " + numberWithCommas(standardPoint) + "원 이상부터 현금 교환이 가능합니다.");
			}
			else if($("input[name='type']:checked").val() == '2') { 
				// 잔액 선택 시
				alert("포인트는 " + numberWithCommas(standardPoint) + "원 이상부터 보유잔액으로 전환이 가능합니다.");
			}			
			
			// 포인트 전환 금액 미달시 Clear
			pointLimitUnderClear();			
			
			return false;
		}
	}
	
	// 포인트 전환 금액 미달시 Clear
	function pointLimitUnderClear() {
		$("#accountNum").val("");
		$("#accountNm").val("");
		$("#mbtlNum").val("");
		$("#point").val("");
	}
	
	// 포인트 전환
	function pointChg() {
		// 유효성 검사
		if (pointLimitUnderAction() == false) return false;	
		
		var cPoint = $("#point").val().replaceAll(",", "");
		
		var confirmAlertWord = "";
		var successAlertWord = "";
		var failAlertWord = "";
		if($("input[name='type']:checked").val() == '1'){ //현금 선택 시
			confirmAlertWord = "포인트 현금 교환 신청하시겠습니까?";
			successAlertWord = "포인트 현금 교환 신청을 완료하였습니다.";
			failAlertWord = "포인트 현금 교환 신청 실패했습니다.";
			
			if($("#bankNm").val().trim() == ''){
				alert("은행을 선택해주세요.")
				return false;
			}
			if($("#accountNum").val().trim() == ''){
				alert("계좌번호를 입력해주세요.")
				return false;
			}
			if($("#accountNm").val().trim() == ''){
				alert("예금주를 입력해주세요.")
				return false;
			}
			if($("#mbtlNum").val().trim() == ''){
				alert("연락처를 입력해주세요.")
				return false;
			}
			if(cPoint == ''){
				alert("전환금액을 입력해주세요.")
				return false;
			}
			if(parseInt(cPoint) < 10000){
				alert("포인트는 10,000원 이상부터 전환이 가능합니다.")
				return false;
			} 
			if(parseInt(cPoint) > '${userPoint}'){
				alert("전환금액은 보유 포인트보다 클 수 없습니다.")
				return false;
			}
		}else if($("input[name='type']:checked").val() == '2'){ //잔액 선택 시
			confirmAlertWord = "포인트 보유잔액으로 전환 신청하시겠습니까?";
			successAlertWord = "포인트 전환 완료했습니다.";
			failAlertWord = "포인트 전환 실패했습니다.";
		
			if(cPoint == ''){
				alert("전환금액을 입력해주세요.")
				return false;
			}
			if(parseInt(cPoint) < 5000){
				alert("포인트는 5,000원 이상부터 전환이 가능합니다.")
				return false;
			} 
			if(parseInt(cPoint) > '${userPoint}'){
				alert("전환금액은 보유 포인트보다 클 수 없습니다.")
				return false;
			}
		}
		
		$("#point").val($("#point").val().replaceAll(",", ""));
		var frm = document.pointForm;
		var data = new FormData(frm);
		
		if(confirm(confirmAlertWord)) {
			$.ajax({
				type:"POST",
				url: "/web/member/pay/pointUseAjax.do",
				data: data,
				dataType:'json',
				contentType: false,
				processData: false,
				success: function (returnData, status) {
					
					//보유 금액 변조 방지
					if(returnData.status == 'moreThanUserPoint'){
						alert(returnData.msg)
						return;
					}
					
					if(status == 'success'){
						alert(successAlertWord);
						location.reload();
					} else if(status== 'fail'){
						alert(failAlertWord);
						location.reload();
					}
				},
				error: function (e) {
					//alert("실패");
					alert(JSON.stringify(e));
					//console.log("ERROR : ", e); 
				}
			});
		}
		else {
			$("#point").val(numberWithCommas($("#point").val()));			
		}
	}
	
	// 포인트 전환
	function pointChgWithApi() {
		// 유효성 검사
		if (pointLimitUnderAction() == false) return false;	
		
		var cPoint = $("#point").val().replaceAll(",", "");
		
		var confirmAlertWord = "";
		var successAlertWord = "";
		var failAlertWord = "";
		if($("input[name='type']:checked").val() == '1'){ //현금 선택 시
			confirmAlertWord = "포인트 현금 교환 신청하시겠습니까?";
			successAlertWord = "포인트 현금 교환 신청을 완료하였습니다.";
			failAlertWord = "포인트 현금 교환 신청 실패했습니다.";
			
			if($("#bankNm").val().trim() == ''){
				alert("은행을 선택해주세요.")
				return false;
			}
			if($("#accountNum").val().trim() == ''){
				alert("계좌번호를 입력해주세요.")
				return false;
			}
			if($("#accountNm").val().trim() == ''){
				alert("예금주를 입력해주세요.")
				return false;
			}
			if($("#mbtlNum").val().trim() == ''){
				alert("연락처를 입력해주세요.")
				return false;
			}
			if(cPoint == ''){
				alert("전환금액을 입력해주세요.")
				return false;
			}
			if(parseInt(cPoint) < 10000){
				alert("포인트는 10,000원 이상부터 전환이 가능합니다.")
				return false;
			} 
			if(parseInt(cPoint) > '${userPoint}'){
				alert("전환금액은 보유 포인트보다 클 수 없습니다.")
				return false;
			}
		}else if($("input[name='type']:checked").val() == '2'){ //잔액 선택 시
			confirmAlertWord = "포인트 보유잔액으로 전환 신청하시겠습니까?";
			successAlertWord = "포인트 전환 완료했습니다.";
			failAlertWord = "포인트 전환 실패했습니다.";
		
			if(cPoint == ''){
				alert("전환금액을 입력해주세요.")
				return false;
			}
			if(parseInt(cPoint) < 5000){
				alert("포인트는 5,000원 이상부터 전환이 가능합니다.")
				return false;
			} 
			if(parseInt(cPoint) > '${userPoint}'){
				alert("전환금액은 보유 포인트보다 클 수 없습니다.")
				return false;
			}
		}
		
		$("#point").val($("#point").val().replaceAll(",", ""));
		var frm = document.pointForm;
		var data = new FormData(frm);
		
		if(confirm(confirmAlertWord)) {
			var isBankRealName = false;
			var rspMessage = "";
			
			$.ajax({
				type:"POST",
				url: "/web/bank/bankingRealNameApiAccessTokenAjax.do",
				data: data,
				dataType:'json',
				contentType: false,
				processData: false,
				async: false,
				success: function (data) {
					if(data.isSuccess == true) {
						if(data.rspCode == "A0000") {
							if(data.accountHolderName == $("#accountNm").val().trim()) {
								// 실명인증명과 예금주명 일치시
								isBankRealName = true;	// 실명 인증완료								
							}
						}
						else {
							rspMessage = data.rspMessage;
						}
					}
				},
				error: function (e) {
					rspMessage = "실명인증 API 호출오류";
					//alert("실패");
					//alert(JSON.stringify(e));
					//console.log("ERROR : ", e); 
				}
			});			
			
			if (isBankRealName == false) {
				var aTitle = "";
				if (rspMessage != "") {
					aTitle = "계좌번호 실명인증에 실패했습니다.\n계좌번호, 예금주명, 생년월일을 다시한번 확인해주세요.\n오류 메시지 : " + rspMessage;
				}
				else {
					aTitle = "계좌번호 실명인증에 실패했습니다.\n계좌번호, 예금주명, 생년월일을 다시한번 확인해주세요.";
				}
				
				alert(aTitle);
			}
			else {
				$.ajax({
					type:"POST",
					url: "/web/member/pay/pointUseAjax.do",
					data: data,
					dataType:'json',
					contentType: false,
					processData: false,
					success: function (returnData, status) {
						if(status == 'success'){
							alert(successAlertWord);
							location.reload();
						} else if(status== 'fail'){
							alert(failAlertWord);
							location.reload();
						}
					},
					error: function (e) {
						//alert("실패");
						alert(JSON.stringify(e));
						//console.log("ERROR : ", e); 
					}
				});
			}
		}
		else {
			$("#point").val(numberWithCommas($("#point").val()));			
		}
	}	
	
	function inputNumberFormat(obj) {
		obj.value = numberWithCommas(obj.value);
	}
	
	/* IE 탑배너 script 영역 */
	var ieCheckAgent = navigator.userAgent.toLowerCase();
	if(navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1 || (ieCheckAgent.indexOf("msie") != -1)) {
		$(function(){
			if(getCookie('topbanner1') != 'Y'){
				$('.header .topbanner').show();
				$('.cont.main').css('padding-top','222px');
			}
		});
		
		function setCookie(name, value, expiredays) {
		    var todayDate = new Date();
		    todayDate.setDate( todayDate.getDate() + expiredays );
		    document.cookie = name + '=' + escape( value ) + '; path=/; expires=' + todayDate.toGMTString() + ';'
		}
		
		function getCookie(name){ 
			var obj = name + "="; 
			var x = 0; 
			while ( x <= document.cookie.length ){ 
				var y = (x+obj.length); 
				if ( document.cookie.substring( x, y ) == obj ){ 
					if ((endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) 
						endOfCookie = document.cookie.length;
					return unescape( document.cookie.substring( y, endOfCookie ) ); 
				}
				x = document.cookie.indexOf( " ", x ) + 1; 
				
				if ( x == 0 ) break; 
			} 
			return ""; 
		   }
		
		function topbannerClose(key){
			if($('#todayPop').prop('checked')){
				setCookie('topbanner'+key, 'Y', 1);
			}
			$('.header .topbanner').hide();
			$('.cont.main').attr('style','');
		}
	}
	function remotePop(target){
		window.open(target, 'infoPop', 'width=1110, height=700, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
	}
</script>


	<div class="mask"></div>
<c:if test="${inspYn == 'Y'}">
	<style>
		.mask_layer{position: fixed; background: white; width: 100%; height: 100%; z-index: 9999; text-align: center;}
		.mask_layer .text_area{color: #000; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	</style>
	<div class="mask_layer">
		<div class="text_area">
			점검중임
		</div>
	</div>	
</c:if>
	<!-- 포인트 교환 팝업 -->
	<form id="pointForm" name="pointForm" action="/web/member/pay/pointUseAjax.do" >
		<input type="hidden" name="birthDate" value="000000" />
		<div class="tooltip-wrap">
			<div class="popup-com point_layer popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
				<div class="popup_heading">
					<p>포인트 전환</p>
					<button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
				</div>
				<div class="layer_in">
					<div class="titBox">
						<p>- 현금 교환은 10,000 포인트 이상부터 가능합니다.</p>
						<%--<p>- 잔액 전환은 5,000 포인트 이상부터 가능합니다.</p>
						<p>- 포인트를 보유잔액으로 전환 시에는 전환 포인트의 5%를 추가로 전환해 드립니다.</p>--%>
						<p>- 잔액 전환된 포인트는 환불이 불가합니다.</p>
						<p>- 포인트 전환 업무는 매주 수요일에 순차적으로 처리됩니다.</p>
					</div>
					<table class="layer_tType1">
						<caption>포인트 전환 표</caption>
						<colgroup>
							<col style="width: 95px">
							<col style="width: auto">
						</colgroup>
						<tbody>
							<tr>
								<th>내 포인트</th>
								<td class="remain_point">
									<fmt:formatNumber type="number" maxFractionDigits="3" value="${userPoint}" var="commaPoint" />
									<p><span><c:out value="${commaPoint}"/></span> 원</p>
								</td>
							</tr>
							<tr>
								<th>구분</th>
								<td>
									<input id="classifyMoney1" type="radio" name="type" value="1" checked="checked">
									<label for="classifyMoney1">현금 교환</label>
									<%-- 
									<input id="classifyMoney2" type="radio" name="type" value="2">
									<label for="classifyMoney2">보유잔액으로 전환</label>
									--%>
								</td>
							</tr>
							<tr class="moneyBack">
								<th>은행명</th>
								<td>
									<label for="bankNm" class="label">은행명 선택</label>
									<select id="bankNm" name="bankNm" onclick="pointLimitUnderAction()">
										<option value="">은행선택</option>
										<option value="국민은행">국민은행</option>
										<option value="기업은행">기업은행</option>
										<option value="농협은행">농협은행</option>
										<option value="신한은행">신한은행</option>
										<option value="우리은행">우리은행</option>
										<option value="하나은행">하나은행</option>
										<option value="카카오뱅크">카카오뱅크</option>
									</select>
								</td>
							</tr>
							<tr class="moneyBack">
								<th>계좌번호</th>
								<td>
									<label for="accountNum" class="label">계좌번호 입력</label>
									<input type="text" name="accountNum" id="accountNum" placeholder="계좌번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='새 계좌번호를 입력해주세요'"class="inputLight" style="width: 100%;" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" maxlength="20" onclick="pointLimitUnderAction()">
								</td>
							</tr>
							<tr class="moneyBack">
								<th>예금주</th>
								<td>
									<label for="accountNm" class="label">예금주 입력</label>
									<input type="text" name="accountNm" id="accountNm" placeholder="예금주를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='새 예금주를 입력해주세요'"class="inputLight" style="width: 100%;" maxlength="20" onclick="pointLimitUnderAction()">
								</td>
							</tr>
							<tr class="moneyBack">
								<th>연락처</th>
								<td>
									<label for="mbtlNum" class="label">연락처 입력</label>
									<input type="text" name="mbtlNum" id="mbtlNum" placeholder="‘-’없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 전화번호를 입력해주세요'"class="inputLight" style="width: 100%;" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" maxlength="20" onclick="pointLimitUnderAction()">
								</td>
							</tr>
							<tr>
								<th>전환금액</th>
								<td>
									<label for="point" class="label">전환금액 입력</label>
									<input type="text" id="point" name="point" id="point" style="width: 100%;" maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" onkeyup="inputNumberFormat(this)" onclick="pointLimitUnderAction()">
									<p class="input_in2">원</p>
								</td>
							</tr>
							<tr>
								<th>목록 노출</th>
								<td>
									<label for="screenYnY" class="label">목록 노출여부</label>
									<input type="radio" id="screenYnY" name="screenYn" value="Y" checked="checked">노출 
									<input type="radio" id="screenYnN" name="screenYn" value="N">비노출
								</td>
							</tr>
						</tbody>
					</table>
				<div class="popup_btn_wrap2">
					<button type="button" onclick="pointChg();">전환하기</button>
					<button type="button" class="tooltip-close" data-focus="popup04-close" data-focus-next="popup04">취소</button>
				</div>
				</div>
			</div>
		</div><!--// 포인트 교환 팝업 -->
	</form>
	
	<!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
	<div class="tooltip-wrap">
		<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px">
			<div class="popup_heading">
				<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
				<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
			</div>
			<div class="layer_in">
				<div class="list_tab_wrap2 type5">
					<!-- tab button -->
					<ul class="list_tab">
						<li class="tab active"><button type="button" onclick="listTab2(this,'1');">이통사 스팸 필터링 서비스</button></li>
						<li class="tab"><button type="button" onclick="listTab2(this,'2');">번호도용 문자차단 서비스</button></li>
					</ul><!-- // tab button -->
				</div>
				<!-- 광고문자 전송규정 안내 -->
				<div class="adpop_cont current" id="listTab2_1">
					<div class="titBox">
						<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
						<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
						<p>&nbsp; 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
						<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
						<p>&nbsp; (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
					</div>
					<div class="adpop1_bottom">
						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
						<div class="content_box">
							<ul class="list">
								<li class="tit">
									<ul>
										<li>
											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00002121&uCode=u1_2" target="_blank"  >T월드 문자 스팸필터링 바로가기</a>
										</li>
										<li>
											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" >KT (안심)스팸차단 바로가기</a>
										</li>
										<li>
											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" >U+ 스팸차단 바로가기</a>
										</li>
									</ul>
								</li>
								<li>
									<dl>
										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
										<dd>
											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" >(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
										</dd>
									</dl>
								</li>
								<li>
									<dl>
										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
										<dd>
											<p>KT<a href="https://www.kt.com/" target="_blank" >(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
										</dd>
									</dl>
								</li>
								<li>
									<dl>
										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
										<dd>
											<p>U+<a href="https://www.uplus.co.kr" target="_blank" >(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
										</dd>
									</dl>
								</li>
							</ul>
						</div>
					</div>
					<div class="adpop1_bottom">
						<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
						<div class="content_box">
							<ul class="list02">
								<li>
									<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
									<dl>
										<dt>SKT · T스팸필터링</dt>
										<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
									</dl>
								</li>
								<li>
									<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
									<dl>
										<dt>KT올레 · 올레스팸차단서비스</dt>
										<dd>구글 Play 스토어 다운가능</dd>
									</dl>
								</li>
								<li>
									<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
									<dl>
										<dt>LG U+ · U+ 스팸차단</dt>
										<dd>구글 Play 스토어 다운가능</dd>
									</dl>
								</li>
							</ul>
						</div>
					</div>
					<div class="adpop1_bottom">
						<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
						<div class="content_box">
							<dl class="cscenter">
								<dt>휴대폰 114 + 통화버튼</dt>
								<dd>
									<ul>
										<li>· SKT 고객센터(1599-0011)</li>
										<li>· KT올레 고객센터(100)</li>
										<li>· LG U+ 고객센터(1544-0010)</li>
									</ul>
								</dd>
							</dl>
						</div>
					</div>
				</div><!-- // 광고문자 전송규정 안내 -->

				<!-- 광고문자 수신동의 안내 -->
				<div class="adpop_cont" id="listTab2_2">
					<div class="titBox">
						<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
						<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
						<p>&nbsp; 하신 후 전송하시기 바랍니다.</p>
					</div>
					<div class="adpop1_bottom">
						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
						<div class="content_box">
							<ul class="list">
								<li class="tit">
									<ul>
										<li>
											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00004406&uCode=u1_2" target="_blank" >T번호도용문자차단 바로가기</a>
										</li>
										<li>
											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" >KT번호도용문자차단 바로가기</a>
										</li>
										<li>
											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" >U+ 번호도용문자차단 바로가기</a>
										</li>
									</ul>
								</li>
								<li>
									<dl>
										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
										<dd>
											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" >(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
										</dd>
									</dl>
								</li>
								<li>
									<dl>
										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
										<dd>
											<p>KT<a href="https://www.kt.com" target="_blank" >(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
										</dd>
									</dl>
								</li>
								<li>
									<dl>
										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
										<dd>
											<p>U+<a href="https://www.uplus.co.kr" target="_blank" >(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
										</dd>
									</dl>
								</li>
							</ul>
						</div>
					</div>
					<div class="adpop1_bottom">
						<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
						<div class="content_box">
							<dl class="cscenter">
								<dt>휴대폰 114 + 통화버튼</dt>
								<dd>
									<ul>
										<li>· SKT 고객센터(1599-0011)</li>
										<li>· KT올레 고객센터(100)</li>
										<li>· LG U+ 고객센터(1544-0010)</li>
									</ul>
								</dd>
							</dl>
						</div>
					</div>
				</div><!-- // 광고문자 수신동의 안내 -->
			</div>
			<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
				<button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
			</div>
		</div>
	</div>
	<!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
	
    <!-- skip 메뉴  -->
    <div class="skip_menu">
        <a href="#cont" title="본문 바로가기" class="contGo" >본문 바로가기</a>
    </div><!--// skip 메뉴  -->

    <!-- 요금안내 top 배너 시작 -->
    <c:choose> 
    	<c:when test="${fn:contains(pageContext.request.requestURL , 'web/main/mainPage.do')}">
			<img class="price_top_banner" id="priceTopBanner" style="display:none;" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
			<map name="topbanner">
			  <area shape="poly" coords="45,165,194,164,182,183,155,200,124,208,85,202,63,187,46,167" href="/web/pay/PayGuide.do" alt="">
			</map>
    	</c:when>
    </c:choose>    
    
    
    <!-- quick 메뉴 -->
    <!-- 메인화면 퀵 메뉴와 서브화면 퀵메뉴 클래스 분기 -->
    <c:choose> 
    	<c:when test="${fn:contains(pageContext.request.requestURL , 'web/main/mainPage.do')}">
    		<div class="quickMenu main">
    	</c:when>
    	<c:otherwise>
    		<div class="quickMenu quickSub">
    	</c:otherwise>
    </c:choose>
        <div>
            <p class="quick_title">QUICK<br>MENU</p>
            <p class="quick_title2">QUICK</p>
            <ul class="quickMenuIn">
            	<!--  
                <li>
                    <a href="#" ><i class="quick2"></i><span>카톡상담</span></a>
                    <div class="hover_cont">카톡상담</div>
                </li>
                <li>
                    <a href="#" ><i class="quick3"></i><span>원격지원</span></a>
                    <div class="hover_cont">원격지원</div>
                </li>
                -->
                <li id="quickPayGuide">
                    <a href="/web/mjon/custom/selectMsgCustomView.do" ><i class="quick4"></i><span>맞춤제작</span></a>
                    <div class="hover_cont">맞춤제작</div>
                </li>
                <li>
                    <a href="/web/mjon/addr/selectAddrList.do" ><i class="quick10"></i><span>주소록 관리</span></a>
                    <div class="hover_cont">주소록 관리</div>
                </li>
				<li>
                    <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
                    <div class="hover_cont">발신번호 관리</div>
                </li>
                <li>
                    <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
                    <div class="hover_cont">엑셀 대량전송</div>
                </li>
                <li>
                    <a href="/web/api/intrdView.do" ><i class="quick7"></i><span>문자연동</span></a>
                    <div class="hover_cont">문자연동</div>
                </li>
                <li>
                    <a href="/web/member/pay/PayList.do" ><i class="quick8"></i><span>결제관리</span></a>
                    <div class="hover_cont">결제관리</div>
                </li>
                <!-- 
                <li>
                    <a href="/web/member/pay/BillPub.do" ><i class="quick9"></i><span>계산서/영수증</span></a>
                    <div class="hover_cont">계산서/영수증</div>
                </li>
                 -->
                 <li>
                    <a href="/web/member/pay/BillPub.do" ><i class="quick9"></i><span>세금계산서</span></a>
                    <div class="hover_cont">세금계산서</div>
                </li>
                <li class="cscenter">
                    <a href="/web/cop/bbs/NoticeList.do" ><i class="quick11"></i><span>고객센터</span></a>
                    <div class="hover_cont">
                    	<div class="title">고객센터</div>
                    	<div class="number">1551-8011</div>
                    	<%-- <div class="email">E-mail : help@iten.co.kr</div> --%>
                    	<ul class="info">
                    		<li>· 월~금 : 09:30 ~ 18:30</li>
                    		<li>· 점심시간 : 13:00 ~ 14:00</li>
                    		<li>· 토, 일요일 및 법정공휴일 휴무</li>
                    	</ul>
                    	<div class="cskakao">
                    		<a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank" >카톡 상담</a>
                    		<a href="javascript:void(0);" class="remote" onclick="remotePop('https://939.co.kr/munjaon/');" >원격지원</a>
                    	</div>
                    </div>
                </li>
            </ul>
            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
        </div>
    	<div class="quick_kakaobtn<c:if test="${fn:contains(pageContext.request.requestURL , 'web/main/mainPage.do')}"> main</c:if>"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" >카카오톡 상담</a></div>
    </div><!--// quick 메뉴 -->
    <!-- header 영역 -->
    
    <c:choose>
	    <c:when test="${fn:contains(pageContext.request.requestURL , 'web/main/mainPage.do')}">
	    	<header id="header" class="header main">
	    	<div class="topbanner">
	    		<div class="inner">
	    			<div class="today_close">
	    				<input type="checkbox" name="today" id="todayPop" value="Y" /><label for="todayPop">오늘 하루 열지 않기</label>
	    				<button type="button" onclick="topbannerClose(1);">팝업닫기</button>
	    			</div>
	    		</div>
	    	</div>
	    </c:when>
	    <c:when test="${!fn:contains(pageContext.request.requestURL , 'web/')}">
	    	<header id="header" class="header main">
	    	<div class="topbanner">
	    		<div class="inner">
	    			<div class="today_close">
	    				<input type="checkbox" name="today" id="todayPop" value="Y" /><label for="todayPop">오늘 하루 열지 않기</label>
	    				<button type="button" onclick="topbannerClose(1);">팝업닫기</button>
	    			</div>
	    		</div>
	    	</div>
	    </c:when>
	    <c:otherwise>
	    	<header id="header" class="header sub">
	    </c:otherwise>
    </c:choose>
    
    <%-- <c:if test="${fn:contains(pageContext.request.requestURL , 'web/main/mainPage.do')}"> <!-- 메인페이지 -->
    	<header id="header" class="header main">
	    	<div class="topbanner">
	    		<div class="inner">
	    			<div class="today_close">
	    				<input type="checkbox" name="today" id="todayPop" value="Y" /><label for="todayPop">오늘 하루 열지 않기</label>
	    				<button type="button" onclick="topbannerClose(1);">팝업닫기</button>
	    			</div>
	    		</div>
	    	</div>
    </c:if>
    
    <c:if test="${!fn:contains(pageContext.request.requestURL , 'web/')}"> <!-- 메인페이지 -->
    	<header id="header" class="header main">
	    	<div class="topbanner">
	    		<div class="inner">
	    			<div class="today_close">
	    				<input type="checkbox" name="today" id="todayPop" value="Y" /><label for="todayPop">오늘 하루 열지 않기</label>
	    				<button type="button" onclick="topbannerClose(1);">팝업닫기</button>
	    			</div>
	    		</div>
	    	</div>
    </c:if>
    
    <c:if test="${fn:contains(pageContext.request.requestURL , 'web/')}"> <!-- 메인페이지 -->
    	<header id="header" class="header sub">
    </c:if> --%>
        <!-- header top 영역 -->
        <div class="header_top">
            <div class="inner">
                <ul class="menu_left">
                    <li><a href="#" id="favorite" ><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
                    <li><a href="<c:out value='/web/user/mberInfoChange.do'/>" ><i class="hdTop_mypage"></i>마이페이지</a></li>
                    <li><a href="<c:out value='/web/cop/bbs/QnaList.do'/>" ><i class="hdTop_center"></i>1:1 문의</a></li>
                </ul>
                <ul class="menu_right">
                    <li><a href="#" onclick="location.href='/web/member/pay/PayView.do'" >충전하기</a></li>
                    <li class="SortLine"><a href="/web/pay/PayGuide.do" >요금안내</a></li>
                    <li class="SortLine"><a href="/web/cop/bbs/FaqList.do" >이용안내</a></li>
                    <li class="SortLine"><a href="/web/cop/bbs/NoticeList.do" >고객센터</a></li>
                    <li class="SortLine"><a href="/web/cop/bbs/SuggestList.do" >불편신고</a></li>
                </ul>
            </div>
        </div><!-- header top 영역 -->
        
        <!-- header body 영역 -->
        <div class="header_body">
            <div class="inner table">
                <h1 class="logo"><a href="/web/main/mainPage.do" title="문자온 메인 바로가기">
                <img src="/publish/images/CI.png" alt="단체문자 대량문자 발송 인터넷 웹문자 사이트 - 문자온">
<!--                 ADVANCED 문자온 -->
                </a></h1>
                <ul class="gnbWrap table_cell">
                	<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
		           		<c:if test="${resultListOne.depth eq '1' }">
						<c:choose>
							<c:when test="${fn:contains(resultListOne.url, '/web/mjon/msgcampain/selectMsgDataView.do')}">
								<c:if test="${userCandidateYn eq 'Y'}">
									<li class="new">
								</c:if>
								<c:if test="${userCandidateYn eq 'N'}">
									<%-- 후보자 정보가 없는 경우 메뉴를 보여주지 않는다. --%>
									<li style="display:none;">
								</c:if>
							</c:when>																												
							<c:otherwise>
								<li>
							</c:otherwise>
						</c:choose>	                   			           		
							<c:choose>
								<c:when test="${fn:contains(resultListOne.url, '/web/mjon/msgcampain/selectMsgDataView.do')}">
									<c:if test="${userCandidateYn eq 'Y'}">
										<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
									</c:if>
								</c:when>
								<c:when test="${fn:contains(resultListOne.url, '/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do')}">
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
								</c:when>
								<c:when test="${fn:contains(resultListOne.url, '/web/mjon/fax/faxDataView.do')}">
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
								</c:when>																
								<c:when test="${fn:contains(resultListOne.url, '/web/mjon/custom/selectMsgCustomView.do')}">
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
								</c:when>
								<c:when test="${fn:contains(resultListOne.url, '/web/mjon/addr/selectAddrList.do')}">
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
								</c:when>
								<c:when test="${fn:contains(resultListOne.url, '/web/mjon/reservmsg/selectReservMsgView.do')}">
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
								</c:when>
								<c:when test="${fn:contains(resultListOne.url, '/web/member/pay/PayList.do')}">
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }" >${resultListOne.menuNm}</a>
								</c:when>
								<c:otherwise>
									<a href="${empty resultListOne.url ? '#' : resultListOne.url }">${resultListOne.menuNm}</a>
								</c:otherwise>
							</c:choose>	                   	
		           			<div class="depth2">
		           				<ul class="subMenu">
		           			<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status"> 
								<c:if test="${resultListTwo.depth eq '2' && resultListOne.menuNo  eq resultListTwo.upperMenuId }">
									<li><a href="${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >${resultListTwo.menuNm}<c:if test="${resultListTwo.menuType eq 'O' }"><i class="link"></i></c:if></a></li>
								</c:if>
							</c:forEach>	
		           				</ul>
		           			</div>
		           		</li>	
		           		</c:if>
	           		</c:forEach>
                </ul>
                <div class="s_menu">
                    <i class="allSearch_info"><span>문자검색</span></i>
                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
                    <button type="button" title="전체메뉴" class="allSitemap" onclick="sitemapToggle(this);"></button>
                </div>
            </div>
            <!-- search popup 영역 -->
            <div class="pop_search">
                <div class="inner">
                	<form name="frmSearch_h" id="frmSearch_h" method="get" action="/web/search/search.do">
	                	<input type="hidden" name="prevQ" value="${param.q}" />
						<input type="hidden" id="detailYn" name="detailYn" value="" />
						<input type="hidden" id="pageIndex_noUse" name="pageIndex" value="1" />
						<!-- <input type="hidden" id="letterType" name="letterType" value="P" /> 
						<input type="hidden" id="searchKeyword" name="searchKeyword" value="" />-->
						<input type="hidden" id="headerMsgSearchFlag" name="headerMsgSearchFlag" value="N"/>
						
	                    <div class="area_search">
	                        <select name="msgType" id="letterTypeH">
	                            <option value="P">그림문자</option>
	                            <option value="S">단문문자</option>
	                            <option value="L">장문문자</option>
	                        </select>
	                    <input type="text" placeholder="문자샘플 검색하기" id="searchTxt" name="searchKeyword" maxlength="10">
	                    <button onclick="javascript:fnMsgSearch();return false;"  title="페이지 이동"><img src="/publish/images/search02.png" alt="검색버튼"></button>
	                    </div>
	                    <div class="area_popular">
	                        <p><i></i>인기검색어</p>
	                        <!--
	                        <ul class="popular_tag">
	                            <li onClick="javascript:fnFavoritMsgSearch('5월'); return false;" ><a href="#">#5월</a></li>
	                            <li onClick="javascript:fnFavoritMsgSearch('경조사'); return false;" ><a href="#">#경조사</a></li>
	                            <li onClick="javascript:fnFavoritMsgSearch('사랑'); return false;" ><a href="#">#사랑</a></li>
	                            <li onClick="javascript:fnFavoritMsgSearch('봄'); return false;" ><a href="#">#봄</a></li>
	                        </ul>	                         
	                         -->

	        
	                        <ul class="popular_tag">
	                        <c:forEach var="favoritWord" items="${resultSearchWordList}" varStatus="status"> 
	                            <li onClick="javascript:fnFavoritMsgSearch('${favoritWord.searchWord}'); return false;" ><a href="#">#${favoritWord.searchWord}</a></li>
	                        </c:forEach>
	                        </ul>
	                   
	                    </div>
                    </form>
                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt="검색닫기"></button>
                </div>
            </div><!--// search popup 영역 -->
            
            <!-- 사이트맵 영역 -->
            <div class="layer_sitemap">
            	<div class="inner">
	            	<ul class="menu">
	            		<li>
	            			<dl>
	            				<dt><a href="<c:out value='/web/mjon/msgdata/selectMsgDataView.do'/>">문자발송</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/mjon/msgdata/selectMsgDataView.do'/>">단문·장문·그림문자</a></li>
	            						<li><a href="<c:out value='/web/mjon/msgdata/excel/selectMsgExcelDataView.do'/>">대량문자</a></li>
<%-- 	            						<li><a href="<c:out value='/web/api/intrdView.do'/>">문자연동(API)</a></li> --%>
	            					</ul>
	            				</dd>
	            			</dl>
	            			<dl>
	            				<dt><a href="<c:out value='/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do'/>">카톡발송</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do'/>">알림톡</a></li>
	            						<li><a href="<c:out value='/web/mjon/kakao/friendstalk/kakaoFriendsTalkMsgDataView.do'/>">친구톡</a></li>
	            						<li><a href="<c:out value='/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do'/>" >카카오톡 설정</a></li>
	            						<%-- <li><a href="<c:out value='/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do'/>" >알림톡 소개</a></li> --%>
	            						<li><a href="<c:out value='/web/mjon/kakao/alimtalk/kakaotalkIntrdView.do'/>" >카카오톡 소개</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            		<%-- 	<c:if test="${userCandidateYn eq 'Y' }">
		            			<dl>
		            				<dt><a href="<c:out value='/web/mjon/msgcampain/selectMsgDataView.do'/>" >선거문자</a></dt>
		            				<dd>
		            					<ul>
		            						<li><a href="<c:out value='/web/mjon/msgcampain/selectMsgDataView.do'/>">단체문자</a></li>
		            						<li><a href="<c:out value='/web/mjon/msgcampain/selectMsgTWDataView.do'/>" >20건 문자</a></li>
		            					</ul>
		            				</dd>
		            			</dl>
	            			</c:if> --%>
	            			<dl>
	            				<dt><a href="/web/info/mjonInfo.do" >팩스발송</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="/web/mjon/fax/faxDataView.do">팩스발송</a></li>
	            						<li><a href="/web/mjon/fax/faxSendList.do" >팩스발송내역</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            		</li>
	            		<li>
	            			<dl>
	            				<dt><a href="<c:out value='/web/mjon/custom/selectMsgCustomView.do'/>" >맞춤제작</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/mjon/custom/selectMsgCustomView.do'/>" >맞춤제작 샘플</a></li>
	            						<li><a href="<c:out value='/web/mjon/custom/selectMsgCustomView.do?tap=2'/>" >제작방법 및 이용안내</a></li>
	            						<li><a href="<c:out value='/web/mjon/custom/selectMsgCustomView.do?tap=3'/>" >내보관함</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            			<dl>
	            				<dt><a href="<c:out value='/web/mjon/addr/selectAddrList.do'/>" >주소록관리</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/mjon/addr/selectAddrList.do'/>" >주소록관리</a></li>
	            						<li><a href="<c:out value='/web/mjon/addrBlock/selectBlockList.do'/>" >수신거부</a></li>
	            						<li><a href="<c:out value='/web/mjon/addr/addrMobGuide.do'/>" >폰주소록 등록</a></li>
	            						<li><a href="<c:out value='/web/mjon/addragency/selectAddrAgencyList.do'/>" >주소록 입력 대행(무료)</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            			<dl>
	            				<dt><a href="<c:out value='/web/mjon/msgsent/selectMsgSentView.do'/>">발송결과</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/mjon/msgsent/selectMsgSentView.do'/>">발송결과</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            		</li>
	            		<li>
	            			<dl>
	            				<dt><a href="<c:out value='/web/member/pay/PayList.do'/>" >결제관리</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/pay/PayGuide.do'/>" >요금안내/견적내기</a></li>
	            						<li><a href="<c:out value='/web/member/pay/PayView.do'/>" >결제하기</a></li>
	            						<li><a href="<c:out value='/web/member/pay/PayList.do'/>" >요금 결제내역</a></li>
	            						<li><a href="<c:out value='/web/member/pay/payUserSWList.do'/>" >요금 사용내역</a></li>
										<!-- 현금영수증 자동발행 주석 -->
	            						<%-- <li><a href="<c:out value='/web/member/pay/BillPub.do'/>" >계산서/현금영수증 발행 등록</a></li> --%>
	            						<li><a href="<c:out value='/web/member/pay/BillPub.do'/>" >세금계산서 발행</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            			<dl>
	            				<dt><a href="<c:out value='/web/api/intrdView.do'/>">API 연동</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/api/intrdView.do'/>">연동안내</a></li>
	            						<li><a href="<c:out value='/web/api/apiSpec.do'/>" >개발 가이드</a></li>
	            						<li><a href="<c:out value='/web/api/examDown.do'/>" >예제 다운로드</a></li>
	            						<li><a href="<c:out value='/web/api/appMgmt.do'/>" >신청/관리</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            		</li>
	            		<li>
	            			<dl>
	            				<%-- 250724 마이페이지 대시보드 삭제 --%>
	            				<%-- <dt><a href="<c:out value='/web/user/mberInfoIndex.do'/>" >마이페이지</a></dt> --%>
	            				<dt><a href="<c:out value='/web/user/mberInfoChange.do'/>" >마이페이지</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/user/mberInfoChange.do'/>" >회원정보 변경</a></li>
	            						<!-- 개인회원 일때만 노출되는 영역 -->
	            						<c:if test="${not empty LoginVO && LoginVO.dept eq 'p'}">
	            						<li><a href="<c:out value='/web/user/membershipChange.do'/>" >기업회원 전환</a></li>
	            						</c:if>
	            						<li><a href="<c:out value='/web/user/passwordChange.do'/>" >비밀번호 변경</a></li>
	            						<li><a href="<c:out value='/web/user/sendNumberManage.do'/>" >발신번호 관리</a></li>
	            						<%-- <li><a href="<c:out value='/web/user/notifyManage.do'/>" >알림설정</a></li> --%>
	            						<%-- <li><a href="<c:out value='/web/user/mberSecession.do'/>" >회원탈퇴</a></li> --%>
	            						<%-- <li><a href="<c:out value='/web/user/kisaReport.do'/>" >KISA 신고</a></li> --%>
	            					</ul>
	            				</dd>
	            			</dl>
	            			<dl>
	            				<dt><a href="/web/info/mjonInfo.do" >문자온소개</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="/web/info/mjonInfo.do" >서비스 소개</a></li>
	            						<li><a href="/web/info/mjonFunc.do" >주요기능</a></li>
	            						<li><a href="/web/mjon/msgdata/selectBestMsgDataView.do" >베스트문자샘플</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            		</li>
<!-- 	            		<li> -->
<!-- 	            		<li> -->
<!-- 	            		</li> -->
<!-- 	            		</li> -->
	            		<li>
	            			<dl>
	            				<dt><a href="<c:out value='/web/cop/bbs/NoticeList.do'/>" >고객센터</a></dt>
	            				<dd>
	            					<ul>
	            						<li><a href="<c:out value='/web/cop/bbs/NoticeList.do'/>" >공지사항</a></li>
	            						<li><a href="<c:out value='/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2025'/>" >이용약관</a></li>
	            						<li><a href="<c:out value='/web/cop/bbs/FaqList.do'/>" >자주하는 질문</a></li>
	            						<li><a href="<c:out value='/web/cop/bbs/QnaList.do'/>" >1:1 문의</a></li>
	            						<li><a href="<c:out value='/web/cop/bbs/SuggestList.do'/>" >불편신고</a></li>
	            						<li><a href="<c:out value='/web/cop/bbs/EventList.do'/>" >이벤트</a></li>
	            						<li><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');" >원격지원</a></li>
	            					</ul>
	            				</dd>
	            			</dl>
	            		</li>
	            	</ul>
	            </div>
            </div>
            <!-- //사이트맵 영역 -->
        </div><!--// header body 영역 -->
        
        
        <c:if test="${!loginPage}">
        
        
        <c:choose>
        	<c:when test="${empty LoginVO}">
        		<!-- 비로그인 했을때 -->
        		<form id="loginForm" name="loginForm" action="/" method="post">
			    <input type="hidden" name="beforeUrl"  value='<c:out value="${beforeUrl}"></c:out>'/>
			    <input type="hidden" name="userSe"  value="USR"/>
			    <input type="hidden" id="RSAModulus" value="${RSAModulus}"/>
			    <input type="hidden" id="RSAExponent" value="${RSAExponent}"/>  
			  	<input type="hidden" id="id" name="id">
			    <input type="hidden" id="password" name="password">
			    <input type="hidden" id="ip" name="ip" value="${userIp}">
			    <input type="hidden" id="passFlag" name="passFlag">
			    <input type="hidden" id="headerLoginResult" name="headerLoginResult">
			    <input type="hidden" id="hp" name="hp" value="">
			    <input type="hidden" id="num" name="num" value="">
			    
        		<div id="login" class="login">
		            <div class="inner">
		                <div class="login_left">
		                    <div class="login_put">
		                        <label for="id_text" class="label"></label>
<!-- 		                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();"> -->
		                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" name="id_text" class="id_text" maxlength="20" size="18">
		                        <label for="password_text" class="label"></label>
<!-- 		                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();"> -->
		                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}">
		                        <label for="login_button" class="label"></label>
		                        <button type="button" id="login_button" class="btnType btnType1" class="login_button" onclick="actionLogin();">로그인</button>
		                    </div>
		                    <div class="login_save">
		                        <input type="checkbox" id="save_id" name="checkId">
		                        <label for="save_id">아이디 저장</label>
		                    </div>
		                    <div class="login_find">
		                        <a href="<c:url value='/web/user/findUserId.do'/>" >아이디찾기</a>
		                        /
		                        <a href="<c:url value='/web/user/rePassword.do'/>" >비밀번호 재설정</a>
		                    </div>
		                    <div>
		                        <button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
<!-- 		                        <button type="button" class="btnType btnType3">둘러보기</button> -->
		                    </div>
		                </div>
		                <div class="login_right">
		                    <span><i></i>이달의 이벤트</span>
		                    <button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
		                </div>
		            </div>
		        </div><!--// login 영역 -->
		        </form>
        	</c:when>
        	<c:otherwise>
        		<!-- 로그인 했을 때 -->
        		<div id="login" class="login2">
		            <div class="inner">
		                <div class="login_left">
		                    <div class="login_info">
		                    	<input type="hidden" id="loginId" name="loginId" value="${LoginVO.id}">
								<!-- <i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon" /></i> -->
								<div class="login2_name" onclick="location.href='/web/user/mberInfoChange.do'" style="cursor:pointer;">
									<i class="icon_user"></i>
		                        	<p><c:out value="${LoginVO.name}"/></p>
		                        	<c:choose>
		                        		<c:when test="${LoginVO.dept == 'p'}">
		                        			<span>(개인) 님</span>
		                        		</c:when>
		                        		<c:otherwise>
		                        			<span>(기업) 님</span>
		                        		</c:otherwise>
		                        	</c:choose>
		                        </div>
		                        <div class="session">
		                        	<div>
										<span id="ViewTimer">
									</div>
									<button type="button" onclick="sessionExpend(); return false;">연장</button>
									<!-- <a href="#" onclick="sessionExpend(); return false;">
										<img src="/pb/img/common/topTimeOut.png" alt="타임아웃 아이콘">
									</a>	 -->
		                        </div>
		                        <!-- <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button> -->
		                        <button type="button" class="btnType btn_36 fill_gray" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
		                        
								
								<div class="security_box">
									<a href="<c:out value="/web/user/mberSecureLogin.do"/>" class="title">보안로그인</a><!-- 보안로그인 클릭시 보안로그인 홈페이지로 -->
									<a href="#" id="secuLoginFlag" class="state"></a><!-- ON/OFF 클릭시 이벤트 발생 -->
								</div>
								
								
		                    </div>
		                    <div class="login_pay">
			                    <div class="check_money">
									<div class="holdingsum_box">
										<i></i>
										<div class="user_money_wrap">
											보유잔액
											<div class="hover_content_wrap">
												<i class="qmMark">?</i>
												<div class="hover_content">
													<p class="hover_content_title">
														<img src="/publish/images/content/icon_mypage_message.png" alt=""> 나의단가 <span>(발송가능 건수)</span>
													</p>
													<ul class="send_available_number">
														<li>
															<p class="title">· 단문</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerShortPrice}" var="shortPrice" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${shortPrice}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerShortCnt}" var="shortCnt" />
															(<c:out value="${shortCnt}"/>건)</p>
														</li>
														<li>
															<p class="title">· 장문</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerLongPrice}" var="LongPrice" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${LongPrice}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerLongCnt}" var="LongCnt" />
															(<c:out value="${LongCnt}"/>건)</p>
														</li>
														<li>
															<p class="title">· 그림(1장)</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerPicturePrice}" var="picturePrice" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${picturePrice}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerPictureCnt}" var="pictureCnt" />
															(<c:out value="${pictureCnt}"/>건)</p>
														</li>
														<li>
															<p class="title">· 그림(2장)</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerPicture2Price}" var="picture2Price" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${picture2Price}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerPicture2Cnt}" var="picture2Cnt" />
															(<c:out value="${picture2Cnt}"/>건)</p>
														</li>
														<li>
															<p class="title">· 그림(3장)</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerPicture3Price}" var="picture3Price" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${picture3Price}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerPicture3Cnt}" var="picture3Cnt" />
															(<c:out value="${picture3Cnt}"/>건)</p>
														</li>
														<li>
															<p class="title">· 알림톡</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerKakaoAtPrice}" var="kakaoAtPrice" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${kakaoAtPrice}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerKakaoAtCnt}" var="kakaoAtCnt" />
															(<c:out value="${kakaoAtCnt}"/>건)</p>
														</li>
														<li>
															<p class="title">· 팩스</p>
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerFaxPrice}" var="faxPrice" />
															<p class="number"><span class="c_002c9a fwBold"><c:out value="${faxPrice}"/></span>원
															<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.headerFaxCnt}" var="faxCnt" />
															(<c:out value="${faxCnt}"/>건)</p>
														</li>
													</ul>
													<c:if test="${prePaymentYn eq 'Y' and mberHeaderInfoVO.eventLeftDay > 0}">
														<fmt:formatNumber type="number" maxFractionDigits="3" value="${mberHeaderInfoVO.eventRemainCash}" var="eventRemainCash" />
														<div class="event_term"><p>이벤트<span class="fwBold">(D-${mberHeaderInfoVO.eventLeftDay})</span></p><p><span class="fwBold price">${eventRemainCash}</span>원</p></div>
													</c:if>
													<c:if test="${prePaymentYn eq 'N'}">
														<div class="event_term" style="display:block">후불제(매월 1일 자동충전)</div>
													</c:if>
												</div>
											</div>
										<fmt:formatNumber type="number" maxFractionDigits="3" value="${userMoney}" var="commaPrice" />
										<span class="fwMd" id="hdUserMoney"><c:out value="${commaPrice}"/></span>원
									</	>
									</div>
			                        <button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
			                    </div>
		                    </div>
		                    <div class="point">
								<i></i>
								<fmt:formatNumber type="number" maxFractionDigits="3" value="${userPoint}" var="commaPoint" />
		                        <p><!-- <em>적립</em> -->포인트 <span class="fwMd"><c:out value="${commaPoint}"/></span>원</p>
		                        <button type="button" data-tooltip="popup04" class="btnType btnType3">교환</button>
		                    </div>
		                  <!--   <div class="event">
		                	    <span><i></i>이달의 이벤트</span>
	                    		<button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
		                    </div> -->
		                </div>
		                <!-- <div class="login_right">
		                    <button type="button" data-tooltip="popupJunk" class="btnType btnType14 tab1"><i></i>통신사 스팸규격안내</button>
							<button type="button">스팸필터링 번호도용차단</button>
		                </div> -->
		            </div>
		        </div><!--// login 영역 -->
        	</c:otherwise>
        </c:choose>
        
        </c:if>
		<form name="reqHeaderKMCISForm" method="post" action="#">
			<input type="hidden" name="tr_cert" id="tr_certHeader"    value = "">
			<input type="hidden" name="tr_url"   id="tr_urlHeader"   value = "">
			<input type="hidden" name="tr_add"  id="tr_addHeader"     value = "">	
			<input type="hidden" name="tr_ver"      value = "V2">
		</form>
		
		<form name="cmpChangeForm" id="cmpChangeForm" method="post" action="#">
			<input type="hidden" name="mberId" value=""/>	
		</form>
        
    </header><!--// header 영역 -->
