Commit @3d46fe68f5b9b3ab3bd51194f7c065466934f973

이호영 2 hours ago

Revert "tosspay로 수정 - UI 완료"

This reverts commit 4bda3b7.

@3d46fe68f5b9b3ab3bd51194f7c065466934f973

beed949

3d46fe6

src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp

--- src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp


 <!-- 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 src="https://js.tosspayments.com/v1/payment-widget"></script>
 
 <script>
+//탭이동
+var tabType = "${tabType}";
 
-	let paymentWidget;
-	let paymentMethodWidget;
+$(document).ready(function(){
+	//다음 결제시 결제수단 SELECT
+	getNextPayMethod();
 
-	$(document).ready(function(){
-		setPriceMake();
-		// 다음 결제시 결제수단 SELECT (필요 시 유지)
-		// getNextPayMethod();
-
-		// 토스페이먼츠 위젯 초기화 세팅
-		const clientKey = 'test_gck_KNbdOvk5rk15kdKpqQGo3n07xlzm';
-		const customerKey = 'test_customer_1234'; // 테스트용 가상 고객 ID (실제 연동 시에는 로그인한 유저의 고유 ID를 넣으세요)
-		paymentWidget = PaymentWidget(clientKey, customerKey);
-
-		// 충전금액 세팅 및 렌더링
-		setPriceMake();
-		const initialAmount = parseInt($("#price").val(), 10);
-
-		// 결제수단 및 약관 위젯 화면에 렌더링
-		paymentMethodWidget = paymentWidget.renderPaymentMethods('#payment-method', { value: initialAmount });
-		paymentWidget.renderAgreement('#agreement');
-	});
-
-	function setPriceMake() {
-		var tempPrice = parseInt($('.list_seType1').val(), 10);
-		var vatPrice = Math.round(parseInt(tempPrice, 10) * 0.1);
-		var lastPrice = parseInt(tempPrice, 10) + parseInt(vatPrice, 10);
-
-		$("#price").val(lastPrice);
-		$('#supplyPriceStr').html(numberWithCommas(tempPrice));
-		$('#vatPriceStr').html(numberWithCommas(vatPrice));
-		$('#lastPriceStr').html(numberWithCommas(lastPrice));
-
-		// [추가] 변경된 최종 결제 금액을 토스 위젯에 업데이트
-		if (typeof paymentMethodWidget !== 'undefined') {
-			paymentMethodWidget.updateAmount(lastPrice);
-		}
+	// 충전금액 세팅
+	setPriceMake();
+	
+	setNumberOnly();//숫자만입력
+	
+	// 전용계좌 화면으로 이동
+	if (tabType == "2") {
+		$("#btnDdedicatedAccount").trigger("click");
 	}
 
-	// 후불제여부 체크
-	function getMjUserAfterPayCheck() {
-		var isAfterPay = false;
+	// 등급제 대상 여부
+	//getMberGrdChk();	
+});
 
-		$.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;
+//다음 결제시 결제수단 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) {
+			} 
+		},
+	    error: function (e) {
+	    	
+	    }
+	});		
+}
 
-			}
-		});
-
-		return isAfterPay;
+// 다음 결제시 결제수단 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";	// 페이코
+			}	
+		}	
 	}
-
-	function pgOpenerPopup(){
-		// 후불제여부 체크 (기존 로직 유지)
-		if (getMjUserAfterPayCheck() == true) {
-			alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
-			return false;
-		}
-
-		var lastPrice = parseInt($("#price").val(), 10);
-		if(lastPrice < 5500){
-			alert("최소 충전금액 5천원 이상 선택해주세요.");
-			return false;
-		}
-
-		// 토스페이먼츠 결제창 바로 호출
-		paymentWidget.requestPayment({
-			orderId: 'ORDER_' + new Date().getTime(), // 고유한 상점 주문번호 생성
-			orderName: '문자온 충전 ' + lastPrice + '원',
-			successUrl: window.location.origin + '/web/member/pay/tossSuccess.do', // 결제 성공 시 이동할 URL (백엔드 컨트롤러 생성 필요)
-			failUrl: window.location.origin + '/web/member/pay/tossFail.do',       // 결제 실패 시 이동할 URL (백엔드 컨트롤러 생성 필요)
-			customerEmail: 'hoyoung.lee@gmail.com', // 필요시 로그인한 사용자의 이메일 매핑
-			customerName: '이호영'                  // 필요시 로그인한 사용자의 이름 매핑
-		}).catch(function (error) {
-			if (error.code === 'USER_CANCEL') {
-				alert('결제를 취소하셨습니다.');
-			} else {
-				alert(error.message);
-			}
-		});
+	else {
+		nextPayMethod = "";		
 	}
+	
+	// 업데이트		
+	$.ajax({
+	    type: "POST",
+	    url: "/web/member/pay/updateNextPayMethodAjax.do",
+	    data: {"nextPayMethod" : nextPayMethod},
+	    dataType:'json',
+	    async: false,
+	    success: function (data) {
+			if (data.isSuccess) { 
 
-	//충전금액 Change Event
-	$(document).on('change', '#tempPrice', function() {
-	// $(document).on('change', '.list_seType1', function() {
-		// 충전금액 세팅
-		setPriceMake();
+			} 
+		},
+	    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.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 += "(누적결제액 : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;  &nbsp;<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)); 
+        }
+    });				
+}		
 
 
 /* 사용내역서 클릭 시 내역서 새창 팝업 오픈  */

 						<p>- 모든 요금은 VAT별도 금액입니다.</p>
 					</div>--%>
 					<div>
-						<p class="tab_tit">충전수단 선택</p><%--
+						<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_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>
-							<!-- 충전금액 선택 영역 -->
-							<div class="charge_amount_box" style="margin-bottom: 20px;">
-								<label for="tempPrice" style="font-weight: bold; margin-right: 10px;">충전금액 선택 :</label>
-								<select name="tempPrice" id="tempPrice" class="list_seType1">
-									<option value="5000">5,000</option>
-									<option value="10000">10,000</option>
-									<option value="50000" selected>50,000</option>
-									<!-- 필요하신 금액대 옵션 유지 -->
-								</select> 원
-								<p style="margin-top: 10px; color: #666;">
-									최종 결제금액: <strong id="lastPriceStr" style="color: #000; font-size: 16px;">55,000</strong>원 (공급가액 <span id="supplyPriceStr">50,000</span>원 + 부가세 <span id="vatPriceStr">5,000</span>원)
-								</p>
-							</div>
-
-							<!-- 토스페이먼츠 결제수단 위젯 영역 -->
-							<div id="payment-method"></div>
-
-							<!-- 토스페이먼츠 이용약관 영역 -->
-							<div id="agreement"></div>
-
-							<!-- 결제하기 버튼 -->
-							<div style="text-align: center; margin-top: 20px;">
-								<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;" style="width: 200px; height: 50px; font-size: 16px;">충전하기</button>
-							</div>
+							<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>&nbsp; (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</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>
 
 					<!--누적결제액별 등급 및 단가 추가 시작-->

Add a comment

Open 0
Closed 0

List

Delete comment