Code - chominsoo4245/mjon

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>  <script src="https://mup.mobilians.co.kr/js/ext/ext_inc_comm.js"></script> <script type="text/javascript" src="<c:url value='/js/MJUtill.js'/>"></script> <script> //탭이동 var tabType = "${tabType}"; $(document).ready(function(){ //다음 결제시 결제수단 SELECT getNextPayMethod(); // 충전금액 세팅 setPriceMake(); setNumberOnly();//숫자만입력 // 전용계좌 화면으로 이동 if (tabType == "2") { $("#btnDdedicatedAccount").trigger("click"); } }); //다음 결제시 결제수단 SELECT function getNextPayMethod() { var nextPayMethod = ""; $.ajax({ type: "POST", url: "/web/member/pay/selectNextPayMethodAjax.do", data: {}, dataType:'json', async: false, success: function (data) { if (data.isSuccess) { if (data.nextPayMethod != '') { nextPayMethod = data.nextPayMethod; // 버튼 영역 $(".btn_tab").removeClass("active"); // 금액 영역 $(".area_tabcont").removeClass("on"); if (nextPayMethod == "CARD") { $(".btn_charge1").addClass("active"); $("#tab2_1").addClass("area_tabcont on"); } else if (nextPayMethod == "VBANK") { $(".btn_charge2").addClass("active"); $("#tab2_2").addClass("area_tabcont on"); } else if (nextPayMethod == "BANK") { $(".btn_charge3").addClass("active"); $("#tab2_3").addClass("area_tabcont on"); } else if (nextPayMethod == "CELLPHONE") { // 휴대폰일경우 카드결제 초기화 $(".btn_charge1").addClass("active"); $("#tab2_1").addClass("area_tabcont on"); } else if (nextPayMethod == "NAV") { $(".btn_charge5").addClass("active"); $("#tab2_5").addClass("area_tabcont on"); } else if (nextPayMethod == "KKO") { $(".btn_charge6").addClass("active"); $("#tab2_6").addClass("area_tabcont on"); } else if (nextPayMethod == "TOS") { $(".btn_charge7").addClass("active"); $("#tab2_7").addClass("area_tabcont on"); } else if (nextPayMethod == "PYC") { $(".btn_charge8").addClass("active"); $("#tab2_8").addClass("area_tabcont on"); } // 체크박스 $("input:checkbox[id='agree']").prop("checked", true); } } }, error: function (e) { } }); } // 다음 결제시 결제수단 UPDATE function setNextPayMethod() { var nextPayMethod = ""; if ($("input:checkbox[id='agree']").is(":checked") == true) { var $currentTab = $('.area_tab').children('.active').index(); if ($currentTab == 0) { nextPayMethod = "CARD"; } else if ($currentTab == 1) { nextPayMethod = "VBANK"; } else if ($currentTab==2) { nextPayMethod = "BANK"; } else { if ($currentTab == 3) { nextPayMethod = "NAV"; // 네이버페이 } else if ($currentTab==4) { nextPayMethod = "KKO"; // 카카오페이 } else if ($currentTab==5) { nextPayMethod = "TOS"; // 토스페이 } else if ($currentTab==6) { nextPayMethod = "PYC"; // 페이코 } } } else { nextPayMethod = ""; } // 업데이트 $.ajax({ type: "POST", url: "/web/member/pay/updateNextPayMethodAjax.do", data: {"nextPayMethod" : nextPayMethod}, dataType:'json', async: false, success: function (data) { if (data.isSuccess) { } }, error: function (e) { } }); } //결제수단 상태 체크 function checkPayTypeStatusAjax(payMethod) { document.payTypeForm.payTypeCode.value = payMethod; var payTypeForm = new FormData(document.payTypeForm); var statusChk = "Y"; $.ajax({ type: "POST", url: "/web/member/pay/checkPayTypeStatusAjax.do", data: payTypeForm, dataType:'json', async: false, processData: false, contentType: false, cache: false, success: function (returnData) { if("success"==returnData.result){ //결제수단 사용 statusChk = "Y"; }else if("statusFail"==returnData.result){ //회원상태 이용정지 alert(returnData.message); statusChk = "B"; } else if("tempNotUse"==returnData.result){ //결제수단 미사용 alert(returnData.message); statusChk = "N"; } }, error: function (e) { alert("시스템 에러가 발생하였습니다.."); console.log("ERROR : ", e); statusChk = "N"; } }); return statusChk; } //후불제여부 체크 function getMjUserAfterPayCheck() { var isAfterPay = false; $.ajax({ type: "POST", url: "/web/main/selectUserAfterPayAjax.do", data: {}, dataType:'json', async: false, success: function (data) { if (data.isSuccess) { if (data.isAfterPay == true) { isAfterPay = true; } } }, error: function (e) { } }); return isAfterPay; } /* 문서 파일 팝업 */ var pg_opener = null; var popStatus = true; function pgOpenerPopup(){ // 후불제여부 체크 if (getMjUserAfterPayCheck() == true) { alert("후불제 고객은 해당 서비스를 이용할수 없습니다."); return false; } var $currentTab = $('.area_tab').children('.active').index(); var lastPrice = parseInt($("#price").val(), 10); var policyChk = $('#eventPolicyYnY').is(':checked'); var smsChk = $('#eventSmsYnY').is(':checked'); if(smsChk){ $('#eventSmsYn').val("Y"); } if(policyChk){ $('#eventPolicyYn').val("Y"); var data = new FormData(document.eventForm); url = "/web/event/updateEventPolicyMberInfoAjax.do"; $.ajax({ type: "POST", url: url, data: data, dataType:'json', async: false, processData: false, contentType: false, cache: false, success: function (returnData, status) { if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나 if("fail"==returnData.resultSts){ alert(returnData.message); popStatus = false; return false; }else if("loginFail"==returnData.resultSts){ alert(returnData.message); popStatus = false; return false; }else if("statusFail"==returnData.resultSts){ alert(returnData.message); popStatus = false; //location.reload(true); }else{ //전용계좌 신청 성공시 처리 } } else if(status== 'fail'){ alert(returnData.message); popStatus = false; } }, error: function (e) { alert("이벤트 유의사항 등록에 실패하였습니다."); console.log("ERROR : ", e); popStatus = false;} }); }else{ alert("이벤트 유의사항에 동의해 주시기 바랍니다."); return false; } //이벤트 유의사항 처리 상태 확인 if(popStatus == false){ location.reload(true); return false; } if(lastPrice == "" || lastPrice == "0" || lastPrice == null || lastPrice == undefined){ //충전금액 alert("충전금액을 선택해주세요."); return false; } else if(lastPrice < 5500){ //충전금액 alert("최소 충전금액 5천원 이상 선택해주세요."); return false; } // 다음 결제시 결제수단 UPDATE setNextPayMethod(); var payMethod = ""; document.pgForm.action = "/web/member/pay/PayActionAjax.do"; if ($currentTab==0) { payMethod = "CARD"; } else if($currentTab==1) { payMethod = "VBANK"; } else if($currentTab==2) { payMethod = "BANK"; } else { payMethod = "SPAY"; } $('input[name=payMethod]').val(payMethod); //결제수단 상태 체크 var payStatus = checkPayTypeStatusAjax(payMethod); if(payStatus == "N") { //결제수단 미사용상태 return false; } else if(payStatus == "B") { //회원정지상태 로그아웃 새로고침 location.reload(true); return false; } var docWidth = screen.availWidth; var docHeight = screen.availHeight; var scX = window.screenX||window.screenLeft||0; var scY = window.screenY||window.screenTop||0; var popupX = scX + (docWidth - 185) / 2; var popupY = scY + (docHeight - 195) / 2; // 결제창 호출 if ($currentTab==0) { // 나이스페이 => CARD(카드결제) pg_opener = window.open('', 'pg_opener', "width=790, height=505, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no"); document.pgForm.method = "post"; document.pgForm.target = "pg_opener" ; document.pgForm.submit(); } else if ($currentTab==1) { // 전용계좌 } else if ($currentTab==2) { // KG 모빌리언스 => BANK(즉시이체) kgmPayBankRequest(); } else { var cnDirect = ""; var mstr = ""; if ($currentTab == 3) { cnDirect = "NAV:00:N"; // 네이버페이 mstr = "NAV"; } else if ($currentTab==4) { cnDirect = "KKO:00:N"; // 카카오페이 mstr = "KKO"; } else if ($currentTab==5) { cnDirect = "TOS:00:N"; // 토스페이 mstr = "TOS"; } else if ($currentTab==6) { cnDirect = "PYC:00:N"; // 페이코 mstr = "PYC"; } // KG 모빌리언스 => SPAY(간편결제) kgmPayCardRequest(cnDirect, mstr); } } //KG 모빌리언스 => CARD function kgmPayCardRequest(cnDirect, mstr) { $.ajax({ type: "POST", url: "/web/member/pay/kgmCardEncodeAjax.do", data: {"Prdtprice": $("#price").val()}, dataType:'json', async: false, success: function (data) { if (data.isSuccess) { var form = document.payCardForm; form.CASH_GB.value = data.CASH_GB; form.CN_SVCID.value = data.CN_SVCID; form.PAY_MODE.value = data.PAY_MODE; form.VER.value = data.VER; form.Prdtprice.value = data.Prdtprice; form.Prdtnm.value = data.Prdtnm; form.Tradeid.value = data.Tradeid; form.Siteurl.value = data.Siteurl; form.Okurl.value = data.Okurl; form.Notiurl.value = data.Notiurl; form.CALL_TYPE.value = data.CALL_TYPE; form.Failurl.value = data.Failurl; form.Userid.value = data.Userid; form.Username.value = data.Username; form.MSTR.value = mstr; form.Payeremail.value = data.Payeremail; form.Cryptyn.value = data.Cryptyn; form.Cryptstring.value = data.Cryptstring; form.Closeurl.value = data.Closeurl; form.CN_BILLTYPE.value = data.CN_BILLTYPE; form.CN_TAX.value = data.CN_TAX; form.CN_TAXFREE.value = data.CN_TAXFREE; form.CN_FREEINTEREST.value = data.CN_FREEINTEREST; form.CN_POINT.value = data.CN_POINT; form.Termregno.value = data.Termregno; form.APP_SCHEME.value = data.APP_SCHEME; form.CN_FIXCARDCD.value = data.CN_FIXCARDCD; form.CN_DIRECT.value = cnDirect; form.CN_INSTALL.value = data.CN_INSTALL; form.Deposit.value = data.Deposit; //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 MCASH_PAYMENT(form); } else { alert("Msg : " + data.msg); } }, error: function (e) { alert("ERROR : " + JSON.stringify(e)); } }); } //KG 모빌리언스 => MOBILE function kgmPayMobileRequest() { $.ajax({ type: "POST", url: "/web/member/pay/kgmMobileEncodeAjax.do", data: {"Prdtprice": $("#price").val()}, dataType:'json', async: false, success: function (data) { if (data.isSuccess) { var form = document.payMobileForm; form.CASH_GB.value = data.CASH_GB; form.Okurl.value = data.Okurl; form.MC_SVCID.value = data.MC_SVCID; form.Prdtnm.value = data.Prdtnm; form.Prdtprice.value = data.Prdtprice; form.Siteurl.value = data.Siteurl; form.PAY_MODE.value = data.PAY_MODE; form.Tradeid.value = data.Tradeid; form.LOGO_YN.value = data.LOGO_YN; form.CALL_TYPE.value = data.CALL_TYPE; form.MC_AUTHPAY.value = data.MC_AUTHPAY; form.Notiurl.value = data.Notiurl; form.MC_AUTOPAY.value = data.MC_AUTOPAY; form.Closeurl.value = data.Closeurl; form.MC_PARTPAY.value = data.MC_PARTPAY; form.Failurl.value = data.Failurl; form.MC_No.value = data.MC_No; form.MC_FIXNO.value = data.MC_FIXNO; form.MC_Cpcode.value = data.MC_Cpcode; form.Userid.value = data.Userid; form.Item.value = data.Item; form.Prdtcd.value = data.Prdtcd; form.Payeremail.value = data.Payeremail; form.MC_DEFAULTCOMMID.value = data.MC_DEFAULTCOMMID; form.MC_FIXCOMMID.value = data.MC_FIXCOMMID; form.MSTR.value = data.MSTR; form.Sellernm.value = data.Sellernm; form.Sellertel.value = data.Sellertel; form.Notiemail.value = data.Notiemail; form.IFRAME_NAME.value = data.IFRAME_NAME; form.INFOAREA_YN.value = data.INFOAREA_YN; form.FOOTER_YN.value = data.FOOTER_YN; form.HEIGHT.value = data.HEIGHT; form.PRDT_HIDDEN.value = data.PRDT_HIDDEN; form.EMAIL_HIDDEN.value = data.EMAIL_HIDDEN; form.CONTRACT_HIDDEN.value = data.CONTRACT_HIDDEN; form.Cryptyn.value = data.Cryptyn; form.Cryptstring.value = data.Cryptstring; form.MC_EZ_YN.value = data.MC_EZ_YN; form.MC_EZ_KEY.value = data.MC_EZ_KEY; form.MC_PUSH_KEY.value = data.MC_PUSH_KEY; //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 MCASH_PAYMENT(form); } else { alert("Msg : " + data.msg); } }, error: function (e) { alert("ERROR : " + JSON.stringify(e)); } }); } //KG 모빌리언스 => BANK function kgmPayBankRequest() { $.ajax({ type: "POST", url: "/web/member/pay/kgmBankEncodeAjax.do", data: {"Prdtprice": $("#price").val()}, dataType:'json', async: false, success: function (data) { if (data.isSuccess) { var form = document.payBankForm; form.CASH_GB.value = data.CASH_GB; form.Okurl.value = data.Okurl; form.RA_SVCID.value = data.RA_SVCID; form.Prdtnm.value = data.Prdtnm; form.Prdtprice.value = data.Prdtprice; form.Siteurl.value = data.Siteurl; form.PAY_MODE.value = data.PAY_MODE; form.Tradeid.value = data.Tradeid; form.LOGO_YN.value = data.LOGO_YN; form.CALL_TYPE.value = data.CALL_TYPE; form.Notiurl.value = data.Notiurl; form.Closeurl.value = data.Closeurl; form.Failurl.value = data.Failurl; form.Userid.value = data.Userid; form.Item.value = data.Item; form.Prdtcd.value = data.Prdtcd; form.Payeremail.value = data.Payeremail; form.MSTR.value = data.MSTR; form.Notiemail.value = data.Notiemail; form.IFRAME_NAME.value = data.IFRAME_NAME; form.INFOAREA_YN.value = data.INFOAREA_YN; form.FOOTER_YN.value = data.FOOTER_YN; form.HEIGHT.value = data.HEIGHT; form.PRDT_HIDDEN.value = data.PRDT_HIDDEN; form.EMAIL_HIDDEN.value = data.EMAIL_HIDDEN; form.CONTRACT_HIDDEN.value = data.CONTRACT_HIDDEN; form.Cryptyn.value = data.Cryptyn; form.Cryptstring.value = data.Cryptstring; form.Deposit.value = data.Deposit; form.Billyn.value = "N"; //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 MCASH_PAYMENT(form); } else { alert("Msg : " + data.msg); } }, error: function (e) { alert("ERROR : " + JSON.stringify(e)); } }); } // 사용안함 function setPrice(obj, price){ var tmp = $(obj).closest('.flex').find('.tempPrice'); if(tmp.val() == ''){ tmp.val('0'); } tmp.val(parseInt(tmp.val()) + parseInt(price)) ; } //전용계좌 받기 새화면 function payVAListAjax(){ var sendData= ''; $("#tab2_2").load("/web/member/pay/selectPayVAViewAjax.do", sendData ,function(response, status, xhr){ }); } //신규 전용 계좌 받기 function fnNewBankAccount(){ // 후불제여부 체크 if (getMjUserAfterPayCheck() == true) { alert("후불제 고객은 해당 서비스를 이용할수 없습니다."); return false; } //이벤트 유의사항 체크 확인 var policyChk = $('#eventPolicyYnY').is(':checked'); var smsChk = $('#eventSmsYnY').is(':checked'); if(smsChk){ $('#eventSmsYn').val("Y"); } if(policyChk){ $('#eventPolicyYn').val("Y"); var data = new FormData(document.eventForm); url = "/web/event/updateEventPolicyMberInfoAjax.do"; $.ajax({ type: "POST", url: url, data: data, dataType:'json', async: false, processData: false, contentType: false, cache: false, success: function (returnData, status) { if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나 if("fail"==returnData.resultSts){ alert(returnData.message); popStatus = false; return false; }else if("loginFail"==returnData.resultSts){ alert(returnData.message); popStatus = false; return false; }else if("statusFail"==returnData.resultSts){ alert(returnData.message); popStatus = false; //location.reload(true); }else{ //전용계좌 신청 성공시 처리 } } else if(status== 'fail'){ alert(returnData.message); popStatus = false; } }, error: function (e) { alert("이벤트 유의사항 등록에 실패하였습니다."); console.log("ERROR : ", e); popStatus = false;} }); }else{ alert("이벤트 유의사항에 동의해 주시기 바랍니다."); return false; } //결제수단 상태 체크 if(checkPayTypeStatusAjax("VBANK") == "N") { return false; } var bankCd = $("#bankCd").val(); if(bankCd == ''){ alert("은행을 선택해 주세요."); return false; } // 다음 결제시 결제수단 UPDATE setNextPayMethod(); var data = new FormData(document.pgForm); url = "/web/member/pay/updateVacsAccountUsrIdAjax.do"; $.ajax({ type: "POST", url: url, data: data, dataType:'json', async: false, processData: false, contentType: false, cache: false, success: function (returnData, status) { if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나 if("fail"==returnData.result){ alert(returnData.message); return false; }else if("loginFail"==returnData.result){ alert(returnData.message); return false; }else if("statusFail"==returnData.result){ alert(returnData.message); location.reload(true); }else if(returnData.resultListCnt == '0'){ alert("전용계좌 요청이 실패하었습니다."); return false; }else{ //전용계좌 신청 성공시 처리 alert("전용계좌 요청이 완료 되었습니다."); location.reload(); } } else if(status== 'fail'){ alert(returnData.message); } }, error: function (e) { alert("전용계좌 등록에 실패하였습니다."); console.log("ERROR : ", e); } }); } function fnSmsSend(sendCnt){ // 후불제여부 체크 if (getMjUserAfterPayCheck() == true) { alert("후불제 고객은 해당 서비스를 이용할수 없습니다."); return false; } var form = document.pgForm; if(sendCnt >= 3){ alert("일일 문자발송은 3회까지만 가능합니다."); return false; } if(form.callTo.value == '' || form.callTo.length == 0){ alert("받으실 휴대폰 번호를 입력해 주세요."); return false; } if(!checkHpNum(form.callTo.value)){ alert("정확한 휴대폰 번호를 입력해 주세요."); return false; } if($('input[name="chkAccount"]').is(':checked')){ var accStr = ''; //전송 계좌 번호 정보 $('input[name="chkAccount"]:checked').each(function(i,val){ var nowStr = $(this).val(); if(i == 0){ accStr = nowStr; }else{ accStr = accStr + "/" + nowStr; } }); form.accMsg.value = accStr; var data = new FormData(document.pgForm); url = "/web/member/pay/insertVacsAccountSendMsgLogAjax.do"; if(confirm("문자를 발송하시겠습니까?")){ $.ajax({ type: "POST", url: url, data: data, dataType:'json', async: false, processData: false, contentType: false, cache: false, success: function (returnData, status) { if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나 if("fail"==returnData.result){ alert(returnData.message); return false; }else if("loginFail"==returnData.result){ alert(returnData.message); return false; }else if(returnData.resultListCnt == '0'){ alert("문자 전송에 실패하었습니다."); return false; }else{ //전용계좌 신청 성공시 처리 alert("문자 전송이 완료 되었습니다."); location.reload(); } } else if(status== 'fail'){ alert(returnData.message); } }, error: function (e) { alert("문자 전송에 실패하였습니다."); console.log("ERROR : ", e); } }); } }else{ alert("문자받을 계좌를 선택해 주세요."); return false; } } //KG 모빌리언스 function kgmPayRequest() { //var $currentTab = $('.area_tab').children('.active').index(); //$("#Prdtprice").val($('.area_tabcont:eq('+$currentTab+')').find('.tempPrice').val()); // New $("#Prdtprice").val($("#price").val()); //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 MCASH_PAYMENT(document.payForm); } /* 윈도우팝업 열기 */ function infoPop(pageUrl){ document.infoPopForm.pageType.value = pageUrl; document.infoPopForm.action = "/web/pop/infoPop.do"; document.infoPopForm.method = "post"; window.open("about:blank", 'infoPop', 'width=790, height=220, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1'); document.infoPopForm.target = "infoPop"; document.infoPopForm.submit(); } //충전금액 Change Event $(document).on('change', '.list_seType1', function() { // 충전금액 세팅 setPriceMake(); }); // 충전금액 세팅 function setPriceMake() { var $currentTab = $('.area_tab').children('.active').index(); var $tempPrice = $('.area_tabcont:eq('+$currentTab+')').find('.list_seType1'); var tempPrice = parseInt($tempPrice.val(), 10); var vatPrice = Math.round(parseInt(tempPrice, 10) * 0.1); // 부가세 var lastPrice = parseInt(tempPrice, 10) + parseInt(vatPrice, 10); // 최종가격 $("#price").val(lastPrice); $('.area_tabcont:eq('+$currentTab+')').find('#supplyPriceStr').html(numberWithCommas(tempPrice)); $('.area_tabcont:eq('+$currentTab+')').find('#vatPriceStr').html(numberWithCommas(vatPrice)); $('.area_tabcont:eq('+$currentTab+')').find('#lastPriceStr').html(numberWithCommas(lastPrice)); } // 결제하기 tab function TabTypePay(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); currTabId = tabId; // 충전금액 세팅 setPriceMake(); } </script>  <form id="eventForm" name="eventForm" method="post"> <input type="hidden" id="eventPolicyYn" name="eventPolicyYn" value="N"/> <input type="hidden" id="eventSmsYn" name="eventSmsYn" value="N"/> </form> <form id="payTypeForm" name="payTypeForm" method="post"> <input type="hidden" name="payTypeCode" /> </form> <form id="pgForm" name="pgForm" action="/web/member/pay/PayActionAjax.do" method="post"> <input type="hidden" id="price" name="price" /> <input type="hidden" id="payMethod" name="payMethod" /> <input type="hidden" id="accMsg" name="accMsg" /> <input type="hidden" id="sendCnt" name="sendCnt" value="<c:out value='${resultMsgInfo.sendCnt}'/>" />  <div class="inner">  <div class="send_top">    <div class="serv_content charg_cont current" id="tab5_2"> <div class="heading"> <h2>이벤트 결제하기</h2> <button type="button" class="button info" onclick="infoPop('PayView');">사용안내</button> </div> <div class="view_cont"> <div class="cont_in"> <div class="img_cont"> <div class="firstpay_event event_cont" style="text-align: center;"> <img src="/publish/images/event/event_logo01.png" alt="" class="event_logo"> <img src="/publish/images/event/firstpay_event_cont_img02.png" alt=""> <ul class="agree_wrap"> <li><input type="checkbox" id="eventPolicyYnY" name="eventPolicyYnY" value="Y"><label for="eventPolicyYnY">(필수) 본인은 상기이벤트 유의사항을 모두 숙지하였으며, 이에 동의합니다.</label></li> <li><input type="checkbox" id="eventSmsYnY" name="eventSmsYnY" value="Y"><label for="eventSmsYnY">(선택) 본인은문자온 이벤트 및 혜택을 문자, 카카오톡, 메일로 수신하는 것에 동의합니다.</label></li> </ul> </div> </div> </div> </div> <%--<div class="titBox"> <p>- 서비스 이용을 위해 충전이 필수 입니다.</p> <p>- 충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</p> <p>- 모든 요금은 VAT별도 금액입니다.</p> </div>--%> <div> <p class="tab_tit">충전수단 선택</p> <ul class="area_tab type03"> <li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li> <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li> <li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>즉시이체</button></li> <li class="btn_charge5 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'5');"><i></i></button></li> <li class="btn_charge6 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'6');"><i></i></button></li> <li class="btn_charge7 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'7');"><i></i></button></li> <li class="btn_charge8 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'8');"><i></i></button></li> </ul> <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>  <div class="area_tabcont on" id="tab2_1"> <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p> <table class="tType1"> <caption></caption> <colgroup> <col style="width: 100px;"> <col style="width: auto;"> </colgroup> <tbody> <tr class="charge_content"> <th scope="row">충전금액</th> <td class="flex"> <select name="tempPrice" id="tempPrice" class="list_seType1"> <option value="5000">5,000</option> <option value="10000">10,000</option> <option value="20000">20,000</option> <option value="30000">30,000</option> <option value="50000" selected>50,000</option> <option value="100000">100,000</option> <option value="200000">200,000</option> <option value="300000">300,000</option> <option value="500000">500,000</option> </select> <p class="input_in">원</p>  </td> </tr> <tr> <td colspan="2"> <div class="amount_wrap"> <dl> <dt>최종 결제금액 :</dt> <dd> <ul> <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> </ul> </dd> </dl> <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> </div> </td> </tr> <tr> <td colspan="2"> <div class="area_text"> <%--<p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(1551-8011)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%> <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> <p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p> </div> </td> </tr> </tbody> </table> </div>   <div class="area_tabcont" id="tab2_2">  <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> <table class="tType1"> <caption></caption> <colgroup> <col style="width: 65%"> <col style="width: 35%"> </colgroup> <tbody> <tr> <td> <div class="area_text"> <c:choose> <c:when test="${not empty resultMyList}"> <p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p> </c:when> <c:otherwise> <div class="area_text"> <p>1. <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p> <p>2. 현재 발급받은 전용계좌가 없습니다.</p> <p>3. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p> </div> </c:otherwise> </c:choose>  </div> </td> <td class="right"> <label for="bankCd" class="label">은행선택</label> <select name="bankCd" id="bankCd"> <option value="">은행선택</option> <c:forEach var="result" items="${resultList}" varStatus="status"> <option value="${result.bankCd}">${result.codeNm}</option> </c:forEach> </select> <p class="input_in" style="margin-right:5px;">원</p> <button type="button" onclick="fnNewBankAccount(); return false;">신규계좌받기</button> </td> </tr> </tbody> </table>  <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> <table class="tType1"> <caption></caption> <colgroup> <col style="width: 65%"> <col style="width: 35%;"> </colgroup> <tbody> <c:choose> <c:when test="${not empty resultMyList}"> <c:forEach var="result" items="${resultMyList}" varStatus="status"> <tr> <td> <div class="checkbox_wrap"> <input type="radio" id="chkAccount${status.count}" name="chkAccount" value="<c:out value='${result.bankCd}'/>_<c:out value='${result.codeNm}'/>_<c:out value='${result.acctNo}'/>"> <label for="chkAccount${status.count}"></label> <c:out value='${result.codeNm}'/> <c:out value='${result.acctNo}'/> </div> <div class="account_holder"> (예금주 : <c:out value="${result.cmfNm}"/>) </div> </td> <td class="right"> </td> </tr> </c:forEach> </c:when> <c:otherwise> <tr> <td colspan="2"> <div> 보유한 전용 계좌가 없습니다. </div> </td> </tr> </c:otherwise> </c:choose> <tr> <td colspan="2"> <div class="area_text"> <p>- <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p> <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p> <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p> <p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p> <p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>  <p>- 계좌번호 문자로 받기(일/3회까지) <label for="" class="label">전화번호 입력</label> <input type="text" id="callTo" name="callTo" maxLength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> <button type="button" onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button> </p> </div> </td> </tr> </tbody> </table> </div>   <div class="area_tabcont" id="tab2_3"> <p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> 즉시이체</p> <table class="tType1"> <caption></caption> <colgroup> <col style="width: 100px;"> <col style="width: auto;"> </colgroup> <tbody> <tr class="charge_content"> <th scope="row">충전금액</th> <td class="flex"> <select name="tempPrice" id="tempPrice" class="list_seType1"> <option value="5000">5,000</option> <option value="10000">10,000</option> <option value="20000">20,000</option> <option value="30000">30,000</option> <option value="50000" selected>50,000</option> <option value="100000">100,000</option> <option value="200000">200,000</option> <option value="300000">300,000</option> <option value="500000">500,000</option> </select> <p class="input_in">원</p>  </td> </tr> <tr> <td colspan="2"> <div class="amount_wrap"> <dl> <dt>최종 결제금액 :</dt> <dd> <ul> <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> </ul> </dd> </dl> <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> </div> </td> </tr> <tr> <td colspan="2"> <div class="area_text"> <p>- KG모빌리언스 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p> <p>  (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p> </div> </td> </tr> </tbody> </table> </div>   <div class="area_tabcont" id="tab2_5"> <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p> <table class="tType1"> <colgroup> <col style="width: 100px;"> <col style="width: auto;"> </colgroup> <tbody> <tr class="charge_content"> <th scope="row">충전금액</th> <td class="flex"> <select name="tempPrice" id="tempPrice" class="list_seType1"> <option value="5000">5,000</option> <option value="10000">10,000</option> <option value="20000">20,000</option> <option value="30000">30,000</option> <option value="50000" selected="">50,000</option> <option value="100000">100,000</option> <option value="200000">200,000</option> <option value="300000">300,000</option> <option value="500000">500,000</option> <option value="700000">700,000</option> <option value="900000">900,000</option> <option value="1000000">1,000,000</option> <option value="1200000">1,200,000</option> <option value="1500000">1,500,000</option> <option value="2000000">2,000,000</option> <option value="2500000">2,500,000</option> <option value="3000000">3,000,000</option> </select> <p class="input_in">원</p>  </td> </tr> <tr> <td colspan="2"> <div class="amount_wrap"> <dl> <dt>최종 결제금액 :</dt> <dd> <ul> <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> </ul> </dd> </dl> <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> </div> </td> </tr> <tr> <td colspan="2"> <div class="area_text"> <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> <p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p> <p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p> </div> </td> </tr> </tbody> </table> </div>   <div class="area_tabcont current" id="tab2_6">  <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p> <table class="tType1"> <colgroup> <col style="width: 100px;"> <col style="width: auto;"> </colgroup> <tbody> <tr class="charge_content"> <th scope="row">충전금액</th> <td class="flex"> <select name="tempPrice" id="tempPrice" class="list_seType1"> <option value="5000">5,000</option> <option value="10000">10,000</option> <option value="20000">20,000</option> <option value="30000">30,000</option> <option value="50000" selected="">50,000</option> <option value="100000">100,000</option> <option value="200000">200,000</option> <option value="300000">300,000</option> <option value="500000">500,000</option> <option value="700000">700,000</option> <option value="900000">900,000</option> <option value="1000000">1,000,000</option> <option value="1200000">1,200,000</option> <option value="1500000">1,500,000</option> <option value="2000000">2,000,000</option> <option value="2500000">2,500,000</option> <option value="3000000">3,000,000</option> </select> <p class="input_in">원</p>  </td> </tr> <tr> <td colspan="2"> <div class="amount_wrap"> <dl> <dt>최종 결제금액 :</dt> <dd> <ul> <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> </ul> </dd> </dl> <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> </div> </td> </tr> <tr> <td colspan="2"> <div class="area_text"> <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> <p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p> </div> </td> </tr> </tbody> </table> </div>   <div class="area_tabcont current" id="tab2_7"> <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p> <table class="tType1"> <caption></caption> <colgroup> <col style="width: 100px;"> <col style="width: auto;"> </colgroup> <tbody> <tr class="charge_content"> <th scope="row">충전금액</th> <td class="flex"> <select name="tempPrice" id="tempPrice" class="list_seType1"> <option value="5000">5,000</option> <option value="10000">10,000</option> <option value="20000">20,000</option> <option value="30000">30,000</option> <option value="50000" selected="">50,000</option> <option value="100000">100,000</option> <option value="150000">150,000</option> </select> <p class="input_in">원</p>  </td> </tr> <tr> <td colspan="2"> <div class="amount_wrap"> <dl> <dt>최종 결제금액 :</dt> <dd> <ul> <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> </ul> </dd> </dl> <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> </div> </td> </tr> <tr> <td colspan="2"> <div class="area_text"> <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> <p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p> </div> </td> </tr> </tbody> </table> </div>   <div class="area_tabcont current" id="tab2_8"> <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> PAYCO</p> <table class="tType1"> <caption></caption> <colgroup> <col style="width: 100px;"> <col style="width: auto;"> </colgroup> <tbody> <tr class="charge_content"> <th scope="row">충전금액</th> <td class="flex"> <select name="tempPrice" id="tempPrice" class="list_seType1"> <option value="5000">5,000</option> <option value="10000">10,000</option> <option value="20000">20,000</option> <option value="30000">30,000</option> <option value="50000" selected="">50,000</option> <option value="100000">100,000</option> <option value="200000">200,000</option> <option value="300000">300,000</option> <option value="500000">500,000</option> <option value="700000">700,000</option> <option value="900000">900,000</option> <option value="1000000">1,000,000</option> <option value="1200000">1,200,000</option> <option value="1500000">1,500,000</option> <option value="2000000">2,000,000</option> <option value="2500000">2,500,000</option> <option value="3000000">3,000,000</option> </select> <p class="input_in">원</p>  </td> </tr> <tr> <td colspan="2"> <div class="amount_wrap"> <dl> <dt>최종 결제금액 :</dt> <dd> <ul> <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> </ul> </dd> </dl> <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> </div> </td> </tr> <tr> <td colspan="2"> <div class="area_text"> <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> <p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p> </div> </td> </tr> </tbody> </table> </div>  </div> </div> </div> </div> </form> <form name="infoPopForm" id="infoPopForm" method="post"> <input type="hidden" name="pageType" id="pageType" value=""/> </form>  <form name="payCardForm" accept-charset="euc-kr"> <input type="hidden" name="CASH_GB"> <input type="hidden" name="CN_SVCID"> <input type="hidden" name="PAY_MODE"> <input type="hidden" name="VER"> <input type="hidden" name="Prdtprice"> <input type="hidden" name="Prdtnm"> <input type="hidden" name="Tradeid"> <input type="hidden" name="Siteurl"> <input type="hidden" name="Okurl"> <input type="hidden" name="Notiurl"> <input type="hidden" name="CALL_TYPE"> <input type="hidden" name="Failurl"> <input type="hidden" name="Userid"> <input type="hidden" name="Username"> <input type="hidden" name="MSTR"> <input type="hidden" name="Payeremail"> <input type="hidden" name="Cryptyn"> <input type="hidden" name="Cryptstring"> <input type="hidden" name="Closeurl"> <input type="hidden" name="CN_BILLTYPE"> <input type="hidden" name="CN_TAX"> <input type="hidden" name="CN_TAXFREE"> <input type="hidden" name="CN_FREEINTEREST"> <input type="hidden" name="CN_POINT"> <input type="hidden" name="Termregno"> <input type="hidden" name="APP_SCHEME"> <input type="hidden" name="CN_FIXCARDCD"> <input type="hidden" name="CN_DIRECT"> <input type="hidden" name="CN_INSTALL"> <input type="hidden" name="Deposit"> </form>  <form name="payMobileForm" accept-charset="euc-kr"> <input type="hidden" name="CASH_GB"> <input type="hidden" name="Okurl"> <input type="hidden" name="MC_SVCID"> <input type="hidden" name="Prdtnm"> <input type="hidden" name="Prdtprice"> <input type="hidden" name="Siteurl"> <input type="hidden" name="PAY_MODE"> <input type="hidden" name="Tradeid"> <input type="hidden" name="LOGO_YN"> <input type="hidden" name="CALL_TYPE"> <input type="hidden" name="MC_AUTHPAY"> <input type="hidden" name="Notiurl"> <input type="hidden" name="MC_AUTOPAY"> <input type="hidden" name="Closeurl"> <input type="hidden" name="MC_PARTPAY"> <input type="hidden" name="Failurl"> <input type="hidden" name="MC_No"> <input type="hidden" name="MC_FIXNO"> <input type="hidden" name="MC_Cpcode"> <input type="hidden" name="Userid"> <input type="hidden" name="Item"> <input type="hidden" name="Prdtcd"> <input type="hidden" name="Payeremail"> <input type="hidden" name="MC_DEFAULTCOMMID"> <input type="hidden" name="MC_FIXCOMMID"> <input type="hidden" name="MSTR"> <input type="hidden" name="Sellernm"> <input type="hidden" name="Sellertel"> <input type="hidden" name="Notiemail"> <input type="hidden" name="IFRAME_NAME"> <input type="hidden" name="INFOAREA_YN"> <input type="hidden" name="FOOTER_YN"> <input type="hidden" name="HEIGHT"> <input type="hidden" name="PRDT_HIDDEN"> <input type="hidden" name="EMAIL_HIDDEN"> <input type="hidden" name="CONTRACT_HIDDEN"> <input type="hidden" name="Cryptyn"> <input type="hidden" name="Cryptstring"> <input type="hidden" name="MC_EZ_YN"> <input type="hidden" name="MC_EZ_KEY"> <input type="hidden" name="MC_PUSH_KEY"> </form>  <form name="payBankForm" accept-charset="euc-kr"> <input type="hidden" name="CASH_GB"> <input type="hidden" name="Okurl"> <input type="hidden" name="RA_SVCID"> <input type="hidden" name="Prdtnm"> <input type="hidden" name="Prdtprice"> <input type="hidden" name="Siteurl"> <input type="hidden" name="PAY_MODE"> <input type="hidden" name="Tradeid"> <input type="hidden" name="LOGO_YN"> <input type="hidden" name="CALL_TYPE"> <input type="hidden" name="Notiurl"> <input type="hidden" name="Closeurl"> <input type="hidden" name="Failurl"> <input type="hidden" name="Userid"> <input type="hidden" name="Item"> <input type="hidden" name="Prdtcd"> <input type="hidden" name="Payeremail"> <input type="hidden" name="MSTR"> <input type="hidden" name="Notiemail"> <input type="hidden" name="IFRAME_NAME"> <input type="hidden" name="INFOAREA_YN"> <input type="hidden" name="FOOTER_YN"> <input type="hidden" name="HEIGHT"> <input type="hidden" name="PRDT_HIDDEN"> <input type="hidden" name="EMAIL_HIDDEN"> <input type="hidden" name="CONTRACT_HIDDEN"> <input type="hidden" name="Cryptyn"> <input type="hidden" name="Cryptstring"> <input type="hidden" name="Deposit"> <input type="hidden" name="Billyn"> </form>