--- src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp
... | ... | @@ -13,485 +13,110 @@ |
| 13 | 13 |
<!-- KG 모빌리언스 --> |
| 14 | 14 |
<script src="https://mup.mobilians.co.kr/js/ext/ext_inc_comm.js"></script> |
| 15 | 15 |
<script type="text/javascript" src="<c:url value='/js/MJUtill.js'/>"></script> |
| 16 |
+<script src="https://js.tosspayments.com/v1/payment-widget"></script> |
|
| 16 | 17 |
|
| 17 | 18 |
<script> |
| 18 |
-//탭이동 |
|
| 19 |
-var tabType = "${tabType}";
|
|
| 20 | 19 |
|
| 21 |
-$(document).ready(function(){
|
|
| 22 |
- //다음 결제시 결제수단 SELECT |
|
| 23 |
- getNextPayMethod(); |
|
| 20 |
+ let paymentWidget; |
|
| 21 |
+ let paymentMethodWidget; |
|
| 24 | 22 |
|
| 25 |
- // 충전금액 세팅 |
|
| 26 |
- setPriceMake(); |
|
| 27 |
- |
|
| 28 |
- setNumberOnly();//숫자만입력 |
|
| 29 |
- |
|
| 30 |
- // 전용계좌 화면으로 이동 |
|
| 31 |
- if (tabType == "2") {
|
|
| 32 |
- $("#btnDdedicatedAccount").trigger("click");
|
|
| 33 |
- } |
|
| 23 |
+ $(document).ready(function(){
|
|
| 24 |
+ setPriceMake(); |
|
| 25 |
+ // 다음 결제시 결제수단 SELECT (필요 시 유지) |
|
| 26 |
+ // getNextPayMethod(); |
|
| 34 | 27 |
|
| 35 |
- // 등급제 대상 여부 |
|
| 36 |
- //getMberGrdChk(); |
|
| 37 |
-}); |
|
| 28 |
+ // 토스페이먼츠 위젯 초기화 세팅 |
|
| 29 |
+ const clientKey = 'test_gck_KNbdOvk5rk15kdKpqQGo3n07xlzm'; |
|
| 30 |
+ const customerKey = 'test_customer_1234'; // 테스트용 가상 고객 ID (실제 연동 시에는 로그인한 유저의 고유 ID를 넣으세요) |
|
| 31 |
+ paymentWidget = PaymentWidget(clientKey, customerKey); |
|
| 38 | 32 |
|
| 39 |
-//다음 결제시 결제수단 SELECT |
|
| 40 |
-function getNextPayMethod() {
|
|
| 41 |
- var nextPayMethod = ""; |
|
| 42 |
- $.ajax({
|
|
| 43 |
- type: "POST", |
|
| 44 |
- url: "/web/member/pay/selectLastPayMethodAjax.do", |
|
| 45 |
- data: {},
|
|
| 46 |
- dataType:'json', |
|
| 47 |
- async: false, |
|
| 48 |
- success: function (data) {
|
|
| 49 |
- if (data.isSuccess) {
|
|
| 50 |
- if (data.nextPayMethod != '') {
|
|
| 51 |
- nextPayMethod = data.nextPayMethod; |
|
| 52 |
- |
|
| 53 |
- // 버튼 영역 |
|
| 54 |
- $(".btn_tab").removeClass("active");
|
|
| 55 |
- // 금액 영역 |
|
| 56 |
- $(".area_tabcont").removeClass("on");
|
|
| 57 |
- |
|
| 58 |
- if (nextPayMethod == "CARD") {
|
|
| 59 |
- $(".btn_charge1").addClass("active");
|
|
| 60 |
- $("#tab2_1").addClass("area_tabcont on");
|
|
| 61 |
- } |
|
| 62 |
- else if (nextPayMethod == "VBANK") {
|
|
| 63 |
- $(".btn_charge2").addClass("active");
|
|
| 64 |
- $("#tab2_2").addClass("area_tabcont on");
|
|
| 65 |
- } |
|
| 66 |
- else if (nextPayMethod == "CELLPHONE") {
|
|
| 67 |
- $(".btn_charge3").addClass("active");
|
|
| 68 |
- $("#tab2_3").addClass("area_tabcont on");
|
|
| 69 |
- } |
|
| 70 |
- else if (nextPayMethod == "BANK") {
|
|
| 71 |
- $(".btn_charge4").addClass("active");
|
|
| 72 |
- $("#tab2_4").addClass("area_tabcont on");
|
|
| 73 |
- } |
|
| 74 |
- else if (nextPayMethod == "NAV") {
|
|
| 75 |
- $(".btn_charge5").addClass("active");
|
|
| 76 |
- $("#tab2_5").addClass("area_tabcont on");
|
|
| 77 |
- } |
|
| 78 |
- else if (nextPayMethod == "KKO") {
|
|
| 79 |
- $(".btn_charge6").addClass("active");
|
|
| 80 |
- $("#tab2_6").addClass("area_tabcont on");
|
|
| 81 |
- } |
|
| 82 |
- else if (nextPayMethod == "TOS") {
|
|
| 83 |
- $(".btn_charge7").addClass("active");
|
|
| 84 |
- $("#tab2_7").addClass("area_tabcont on");
|
|
| 85 |
- } |
|
| 86 |
- else if (nextPayMethod == "PYC") {
|
|
| 87 |
- $(".btn_charge8").addClass("active");
|
|
| 88 |
- $("#tab2_8").addClass("area_tabcont on");
|
|
| 89 |
- } |
|
| 90 |
- |
|
| 91 |
- // 체크박스 |
|
| 92 |
- $("input:checkbox[id='agree']").prop("checked", true);
|
|
| 93 |
- } |
|
| 94 |
- } |
|
| 95 |
- }, |
|
| 96 |
- error: function (e) {
|
|
| 97 |
- |
|
| 98 |
- } |
|
| 99 |
- }); |
|
| 100 |
-} |
|
| 33 |
+ // 충전금액 세팅 및 렌더링 |
|
| 34 |
+ setPriceMake(); |
|
| 35 |
+ const initialAmount = parseInt($("#price").val(), 10);
|
|
| 101 | 36 |
|
| 102 |
-// 다음 결제시 결제수단 UPDATE |
|
| 103 |
-function setNextPayMethod() {
|
|
| 104 |
- var nextPayMethod = ""; |
|
| 105 |
- if ($("input:checkbox[id='agree']").is(":checked") == true) {
|
|
| 106 |
- var $currentTab = $('.area_tab').children('.active').index();
|
|
| 107 |
- if ($currentTab == 0) {
|
|
| 108 |
- nextPayMethod = "CARD"; |
|
| 109 |
- } else if ($currentTab == 1) {
|
|
| 110 |
- nextPayMethod = "VBANK"; |
|
| 111 |
- } else if ($currentTab==2) {
|
|
| 112 |
- nextPayMethod = "CELLPHONE"; |
|
| 113 |
- } else if ($currentTab==3) {
|
|
| 114 |
- nextPayMethod = "BANK"; |
|
| 115 |
- } else {
|
|
| 116 |
- if ($currentTab == 4) {
|
|
| 117 |
- nextPayMethod = "NAV"; // 네이버페이 |
|
| 118 |
- } else if ($currentTab==5) {
|
|
| 119 |
- nextPayMethod = "KKO"; // 카카오페이 |
|
| 120 |
- } else if ($currentTab==6) {
|
|
| 121 |
- nextPayMethod = "TOS"; // 토스페이 |
|
| 122 |
- } else if ($currentTab==7) {
|
|
| 123 |
- nextPayMethod = "PYC"; // 페이코 |
|
| 124 |
- } |
|
| 125 |
- } |
|
| 126 |
- } |
|
| 127 |
- else {
|
|
| 128 |
- nextPayMethod = ""; |
|
| 129 |
- } |
|
| 130 |
- |
|
| 131 |
- // 업데이트 |
|
| 132 |
- $.ajax({
|
|
| 133 |
- type: "POST", |
|
| 134 |
- url: "/web/member/pay/updateNextPayMethodAjax.do", |
|
| 135 |
- data: {"nextPayMethod" : nextPayMethod},
|
|
| 136 |
- dataType:'json', |
|
| 137 |
- async: false, |
|
| 138 |
- success: function (data) {
|
|
| 139 |
- if (data.isSuccess) {
|
|
| 140 |
- |
|
| 141 |
- } |
|
| 142 |
- }, |
|
| 143 |
- error: function (e) {
|
|
| 144 |
- |
|
| 145 |
- } |
|
| 146 |
- }); |
|
| 147 |
-} |
|
| 148 |
- |
|
| 149 |
- |
|
| 150 |
-//결제수단 상태 체크 |
|
| 151 |
-function checkPayTypeStatusAjax(payMethod) {
|
|
| 152 |
- |
|
| 153 |
- document.payTypeForm.payTypeCode.value = payMethod; |
|
| 154 |
- |
|
| 155 |
- var payTypeForm = new FormData(document.payTypeForm); |
|
| 156 |
- var statusChk = "Y"; |
|
| 157 |
- $.ajax({
|
|
| 158 |
- type: "POST", |
|
| 159 |
- url: "/web/member/pay/checkPayTypeStatusAjax.do", |
|
| 160 |
- data: payTypeForm, |
|
| 161 |
- dataType:'json', |
|
| 162 |
- async: false, |
|
| 163 |
- processData: false, |
|
| 164 |
- contentType: false, |
|
| 165 |
- cache: false, |
|
| 166 |
- success: function (returnData) {
|
|
| 167 |
- if("success"==returnData.result){
|
|
| 168 |
- //결제수단 사용 |
|
| 169 |
- statusChk = "Y"; |
|
| 170 |
- |
|
| 171 |
- }else if("statusFail"==returnData.result){
|
|
| 172 |
- //회원상태 이용정지 |
|
| 173 |
- alert(returnData.message); |
|
| 174 |
- statusChk = "B"; |
|
| 175 |
- |
|
| 176 |
- } else if("tempNotUse"==returnData.result){
|
|
| 177 |
- //결제수단 미사용 |
|
| 178 |
- alert(returnData.message); |
|
| 179 |
- statusChk = "N"; |
|
| 180 |
- |
|
| 181 |
- } |
|
| 182 |
- }, |
|
| 183 |
- error: function (e) {
|
|
| 184 |
- alert("시스템 에러가 발생하였습니다..");
|
|
| 185 |
- console.log("ERROR : ", e);
|
|
| 186 |
- statusChk = "N"; |
|
| 187 |
- } |
|
| 37 |
+ // 결제수단 및 약관 위젯 화면에 렌더링 |
|
| 38 |
+ paymentMethodWidget = paymentWidget.renderPaymentMethods('#payment-method', { value: initialAmount });
|
|
| 39 |
+ paymentWidget.renderAgreement('#agreement');
|
|
| 188 | 40 |
}); |
| 189 |
- |
|
| 190 |
- return statusChk; |
|
| 191 |
- |
|
| 192 |
-} |
|
| 193 | 41 |
|
| 194 |
-// 후불제여부 체크 |
|
| 195 |
-function getMjUserAfterPayCheck() {
|
|
| 196 |
- var isAfterPay = false; |
|
| 197 |
- |
|
| 198 |
- $.ajax({
|
|
| 199 |
- type: "POST", |
|
| 200 |
- url: "/web/main/selectUserAfterPayAjax.do", |
|
| 201 |
- data: {},
|
|
| 202 |
- dataType:'json', |
|
| 203 |
- async: false, |
|
| 204 |
- success: function (data) {
|
|
| 205 |
- if (data.isSuccess) {
|
|
| 206 |
- if (data.isAfterPay == true) {
|
|
| 207 |
- isAfterPay = true; |
|
| 208 |
- } |
|
| 209 |
- } |
|
| 210 |
- }, |
|
| 211 |
- error: function (e) {
|
|
| 212 |
- |
|
| 213 |
- } |
|
| 214 |
- }); |
|
| 42 |
+ function setPriceMake() {
|
|
| 43 |
+ var tempPrice = parseInt($('.list_seType1').val(), 10);
|
|
| 44 |
+ var vatPrice = Math.round(parseInt(tempPrice, 10) * 0.1); |
|
| 45 |
+ var lastPrice = parseInt(tempPrice, 10) + parseInt(vatPrice, 10); |
|
| 215 | 46 |
|
| 216 |
- return isAfterPay; |
|
| 217 |
-} |
|
| 47 |
+ $("#price").val(lastPrice);
|
|
| 48 |
+ $('#supplyPriceStr').html(numberWithCommas(tempPrice));
|
|
| 49 |
+ $('#vatPriceStr').html(numberWithCommas(vatPrice));
|
|
| 50 |
+ $('#lastPriceStr').html(numberWithCommas(lastPrice));
|
|
| 218 | 51 |
|
| 219 |
-/* 문서 파일 팝업 */ |
|
| 220 |
-var pg_opener = null; |
|
| 221 |
-function pgOpenerPopup(){
|
|
| 52 |
+ // [추가] 변경된 최종 결제 금액을 토스 위젯에 업데이트 |
|
| 53 |
+ if (typeof paymentMethodWidget !== 'undefined') {
|
|
| 54 |
+ paymentMethodWidget.updateAmount(lastPrice); |
|
| 55 |
+ } |
|
| 56 |
+ } |
|
| 57 |
+ |
|
| 222 | 58 |
// 후불제여부 체크 |
| 223 |
- if (getMjUserAfterPayCheck() == true) {
|
|
| 224 |
- alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
|
| 225 |
- return false; |
|
| 226 |
- } |
|
| 227 |
- |
|
| 228 |
- var $currentTab = $('.area_tab').children('.active').index();
|
|
| 229 |
- var lastPrice = parseInt($("#price").val(), 10);
|
|
| 59 |
+ function getMjUserAfterPayCheck() {
|
|
| 60 |
+ var isAfterPay = false; |
|
| 230 | 61 |
|
| 231 |
- if(lastPrice == "" || lastPrice == "0" || lastPrice == null || lastPrice == undefined){
|
|
| 232 |
- //충전금액 |
|
| 233 |
- alert("충전금액을 선택해주세요.");
|
|
| 234 |
- return false; |
|
| 235 |
- } |
|
| 236 |
- else if(lastPrice < 5500){
|
|
| 237 |
- //충전금액 |
|
| 238 |
- alert("최소 충전금액 5천원 이상 선택해주세요.");
|
|
| 239 |
- return false; |
|
| 240 |
- } |
|
| 241 |
- |
|
| 242 |
- // 다음 결제시 결제수단 UPDATE |
|
| 243 |
- setNextPayMethod(); |
|
| 62 |
+ $.ajax({
|
|
| 63 |
+ type: "POST", |
|
| 64 |
+ url: "/web/main/selectUserAfterPayAjax.do", |
|
| 65 |
+ data: {},
|
|
| 66 |
+ dataType:'json', |
|
| 67 |
+ async: false, |
|
| 68 |
+ success: function (data) {
|
|
| 69 |
+ if (data.isSuccess) {
|
|
| 70 |
+ if (data.isAfterPay == true) {
|
|
| 71 |
+ isAfterPay = true; |
|
| 72 |
+ } |
|
| 73 |
+ } |
|
| 74 |
+ }, |
|
| 75 |
+ error: function (e) {
|
|
| 244 | 76 |
|
| 245 |
- var payMethod = ""; |
|
| 246 |
- document.pgForm.action = "/web/member/pay/PayActionAjax.do"; |
|
| 247 |
- |
|
| 248 |
- if ($currentTab == 0) {
|
|
| 249 |
- payMethod = "CARD"; |
|
| 250 |
- } else if ($currentTab == 1) {
|
|
| 251 |
- payMethod = "VBANK"; |
|
| 252 |
- } else if ($currentTab==2) {
|
|
| 253 |
- payMethod = "CELLPHONE"; |
|
| 254 |
- } else if ($currentTab==3) {
|
|
| 255 |
- payMethod = "BANK"; |
|
| 256 |
- } else {
|
|
| 257 |
- payMethod = "SPAY"; |
|
| 258 |
- } |
|
| 259 |
- $('input[name=payMethod]').val(payMethod);
|
|
| 260 |
- |
|
| 261 |
- //결제수단 상태 체크 |
|
| 262 |
- var payStatus = checkPayTypeStatusAjax(payMethod); |
|
| 263 |
- |
|
| 264 |
- if(payStatus == "N") {
|
|
| 265 |
- //결제수단 미사용상태 |
|
| 266 |
- return false; |
|
| 267 |
- } else if(payStatus == "B") {
|
|
| 268 |
- //회원정지상태 로그아웃 새로고침 |
|
| 269 |
- location.reload(true); |
|
| 270 |
- return false; |
|
| 271 |
- } |
|
| 272 |
- |
|
| 273 |
- var docWidth = screen.availWidth; |
|
| 274 |
- var docHeight = screen.availHeight; |
|
| 275 |
- |
|
| 276 |
- var scX = window.screenX||window.screenLeft||0; |
|
| 277 |
- var scY = window.screenY||window.screenTop||0; |
|
| 278 |
- |
|
| 279 |
- var popupX = scX + (docWidth - 185) / 2; |
|
| 280 |
- var popupY = scY + (docHeight - 195) / 2; |
|
| 281 |
- |
|
| 282 |
- // 결제창 호출 |
|
| 283 |
- if ($currentTab == 0) {
|
|
| 284 |
- // 나이스페이 => CARD(카드결제) |
|
| 285 |
- pg_opener = window.open('', 'pg_opener', "width=545, height=830, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");
|
|
| 286 |
- |
|
| 287 |
- document.pgForm.method = "post"; |
|
| 288 |
- document.pgForm.target = "pg_opener" ; |
|
| 289 |
- document.pgForm.submit(); |
|
| 290 |
- } else if ($currentTab == 1) {
|
|
| 291 |
- // 전용계좌 |
|
| 292 |
- } else if ($currentTab == 2) {
|
|
| 293 |
- // KG 모빌리언스 => MOBILE(휴대폰결제) |
|
| 294 |
- kgmPayMobileRequest(); |
|
| 295 |
- } else if ($currentTab==3) {
|
|
| 296 |
- // KG 모빌리언스 => BANK(즉시이체) |
|
| 297 |
- kgmPayBankRequest(); |
|
| 298 |
- } else {
|
|
| 299 |
- var cnDirect = ""; |
|
| 300 |
- var mstr = ""; |
|
| 301 |
- if ($currentTab == 4) {
|
|
| 302 |
- cnDirect = "NAV:00:N"; // 네이버페이 |
|
| 303 |
- mstr = "NAV"; |
|
| 304 |
- } else if ($currentTab==5) {
|
|
| 305 |
- cnDirect = "KKO:00:N"; // 카카오페이 |
|
| 306 |
- mstr = "KKO"; |
|
| 307 |
- } else if ($currentTab==6) {
|
|
| 308 |
- cnDirect = "TOS:00:N"; // 토스페이 |
|
| 309 |
- mstr = "TOS"; |
|
| 310 |
- } else if ($currentTab==7) {
|
|
| 311 |
- cnDirect = "PYC:00:N"; // 페이코 |
|
| 312 |
- mstr = "PYC"; |
|
| 313 |
- } |
|
| 314 |
- |
|
| 315 |
- // KG 모빌리언스 => SPAY(간편결제) |
|
| 316 |
- kgmPayCardRequest(cnDirect, mstr); |
|
| 317 |
- } |
|
| 318 |
-} |
|
| 319 |
- |
|
| 320 |
-//KG 모빌리언스 => CARD |
|
| 321 |
-function kgmPayCardRequest(cnDirect, mstr) {
|
|
| 322 |
- $.ajax({
|
|
| 323 |
- type: "POST", |
|
| 324 |
- url: "/web/member/pay/kgmCardEncodeAjax.do", |
|
| 325 |
- data: {"Prdtprice": $("#price").val()},
|
|
| 326 |
- dataType:'json', |
|
| 327 |
- async: false, |
|
| 328 |
- success: function (data) {
|
|
| 329 |
- if (data.isSuccess) {
|
|
| 330 |
- var form = document.payCardForm; |
|
| 331 |
- form.CASH_GB.value = data.CASH_GB; |
|
| 332 |
- form.CN_SVCID.value = data.CN_SVCID; |
|
| 333 |
- form.PAY_MODE.value = data.PAY_MODE; |
|
| 334 |
- form.VER.value = data.VER; |
|
| 335 |
- form.Prdtprice.value = data.Prdtprice; |
|
| 336 |
- form.Prdtnm.value = data.Prdtnm; |
|
| 337 |
- form.Tradeid.value = data.Tradeid; |
|
| 338 |
- form.Siteurl.value = data.Siteurl; |
|
| 339 |
- form.Okurl.value = data.Okurl; |
|
| 340 |
- form.Notiurl.value = data.Notiurl; |
|
| 341 |
- form.CALL_TYPE.value = data.CALL_TYPE; |
|
| 342 |
- form.Failurl.value = data.Failurl; |
|
| 343 |
- form.Userid.value = data.Userid; |
|
| 344 |
- form.Username.value = data.Username; |
|
| 345 |
- form.MSTR.value = mstr; |
|
| 346 |
- form.Payeremail.value = data.Payeremail; |
|
| 347 |
- form.Cryptyn.value = data.Cryptyn; |
|
| 348 |
- form.Cryptstring.value = data.Cryptstring; |
|
| 349 |
- form.Closeurl.value = data.Closeurl; |
|
| 350 |
- form.CN_BILLTYPE.value = data.CN_BILLTYPE; |
|
| 351 |
- form.CN_TAX.value = data.CN_TAX; |
|
| 352 |
- form.CN_TAXFREE.value = data.CN_TAXFREE; |
|
| 353 |
- form.CN_FREEINTEREST.value = data.CN_FREEINTEREST; |
|
| 354 |
- form.CN_POINT.value = data.CN_POINT; |
|
| 355 |
- form.Termregno.value = data.Termregno; |
|
| 356 |
- form.APP_SCHEME.value = data.APP_SCHEME; |
|
| 357 |
- form.CN_FIXCARDCD.value = data.CN_FIXCARDCD; |
|
| 358 |
- form.CN_DIRECT.value = cnDirect; |
|
| 359 |
- form.CN_INSTALL.value = data.CN_INSTALL; |
|
| 360 |
- form.Deposit.value = data.Deposit; |
|
| 361 |
- |
|
| 362 |
- //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 |
|
| 363 |
- MCASH_PAYMENT(form); |
|
| 364 |
- } |
|
| 365 |
- else {
|
|
| 366 |
- alert("Msg : " + data.msg);
|
|
| 367 | 77 |
} |
| 368 |
- }, |
|
| 369 |
- error: function (e) {
|
|
| 370 |
- alert("ERROR : " + JSON.stringify(e));
|
|
| 371 |
- } |
|
| 372 |
- }); |
|
| 373 |
-} |
|
| 78 |
+ }); |
|
| 374 | 79 |
|
| 375 |
-//KG 모빌리언스 => MOBILE |
|
| 376 |
-function kgmPayMobileRequest() {
|
|
| 377 |
- $.ajax({
|
|
| 378 |
- type: "POST", |
|
| 379 |
- url: "/web/member/pay/kgmMobileEncodeAjax.do", |
|
| 380 |
- data: {"Prdtprice": $("#price").val()},
|
|
| 381 |
- dataType:'json', |
|
| 382 |
- async: false, |
|
| 383 |
- success: function (data) {
|
|
| 384 |
- if (data.isSuccess) {
|
|
| 385 |
- var form = document.payMobileForm; |
|
| 386 |
- form.CASH_GB.value = data.CASH_GB; |
|
| 387 |
- form.Okurl.value = data.Okurl; |
|
| 388 |
- form.MC_SVCID.value = data.MC_SVCID; |
|
| 389 |
- form.Prdtnm.value = data.Prdtnm; |
|
| 390 |
- form.Prdtprice.value = data.Prdtprice; |
|
| 391 |
- form.Siteurl.value = data.Siteurl; |
|
| 392 |
- form.PAY_MODE.value = data.PAY_MODE; |
|
| 393 |
- form.Tradeid.value = data.Tradeid; |
|
| 394 |
- form.LOGO_YN.value = data.LOGO_YN; |
|
| 395 |
- form.CALL_TYPE.value = data.CALL_TYPE; |
|
| 396 |
- form.MC_AUTHPAY.value = data.MC_AUTHPAY; |
|
| 397 |
- form.Notiurl.value = data.Notiurl; |
|
| 398 |
- form.MC_AUTOPAY.value = data.MC_AUTOPAY; |
|
| 399 |
- form.Closeurl.value = data.Closeurl; |
|
| 400 |
- form.MC_PARTPAY.value = data.MC_PARTPAY; |
|
| 401 |
- form.Failurl.value = data.Failurl; |
|
| 402 |
- form.MC_No.value = data.MC_No; |
|
| 403 |
- form.MC_FIXNO.value = data.MC_FIXNO; |
|
| 404 |
- form.MC_Cpcode.value = data.MC_Cpcode; |
|
| 405 |
- form.Userid.value = data.Userid; |
|
| 406 |
- form.Item.value = data.Item; |
|
| 407 |
- form.Prdtcd.value = data.Prdtcd; |
|
| 408 |
- form.Payeremail.value = data.Payeremail; |
|
| 409 |
- form.MC_DEFAULTCOMMID.value = data.MC_DEFAULTCOMMID; |
|
| 410 |
- form.MC_FIXCOMMID.value = data.MC_FIXCOMMID; |
|
| 411 |
- form.MSTR.value = data.MSTR; |
|
| 412 |
- form.Sellernm.value = data.Sellernm; |
|
| 413 |
- form.Sellertel.value = data.Sellertel; |
|
| 414 |
- form.Notiemail.value = data.Notiemail; |
|
| 415 |
- form.IFRAME_NAME.value = data.IFRAME_NAME; |
|
| 416 |
- form.INFOAREA_YN.value = data.INFOAREA_YN; |
|
| 417 |
- form.FOOTER_YN.value = data.FOOTER_YN; |
|
| 418 |
- form.HEIGHT.value = data.HEIGHT; |
|
| 419 |
- form.PRDT_HIDDEN.value = data.PRDT_HIDDEN; |
|
| 420 |
- form.EMAIL_HIDDEN.value = data.EMAIL_HIDDEN; |
|
| 421 |
- form.CONTRACT_HIDDEN.value = data.CONTRACT_HIDDEN; |
|
| 422 |
- form.Cryptyn.value = data.Cryptyn; |
|
| 423 |
- form.Cryptstring.value = data.Cryptstring; |
|
| 424 |
- form.MC_EZ_YN.value = data.MC_EZ_YN; |
|
| 425 |
- form.MC_EZ_KEY.value = data.MC_EZ_KEY; |
|
| 426 |
- form.MC_PUSH_KEY.value = data.MC_PUSH_KEY; |
|
| 427 |
- |
|
| 428 |
- //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 |
|
| 429 |
- MCASH_PAYMENT(form); |
|
| 430 |
- } |
|
| 431 |
- else {
|
|
| 432 |
- alert("Msg : " + data.msg);
|
|
| 433 |
- } |
|
| 434 |
- }, |
|
| 435 |
- error: function (e) {
|
|
| 436 |
- alert("ERROR : " + JSON.stringify(e));
|
|
| 437 |
- } |
|
| 438 |
- }); |
|
| 439 |
-} |
|
| 80 |
+ return isAfterPay; |
|
| 81 |
+ } |
|
| 440 | 82 |
|
| 441 |
-//KG 모빌리언스 => BANK |
|
| 442 |
-function kgmPayBankRequest() {
|
|
| 443 |
- $.ajax({
|
|
| 444 |
- type: "POST", |
|
| 445 |
- url: "/web/member/pay/kgmBankEncodeAjax.do", |
|
| 446 |
- data: {"Prdtprice": $("#price").val()},
|
|
| 447 |
- dataType:'json', |
|
| 448 |
- async: false, |
|
| 449 |
- success: function (data) {
|
|
| 450 |
- if (data.isSuccess) {
|
|
| 451 |
- var form = document.payBankForm; |
|
| 452 |
- form.CASH_GB.value = data.CASH_GB; |
|
| 453 |
- form.Okurl.value = data.Okurl; |
|
| 454 |
- form.RA_SVCID.value = data.RA_SVCID; |
|
| 455 |
- form.Prdtnm.value = data.Prdtnm; |
|
| 456 |
- form.Prdtprice.value = data.Prdtprice; |
|
| 457 |
- form.Siteurl.value = data.Siteurl; |
|
| 458 |
- form.PAY_MODE.value = data.PAY_MODE; |
|
| 459 |
- form.Tradeid.value = data.Tradeid; |
|
| 460 |
- form.LOGO_YN.value = data.LOGO_YN; |
|
| 461 |
- form.CALL_TYPE.value = data.CALL_TYPE; |
|
| 462 |
- form.Notiurl.value = data.Notiurl; |
|
| 463 |
- form.Closeurl.value = data.Closeurl; |
|
| 464 |
- form.Failurl.value = data.Failurl; |
|
| 465 |
- form.Userid.value = data.Userid; |
|
| 466 |
- form.Item.value = data.Item; |
|
| 467 |
- form.Prdtcd.value = data.Prdtcd; |
|
| 468 |
- form.Payeremail.value = data.Payeremail; |
|
| 469 |
- form.MSTR.value = data.MSTR; |
|
| 470 |
- form.Notiemail.value = data.Notiemail; |
|
| 471 |
- form.IFRAME_NAME.value = data.IFRAME_NAME; |
|
| 472 |
- form.INFOAREA_YN.value = data.INFOAREA_YN; |
|
| 473 |
- form.FOOTER_YN.value = data.FOOTER_YN; |
|
| 474 |
- form.HEIGHT.value = data.HEIGHT; |
|
| 475 |
- form.PRDT_HIDDEN.value = data.PRDT_HIDDEN; |
|
| 476 |
- form.EMAIL_HIDDEN.value = data.EMAIL_HIDDEN; |
|
| 477 |
- form.CONTRACT_HIDDEN.value = data.CONTRACT_HIDDEN; |
|
| 478 |
- form.Cryptyn.value = data.Cryptyn; |
|
| 479 |
- form.Cryptstring.value = data.Cryptstring; |
|
| 480 |
- form.Deposit.value = data.Deposit; |
|
| 481 |
- form.Billyn.value = "N"; |
|
| 482 |
- |
|
| 483 |
- //아래와 같이 ext_inc_comm.js에 선언되어 있는 함수를 호출 |
|
| 484 |
- MCASH_PAYMENT(form); |
|
| 485 |
- } |
|
| 486 |
- else {
|
|
| 487 |
- alert("Msg : " + data.msg);
|
|
| 83 |
+ function pgOpenerPopup(){
|
|
| 84 |
+ // 후불제여부 체크 (기존 로직 유지) |
|
| 85 |
+ if (getMjUserAfterPayCheck() == true) {
|
|
| 86 |
+ alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
|
| 87 |
+ return false; |
|
| 88 |
+ } |
|
| 89 |
+ |
|
| 90 |
+ var lastPrice = parseInt($("#price").val(), 10);
|
|
| 91 |
+ if(lastPrice < 5500){
|
|
| 92 |
+ alert("최소 충전금액 5천원 이상 선택해주세요.");
|
|
| 93 |
+ return false; |
|
| 94 |
+ } |
|
| 95 |
+ |
|
| 96 |
+ // 토스페이먼츠 결제창 바로 호출 |
|
| 97 |
+ paymentWidget.requestPayment({
|
|
| 98 |
+ orderId: 'ORDER_' + new Date().getTime(), // 고유한 상점 주문번호 생성 |
|
| 99 |
+ orderName: '문자온 충전 ' + lastPrice + '원', |
|
| 100 |
+ successUrl: window.location.origin + '/web/member/pay/tossSuccess.do', // 결제 성공 시 이동할 URL (백엔드 컨트롤러 생성 필요) |
|
| 101 |
+ failUrl: window.location.origin + '/web/member/pay/tossFail.do', // 결제 실패 시 이동할 URL (백엔드 컨트롤러 생성 필요) |
|
| 102 |
+ customerEmail: 'hoyoung.lee@gmail.com', // 필요시 로그인한 사용자의 이메일 매핑 |
|
| 103 |
+ customerName: '이호영' // 필요시 로그인한 사용자의 이름 매핑 |
|
| 104 |
+ }).catch(function (error) {
|
|
| 105 |
+ if (error.code === 'USER_CANCEL') {
|
|
| 106 |
+ alert('결제를 취소하셨습니다.');
|
|
| 107 |
+ } else {
|
|
| 108 |
+ alert(error.message); |
|
| 488 | 109 |
} |
| 489 |
- }, |
|
| 490 |
- error: function (e) {
|
|
| 491 |
- alert("ERROR : " + JSON.stringify(e));
|
|
| 492 |
- } |
|
| 493 |
- }); |
|
| 494 |
-} |
|
| 110 |
+ }); |
|
| 111 |
+ } |
|
| 112 |
+ |
|
| 113 |
+ //충전금액 Change Event |
|
| 114 |
+ $(document).on('change', '#tempPrice', function() {
|
|
| 115 |
+ // $(document).on('change', '.list_seType1', function() {
|
|
| 116 |
+ // 충전금액 세팅 |
|
| 117 |
+ setPriceMake(); |
|
| 118 |
+ }); |
|
| 119 |
+ |
|
| 495 | 120 |
|
| 496 | 121 |
/* 윈도우팝업 열기 */ |
| 497 | 122 |
function infoPop(pageUrl){
|
... | ... | @@ -502,280 +127,6 @@ |
| 502 | 127 |
document.infoPopForm.target = "infoPop"; |
| 503 | 128 |
document.infoPopForm.submit(); |
| 504 | 129 |
} |
| 505 |
- |
|
| 506 |
-// 사용안함 |
|
| 507 |
-function setPrice(obj, price){
|
|
| 508 |
- var tmp = $(obj).closest('.flex').find('.tempPrice');
|
|
| 509 |
- if(tmp.val() == ''){
|
|
| 510 |
- tmp.val('0');
|
|
| 511 |
- } |
|
| 512 |
- tmp.val(parseInt(tmp.val()) + parseInt(price)) ; |
|
| 513 |
-} |
|
| 514 |
- |
|
| 515 |
-//전용계좌 받기 새화면 |
|
| 516 |
-function payVAListAjax(){
|
|
| 517 |
- var sendData= ''; |
|
| 518 |
- $("#tab2_2").load("/web/member/pay/selectPayVAViewAjax.do", sendData ,function(response, status, xhr){
|
|
| 519 |
- }); |
|
| 520 |
-} |
|
| 521 |
- |
|
| 522 |
-//신규 전용 계좌 받기 |
|
| 523 |
-function fnNewBankAccount(){
|
|
| 524 |
- // 후불제여부 체크 |
|
| 525 |
- if (getMjUserAfterPayCheck() == true) {
|
|
| 526 |
- alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
|
| 527 |
- return false; |
|
| 528 |
- } |
|
| 529 |
- |
|
| 530 |
- //결제수단 상태 체크 |
|
| 531 |
- if(checkPayTypeStatusAjax("VBANK") == "N") {
|
|
| 532 |
- return false; |
|
| 533 |
- } |
|
| 534 |
- |
|
| 535 |
- var bankCd = $("#bankCd").val();
|
|
| 536 |
- |
|
| 537 |
- if(bankCd == ''){
|
|
| 538 |
- |
|
| 539 |
- alert("은행을 선택해 주세요.");
|
|
| 540 |
- return false; |
|
| 541 |
- |
|
| 542 |
- } |
|
| 543 |
- |
|
| 544 |
- // 다음 결제시 결제수단 UPDATE |
|
| 545 |
- setNextPayMethod(); |
|
| 546 |
- |
|
| 547 |
- var data = new FormData(document.pgForm); |
|
| 548 |
- url = "/web/member/pay/updateVacsAccountUsrIdAjax.do"; |
|
| 549 |
- |
|
| 550 |
- $.ajax({
|
|
| 551 |
- type: "POST", |
|
| 552 |
- url: url, |
|
| 553 |
- data: data, |
|
| 554 |
- dataType:'json', |
|
| 555 |
- async: false, |
|
| 556 |
- processData: false, |
|
| 557 |
- contentType: false, |
|
| 558 |
- cache: false, |
|
| 559 |
- success: function (returnData, status) {
|
|
| 560 |
- if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
|
|
| 561 |
- if("fail"==returnData.result){
|
|
| 562 |
- |
|
| 563 |
- alert(returnData.message); |
|
| 564 |
- return false; |
|
| 565 |
- |
|
| 566 |
- }else if("loginFail"==returnData.result){
|
|
| 567 |
- |
|
| 568 |
- alert(returnData.message); |
|
| 569 |
- return false; |
|
| 570 |
- |
|
| 571 |
- }else if("statusFail"==returnData.result){
|
|
| 572 |
- |
|
| 573 |
- alert(returnData.message); |
|
| 574 |
- location.reload(true); |
|
| 575 |
- |
|
| 576 |
- }else if(returnData.resultListCnt == '0'){
|
|
| 577 |
- |
|
| 578 |
- alert("전용계좌 요청이 실패하었습니다.");
|
|
| 579 |
- return false; |
|
| 580 |
- |
|
| 581 |
- }else{ //전용계좌 신청 성공시 처리
|
|
| 582 |
- |
|
| 583 |
- alert("전용계좌 요청이 완료 되었습니다.");
|
|
| 584 |
- location.reload(); |
|
| 585 |
- |
|
| 586 |
- } |
|
| 587 |
- |
|
| 588 |
- } else if(status== 'fail'){
|
|
| 589 |
- alert(returnData.message); |
|
| 590 |
- } |
|
| 591 |
- }, |
|
| 592 |
- error: function (e) { alert("전용계좌 등록에 실패하였습니다."); console.log("ERROR : ", e); }
|
|
| 593 |
- }); |
|
| 594 |
- |
|
| 595 |
-} |
|
| 596 |
- |
|
| 597 |
-// 계좌번호 문자로 받기 |
|
| 598 |
-function fnSmsSend(sendCnt){
|
|
| 599 |
- // 후불제여부 체크 |
|
| 600 |
- if (getMjUserAfterPayCheck() == true) {
|
|
| 601 |
- alert("후불제 고객은 해당 서비스를 이용할수 없습니다.");
|
|
| 602 |
- return false; |
|
| 603 |
- } |
|
| 604 |
- |
|
| 605 |
- var form = document.pgForm; |
|
| 606 |
- |
|
| 607 |
- |
|
| 608 |
- /* if(sendCnt >= 3){
|
|
| 609 |
- |
|
| 610 |
- alert("일일 문자발송은 3회까지만 가능합니다.");
|
|
| 611 |
- return false; |
|
| 612 |
- |
|
| 613 |
- } */ |
|
| 614 |
- |
|
| 615 |
- if(form.callTo.value == '' || form.callTo.length == 0){
|
|
| 616 |
- |
|
| 617 |
- alert("받으실 휴대폰 번호를 입력해 주세요.");
|
|
| 618 |
- return false; |
|
| 619 |
- |
|
| 620 |
- } |
|
| 621 |
- |
|
| 622 |
- if(!checkHpNum(form.callTo.value)){
|
|
| 623 |
- |
|
| 624 |
- alert("정확한 휴대폰 번호를 입력해 주세요.");
|
|
| 625 |
- return false; |
|
| 626 |
- |
|
| 627 |
- } |
|
| 628 |
- |
|
| 629 |
- if($('input[name="chkAccount"]').is(':checked')){
|
|
| 630 |
- var accStr = ''; //전송 계좌 번호 정보 |
|
| 631 |
- $('input[name="chkAccount"]:checked').each(function(i,val){
|
|
| 632 |
- |
|
| 633 |
- var nowStr = $(this).val(); |
|
| 634 |
- if(i == 0){
|
|
| 635 |
- accStr = nowStr; |
|
| 636 |
- }else{
|
|
| 637 |
- accStr = accStr + "/" + nowStr; |
|
| 638 |
- } |
|
| 639 |
- |
|
| 640 |
- }); |
|
| 641 |
- |
|
| 642 |
- |
|
| 643 |
- |
|
| 644 |
- form.accMsg.value = accStr; |
|
| 645 |
- |
|
| 646 |
- var data = new FormData(document.pgForm); |
|
| 647 |
- url = "/web/member/pay/insertVacsAccountSendMsgLogAjax.do"; |
|
| 648 |
- |
|
| 649 |
- if(confirm("문자를 발송하시겠습니까?")){
|
|
| 650 |
- |
|
| 651 |
- $.ajax({
|
|
| 652 |
- type: "POST", |
|
| 653 |
- url: url, |
|
| 654 |
- data: data, |
|
| 655 |
- dataType:'json', |
|
| 656 |
- async: false, |
|
| 657 |
- processData: false, |
|
| 658 |
- contentType: false, |
|
| 659 |
- cache: false, |
|
| 660 |
- success: function (returnData, status) {
|
|
| 661 |
- if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
|
|
| 662 |
- if("fail"==returnData.result){
|
|
| 663 |
- |
|
| 664 |
- alert(returnData.message); |
|
| 665 |
- return false; |
|
| 666 |
- |
|
| 667 |
- }else if("loginFail"==returnData.result){
|
|
| 668 |
- |
|
| 669 |
- alert(returnData.message); |
|
| 670 |
- return false; |
|
| 671 |
- |
|
| 672 |
- }else if(returnData.resultListCnt == '0'){
|
|
| 673 |
- |
|
| 674 |
- alert("문자 전송에 실패하었습니다.");
|
|
| 675 |
- return false; |
|
| 676 |
- |
|
| 677 |
- }else{ //전용계좌 신청 성공시 처리
|
|
| 678 |
- |
|
| 679 |
- alert("문자 전송이 완료 되었습니다.");
|
|
| 680 |
- location.reload(); |
|
| 681 |
- |
|
| 682 |
- } |
|
| 683 |
- |
|
| 684 |
- } else if(status== 'fail'){
|
|
| 685 |
- alert(returnData.message); |
|
| 686 |
- } |
|
| 687 |
- }, |
|
| 688 |
- error: function (e) { alert("문자 전송에 실패하였습니다."); console.log("ERROR : ", e); }
|
|
| 689 |
- }); |
|
| 690 |
- |
|
| 691 |
- } |
|
| 692 |
- |
|
| 693 |
- }else{
|
|
| 694 |
- alert("문자받을 계좌를 선택해 주세요.");
|
|
| 695 |
- return false; |
|
| 696 |
- } |
|
| 697 |
-} |
|
| 698 |
- |
|
| 699 |
- |
|
| 700 |
-//충전금액 Change Event |
|
| 701 |
-$(document).on('change', '.list_seType1', function() {
|
|
| 702 |
- // 충전금액 세팅 |
|
| 703 |
- setPriceMake(); |
|
| 704 |
-}); |
|
| 705 |
- |
|
| 706 |
-// 충전금액 세팅 |
|
| 707 |
-function setPriceMake() {
|
|
| 708 |
- var $currentTab = $('.area_tab').children('.active').index();
|
|
| 709 |
- var $tempPrice = $('.area_tabcont:eq('+$currentTab+')').find('.list_seType1');
|
|
| 710 |
- var tempPrice = parseInt($tempPrice.val(), 10); |
|
| 711 |
- var vatPrice = Math.round(parseInt(tempPrice, 10) * 0.1); // 부가세 |
|
| 712 |
- var lastPrice = parseInt(tempPrice, 10) + parseInt(vatPrice, 10); // 최종가격 |
|
| 713 |
- |
|
| 714 |
- $("#price").val(lastPrice);
|
|
| 715 |
- $('.area_tabcont:eq('+$currentTab+')').find('#supplyPriceStr').html(numberWithCommas(tempPrice));
|
|
| 716 |
- $('.area_tabcont:eq('+$currentTab+')').find('#vatPriceStr').html(numberWithCommas(vatPrice));
|
|
| 717 |
- $('.area_tabcont:eq('+$currentTab+')').find('#lastPriceStr').html(numberWithCommas(lastPrice));
|
|
| 718 |
-} |
|
| 719 |
- |
|
| 720 |
-// 결제하기 tab |
|
| 721 |
-function TabTypePay(obj, tabId) {
|
|
| 722 |
- var $tab = $(obj).closest("li");
|
|
| 723 |
- var $tabPrev = $(obj).closest("li").next("li");
|
|
| 724 |
- $tab.addClass("active");
|
|
| 725 |
- $tab.find("button").attr("title", "선택됨");
|
|
| 726 |
- $tab.siblings("li.tab").removeClass("active");
|
|
| 727 |
- $tab.siblings("li.btn_tab").removeClass("active");
|
|
| 728 |
- $tab.siblings("li.tab").find("button").removeAttr("title");
|
|
| 729 |
- |
|
| 730 |
- $tab.siblings("li:not(li:first-child)").find("button").css("border-left","1px solid #e5e5e5");
|
|
| 731 |
- $tabPrev.find("button").css("border-left","0");
|
|
| 732 |
- |
|
| 733 |
- var $tabCn = $("#tab2_" + tabId);
|
|
| 734 |
- $tabCn.fadeIn(0); |
|
| 735 |
- $tabCn.addClass("current");
|
|
| 736 |
- |
|
| 737 |
- $(".bottom_content").not($tabCn).removeClass("current");
|
|
| 738 |
- $(".bottom_content").not($tabCn).fadeOut(0);
|
|
| 739 |
- |
|
| 740 |
- $(".area_tabcont").not($tabCn).removeClass("on");
|
|
| 741 |
- $(".area_tabcont").not($tabCn).fadeOut(0);
|
|
| 742 |
- |
|
| 743 |
- currTabId = tabId; |
|
| 744 |
- |
|
| 745 |
- // 충전금액 세팅 |
|
| 746 |
- setPriceMake(); |
|
| 747 |
-} |
|
| 748 |
- |
|
| 749 |
-// 등급제 대상 여부 |
|
| 750 |
-function getMberGrdChk() {
|
|
| 751 |
- $.ajax({
|
|
| 752 |
- type: "POST", |
|
| 753 |
- url: "/web/grd/mberGrdChkAjax.do", |
|
| 754 |
- data: {},
|
|
| 755 |
- dataType:'json', |
|
| 756 |
- async: false, |
|
| 757 |
- success: function (data) {
|
|
| 758 |
- if (data.isSuccess) {
|
|
| 759 |
- // 등급제 누적결제액 세부내역 |
|
| 760 |
- var sHtml = ""; |
|
| 761 |
- sHtml += "<p>등급 : <span><img src='/publish/images/level/level_icon/level_small/" + data.rtnMberGrdVO.grdSetIcon + "_small_icon.png' alt='등급 스몰 아이콘'>" + data.rtnMberGrdVO.grdSetNm; |
|
| 762 |
- sHtml += "(누적결제액 : <span>" + numberWithCommas(data.rtnMberGrdVO.totAmt) + "</span>원)</span></p>"; |
|
| 763 |
- $("#grdShowArea").html(sHtml);
|
|
| 764 |
- $("#grdShowArea").show();
|
|
| 765 |
- $("#levelSubTitle").html("(" + data.rtnMberGrdVO.grdDate + " ~ 현재)");
|
|
| 766 |
- |
|
| 767 |
- // 문자(등급별 요금 안내) |
|
| 768 |
- $("#mberGrdSettingArea").show();
|
|
| 769 |
- } |
|
| 770 |
- else {
|
|
| 771 |
- //alert("Msg : " + data.msg);
|
|
| 772 |
- } |
|
| 773 |
- }, |
|
| 774 |
- error: function (e) {
|
|
| 775 |
- //alert("ERROR : " + JSON.stringify(e));
|
|
| 776 |
- } |
|
| 777 |
- }); |
|
| 778 |
-} |
|
| 779 | 130 |
|
| 780 | 131 |
|
| 781 | 132 |
/* 사용내역서 클릭 시 내역서 새창 팝업 오픈 */ |
... | ... | @@ -834,7 +185,7 @@ |
| 834 | 185 |
<p>- 모든 요금은 VAT별도 금액입니다.</p> |
| 835 | 186 |
</div>--%> |
| 836 | 187 |
<div> |
| 837 |
- <p class="tab_tit">충전수단 선택</p> |
|
| 188 |
+ <p class="tab_tit">충전수단 선택</p><%-- |
|
| 838 | 189 |
<ul class="area_tab"> |
| 839 | 190 |
<li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li> |
| 840 | 191 |
<li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li> |
... | ... | @@ -847,587 +198,35 @@ |
| 847 | 198 |
<li class="btn_charge8 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'8');"><i></i></button></li> |
| 848 | 199 |
</ul> |
| 849 | 200 |
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div> |
| 850 |
- |
|
| 201 |
+--%> |
|
| 851 | 202 |
<!-- 신용카드 --> |
| 852 | 203 |
<div class="area_tabcont on" id="tab2_1"> |
| 853 | 204 |
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p> |
| 854 |
- <table class="tType1"> |
|
| 855 |
- <caption></caption> |
|
| 856 |
- <colgroup> |
|
| 857 |
- <col style="width: 100px;"> |
|
| 858 |
- <col style="width: auto;"> |
|
| 859 |
- </colgroup> |
|
| 860 |
- <tbody> |
|
| 861 |
- <tr class="charge_content"> |
|
| 862 |
- <th scope="row">충전금액</th> |
|
| 863 |
- <td class="flex"> |
|
| 864 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 865 |
- <option value="5000">5,000</option> |
|
| 866 |
- <option value="10000">10,000</option> |
|
| 867 |
- <option value="20000">20,000</option> |
|
| 868 |
- <option value="30000">30,000</option> |
|
| 869 |
- <option value="50000" selected>50,000</option> |
|
| 870 |
- <option value="100000">100,000</option> |
|
| 871 |
- <option value="200000">200,000</option> |
|
| 872 |
- <option value="300000">300,000</option> |
|
| 873 |
- <option value="500000">500,000</option> |
|
| 874 |
- <option value="700000">700,000</option> |
|
| 875 |
- <option value="900000">900,000</option> |
|
| 876 |
- <option value="1000000">1,000,000</option> |
|
| 877 |
- <option value="1200000">1,200,000</option> |
|
| 878 |
- <option value="1500000">1,500,000</option> |
|
| 879 |
- <option value="2000000">2,000,000</option> |
|
| 880 |
- <option value="2500000">2,500,000</option> |
|
| 881 |
- <option value="3000000">3,000,000</option> |
|
| 882 |
- </select> |
|
| 883 |
- <%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 884 |
- <p class="input_in">원</p> |
|
| 885 |
- <button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button> |
|
| 886 |
- <button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button> |
|
| 887 |
- <button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button> |
|
| 888 |
- <button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button> |
|
| 889 |
- <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
|
| 890 |
- <p class="input_in">원</p> |
|
| 891 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 892 |
- </td> |
|
| 893 |
- </tr> |
|
| 894 |
- <tr> |
|
| 895 |
- <td colspan="2"> |
|
| 896 |
- <div class="amount_wrap"> |
|
| 897 |
- <dl> |
|
| 898 |
- <dt>최종 결제금액 :</dt> |
|
| 899 |
- <dd> |
|
| 900 |
- <ul> |
|
| 901 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 902 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 903 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 904 |
- </ul> |
|
| 905 |
- </dd> |
|
| 906 |
- </dl> |
|
| 907 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 908 |
- </div> |
|
| 909 |
- </td> |
|
| 910 |
- </tr> |
|
| 911 |
- <tr> |
|
| 912 |
- <td colspan="2"> |
|
| 913 |
- <div class="area_text"> |
|
| 914 |
- <%--<p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(1551-8011)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%> |
|
| 915 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 916 |
- <p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p> |
|
| 917 |
- </div> |
|
| 918 |
- </td> |
|
| 919 |
- </tr> |
|
| 920 |
- </tbody> |
|
| 921 |
- </table> |
|
| 205 |
+ <!-- 충전금액 선택 영역 --> |
|
| 206 |
+ <div class="charge_amount_box" style="margin-bottom: 20px;"> |
|
| 207 |
+ <label for="tempPrice" style="font-weight: bold; margin-right: 10px;">충전금액 선택 :</label> |
|
| 208 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 209 |
+ <option value="5000">5,000</option> |
|
| 210 |
+ <option value="10000">10,000</option> |
|
| 211 |
+ <option value="50000" selected>50,000</option> |
|
| 212 |
+ <!-- 필요하신 금액대 옵션 유지 --> |
|
| 213 |
+ </select> 원 |
|
| 214 |
+ <p style="margin-top: 10px; color: #666;"> |
|
| 215 |
+ 최종 결제금액: <strong id="lastPriceStr" style="color: #000; font-size: 16px;">55,000</strong>원 (공급가액 <span id="supplyPriceStr">50,000</span>원 + 부가세 <span id="vatPriceStr">5,000</span>원) |
|
| 216 |
+ </p> |
|
| 217 |
+ </div> |
|
| 218 |
+ |
|
| 219 |
+ <!-- 토스페이먼츠 결제수단 위젯 영역 --> |
|
| 220 |
+ <div id="payment-method"></div> |
|
| 221 |
+ |
|
| 222 |
+ <!-- 토스페이먼츠 이용약관 영역 --> |
|
| 223 |
+ <div id="agreement"></div> |
|
| 224 |
+ |
|
| 225 |
+ <!-- 결제하기 버튼 --> |
|
| 226 |
+ <div style="text-align: center; margin-top: 20px;"> |
|
| 227 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;" style="width: 200px; height: 50px; font-size: 16px;">충전하기</button> |
|
| 228 |
+ </div> |
|
| 922 | 229 |
</div> |
| 923 |
- <!-- //신용카드 --> |
|
| 924 |
- |
|
| 925 |
- <!-- 전용계좌 --> |
|
| 926 |
- <div class="area_tabcont" id="tab2_2"> |
|
| 927 |
- <!-- 신규계좌발급 시 --> |
|
| 928 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 929 |
- <table class="tType1"> |
|
| 930 |
- <caption></caption> |
|
| 931 |
- <colgroup> |
|
| 932 |
- <col style="width: 65%"> |
|
| 933 |
- <col style="width: 35%"> |
|
| 934 |
- </colgroup> |
|
| 935 |
- <tbody> |
|
| 936 |
- <tr> |
|
| 937 |
- <td> |
|
| 938 |
- <div class="area_text"> |
|
| 939 |
- <c:choose> |
|
| 940 |
- <c:when test="${not empty resultMyList}">
|
|
| 941 |
- <p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p> |
|
| 942 |
- </c:when> |
|
| 943 |
- <c:otherwise> |
|
| 944 |
- <p>1. 현재 발급받은 전용계좌가 없습니다.</p> |
|
| 945 |
- <p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p> |
|
| 946 |
- </c:otherwise> |
|
| 947 |
- </c:choose> |
|
| 948 |
- |
|
| 949 |
- <!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> --> |
|
| 950 |
- </div> |
|
| 951 |
- </td> |
|
| 952 |
- <td class="right"> |
|
| 953 |
- <label for="bankCd" class="label">은행선택</label> |
|
| 954 |
- <select name="bankCd" id="bankCd"> |
|
| 955 |
- <option value="">은행선택</option> |
|
| 956 |
- <c:forEach var="result" items="${resultList}" varStatus="status">
|
|
| 957 |
- <option value="${result.bankCd}">${result.codeNm}</option>
|
|
| 958 |
- </c:forEach> |
|
| 959 |
- </select> |
|
| 960 |
- <p class="input_in" style="margin-right:5px;">원</p> |
|
| 961 |
- <button type="button" onclick="fnNewBankAccount(); return false;">신규계좌받기</button> |
|
| 962 |
- </td> |
|
| 963 |
- </tr> |
|
| 964 |
- </tbody> |
|
| 965 |
- </table> |
|
| 966 |
- |
|
| 967 |
- <!-- 기존 계좌있을 시 --> |
|
| 968 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 969 |
- <table class="tType1 account_con"> |
|
| 970 |
- <caption></caption> |
|
| 971 |
- <colgroup> |
|
| 972 |
- <col style="width: 100%"> |
|
| 973 |
- <col style="width: auto;"> |
|
| 974 |
- </colgroup> |
|
| 975 |
- <tbody> |
|
| 976 |
- <c:choose> |
|
| 977 |
- <c:when test="${not empty resultMyList}">
|
|
| 978 |
- <c:forEach var="result" items="${resultMyList}" varStatus="status">
|
|
| 979 |
- <tr> |
|
| 980 |
- <td> |
|
| 981 |
- <div class="checkbox_wrap"> |
|
| 982 |
- <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}'/>">
|
|
| 983 |
- <label for="chkAccount${status.count}"></label>
|
|
| 984 |
- <c:out value='${result.codeNm}'/> <c:out value='${result.acctNo}'/>
|
|
| 985 |
- </div> |
|
| 986 |
- <div class="account_holder"> |
|
| 987 |
- (예금주 : <c:out value="${result.cmfNm}"/>)
|
|
| 988 |
- </div> |
|
| 989 |
- |
|
| 990 |
- </td> |
|
| 991 |
- <td class="right account_te"> |
|
| 992 |
- <button type="button" onClick="javascript:fnShowVaViewPrintPopup(); return false;">전용계좌 확인서</button> |
|
| 993 |
- </td> |
|
| 994 |
- </tr> |
|
| 995 |
- </c:forEach> |
|
| 996 |
- </c:when> |
|
| 997 |
- <c:otherwise> |
|
| 998 |
- <tr> |
|
| 999 |
- <td colspan="2"> |
|
| 1000 |
- <div> |
|
| 1001 |
- 보유한 전용 계좌가 없습니다. |
|
| 1002 |
- </div> |
|
| 1003 |
- <!-- <button type="button">가상계좌 확인서</button> --> |
|
| 1004 |
- </td> |
|
| 1005 |
- </tr> |
|
| 1006 |
- </c:otherwise> |
|
| 1007 |
- </c:choose> |
|
| 1008 |
- <tr> |
|
| 1009 |
- <td colspan="2"> |
|
| 1010 |
- <div class="area_text"> |
|
| 1011 |
- <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p> |
|
| 1012 |
- <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p> |
|
| 1013 |
- <p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p> |
|
| 1014 |
- <p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p> |
|
| 1015 |
- <!-- <p>- 예금주 : 문자온</p> --> |
|
| 1016 |
- <p>- 계좌번호 문자로 받기(유료) |
|
| 1017 |
- <label for="" class="label">전화번호 입력</label> |
|
| 1018 |
- <input type="text" id="callTo" name="callTo" maxLength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 1019 |
- <button type="button" onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button>
|
|
| 1020 |
- </p> |
|
| 1021 |
- </div> |
|
| 1022 |
- </td> |
|
| 1023 |
- </tr> |
|
| 1024 |
- </tbody> |
|
| 1025 |
- </table> |
|
| 1026 |
- </div> |
|
| 1027 |
- <!-- //전용계좌 --> |
|
| 1028 |
- |
|
| 1029 |
- <!-- 휴대폰 --> |
|
| 1030 |
- <div class="area_tabcont" id="tab2_3"> |
|
| 1031 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> 휴대폰결제</p> |
|
| 1032 |
- <table class="tType1"> |
|
| 1033 |
- <caption></caption> |
|
| 1034 |
- <colgroup> |
|
| 1035 |
- <col style="width: 100px;"> |
|
| 1036 |
- <col style="width: auto;"> |
|
| 1037 |
- </colgroup> |
|
| 1038 |
- <tbody> |
|
| 1039 |
- <tr class="charge_content"> |
|
| 1040 |
- <th scope="row">충전금액</th> |
|
| 1041 |
- <td class="flex"> |
|
| 1042 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 1043 |
- <option value="5000">5,000</option> |
|
| 1044 |
- <option value="10000">10,000</option> |
|
| 1045 |
- <option value="20000">20,000</option> |
|
| 1046 |
- <option value="30000">30,000</option> |
|
| 1047 |
- <option value="50000" selected>50,000</option> |
|
| 1048 |
- <option value="100000">100,000</option> |
|
| 1049 |
- <option value="150000">150,000</option> |
|
| 1050 |
- </select> |
|
| 1051 |
- <%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 1052 |
- <p class="input_in">원</p> |
|
| 1053 |
- <button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button> |
|
| 1054 |
- <button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button> |
|
| 1055 |
- <button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button> |
|
| 1056 |
- <button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button> |
|
| 1057 |
- <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
|
| 1058 |
- <p class="input_in">원</p> |
|
| 1059 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 1060 |
- </td> |
|
| 1061 |
- </tr> |
|
| 1062 |
- <tr> |
|
| 1063 |
- <td colspan="2"> |
|
| 1064 |
- <div class="amount_wrap"> |
|
| 1065 |
- <dl> |
|
| 1066 |
- <dt>최종 결제금액 :</dt> |
|
| 1067 |
- <dd> |
|
| 1068 |
- <ul> |
|
| 1069 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 1070 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 1071 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 1072 |
- </ul> |
|
| 1073 |
- </dd> |
|
| 1074 |
- </dl> |
|
| 1075 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 1076 |
- </div> |
|
| 1077 |
- </td> |
|
| 1078 |
- </tr> |
|
| 1079 |
- <tr> |
|
| 1080 |
- <td colspan="2"> |
|
| 1081 |
- <div class="area_text"> |
|
| 1082 |
- <p>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p> |
|
| 1083 |
- <p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수 있습니다.</p> |
|
| 1084 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 1085 |
- </div> |
|
| 1086 |
- </td> |
|
| 1087 |
- </tr> |
|
| 1088 |
- </tbody> |
|
| 1089 |
- </table> |
|
| 1090 |
- </div> |
|
| 1091 |
- <!-- //휴대폰 --> |
|
| 1092 |
- |
|
| 1093 |
- <!-- 즉시이체 --> |
|
| 1094 |
- <div class="area_tabcont" id="tab2_4"> |
|
| 1095 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> 즉시이체</p> |
|
| 1096 |
- <table class="tType1"> |
|
| 1097 |
- <caption></caption> |
|
| 1098 |
- <colgroup> |
|
| 1099 |
- <col style="width: 100px;"> |
|
| 1100 |
- <col style="width: auto;"> |
|
| 1101 |
- </colgroup> |
|
| 1102 |
- <tbody> |
|
| 1103 |
- <tr class="charge_content"> |
|
| 1104 |
- <th scope="row">충전금액</th> |
|
| 1105 |
- <td class="flex"> |
|
| 1106 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 1107 |
- <option value="5000">5,000</option> |
|
| 1108 |
- <option value="10000">10,000</option> |
|
| 1109 |
- <option value="20000">20,000</option> |
|
| 1110 |
- <option value="30000">30,000</option> |
|
| 1111 |
- <option value="50000" selected>50,000</option> |
|
| 1112 |
- <option value="100000">100,000</option> |
|
| 1113 |
- <option value="200000">200,000</option> |
|
| 1114 |
- <option value="300000">300,000</option> |
|
| 1115 |
- <option value="500000">500,000</option> |
|
| 1116 |
- <option value="700000">700,000</option> |
|
| 1117 |
- <option value="900000">900,000</option> |
|
| 1118 |
- <option value="1000000">1,000,000</option> |
|
| 1119 |
- <option value="1200000">1,200,000</option> |
|
| 1120 |
- <option value="1500000">1,500,000</option> |
|
| 1121 |
- <option value="2000000">2,000,000</option> |
|
| 1122 |
- <option value="2500000">2,500,000</option> |
|
| 1123 |
- <option value="3000000">3,000,000</option> |
|
| 1124 |
- </select> |
|
| 1125 |
- <%--<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 1126 |
- <p class="input_in">원</p> |
|
| 1127 |
- <button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button> |
|
| 1128 |
- <button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button> |
|
| 1129 |
- <button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button> |
|
| 1130 |
- <button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button> |
|
| 1131 |
- <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
|
| 1132 |
- <p class="input_in">원</p> |
|
| 1133 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 1134 |
- </td> |
|
| 1135 |
- </tr> |
|
| 1136 |
- <tr> |
|
| 1137 |
- <td colspan="2"> |
|
| 1138 |
- <div class="amount_wrap"> |
|
| 1139 |
- <dl> |
|
| 1140 |
- <dt>최종 결제금액 :</dt> |
|
| 1141 |
- <dd> |
|
| 1142 |
- <ul> |
|
| 1143 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 1144 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 1145 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 1146 |
- </ul> |
|
| 1147 |
- </dd> |
|
| 1148 |
- </dl> |
|
| 1149 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 1150 |
- </div> |
|
| 1151 |
- </td> |
|
| 1152 |
- </tr> |
|
| 1153 |
- <tr> |
|
| 1154 |
- <td colspan="2"> |
|
| 1155 |
- <div class="area_text"> |
|
| 1156 |
- <p>- KG모빌리언스 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p> |
|
| 1157 |
- <p> (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p> |
|
| 1158 |
- </div> |
|
| 1159 |
- </td> |
|
| 1160 |
- </tr> |
|
| 1161 |
- </tbody> |
|
| 1162 |
- </table> |
|
| 1163 |
- </div> |
|
| 1164 |
- <!-- //즉시이체 --> |
|
| 1165 |
- |
|
| 1166 |
- <!-- 네이버페이 --> |
|
| 1167 |
- <div class="area_tabcont" id="tab2_5"> |
|
| 1168 |
- <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p> |
|
| 1169 |
- <table class="tType1"> |
|
| 1170 |
- <colgroup> |
|
| 1171 |
- <col style="width: 100px;"> |
|
| 1172 |
- <col style="width: auto;"> |
|
| 1173 |
- </colgroup> |
|
| 1174 |
- <tbody> |
|
| 1175 |
- <tr class="charge_content"> |
|
| 1176 |
- <th scope="row">충전금액</th> |
|
| 1177 |
- <td class="flex"> |
|
| 1178 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 1179 |
- <option value="5000">5,000</option> |
|
| 1180 |
- <option value="10000">10,000</option> |
|
| 1181 |
- <option value="20000">20,000</option> |
|
| 1182 |
- <option value="30000">30,000</option> |
|
| 1183 |
- <option value="50000" selected="">50,000</option> |
|
| 1184 |
- <option value="100000">100,000</option> |
|
| 1185 |
- <option value="200000">200,000</option> |
|
| 1186 |
- <option value="300000">300,000</option> |
|
| 1187 |
- <option value="500000">500,000</option> |
|
| 1188 |
- <option value="700000">700,000</option> |
|
| 1189 |
- <option value="900000">900,000</option> |
|
| 1190 |
- <option value="1000000">1,000,000</option> |
|
| 1191 |
- <option value="1200000">1,200,000</option> |
|
| 1192 |
- <option value="1500000">1,500,000</option> |
|
| 1193 |
- <option value="2000000">2,000,000</option> |
|
| 1194 |
- <option value="2500000">2,500,000</option> |
|
| 1195 |
- <option value="3000000">3,000,000</option> |
|
| 1196 |
- </select> |
|
| 1197 |
- |
|
| 1198 |
- <p class="input_in">원</p> |
|
| 1199 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 1200 |
- </td> |
|
| 1201 |
- </tr> |
|
| 1202 |
- <tr> |
|
| 1203 |
- <td colspan="2"> |
|
| 1204 |
- <div class="amount_wrap"> |
|
| 1205 |
- <dl> |
|
| 1206 |
- <dt>최종 결제금액 :</dt> |
|
| 1207 |
- <dd> |
|
| 1208 |
- <ul> |
|
| 1209 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 1210 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 1211 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 1212 |
- </ul> |
|
| 1213 |
- </dd> |
|
| 1214 |
- </dl> |
|
| 1215 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 1216 |
- </div> |
|
| 1217 |
- </td> |
|
| 1218 |
- </tr> |
|
| 1219 |
- <tr> |
|
| 1220 |
- <td colspan="2"> |
|
| 1221 |
- <div class="area_text"> |
|
| 1222 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 1223 |
- <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 1224 |
- <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 1225 |
- <p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p> |
|
| 1226 |
- <p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자고 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자고에서 현금영수증 처리 불가)</p> |
|
| 1227 |
- </div> |
|
| 1228 |
- </td> |
|
| 1229 |
- </tr> |
|
| 1230 |
- </tbody> |
|
| 1231 |
- </table> |
|
| 1232 |
- </div> |
|
| 1233 |
- <!-- //네이버페이 --> |
|
| 1234 |
- |
|
| 1235 |
- <!-- 카카오페이 --> |
|
| 1236 |
- <div class="area_tabcont current" id="tab2_6"> |
|
| 1237 |
- <!-- 신규계좌발급 시 --> |
|
| 1238 |
- <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p> |
|
| 1239 |
- <table class="tType1"> |
|
| 1240 |
- <colgroup> |
|
| 1241 |
- <col style="width: 100px;"> |
|
| 1242 |
- <col style="width: auto;"> |
|
| 1243 |
- </colgroup> |
|
| 1244 |
- <tbody> |
|
| 1245 |
- <tr class="charge_content"> |
|
| 1246 |
- <th scope="row">충전금액</th> |
|
| 1247 |
- <td class="flex"> |
|
| 1248 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 1249 |
- <option value="5000">5,000</option> |
|
| 1250 |
- <option value="10000">10,000</option> |
|
| 1251 |
- <option value="20000">20,000</option> |
|
| 1252 |
- <option value="30000">30,000</option> |
|
| 1253 |
- <option value="50000" selected="">50,000</option> |
|
| 1254 |
- <option value="100000">100,000</option> |
|
| 1255 |
- <option value="200000">200,000</option> |
|
| 1256 |
- <option value="300000">300,000</option> |
|
| 1257 |
- <option value="500000">500,000</option> |
|
| 1258 |
- <option value="700000">700,000</option> |
|
| 1259 |
- <option value="900000">900,000</option> |
|
| 1260 |
- <option value="1000000">1,000,000</option> |
|
| 1261 |
- <option value="1200000">1,200,000</option> |
|
| 1262 |
- <option value="1500000">1,500,000</option> |
|
| 1263 |
- <option value="2000000">2,000,000</option> |
|
| 1264 |
- <option value="2500000">2,500,000</option> |
|
| 1265 |
- <option value="3000000">3,000,000</option> |
|
| 1266 |
- </select> |
|
| 1267 |
- |
|
| 1268 |
- <p class="input_in">원</p> |
|
| 1269 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 1270 |
- </td> |
|
| 1271 |
- </tr> |
|
| 1272 |
- <tr> |
|
| 1273 |
- <td colspan="2"> |
|
| 1274 |
- <div class="amount_wrap"> |
|
| 1275 |
- <dl> |
|
| 1276 |
- <dt>최종 결제금액 :</dt> |
|
| 1277 |
- <dd> |
|
| 1278 |
- <ul> |
|
| 1279 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 1280 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 1281 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 1282 |
- </ul> |
|
| 1283 |
- </dd> |
|
| 1284 |
- </dl> |
|
| 1285 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 1286 |
- </div> |
|
| 1287 |
- </td> |
|
| 1288 |
- </tr> |
|
| 1289 |
- <tr> |
|
| 1290 |
- <td colspan="2"> |
|
| 1291 |
- <div class="area_text"> |
|
| 1292 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 1293 |
- <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 1294 |
- <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 1295 |
- <p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p> |
|
| 1296 |
- </div> |
|
| 1297 |
- </td> |
|
| 1298 |
- </tr> |
|
| 1299 |
- </tbody> |
|
| 1300 |
- </table> |
|
| 1301 |
- </div> |
|
| 1302 |
- <!-- //카카오페이 --> |
|
| 1303 |
- |
|
| 1304 |
- <!-- 토스페이 --> |
|
| 1305 |
- <div class="area_tabcont current" id="tab2_7"> |
|
| 1306 |
- <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p> |
|
| 1307 |
- <table class="tType1"> |
|
| 1308 |
- <caption></caption> |
|
| 1309 |
- <colgroup> |
|
| 1310 |
- <col style="width: 100px;"> |
|
| 1311 |
- <col style="width: auto;"> |
|
| 1312 |
- </colgroup> |
|
| 1313 |
- <tbody> |
|
| 1314 |
- <tr class="charge_content"> |
|
| 1315 |
- <th scope="row">충전금액</th> |
|
| 1316 |
- <td class="flex"> |
|
| 1317 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 1318 |
- <option value="5000">5,000</option> |
|
| 1319 |
- <option value="10000">10,000</option> |
|
| 1320 |
- <option value="20000">20,000</option> |
|
| 1321 |
- <option value="30000">30,000</option> |
|
| 1322 |
- <option value="50000" selected="">50,000</option> |
|
| 1323 |
- <option value="100000">100,000</option> |
|
| 1324 |
- <option value="150000">150,000</option> |
|
| 1325 |
- </select> |
|
| 1326 |
- |
|
| 1327 |
- <p class="input_in">원</p> |
|
| 1328 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 1329 |
- </td> |
|
| 1330 |
- </tr> |
|
| 1331 |
- <tr> |
|
| 1332 |
- <td colspan="2"> |
|
| 1333 |
- <div class="amount_wrap"> |
|
| 1334 |
- <dl> |
|
| 1335 |
- <dt>최종 결제금액 :</dt> |
|
| 1336 |
- <dd> |
|
| 1337 |
- <ul> |
|
| 1338 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 1339 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 1340 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 1341 |
- </ul> |
|
| 1342 |
- </dd> |
|
| 1343 |
- </dl> |
|
| 1344 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 1345 |
- </div> |
|
| 1346 |
- </td> |
|
| 1347 |
- </tr> |
|
| 1348 |
- <tr> |
|
| 1349 |
- <td colspan="2"> |
|
| 1350 |
- <div class="area_text"> |
|
| 1351 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 1352 |
- <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 1353 |
- <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 1354 |
- <p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p> |
|
| 1355 |
- </div> |
|
| 1356 |
- </td> |
|
| 1357 |
- </tr> |
|
| 1358 |
- </tbody> |
|
| 1359 |
- </table> |
|
| 1360 |
- </div> |
|
| 1361 |
- <!-- //토스페이 --> |
|
| 1362 |
- |
|
| 1363 |
- <!-- 페이코 --> |
|
| 1364 |
- <div class="area_tabcont current" id="tab2_8"> |
|
| 1365 |
- <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> PAYCO</p> |
|
| 1366 |
- <table class="tType1"> |
|
| 1367 |
- <caption></caption> |
|
| 1368 |
- <colgroup> |
|
| 1369 |
- <col style="width: 100px;"> |
|
| 1370 |
- <col style="width: auto;"> |
|
| 1371 |
- </colgroup> |
|
| 1372 |
- <tbody> |
|
| 1373 |
- <tr class="charge_content"> |
|
| 1374 |
- <th scope="row">충전금액</th> |
|
| 1375 |
- <td class="flex"> |
|
| 1376 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 1377 |
- <option value="5000">5,000</option> |
|
| 1378 |
- <option value="10000">10,000</option> |
|
| 1379 |
- <option value="20000">20,000</option> |
|
| 1380 |
- <option value="30000">30,000</option> |
|
| 1381 |
- <option value="50000" selected="">50,000</option> |
|
| 1382 |
- <option value="100000">100,000</option> |
|
| 1383 |
- <option value="200000">200,000</option> |
|
| 1384 |
- <option value="300000">300,000</option> |
|
| 1385 |
- <option value="500000">500,000</option> |
|
| 1386 |
- <option value="700000">700,000</option> |
|
| 1387 |
- <option value="900000">900,000</option> |
|
| 1388 |
- <option value="1000000">1,000,000</option> |
|
| 1389 |
- <option value="1200000">1,200,000</option> |
|
| 1390 |
- <option value="1500000">1,500,000</option> |
|
| 1391 |
- <option value="2000000">2,000,000</option> |
|
| 1392 |
- <option value="2500000">2,500,000</option> |
|
| 1393 |
- <option value="3000000">3,000,000</option> |
|
| 1394 |
- </select> |
|
| 1395 |
- |
|
| 1396 |
- <p class="input_in">원</p> |
|
| 1397 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 1398 |
- </td> |
|
| 1399 |
- </tr> |
|
| 1400 |
- <tr> |
|
| 1401 |
- <td colspan="2"> |
|
| 1402 |
- <div class="amount_wrap"> |
|
| 1403 |
- <dl> |
|
| 1404 |
- <dt>최종 결제금액 :</dt> |
|
| 1405 |
- <dd> |
|
| 1406 |
- <ul> |
|
| 1407 |
- <li><strong id="supplyPriceStr"></strong>원(공급가액)</li> |
|
| 1408 |
- <li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li> |
|
| 1409 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li> |
|
| 1410 |
- </ul> |
|
| 1411 |
- </dd> |
|
| 1412 |
- </dl> |
|
| 1413 |
- <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 1414 |
- </div> |
|
| 1415 |
- </td> |
|
| 1416 |
- </tr> |
|
| 1417 |
- <tr> |
|
| 1418 |
- <td colspan="2"> |
|
| 1419 |
- <div class="area_text"> |
|
| 1420 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 1421 |
- <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 1422 |
- <p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p> |
|
| 1423 |
- </div> |
|
| 1424 |
- </td> |
|
| 1425 |
- </tr> |
|
| 1426 |
- </tbody> |
|
| 1427 |
- </table> |
|
| 1428 |
- </div> |
|
| 1429 |
- <!-- //페이코 --> |
|
| 1430 |
- |
|
| 1431 | 230 |
</div> |
| 1432 | 231 |
|
| 1433 | 232 |
<!--누적결제액별 등급 및 단가 추가 시작--> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?