mjon_git/src/main/webapp/WEB-INF/jsp/web/pay/PayViewV2.jsp
2023-06-29 12:45:39 +09:00

1157 lines
43 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ 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"%>
<!-- KG 모빌리언스 -->
<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(){
// 충전금액 세팅
setPriceMake();
setNumberOnly();//숫자만입력
// 전용계좌 화면으로 이동
if (tabType == "2") {
$("#btnDdedicatedAccount").trigger("click");
}
});
//결제수단 상태 체크
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;
function pgOpenerPopup(){
// 후불제여부 체크
if (getMjUserAfterPayCheck() == true) {
alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
return false;
}
var $currentTab = $('.area_tab').children('.active').index();
var lastPrice = parseInt($("#price").val(), 10);
if(lastPrice == "" || lastPrice == "0" || lastPrice == null || lastPrice == undefined){
//충전금액
alert("충전금액을 선택해주세요.");
return false;
}
var payMethod = "";
document.pgForm.action = "/web/member/pay/PayActionAjax.do";
if ($currentTab == 0) {
payMethod = "CARD";
} else if ($currentTab == 1) {
payMethod = "CARD";
} else if ($currentTab == 2) {
payMethod = "VBANK";
} else if ($currentTab==3) {
payMethod = "CELLPHONE";
} else if ($currentTab==4) {
payMethod = "BANK";
}
$('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) {
// KG 모빌리언스 => CARD(간편결제)
kgmPayCardRequest();
} else if ($currentTab == 1) {
// 나이스페이 => 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 == 2) {
// 전용계좌
} else if ($currentTab == 3) {
// KG 모빌리언스 => MOBILE(휴대폰결제)
kgmPayMobileRequest();
} else if ($currentTab==4) {
// KG 모빌리언스 => BANK(즉시이체)
kgmPayBankRequest();
}
}
//KG 모빌리언스 => CARD
function kgmPayCardRequest() {
$.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 = data.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 = data.CN_DIRECT;
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;
//아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출
MCASH_PAYMENT(form);
}
else {
alert("Msg : " + data.msg);
}
},
error: function (e) {
alert("ERROR : " + JSON.stringify(e));
}
});
}
/* 윈도우팝업 열기 */
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();
}
// 사용안함
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;
}
//결제수단 상태 체크
if(checkPayTypeStatusAjax("VBANK") == "N") {
return false;
}
var bankCd = $("#bankCd").val();
if(bankCd == ''){
alert("은행을 선택해 주세요.");
return false;
}
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;
}
}
//충전금액 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>
<!-- </head>
<body> -->
<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}'/>" />
<!-- content 영역 -->
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab"><button type="button" onclick="location.href='/web/pay/PayGuide.do'">요금안내/견적내기</button></li>
<li class="tab active"><button type="button">결제하기</button></li>
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/PayList.do'">요금 결제내역</button></li>
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/PayUserList.do'">요금 사용내역</button></li>
<!-- 현금영수증 자동발행 주석 -->
<!-- <li class="tab"><button type="button" onclick="location.href='/web/member/pay/BillPub.do'">계산서/현금영수증 발행 등록</button></li> -->
<li class="tab"><button type="button" onclick="location.href='/web/member/pay/BillPub.do'">세금계산서 발행 등록</button></li>
</ul><!--// tab button -->
<!-- 결제관리 - 결제하기 -->
<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="titBox">
<p>- 서비스 이용을 위해 충전이 필수 입니다.</p>
<p>- 충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</p>
<p>- 모든 요금은 VAT별도 금액입니다.</p>
</div>--%>
<div>
<p class="tab_tit">충전수단 선택</p>
<ul class="area_tab">
<li class="btn_charge0 btn_tab active"><button type="button" onclick="TabTypePay(this,'0');"><i></i>간편결제</button></li>
<li class="btn_charge1 btn_tab"><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_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> -->
<li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li>
<li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><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_0">
<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>
<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>
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
<p class="input_in">원</p>
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</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">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%>
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
<p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //간편결제 -->
<!-- 신용카드 -->
<div class="area_tabcont" 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>
<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>
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
<p class="input_in">원</p>
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</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">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 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>
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
</c:otherwise>
</c:choose>
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
</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>3개월 미사용 시 자동 해지</span>됩니다.</p>
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
<!-- <p>- 예금주 : 문자온</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_4">
<p class="tType1_title"><img src="/publish/images/content/icon_charging4_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>
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
<p class="input_in">원</p>
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</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>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p>
<p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수 있습니다.</p>
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //휴대폰 -->
<!-- 즉시이체 -->
<div class="area_tabcont" id="tab2_5">
<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>
<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>
<%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
<p class="input_in">원</p>
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</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>&nbsp; (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //즉시이체 -->
</div>
</div><!-- 결제관리 - 결제하기 -->
</div><!--// send top -->
</div>
</form>
<form name="infoPopForm" id="infoPopForm" method="post">
<input type="hidden" name="pageType" id="pageType" value=""/>
</form>
<!-- KG 모빌리언스 CARD -->
<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>
<!-- KG 모빌리언스 MOBILE -->
<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>
<!-- KG 모빌리언스 BANK -->
<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">
</form>