File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<%@ 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"%>
<style>
/*.charg_cont .area_tab li{ width: calc((100% - 80px)/5);}*/
</style>
<!-- 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(){
//다음 결제시 결제수단 SELECT
getNextPayMethod();
// 충전금액 세팅
setPriceMake();
setNumberOnly();//숫자만입력
// 전용계좌 화면으로 이동
if (tabType == "2") {
$("#btnDdedicatedAccount").trigger("click");
}
// 등급제 대상 여부
//getMberGrdChk();
});
//다음 결제시 결제수단 SELECT
function getNextPayMethod() {
var nextPayMethod = "";
$.ajax({
type: "POST",
url: "/web/member/pay/selectLastPayMethodAjax.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 == "CELLPHONE") {
$(".btn_charge3").addClass("active");
$("#tab2_3").addClass("area_tabcont on");
}
else if (nextPayMethod == "BANK") {
$(".btn_charge4").addClass("active");
$("#tab2_4").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 = "CELLPHONE";
} else if ($currentTab==3) {
nextPayMethod = "BANK";
} else {
if ($currentTab == 4) {
nextPayMethod = "NAV"; // 네이버페이
} else if ($currentTab==5) {
nextPayMethod = "KKO"; // 카카오페이
} else if ($currentTab==6) {
nextPayMethod = "TOS"; // 토스페이
} else if ($currentTab==7) {
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;
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;
}
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 = "CELLPHONE";
} else if ($currentTab==3) {
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=545, height=830, 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 모빌리언스 => MOBILE(휴대폰결제)
kgmPayMobileRequest();
} else if ($currentTab==3) {
// KG 모빌리언스 => BANK(즉시이체)
kgmPayBankRequest();
} else {
var cnDirect = "";
var mstr = "";
if ($currentTab == 4) {
cnDirect = "NAV:00:N"; // 네이버페이
mstr = "NAV";
} else if ($currentTab==5) {
cnDirect = "KKO:00:N"; // 카카오페이
mstr = "KKO";
} else if ($currentTab==6) {
cnDirect = "TOS:00:N"; // 토스페이
mstr = "TOS";
} else if ($currentTab==7) {
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 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;
}
// 다음 결제시 결제수단 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;
}
}
//충전금액 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();
}
// 등급제 대상 여부
function getMberGrdChk() {
$.ajax({
type: "POST",
url: "/web/grd/mberGrdChkAjax.do",
data: {},
dataType:'json',
async: false,
success: function (data) {
if (data.isSuccess) {
// 등급제 누적결제액 세부내역
var sHtml = "";
sHtml += "<p>등급 : <span><img src='/publish/images/level/level_icon/level_small/" + data.rtnMberGrdVO.grdSetIcon + "_small_icon.png' alt='등급 스몰 아이콘'>" + data.rtnMberGrdVO.grdSetNm;
sHtml += "(누적결제액 : <span>" + numberWithCommas(data.rtnMberGrdVO.totAmt) + "</span>원)</span></p>";
$("#grdShowArea").html(sHtml);
$("#grdShowArea").show();
$("#levelSubTitle").html("(" + data.rtnMberGrdVO.grdDate + " ~ 현재)");
// 문자(등급별 요금 안내)
$("#mberGrdSettingArea").show();
}
else {
//alert("Msg : " + data.msg);
}
},
error: function (e) {
//alert("ERROR : " + JSON.stringify(e));
}
});
}
/* 사용내역서 클릭 시 내역서 새창 팝업 오픈 */
function fnShowVaViewPrintPopup() {
//만들려는 팝업의 크기
var popup_wid = '840';
var popup_ht = '800';
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top =(window.screen.height / 2) - (popup_ht / 2);
$("#pgForm").attr("target","payVaPrint");
window.open('', 'payVaPrint', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top +',scrollbars=1');
$("#pgForm").attr({"action":"/web/member/pay/selectVaViewPrintPopupAjax.do", "method":"post"}).submit();
}
</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/payUserSWList.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_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_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>즉시이체</button></li>
<li class="btn_charge5 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'5');"><i></i></button></li>
<li class="btn_charge6 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'6');"><i></i></button></li>
<li class="btn_charge7 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'7');"><i></i></button></li>
<li class="btn_charge8 btn_tab simple_pay"><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>
<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">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(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>
<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 account_con">
<caption></caption>
<colgroup>
<col style="width: 100%">
<col style="width: auto;">
</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 account_te">
<button type="button" onClick="javascript:fnShowVaViewPrintPopup(); return false;">전용계좌 확인서</button>
</td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr>
<td colspan="2">
<div>
보유한 전용 계좌가 없습니다.
</div>
<!-- <button type="button">가상계좌 확인서</button> -->
</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>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p>
<p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>
<!-- <p>- 예금주 : 문자온</p> -->
<p>- 계좌번호 문자로 받기(유료)
<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_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_4">
<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>- 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>
<!-- <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>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</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>
<!-- <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>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</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>
<!-- <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>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</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>
<!-- <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>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
<p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //페이코 -->
</div>
<!--누적결제액별 등급 및 단가 추가 시작-->
<div class="accrue_price" id="grdShowArea" style="display: none;">
</div>
<div class="accrue_level" id="mberGrdSettingArea" style="display: none;">
<p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가
</p>
<table class="tType2 tType2_level">
<caption></caption>
<colgroup>
<col style="width: 13%;">
<col style="width: auto;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
</colgroup>
<thead>
<tr>
<th>등급</th>
<th class="th_second">누적결제액<span id="levelSubTitle"></span></th>
<th>단문</th>
<th>장문</th>
<th>그림(1장)</th>
<th>그림(2장)</th>
<th>그림(3장)</th>
</tr>
</thead>
<tbody>
<c:forEach var="result" items="${mberGrdSettingList}" varStatus="status">
<tr>
<th><c:out value="${result.grdSetNm}"/></th>
<td class="level_price"><c:out value="${result.stdAmtComma}"/></td>
<td><c:out value="${result.shortPrice}"/></td>
<td><c:out value="${result.longPrice}"/></td>
<td><c:out value="${result.picturePrice}"/></td>
<td><c:out value="${result.picture2Price}"/></td>
<td><c:out value="${result.picture3Price}"/></td>
</tr>
</c:forEach>
</tbody>
</table>
<span class="reqTxt4">
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
</span>
<p class="reqTxt4 reqTxt4_last">
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작
등으로 인지되는 문자에 대해서는
사전 또는 즉시 발송을 차단하고
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을
취소합니다.
</p>
</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">
<input type="hidden" name="Billyn">
</form>