ITN_디자인팀
2023-07-27
2023/07/27 결제하기페이지, 이벤트2페이지 > 간편결제 추가
@ad87630390047b7c6d7a29ebe1727229eaa09f4b
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -1075,24 +1075,38 @@ |
| 1075 | 1075 |
.charg_cont {background-color: #fff;padding: 40px;border-radius: 10px; min-height: 589px; display: none;}
|
| 1076 | 1076 |
.charg_cont.current {display: block;}
|
| 1077 | 1077 |
.charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;}
|
| 1078 |
-.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between;}
|
|
| 1078 |
+.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
|
|
| 1079 | 1079 |
/* 간편결제 오픈 시 |
| 1080 | 1080 |
.charg_cont .area_tab li{ width: calc((100% - 80px)/5); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;} */
|
| 1081 | 1081 |
.charg_cont .area_tab li{ width: calc((100% - 80px)/4); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;}
|
| 1082 | 1082 |
.charg_cont .area_tab li button {font-size: 22px; font-weight: 400; width: 100%; height: 100%; padding: 60px 20px 40px 20px;position:relative;z-index:1;}
|
| 1083 |
-.charg_cont .area_tab li.active {border: 3px solid #fbc72b;}
|
|
| 1083 |
+/* .charg_cont .area_tab li.active {border: 3px solid #fbc72b;} */
|
|
| 1084 |
+.charg_cont .area_tab li.active::after{position: absolute; content: " "; width: 100%; height: 100%; border: 3px solid #fbc72b; left: -3px; top: -3px; border-radius: 5px;}
|
|
| 1084 | 1085 |
.charg_cont .area_tab li.active::before{background-image: url(/publish/images/content/icon_chargeCheck2.png); background-color: #fbc72b; border: 2px solid #fbc72b;}
|
| 1085 | 1086 |
.charg_cont .area_tab li::before{position: absolute; content: " "; width: 31px; height: 31px; border: 3px solid #ccc; right: 15px; top: 15px; border-radius: 100%; background-image: url(/publish/images/content/icon_chargeCheck1.png); background-repeat: no-repeat; background-position: center 58%;}
|
| 1086 | 1087 |
.charg_cont .area_tab button i{width: 65px; height: 55px; display: block; margin: 0 auto 15px auto; background-position: center;}
|
| 1087 |
-.charg_cont .area_tab .btn_charge_simple i{background-image: url(/publish/images/simple.png);}
|
|
| 1088 |
+/*.charg_cont .area_tab .btn_charge_simple i{background-image: url(/publish/images/simple.png);}*/
|
|
| 1088 | 1089 |
.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging2.png);}
|
| 1089 | 1090 |
.charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging3.png);}
|
| 1090 |
-.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging4.png);}
|
|
| 1091 |
-.charg_cont .area_tab .btn_charge5 i{background-image: url(/publish/images/content/icon_charging5.png);}
|
|
| 1091 |
+.charg_cont .area_tab .btn_charge3 i{background-image: url(/publish/images/content/icon_charging4.png);}
|
|
| 1092 |
+.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging5.png);}
|
|
| 1093 |
+ |
|
| 1094 |
+/*간편결제_오픈시_수정한부분*/ |
|
| 1095 |
+.charg_cont .area_tab .simple_pay{margin-top: 25px;}
|
|
| 1096 |
+.charg_cont .area_tab .simple_pay button{padding: 24px 20px 8px 20px;}
|
|
| 1097 |
+.charg_cont .area_tab .simple_pay button i{width: 150px; height: 33px; display: block; margin: 0 auto 15px auto; background-position: center;}
|
|
| 1098 |
+.charg_cont .area_tab .btn_charge5 i{background-image: url(/publish/images/never_pay.png);}
|
|
| 1099 |
+.charg_cont .area_tab .btn_charge6 i{background-image: url(/publish/images/kakao_pay.png);}
|
|
| 1100 |
+.charg_cont .area_tab .btn_charge7 i{background-image: url(/publish/images/toss_pay.png);}
|
|
| 1101 |
+.charg_cont .area_tab .btn_charge8 i{background-image: url(/publish/images/payco.png);}
|
|
| 1092 | 1102 |
.charg_cont .area_tab+.checkbox_wrap{margin-top: 18px; color: #666; font-weight: 300; font-size: 18px; text-align: right; width: 100%;}
|
| 1093 |
-/* 간편결제 오픈 시 |
|
| 1103 |
+ |
|
| 1104 |
+/* 간편결제_오픈시_이벤트페이지 |
|
| 1094 | 1105 |
.charg_cont .area_tab.type03 li {width:calc(100%/4 - 15px);} */
|
| 1095 | 1106 |
.charg_cont .area_tab.type03 li {width:calc(100%/3 - 15px);}
|
| 1107 |
+/*간편결제_오픈시_이벤트페이지_수정한부분은 이거 하나*/ |
|
| 1108 |
+.charg_cont .area_tab.type03 li.event_simple{width:calc(100%/4 - 15px);}
|
|
| 1109 |
+/*//간편결제_오픈시_이벤트페이지_수정한부분은 이거 하나*/ |
|
| 1096 | 1110 |
.charg_cont .checkbox_wrap input[type="checkbox"], |
| 1097 | 1111 |
.charg_cont .checkbox_wrap input[type="radio"]{display: none;}
|
| 1098 | 1112 |
.charg_cont .checkbox_wrap input[type="checkbox"]+label, |
--- src/main/webapp/publish/firstpay_event2.html
+++ src/main/webapp/publish/firstpay_event2.html
... | ... | @@ -283,103 +283,23 @@ |
| 283 | 283 |
<div class="serv_content charg_cont"> |
| 284 | 284 |
<div> |
| 285 | 285 |
<p class="tab_tit">충전수단 선택</p> |
| 286 |
- <ul class="area_tab"> |
|
| 287 |
- <li class="btn_charge_simple btn_tab active"> |
|
| 288 |
- <button type="button" onclick="TabTypePay(this,'1');"><i></i>간편결제</button> |
|
| 289 |
- </li> |
|
| 290 |
- <li class="btn_charge1 btn_tab"> |
|
| 291 |
- <button type="button" onclick="TabTypePay(this,'2');"><i></i>신용카드</button> |
|
| 292 |
- </li> |
|
| 293 |
- <li class="btn_charge2 btn_tab"> |
|
| 294 |
- <button type="button" onclick="TabTypePay(this,'3');" id="btnDdedicatedAccount"><i></i>전용계좌</button> |
|
| 295 |
- </li> |
|
| 286 |
+ <ul class="area_tab type03"> |
|
| 287 |
+ <li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');" title="선택됨"><i></i>신용카드</button></li> |
|
| 288 |
+ <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount" title="선택됨" style="border-left: 0px;"><i></i>전용계좌</button></li> |
|
| 296 | 289 |
<!-- <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> --> |
| 297 | 290 |
<!-- <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li> --> |
| 298 |
- <li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>즉시이체</button></li> |
|
| 291 |
+ <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');" title="선택됨" style="border-left: 1px solid rgb(229, 229, 229);"><i></i>즉시이체</button></li> |
|
| 292 |
+ <!--이벤트 간편결제--> |
|
| 293 |
+ <li class="btn_charge5 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'5');"><i></i></button></li> |
|
| 294 |
+ <li class="btn_charge6 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'6');"><i></i></button></li> |
|
| 295 |
+ <li class="btn_charge7 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'7');"><i></i></li> |
|
| 296 |
+ <li class="btn_charge8 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'8');"><i></i></button></li> |
|
| 297 |
+ <!--//이벤트 간편결제--> |
|
| 299 | 298 |
</ul> |
| 300 | 299 |
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div> |
| 301 |
- |
|
| 302 |
- <!-- 간편결제 --> |
|
| 303 |
- <div class="area_tabcont on" id="tab2_1"> |
|
| 304 |
- <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 간편결제</p> |
|
| 305 |
- <table class="tType1"> |
|
| 306 |
- <caption></caption> |
|
| 307 |
- <colgroup> |
|
| 308 |
- <col style="width: 100px;"> |
|
| 309 |
- <col style="width: auto;"> |
|
| 310 |
- </colgroup> |
|
| 311 |
- <tbody> |
|
| 312 |
- <tr class="charge_content"> |
|
| 313 |
- <th scope="row">충전금액</th> |
|
| 314 |
- <td class="flex"> |
|
| 315 |
- <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 316 |
- <option value="5000">5,000</option> |
|
| 317 |
- <option value="10000">10,000</option> |
|
| 318 |
- <option value="20000">20,000</option> |
|
| 319 |
- <option value="30000">30,000</option> |
|
| 320 |
- <option value="50000" selected>50,000</option> |
|
| 321 |
- <option value="100000">100,000</option> |
|
| 322 |
- <option value="200000">200,000</option> |
|
| 323 |
- <option value="300000">300,000</option> |
|
| 324 |
- <option value="500000">500,000</option> |
|
| 325 |
- <option value="700000">700,000</option> |
|
| 326 |
- <option value="900000">900,000</option> |
|
| 327 |
- <option value="1000000">1,000,000</option> |
|
| 328 |
- <option value="1200000">1,200,000</option> |
|
| 329 |
- <option value="1500000">1,500,000</option> |
|
| 330 |
- <option value="2000000">2,000,000</option> |
|
| 331 |
- <option value="2500000">2,500,000</option> |
|
| 332 |
- <option value="3000000">3,000,000</option> |
|
| 333 |
- </select> |
|
| 334 |
- <p class="input_in">원</p> |
|
| 335 |
- <!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 336 |
- <p class="input_in">원</p> |
|
| 337 |
- <button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button> |
|
| 338 |
- <button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button> |
|
| 339 |
- <button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button> |
|
| 340 |
- <button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button> |
|
| 341 |
- <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
|
| 342 |
- <p class="input_in">원</p> --> |
|
| 343 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 344 |
- </td> |
|
| 345 |
- </tr> |
|
| 346 |
- <tr> |
|
| 347 |
- <td colspan="2"> |
|
| 348 |
- <div class="amount_wrap"> |
|
| 349 |
- <dl> |
|
| 350 |
- <dt>최종 결제금액 :</dt> |
|
| 351 |
- <dd> |
|
| 352 |
- <ul> |
|
| 353 |
- <li><strong id="supplyPriceStr">50,000</strong>원(공급가액) |
|
| 354 |
- </li> |
|
| 355 |
- <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세) |
|
| 356 |
- </li> |
|
| 357 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액) |
|
| 358 |
- </li> |
|
| 359 |
- </ul> |
|
| 360 |
- </dd> |
|
| 361 |
- </dl> |
|
| 362 |
- <button type="button" class="btnType" |
|
| 363 |
- onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 364 |
- </div> |
|
| 365 |
- </td> |
|
| 366 |
- </tr> |
|
| 367 |
- <tr> |
|
| 368 |
- <td colspan="2"> |
|
| 369 |
- <div class="area_text"> |
|
| 370 |
- <!-- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p> --> |
|
| 371 |
- <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 372 |
- <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 373 |
- </div> |
|
| 374 |
- </td> |
|
| 375 |
- </tr> |
|
| 376 |
- </tbody> |
|
| 377 |
- </table> |
|
| 378 |
- </div> |
|
| 379 |
- <!-- //간편결제 --> |
|
| 380 |
- |
|
| 300 |
+ |
|
| 381 | 301 |
<!-- 신용카드 --> |
| 382 |
- <div class="area_tabcont" id="tab2_2"> |
|
| 302 |
+ <div class="area_tabcont on" id="tab2_1"> |
|
| 383 | 303 |
<p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> 신용카드</p> |
| 384 | 304 |
<table class="tType1"> |
| 385 | 305 |
<caption></caption> |
... | ... | @@ -460,7 +380,7 @@ |
| 460 | 380 |
<!-- //신용카드 --> |
| 461 | 381 |
|
| 462 | 382 |
<!-- 전용계좌 --> |
| 463 |
- <div class="area_tabcont current" id="tab2_3"> |
|
| 383 |
+ <div class="area_tabcont current" id="tab2_2"> |
|
| 464 | 384 |
<!-- 신규계좌발급 시 --> |
| 465 | 385 |
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
| 466 | 386 |
<table class="tType1"> |
... | ... | @@ -517,9 +437,7 @@ |
| 517 | 437 |
<tbody> |
| 518 | 438 |
<tr> |
| 519 | 439 |
<td colspan="2"> |
| 520 |
- <div> |
|
| 521 |
- 보유한 전용 계좌가 없습니다. |
|
| 522 |
- </div> |
|
| 440 |
+ <div style="font-size: 16px;">보유한 전용 계좌가 없습니다.</div> |
|
| 523 | 441 |
</td> |
| 524 | 442 |
</tr> |
| 525 | 443 |
|
... | ... | @@ -698,6 +616,354 @@ |
| 698 | 616 |
</table> |
| 699 | 617 |
</div> |
| 700 | 618 |
<!-- //즉시이체 --> |
| 619 |
+ <!-- 네이바페이 --> |
|
| 620 |
+ <div class="area_tabcont" id="tab2_5"> |
|
| 621 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p> |
|
| 622 |
+ <table class="tType1"> |
|
| 623 |
+ <colgroup> |
|
| 624 |
+ <col style="width: 100px;"> |
|
| 625 |
+ <col style="width: auto;"> |
|
| 626 |
+ </colgroup> |
|
| 627 |
+ <tbody> |
|
| 628 |
+ <tr class="charge_content"> |
|
| 629 |
+ <th scope="row">충전금액</th> |
|
| 630 |
+ <td class="flex"> |
|
| 631 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 632 |
+ <option value="5000">5,000</option> |
|
| 633 |
+ <option value="10000">10,000</option> |
|
| 634 |
+ <option value="20000">20,000</option> |
|
| 635 |
+ <option value="30000">30,000</option> |
|
| 636 |
+ <option value="50000" selected="">50,000</option> |
|
| 637 |
+ <option value="100000">100,000</option> |
|
| 638 |
+ <option value="200000">200,000</option> |
|
| 639 |
+ <option value="300000">300,000</option> |
|
| 640 |
+ <option value="500000">500,000</option> |
|
| 641 |
+ <option value="700000">700,000</option> |
|
| 642 |
+ <option value="900000">900,000</option> |
|
| 643 |
+ <option value="1000000">1,000,000</option> |
|
| 644 |
+ <option value="1200000">1,200,000</option> |
|
| 645 |
+ <option value="1500000">1,500,000</option> |
|
| 646 |
+ <option value="2000000">2,000,000</option> |
|
| 647 |
+ <option value="2500000">2,500,000</option> |
|
| 648 |
+ <option value="3000000">3,000,000</option> |
|
| 649 |
+ </select> |
|
| 650 |
+ |
|
| 651 |
+ <p class="input_in">원</p> |
|
| 652 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 653 |
+ </td> |
|
| 654 |
+ </tr> |
|
| 655 |
+ <tr> |
|
| 656 |
+ <td colspan="2"> |
|
| 657 |
+ <div class="amount_wrap"> |
|
| 658 |
+ <dl> |
|
| 659 |
+ <dt>최종 결제금액 :</dt> |
|
| 660 |
+ <dd> |
|
| 661 |
+ <ul> |
|
| 662 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 663 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 664 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 665 |
+ </ul> |
|
| 666 |
+ </dd> |
|
| 667 |
+ </dl> |
|
| 668 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 669 |
+ </div> |
|
| 670 |
+ </td> |
|
| 671 |
+ </tr> |
|
| 672 |
+ <tr> |
|
| 673 |
+ <td colspan="2"> |
|
| 674 |
+ <div class="area_text"> |
|
| 675 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 676 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 677 |
+ <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 678 |
+ <p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p> |
|
| 679 |
+ <p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p> |
|
| 680 |
+ </div> |
|
| 681 |
+ </td> |
|
| 682 |
+ </tr> |
|
| 683 |
+ </tbody> |
|
| 684 |
+ </table> |
|
| 685 |
+ </div> |
|
| 686 |
+ <!-- //네이버페이 --> |
|
| 687 |
+ |
|
| 688 |
+ <!-- 카카오페이 --> |
|
| 689 |
+ <div class="area_tabcont current" id="tab2_6"> |
|
| 690 |
+ <!-- 신규계좌발급 시 --> |
|
| 691 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p> |
|
| 692 |
+ <table class="tType1"> |
|
| 693 |
+ <colgroup> |
|
| 694 |
+ <col style="width: 100px;"> |
|
| 695 |
+ <col style="width: auto;"> |
|
| 696 |
+ </colgroup> |
|
| 697 |
+ <tbody> |
|
| 698 |
+ <tr class="charge_content"> |
|
| 699 |
+ <th scope="row">충전금액</th> |
|
| 700 |
+ <td class="flex"> |
|
| 701 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 702 |
+ <option value="5000">5,000</option> |
|
| 703 |
+ <option value="10000">10,000</option> |
|
| 704 |
+ <option value="20000">20,000</option> |
|
| 705 |
+ <option value="30000">30,000</option> |
|
| 706 |
+ <option value="50000" selected="">50,000</option> |
|
| 707 |
+ <option value="100000">100,000</option> |
|
| 708 |
+ <option value="200000">200,000</option> |
|
| 709 |
+ <option value="300000">300,000</option> |
|
| 710 |
+ <option value="500000">500,000</option> |
|
| 711 |
+ <option value="700000">700,000</option> |
|
| 712 |
+ <option value="900000">900,000</option> |
|
| 713 |
+ <option value="1000000">1,000,000</option> |
|
| 714 |
+ <option value="1200000">1,200,000</option> |
|
| 715 |
+ <option value="1500000">1,500,000</option> |
|
| 716 |
+ <option value="2000000">2,000,000</option> |
|
| 717 |
+ <option value="2500000">2,500,000</option> |
|
| 718 |
+ <option value="3000000">3,000,000</option> |
|
| 719 |
+ </select> |
|
| 720 |
+ |
|
| 721 |
+ <p class="input_in">원</p> |
|
| 722 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 723 |
+ </td> |
|
| 724 |
+ </tr> |
|
| 725 |
+ <tr> |
|
| 726 |
+ <td colspan="2"> |
|
| 727 |
+ <div class="amount_wrap"> |
|
| 728 |
+ <dl> |
|
| 729 |
+ <dt>최종 결제금액 :</dt> |
|
| 730 |
+ <dd> |
|
| 731 |
+ <ul> |
|
| 732 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 733 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 734 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 735 |
+ </ul> |
|
| 736 |
+ </dd> |
|
| 737 |
+ </dl> |
|
| 738 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 739 |
+ </div> |
|
| 740 |
+ </td> |
|
| 741 |
+ </tr> |
|
| 742 |
+ <tr> |
|
| 743 |
+ <td colspan="2"> |
|
| 744 |
+ <div class="area_text"> |
|
| 745 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 746 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 747 |
+ <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 748 |
+ <p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p> |
|
| 749 |
+ </div> |
|
| 750 |
+ </td> |
|
| 751 |
+ </tr> |
|
| 752 |
+ </tbody> |
|
| 753 |
+ </table> |
|
| 754 |
+ </div> |
|
| 755 |
+ <!-- //카카오페이 --> |
|
| 756 |
+ |
|
| 757 |
+ <!-- 무통장입금 --> |
|
| 758 |
+ <!-- <div class="area_tabcont" id="tab2_4"> |
|
| 759 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging3_small.png" alt=""> 무통장입금</p> |
|
| 760 |
+ <table class="tType1"> |
|
| 761 |
+ <caption></caption> |
|
| 762 |
+ <colgroup> |
|
| 763 |
+ <col style="width: 100px;"> |
|
| 764 |
+ <col style="width: auto;"> |
|
| 765 |
+ </colgroup> |
|
| 766 |
+ <tbody> |
|
| 767 |
+ <tr> |
|
| 768 |
+ <td colspan="2"> |
|
| 769 |
+ <ul class="info_bank"> |
|
| 770 |
+ <li><a href="#"><i></i> |
|
| 771 |
+ <p>신한은행 <span>389-01-106644</span></p> |
|
| 772 |
+ </a> |
|
| 773 |
+ </li> |
|
| 774 |
+ <li><a href="#"><i></i> |
|
| 775 |
+ <p>농협은행 <span>7700-7700-28</span></p> |
|
| 776 |
+ </a> |
|
| 777 |
+ </li> |
|
| 778 |
+ <li><a href="#"><i></i> |
|
| 779 |
+ <p>국민은행 <span>839-25-0027-299</span></p> |
|
| 780 |
+ </a> |
|
| 781 |
+ </li> |
|
| 782 |
+ <li><a href href="#"><i></i> |
|
| 783 |
+ <p>기업은행 <span>065-048245-04-013</span></p> |
|
| 784 |
+ </a> |
|
| 785 |
+ </li> |
|
| 786 |
+ <li><a href="#"><i></i> |
|
| 787 |
+ <p>외환(하나)은행 <span>241-22-04685-7</span></p> |
|
| 788 |
+ </a> |
|
| 789 |
+ </li> |
|
| 790 |
+ <li><a href="#"><i></i> |
|
| 791 |
+ <p>우리은행 <span>119-301098-13-101</span></p> |
|
| 792 |
+ </a> |
|
| 793 |
+ </li> |
|
| 794 |
+ </ul> |
|
| 795 |
+ <div class="area_text"> |
|
| 796 |
+ <p>※ 입금자명은 반드시 <span>본인의 아이디</span>로 입력하셔야 합니다(동명이인 식별 불가)</p> |
|
| 797 |
+ <p>※ 반드시 은행명, 입금액, 예금주를 먼저 입력하신 후 송금을 하셔야 하며, <span>송금이 완료된 상태에서 입금알림 버튼</span>을 눌러주셔야 합니다.</p> |
|
| 798 |
+ <ul class="box_input flex"> |
|
| 799 |
+ <li class="flex">은행명 |
|
| 800 |
+ <select name="" id=""> |
|
| 801 |
+ <option value="">국민은행</option> |
|
| 802 |
+ </select> |
|
| 803 |
+ </li> |
|
| 804 |
+ <li class="flex">입금금액 <input type="text" size="15"> |
|
| 805 |
+ <p class="input_in">원</p> |
|
| 806 |
+ </li> |
|
| 807 |
+ <li class="flex">예금주 <input type="text" size="15"></li> |
|
| 808 |
+ <li class="flex"> |
|
| 809 |
+ <input type="checkbox"> 상기 계좌에 입금 알림 <button>입금알림</button> |
|
| 810 |
+ </li> |
|
| 811 |
+ </ul> |
|
| 812 |
+ <p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회) |
|
| 813 |
+ <label for="" class="sel_type2_label">은행명</label> |
|
| 814 |
+ <select name="" id="" class="sel_type2"> |
|
| 815 |
+ <option value="">은행선택</option> |
|
| 816 |
+ <option value="">기업은행</option> |
|
| 817 |
+ <option value="">국민은행</option> |
|
| 818 |
+ <option value="">외환은행</option> |
|
| 819 |
+ <option value="">농협</option> |
|
| 820 |
+ <option value="">우리은행</option> |
|
| 821 |
+ <option value="">신한은행</option> |
|
| 822 |
+ <option value="">SC은행</option> |
|
| 823 |
+ <option value="">부산은행</option> |
|
| 824 |
+ <option value="">우체국</option> |
|
| 825 |
+ </select> |
|
| 826 |
+ <label for="" class="label">전화번호 입력</label> |
|
| 827 |
+ <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" |
|
| 828 |
+ onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 829 |
+ <button>문자받기</button> |
|
| 830 |
+ </p> |
|
| 831 |
+ </div> |
|
| 832 |
+ </td> |
|
| 833 |
+ </tr> |
|
| 834 |
+ </tbody> |
|
| 835 |
+ </table> |
|
| 836 |
+ <div style="text-align: center;"> |
|
| 837 |
+ <button class="btnType btnType16">충전하기</button> |
|
| 838 |
+ </div> |
|
| 839 |
+ </div> --> |
|
| 840 |
+ <!-- //무통장입금 --> |
|
| 841 |
+ |
|
| 842 |
+ <!-- 토스페이 --> |
|
| 843 |
+ <div class="area_tabcont current" id="tab2_7"> |
|
| 844 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p> |
|
| 845 |
+ <table class="tType1"> |
|
| 846 |
+ <caption></caption> |
|
| 847 |
+ <colgroup> |
|
| 848 |
+ <col style="width: 100px;"> |
|
| 849 |
+ <col style="width: auto;"> |
|
| 850 |
+ </colgroup> |
|
| 851 |
+ <tbody> |
|
| 852 |
+ <tr class="charge_content"> |
|
| 853 |
+ <th scope="row">충전금액</th> |
|
| 854 |
+ <td class="flex"> |
|
| 855 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 856 |
+ <option value="5000">5,000</option> |
|
| 857 |
+ <option value="10000">10,000</option> |
|
| 858 |
+ <option value="20000">20,000</option> |
|
| 859 |
+ <option value="30000">30,000</option> |
|
| 860 |
+ <option value="50000" selected="">50,000</option> |
|
| 861 |
+ <option value="100000">100,000</option> |
|
| 862 |
+ <option value="150000">150,000</option> |
|
| 863 |
+ </select> |
|
| 864 |
+ |
|
| 865 |
+ <p class="input_in">원</p> |
|
| 866 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 867 |
+ </td> |
|
| 868 |
+ </tr> |
|
| 869 |
+ <tr> |
|
| 870 |
+ <td colspan="2"> |
|
| 871 |
+ <div class="amount_wrap"> |
|
| 872 |
+ <dl> |
|
| 873 |
+ <dt>최종 결제금액 :</dt> |
|
| 874 |
+ <dd> |
|
| 875 |
+ <ul> |
|
| 876 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 877 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 878 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 879 |
+ </ul> |
|
| 880 |
+ </dd> |
|
| 881 |
+ </dl> |
|
| 882 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 883 |
+ </div> |
|
| 884 |
+ </td> |
|
| 885 |
+ </tr> |
|
| 886 |
+ <tr> |
|
| 887 |
+ <td colspan="2"> |
|
| 888 |
+ <div class="area_text"> |
|
| 889 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 890 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 891 |
+ <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 892 |
+ <p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p> |
|
| 893 |
+ </div> |
|
| 894 |
+ </td> |
|
| 895 |
+ </tr> |
|
| 896 |
+ </tbody> |
|
| 897 |
+ </table> |
|
| 898 |
+ </div> |
|
| 899 |
+ <!-- //토스페이 --> |
|
| 900 |
+ <!-- 페이코 --> |
|
| 901 |
+ <div class="area_tabcont current" id="tab2_8"> |
|
| 902 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> PAYCO</p> |
|
| 903 |
+ <table class="tType1"> |
|
| 904 |
+ <caption></caption> |
|
| 905 |
+ <colgroup> |
|
| 906 |
+ <col style="width: 100px;"> |
|
| 907 |
+ <col style="width: auto;"> |
|
| 908 |
+ </colgroup> |
|
| 909 |
+ <tbody> |
|
| 910 |
+ <tr class="charge_content"> |
|
| 911 |
+ <th scope="row">충전금액</th> |
|
| 912 |
+ <td class="flex"> |
|
| 913 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 914 |
+ <option value="5000">5,000</option> |
|
| 915 |
+ <option value="10000">10,000</option> |
|
| 916 |
+ <option value="20000">20,000</option> |
|
| 917 |
+ <option value="30000">30,000</option> |
|
| 918 |
+ <option value="50000" selected="">50,000</option> |
|
| 919 |
+ <option value="100000">100,000</option> |
|
| 920 |
+ <option value="200000">200,000</option> |
|
| 921 |
+ <option value="300000">300,000</option> |
|
| 922 |
+ <option value="500000">500,000</option> |
|
| 923 |
+ <option value="700000">700,000</option> |
|
| 924 |
+ <option value="900000">900,000</option> |
|
| 925 |
+ <option value="1000000">1,000,000</option> |
|
| 926 |
+ <option value="1200000">1,200,000</option> |
|
| 927 |
+ <option value="1500000">1,500,000</option> |
|
| 928 |
+ <option value="2000000">2,000,000</option> |
|
| 929 |
+ <option value="2500000">2,500,000</option> |
|
| 930 |
+ <option value="3000000">3,000,000</option> |
|
| 931 |
+ </select> |
|
| 932 |
+ |
|
| 933 |
+ <p class="input_in">원</p> |
|
| 934 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 935 |
+ </td> |
|
| 936 |
+ </tr> |
|
| 937 |
+ <tr> |
|
| 938 |
+ <td colspan="2"> |
|
| 939 |
+ <div class="amount_wrap"> |
|
| 940 |
+ <dl> |
|
| 941 |
+ <dt>최종 결제금액 :</dt> |
|
| 942 |
+ <dd> |
|
| 943 |
+ <ul> |
|
| 944 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 945 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 946 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 947 |
+ </ul> |
|
| 948 |
+ </dd> |
|
| 949 |
+ </dl> |
|
| 950 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 951 |
+ </div> |
|
| 952 |
+ </td> |
|
| 953 |
+ </tr> |
|
| 954 |
+ <tr> |
|
| 955 |
+ <td colspan="2"> |
|
| 956 |
+ <div class="area_text"> |
|
| 957 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 958 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 959 |
+ <p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p> |
|
| 960 |
+ </div> |
|
| 961 |
+ </td> |
|
| 962 |
+ </tr> |
|
| 963 |
+ </tbody> |
|
| 964 |
+ </table> |
|
| 965 |
+ </div> |
|
| 966 |
+ <!-- //페이코 --> |
|
| 701 | 967 |
</div> |
| 702 | 968 |
</div> |
| 703 | 969 |
</div> |
--- src/main/webapp/publish/guide_2022.html
+++ src/main/webapp/publish/guide_2022.html
... | ... | @@ -18,6 +18,8 @@ |
| 18 | 18 |
<!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p> |
| 19 | 19 |
<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> --> |
| 20 | 20 |
<ul class="page"> |
| 21 |
+ <li><a href="/publish/payment2.html">payment2.html</a>결제하기 > 충전수단 선택 > 간편결제 추가</li> |
|
| 22 |
+ <li><a href="/publish/firstpay_event2.html">firstpay_event2.html</a>이벤트 페이지 > 충전수단 선택 > 간편결제 추가</li> |
|
| 21 | 23 |
<li><a href="/publish/reservedmsg_2023.html">reservedmsg_2023.html</a>예약관리 > 문자탭 > rev_admin 수정, 발송방식 전체 버튼 추가, table > 발송방식 추가</li> |
| 22 | 24 |
<li><a href="/publish/textingmsg_2022.html">textingmsg_2022.html</a>발송결과 > 문자탭 > rev_admin 수정, 발송방식 전체 버튼 추가, table > 발송방식 추가</li> |
| 23 | 25 |
<li><a href="/publish/publish_adv/send_group_text.html">send_group_text.html</a>텍스트 수정, 메인화면 이동 버튼 추가</li> |
+++ src/main/webapp/publish/images/kakao_pay.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/never_pay.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/payco.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/toss_pay.png
| Binary file is not shown |
--- src/main/webapp/publish/payment2.html
+++ src/main/webapp/publish/payment2.html
... | ... | @@ -23,9 +23,11 @@ |
| 23 | 23 |
<script src="/publish/js/calendar.js"></script> |
| 24 | 24 |
<script src="/publish/js/popupLayer.js"></script> |
| 25 | 25 |
|
| 26 |
+ <!-- |
|
| 26 | 27 |
<style> |
| 27 |
- .charg_cont .area_tab li{ width: calc((100% - 80px)/5);}
|
|
| 28 |
+ .charg_cont .area_tab li{ width: calc((100% - 80px)/4);}
|
|
| 28 | 29 |
</style> |
| 30 |
+ --> |
|
| 29 | 31 |
|
| 30 | 32 |
</head> |
| 31 | 33 |
|
... | ... | @@ -217,23 +219,23 @@ |
| 217 | 219 |
<div> |
| 218 | 220 |
<p class="tab_tit">충전수단 선택</p> |
| 219 | 221 |
<ul class="area_tab"> |
| 220 |
- <li class="btn_charge_simple btn_tab active"><button onclick="TabType2(this,'1');"><i></i>간편결제</button></li> |
|
| 221 |
- <li class="btn_charge1 btn_tab"><button onclick="TabType2(this,'2');"><i></i>신용카드</button> |
|
| 222 |
- </li> |
|
| 223 |
- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>전용계좌</button> |
|
| 224 |
- </li> |
|
| 222 |
+ <li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>신용카드</button></li> |
|
| 223 |
+ <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>전용계좌</button></li> |
|
| 225 | 224 |
<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> --> |
| 226 |
- <li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>휴대폰결제</button> |
|
| 227 |
- </li> |
|
| 228 |
- <li class="btn_charge5 btn_tab"><button onclick="TabType2(this,'5');"><i></i>즉시이체</button> |
|
| 229 |
- </li> |
|
| 225 |
+ <li class="btn_charge3 btn_tab"><button onclick="TabType2(this,'3');"><i></i>휴대폰결제</button></li> |
|
| 226 |
+ <li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>즉시이체</button></li> |
|
| 227 |
+ |
|
| 228 |
+ <li class="btn_charge5 btn_tab simple_pay"><button onclick="TabType2(this,'5');"><i></i></button></li> |
|
| 229 |
+ <li class="btn_charge6 btn_tab simple_pay"><button onclick="TabType2(this,'6');"><i></i></button></li> |
|
| 230 |
+ <!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> --> |
|
| 231 |
+ <li class="btn_charge7 btn_tab simple_pay"><button onclick="TabType2(this,'7');"><i></i></li> |
|
| 232 |
+ <li class="btn_charge8 btn_tab simple_pay"><button onclick="TabType2(this,'8');"><i></i></button></li> |
|
| 230 | 233 |
</ul> |
| 231 |
- <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 |
|
| 232 |
- 다음 충전 시에도 |
|
| 233 |
- 이용합니다.</div> |
|
| 234 |
+ <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 다음 충전 시에도 이용합니다.</div> |
|
| 234 | 235 |
|
| 235 | 236 |
<!-- 간편결제 --> |
| 236 |
- <div class="area_tabcont on" id="tab2_1"> |
|
| 237 |
+ <!-- |
|
| 238 |
+ <div class="area_tabcont on" id="tab2_1"> |
|
| 237 | 239 |
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘"> |
| 238 | 240 |
간편결제</p> |
| 239 | 241 |
<table class="tType1"> |
... | ... | @@ -266,7 +268,6 @@ |
| 266 | 268 |
</select> |
| 267 | 269 |
|
| 268 | 270 |
<p class="input_in">원</p> |
| 269 |
- <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 270 | 271 |
</td> |
| 271 | 272 |
</tr> |
| 272 | 273 |
<tr> |
... | ... | @@ -300,11 +301,11 @@ |
| 300 | 301 |
</tbody> |
| 301 | 302 |
</table> |
| 302 | 303 |
</div> |
| 304 |
+ --> |
|
| 303 | 305 |
|
| 304 | 306 |
<!-- 신용카드 --> |
| 305 |
- <div class="area_tabcont " id="tab2_2"> |
|
| 306 |
- <p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> |
|
| 307 |
- 신용카드</p> |
|
| 307 |
+ <div class="area_tabcont on " id="tab2_1"> |
|
| 308 |
+ <p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> 신용카드</p> |
|
| 308 | 309 |
<table class="tType1"> |
| 309 | 310 |
<colgroup> |
| 310 | 311 |
<col style="width: 100px;"> |
... | ... | @@ -346,15 +347,12 @@ |
| 346 | 347 |
<dd> |
| 347 | 348 |
<ul> |
| 348 | 349 |
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
| 349 |
- <li><span class="plus"></span><strong |
|
| 350 |
- id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 351 |
- <li class="total"><span class="equal"></span><strong |
|
| 352 |
- id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 350 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 351 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 353 | 352 |
</ul> |
| 354 | 353 |
</dd> |
| 355 | 354 |
</dl> |
| 356 |
- <button type="button" class="btnType" |
|
| 357 |
- onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 355 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 358 | 356 |
</div> |
| 359 | 357 |
</td> |
| 360 | 358 |
</tr> |
... | ... | @@ -362,8 +360,7 @@ |
| 362 | 360 |
<td colspan="2"> |
| 363 | 361 |
<div class="area_text"> |
| 364 | 362 |
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
| 365 |
- <p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 |
|
| 366 |
- 있습니다.</p> |
|
| 363 |
+ <p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p> |
|
| 367 | 364 |
</div> |
| 368 | 365 |
</td> |
| 369 | 366 |
</tr> |
... | ... | @@ -373,10 +370,9 @@ |
| 373 | 370 |
<!-- //신용카드 --> |
| 374 | 371 |
|
| 375 | 372 |
<!-- 전용계좌 --> |
| 376 |
- <div class="area_tabcont current" id="tab2_3"> |
|
| 373 |
+ <div class="area_tabcont current" id="tab2_2"> |
|
| 377 | 374 |
<!-- 신규계좌발급 시 --> |
| 378 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" |
|
| 379 |
- alt="계좌 이미"> 전용계좌</p> |
|
| 375 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 380 | 376 |
<table class="tType1"> |
| 381 | 377 |
<caption></caption> |
| 382 | 378 |
<colgroup> |
... | ... | @@ -404,16 +400,14 @@ |
| 404 | 400 |
<option value="088">신한은행</option> |
| 405 | 401 |
</select> |
| 406 | 402 |
<p class="input_in" style="margin-right:5px;">원</p> |
| 407 |
- <button type="button" |
|
| 408 |
- onclick="fnNewBankAccount(); return false;">신규계좌받기</button> |
|
| 403 |
+ <button type="button" onclick="fnNewBankAccount(); return false;">신규계좌받기</button> |
|
| 409 | 404 |
</td> |
| 410 | 405 |
</tr> |
| 411 | 406 |
</tbody> |
| 412 | 407 |
</table> |
| 413 | 408 |
|
| 414 | 409 |
<!-- 기존 계좌있을 시 --> |
| 415 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" |
|
| 416 |
- alt="계좌 이미"> 전용계좌</p> |
|
| 410 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 417 | 411 |
<table class="tType1"> |
| 418 | 412 |
<caption></caption> |
| 419 | 413 |
<colgroup> |
... | ... | @@ -432,17 +426,12 @@ |
| 432 | 426 |
<td colspan="2"> |
| 433 | 427 |
<div class="area_text"> |
| 434 | 428 |
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p> |
| 435 |
- <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> |
|
| 436 |
- 가능합니다.</p> |
|
| 429 |
+ <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p> |
|
| 437 | 430 |
<!-- <p>- 예금주 : 문자온</p> --> |
| 438 | 431 |
<p>- 계좌번호 문자로 받기(일/3회까지) |
| 439 | 432 |
<label for="" class="label">전화번호 입력</label> |
| 440 |
- <input type="text" id="callTo" name="callTo" maxlength="11" |
|
| 441 |
- placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." |
|
| 442 |
- onfocus="this.placeholder=''" |
|
| 443 |
- onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 444 |
- <button type="button" |
|
| 445 |
- onclick="fnSmsSend(); return false;">문자받기</button> |
|
| 433 |
+ <input type="text" id="callTo" name="callTo" maxlength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 434 |
+ <button type="button" onclick="fnSmsSend(); return false;">문자받기</button> |
|
| 446 | 435 |
</p> |
| 447 | 436 |
</div> |
| 448 | 437 |
</td> |
... | ... | @@ -538,9 +527,8 @@ |
| 538 | 527 |
<!-- //무통장입금 --> |
| 539 | 528 |
|
| 540 | 529 |
<!-- 휴대폰 --> |
| 541 |
- <div class="area_tabcont current" id="tab2_4"> |
|
| 542 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> |
|
| 543 |
- 휴대폰결제</p> |
|
| 530 |
+ <div class="area_tabcont current" id="tab2_3"> |
|
| 531 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt="휴대폰결제"> 휴대폰결제</p> |
|
| 544 | 532 |
<table class="tType1"> |
| 545 | 533 |
<caption></caption> |
| 546 | 534 |
<colgroup> |
... | ... | @@ -573,15 +561,12 @@ |
| 573 | 561 |
<dd> |
| 574 | 562 |
<ul> |
| 575 | 563 |
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
| 576 |
- <li><span class="plus"></span><strong |
|
| 577 |
- id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 578 |
- <li class="total"><span class="equal"></span><strong |
|
| 579 |
- id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 564 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 565 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 580 | 566 |
</ul> |
| 581 | 567 |
</dd> |
| 582 | 568 |
</dl> |
| 583 |
- <button type="button" class="btnType" |
|
| 584 |
- onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 569 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 585 | 570 |
</div> |
| 586 | 571 |
</td> |
| 587 | 572 |
</tr> |
... | ... | @@ -600,9 +585,8 @@ |
| 600 | 585 |
<!-- //휴대폰 --> |
| 601 | 586 |
|
| 602 | 587 |
<!-- 즉시이체 --> |
| 603 |
- <div class="area_tabcont current" id="tab2_5"> |
|
| 604 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> |
|
| 605 |
- 즉시이체</p> |
|
| 588 |
+ <div class="area_tabcont current" id="tab2_4"> |
|
| 589 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt="즉시이체"> 즉시이체</p> |
|
| 606 | 590 |
<table class="tType1"> |
| 607 | 591 |
<caption></caption> |
| 608 | 592 |
<colgroup> |
... | ... | @@ -645,15 +629,12 @@ |
| 645 | 629 |
<dd> |
| 646 | 630 |
<ul> |
| 647 | 631 |
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
| 648 |
- <li><span class="plus"></span><strong |
|
| 649 |
- id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 650 |
- <li class="total"><span class="equal"></span><strong |
|
| 651 |
- id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 632 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 633 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 652 | 634 |
</ul> |
| 653 | 635 |
</dd> |
| 654 | 636 |
</dl> |
| 655 |
- <button type="button" class="btnType" |
|
| 656 |
- onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 637 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 657 | 638 |
</div> |
| 658 | 639 |
</td> |
| 659 | 640 |
</tr> |
... | ... | @@ -669,6 +650,355 @@ |
| 669 | 650 |
</table> |
| 670 | 651 |
</div> |
| 671 | 652 |
<!-- //즉시이체 --> |
| 653 |
+ <!-- 네이바페이 --> |
|
| 654 |
+ <div class="area_tabcont" id="tab2_5"> |
|
| 655 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p> |
|
| 656 |
+ <table class="tType1"> |
|
| 657 |
+ <colgroup> |
|
| 658 |
+ <col style="width: 100px;"> |
|
| 659 |
+ <col style="width: auto;"> |
|
| 660 |
+ </colgroup> |
|
| 661 |
+ <tbody> |
|
| 662 |
+ <tr class="charge_content"> |
|
| 663 |
+ <th scope="row">충전금액</th> |
|
| 664 |
+ <td class="flex"> |
|
| 665 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 666 |
+ <option value="5000">5,000</option> |
|
| 667 |
+ <option value="10000">10,000</option> |
|
| 668 |
+ <option value="20000">20,000</option> |
|
| 669 |
+ <option value="30000">30,000</option> |
|
| 670 |
+ <option value="50000" selected="">50,000</option> |
|
| 671 |
+ <option value="100000">100,000</option> |
|
| 672 |
+ <option value="200000">200,000</option> |
|
| 673 |
+ <option value="300000">300,000</option> |
|
| 674 |
+ <option value="500000">500,000</option> |
|
| 675 |
+ <option value="700000">700,000</option> |
|
| 676 |
+ <option value="900000">900,000</option> |
|
| 677 |
+ <option value="1000000">1,000,000</option> |
|
| 678 |
+ <option value="1200000">1,200,000</option> |
|
| 679 |
+ <option value="1500000">1,500,000</option> |
|
| 680 |
+ <option value="2000000">2,000,000</option> |
|
| 681 |
+ <option value="2500000">2,500,000</option> |
|
| 682 |
+ <option value="3000000">3,000,000</option> |
|
| 683 |
+ </select> |
|
| 684 |
+ |
|
| 685 |
+ <p class="input_in">원</p> |
|
| 686 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 687 |
+ </td> |
|
| 688 |
+ </tr> |
|
| 689 |
+ <tr> |
|
| 690 |
+ <td colspan="2"> |
|
| 691 |
+ <div class="amount_wrap"> |
|
| 692 |
+ <dl> |
|
| 693 |
+ <dt>최종 결제금액 :</dt> |
|
| 694 |
+ <dd> |
|
| 695 |
+ <ul> |
|
| 696 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 697 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 698 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 699 |
+ </ul> |
|
| 700 |
+ </dd> |
|
| 701 |
+ </dl> |
|
| 702 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 703 |
+ </div> |
|
| 704 |
+ </td> |
|
| 705 |
+ </tr> |
|
| 706 |
+ <tr> |
|
| 707 |
+ <td colspan="2"> |
|
| 708 |
+ <div class="area_text"> |
|
| 709 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 710 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 711 |
+ <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 712 |
+ <p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p> |
|
| 713 |
+ <p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p> |
|
| 714 |
+ </div> |
|
| 715 |
+ </td> |
|
| 716 |
+ </tr> |
|
| 717 |
+ </tbody> |
|
| 718 |
+ </table> |
|
| 719 |
+ </div> |
|
| 720 |
+ <!-- //네이버페이 --> |
|
| 721 |
+ |
|
| 722 |
+ <!-- 카카오페이 --> |
|
| 723 |
+ <div class="area_tabcont current" id="tab2_6"> |
|
| 724 |
+ <!-- 신규계좌발급 시 --> |
|
| 725 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p> |
|
| 726 |
+ <table class="tType1"> |
|
| 727 |
+ <colgroup> |
|
| 728 |
+ <col style="width: 100px;"> |
|
| 729 |
+ <col style="width: auto;"> |
|
| 730 |
+ </colgroup> |
|
| 731 |
+ <tbody> |
|
| 732 |
+ <tr class="charge_content"> |
|
| 733 |
+ <th scope="row">충전금액</th> |
|
| 734 |
+ <td class="flex"> |
|
| 735 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 736 |
+ <option value="5000">5,000</option> |
|
| 737 |
+ <option value="10000">10,000</option> |
|
| 738 |
+ <option value="20000">20,000</option> |
|
| 739 |
+ <option value="30000">30,000</option> |
|
| 740 |
+ <option value="50000" selected="">50,000</option> |
|
| 741 |
+ <option value="100000">100,000</option> |
|
| 742 |
+ <option value="200000">200,000</option> |
|
| 743 |
+ <option value="300000">300,000</option> |
|
| 744 |
+ <option value="500000">500,000</option> |
|
| 745 |
+ <option value="700000">700,000</option> |
|
| 746 |
+ <option value="900000">900,000</option> |
|
| 747 |
+ <option value="1000000">1,000,000</option> |
|
| 748 |
+ <option value="1200000">1,200,000</option> |
|
| 749 |
+ <option value="1500000">1,500,000</option> |
|
| 750 |
+ <option value="2000000">2,000,000</option> |
|
| 751 |
+ <option value="2500000">2,500,000</option> |
|
| 752 |
+ <option value="3000000">3,000,000</option> |
|
| 753 |
+ </select> |
|
| 754 |
+ |
|
| 755 |
+ <p class="input_in">원</p> |
|
| 756 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 757 |
+ </td> |
|
| 758 |
+ </tr> |
|
| 759 |
+ <tr> |
|
| 760 |
+ <td colspan="2"> |
|
| 761 |
+ <div class="amount_wrap"> |
|
| 762 |
+ <dl> |
|
| 763 |
+ <dt>최종 결제금액 :</dt> |
|
| 764 |
+ <dd> |
|
| 765 |
+ <ul> |
|
| 766 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 767 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 768 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 769 |
+ </ul> |
|
| 770 |
+ </dd> |
|
| 771 |
+ </dl> |
|
| 772 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 773 |
+ </div> |
|
| 774 |
+ </td> |
|
| 775 |
+ </tr> |
|
| 776 |
+ <tr> |
|
| 777 |
+ <td colspan="2"> |
|
| 778 |
+ <div class="area_text"> |
|
| 779 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 780 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 781 |
+ <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 782 |
+ <p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p> |
|
| 783 |
+ </div> |
|
| 784 |
+ </td> |
|
| 785 |
+ </tr> |
|
| 786 |
+ </tbody> |
|
| 787 |
+ </table> |
|
| 788 |
+ </div> |
|
| 789 |
+ <!-- //카카오페이 --> |
|
| 790 |
+ |
|
| 791 |
+ <!-- 무통장입금 --> |
|
| 792 |
+ <!-- <div class="area_tabcont" id="tab2_4"> |
|
| 793 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging3_small.png" alt=""> 무통장입금</p> |
|
| 794 |
+ <table class="tType1"> |
|
| 795 |
+ <caption></caption> |
|
| 796 |
+ <colgroup> |
|
| 797 |
+ <col style="width: 100px;"> |
|
| 798 |
+ <col style="width: auto;"> |
|
| 799 |
+ </colgroup> |
|
| 800 |
+ <tbody> |
|
| 801 |
+ <tr> |
|
| 802 |
+ <td colspan="2"> |
|
| 803 |
+ <ul class="info_bank"> |
|
| 804 |
+ <li><a href="#"><i></i> |
|
| 805 |
+ <p>신한은행 <span>389-01-106644</span></p> |
|
| 806 |
+ </a> |
|
| 807 |
+ </li> |
|
| 808 |
+ <li><a href="#"><i></i> |
|
| 809 |
+ <p>농협은행 <span>7700-7700-28</span></p> |
|
| 810 |
+ </a> |
|
| 811 |
+ </li> |
|
| 812 |
+ <li><a href="#"><i></i> |
|
| 813 |
+ <p>국민은행 <span>839-25-0027-299</span></p> |
|
| 814 |
+ </a> |
|
| 815 |
+ </li> |
|
| 816 |
+ <li><a href href="#"><i></i> |
|
| 817 |
+ <p>기업은행 <span>065-048245-04-013</span></p> |
|
| 818 |
+ </a> |
|
| 819 |
+ </li> |
|
| 820 |
+ <li><a href="#"><i></i> |
|
| 821 |
+ <p>외환(하나)은행 <span>241-22-04685-7</span></p> |
|
| 822 |
+ </a> |
|
| 823 |
+ </li> |
|
| 824 |
+ <li><a href="#"><i></i> |
|
| 825 |
+ <p>우리은행 <span>119-301098-13-101</span></p> |
|
| 826 |
+ </a> |
|
| 827 |
+ </li> |
|
| 828 |
+ </ul> |
|
| 829 |
+ <div class="area_text"> |
|
| 830 |
+ <p>※ 입금자명은 반드시 <span>본인의 아이디</span>로 입력하셔야 합니다(동명이인 식별 불가)</p> |
|
| 831 |
+ <p>※ 반드시 은행명, 입금액, 예금주를 먼저 입력하신 후 송금을 하셔야 하며, <span>송금이 완료된 상태에서 입금알림 버튼</span>을 눌러주셔야 합니다.</p> |
|
| 832 |
+ <ul class="box_input flex"> |
|
| 833 |
+ <li class="flex">은행명 |
|
| 834 |
+ <select name="" id=""> |
|
| 835 |
+ <option value="">국민은행</option> |
|
| 836 |
+ </select> |
|
| 837 |
+ </li> |
|
| 838 |
+ <li class="flex">입금금액 <input type="text" size="15"> |
|
| 839 |
+ <p class="input_in">원</p> |
|
| 840 |
+ </li> |
|
| 841 |
+ <li class="flex">예금주 <input type="text" size="15"></li> |
|
| 842 |
+ <li class="flex"> |
|
| 843 |
+ <input type="checkbox"> 상기 계좌에 입금 알림 <button>입금알림</button> |
|
| 844 |
+ </li> |
|
| 845 |
+ </ul> |
|
| 846 |
+ <p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회) |
|
| 847 |
+ <label for="" class="sel_type2_label">은행명</label> |
|
| 848 |
+ <select name="" id="" class="sel_type2"> |
|
| 849 |
+ <option value="">은행선택</option> |
|
| 850 |
+ <option value="">기업은행</option> |
|
| 851 |
+ <option value="">국민은행</option> |
|
| 852 |
+ <option value="">외환은행</option> |
|
| 853 |
+ <option value="">농협</option> |
|
| 854 |
+ <option value="">우리은행</option> |
|
| 855 |
+ <option value="">신한은행</option> |
|
| 856 |
+ <option value="">SC은행</option> |
|
| 857 |
+ <option value="">부산은행</option> |
|
| 858 |
+ <option value="">우체국</option> |
|
| 859 |
+ </select> |
|
| 860 |
+ <label for="" class="label">전화번호 입력</label> |
|
| 861 |
+ <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" |
|
| 862 |
+ onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 863 |
+ <button>문자받기</button> |
|
| 864 |
+ </p> |
|
| 865 |
+ </div> |
|
| 866 |
+ </td> |
|
| 867 |
+ </tr> |
|
| 868 |
+ </tbody> |
|
| 869 |
+ </table> |
|
| 870 |
+ <div style="text-align: center;"> |
|
| 871 |
+ <button class="btnType btnType16">충전하기</button> |
|
| 872 |
+ </div> |
|
| 873 |
+ </div> --> |
|
| 874 |
+ <!-- //무통장입금 --> |
|
| 875 |
+ |
|
| 876 |
+ <!-- 토스페이 --> |
|
| 877 |
+ <div class="area_tabcont current" id="tab2_7"> |
|
| 878 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p> |
|
| 879 |
+ <table class="tType1"> |
|
| 880 |
+ <caption></caption> |
|
| 881 |
+ <colgroup> |
|
| 882 |
+ <col style="width: 100px;"> |
|
| 883 |
+ <col style="width: auto;"> |
|
| 884 |
+ </colgroup> |
|
| 885 |
+ <tbody> |
|
| 886 |
+ <tr class="charge_content"> |
|
| 887 |
+ <th scope="row">충전금액</th> |
|
| 888 |
+ <td class="flex"> |
|
| 889 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 890 |
+ <option value="5000">5,000</option> |
|
| 891 |
+ <option value="10000">10,000</option> |
|
| 892 |
+ <option value="20000">20,000</option> |
|
| 893 |
+ <option value="30000">30,000</option> |
|
| 894 |
+ <option value="50000" selected="">50,000</option> |
|
| 895 |
+ <option value="100000">100,000</option> |
|
| 896 |
+ <option value="150000">150,000</option> |
|
| 897 |
+ </select> |
|
| 898 |
+ |
|
| 899 |
+ <p class="input_in">원</p> |
|
| 900 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 901 |
+ </td> |
|
| 902 |
+ </tr> |
|
| 903 |
+ <tr> |
|
| 904 |
+ <td colspan="2"> |
|
| 905 |
+ <div class="amount_wrap"> |
|
| 906 |
+ <dl> |
|
| 907 |
+ <dt>최종 결제금액 :</dt> |
|
| 908 |
+ <dd> |
|
| 909 |
+ <ul> |
|
| 910 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 911 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 912 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 913 |
+ </ul> |
|
| 914 |
+ </dd> |
|
| 915 |
+ </dl> |
|
| 916 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 917 |
+ </div> |
|
| 918 |
+ </td> |
|
| 919 |
+ </tr> |
|
| 920 |
+ <tr> |
|
| 921 |
+ <td colspan="2"> |
|
| 922 |
+ <div class="area_text"> |
|
| 923 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 924 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 925 |
+ <p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p> |
|
| 926 |
+ <p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p> |
|
| 927 |
+ </div> |
|
| 928 |
+ </td> |
|
| 929 |
+ </tr> |
|
| 930 |
+ </tbody> |
|
| 931 |
+ </table> |
|
| 932 |
+ </div> |
|
| 933 |
+ <!-- //토스페이 --> |
|
| 934 |
+ |
|
| 935 |
+ <!-- 페이코 --> |
|
| 936 |
+ <div class="area_tabcont current" id="tab2_8"> |
|
| 937 |
+ <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> PAYCO</p> |
|
| 938 |
+ <table class="tType1"> |
|
| 939 |
+ <caption></caption> |
|
| 940 |
+ <colgroup> |
|
| 941 |
+ <col style="width: 100px;"> |
|
| 942 |
+ <col style="width: auto;"> |
|
| 943 |
+ </colgroup> |
|
| 944 |
+ <tbody> |
|
| 945 |
+ <tr class="charge_content"> |
|
| 946 |
+ <th scope="row">충전금액</th> |
|
| 947 |
+ <td class="flex"> |
|
| 948 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 949 |
+ <option value="5000">5,000</option> |
|
| 950 |
+ <option value="10000">10,000</option> |
|
| 951 |
+ <option value="20000">20,000</option> |
|
| 952 |
+ <option value="30000">30,000</option> |
|
| 953 |
+ <option value="50000" selected="">50,000</option> |
|
| 954 |
+ <option value="100000">100,000</option> |
|
| 955 |
+ <option value="200000">200,000</option> |
|
| 956 |
+ <option value="300000">300,000</option> |
|
| 957 |
+ <option value="500000">500,000</option> |
|
| 958 |
+ <option value="700000">700,000</option> |
|
| 959 |
+ <option value="900000">900,000</option> |
|
| 960 |
+ <option value="1000000">1,000,000</option> |
|
| 961 |
+ <option value="1200000">1,200,000</option> |
|
| 962 |
+ <option value="1500000">1,500,000</option> |
|
| 963 |
+ <option value="2000000">2,000,000</option> |
|
| 964 |
+ <option value="2500000">2,500,000</option> |
|
| 965 |
+ <option value="3000000">3,000,000</option> |
|
| 966 |
+ </select> |
|
| 967 |
+ |
|
| 968 |
+ <p class="input_in">원</p> |
|
| 969 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 970 |
+ </td> |
|
| 971 |
+ </tr> |
|
| 972 |
+ <tr> |
|
| 973 |
+ <td colspan="2"> |
|
| 974 |
+ <div class="amount_wrap"> |
|
| 975 |
+ <dl> |
|
| 976 |
+ <dt>최종 결제금액 :</dt> |
|
| 977 |
+ <dd> |
|
| 978 |
+ <ul> |
|
| 979 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 980 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 981 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 982 |
+ </ul> |
|
| 983 |
+ </dd> |
|
| 984 |
+ </dl> |
|
| 985 |
+ <button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 986 |
+ </div> |
|
| 987 |
+ </td> |
|
| 988 |
+ </tr> |
|
| 989 |
+ <tr> |
|
| 990 |
+ <td colspan="2"> |
|
| 991 |
+ <div class="area_text"> |
|
| 992 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 993 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 994 |
+ <p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p> |
|
| 995 |
+ </div> |
|
| 996 |
+ </td> |
|
| 997 |
+ </tr> |
|
| 998 |
+ </tbody> |
|
| 999 |
+ </table> |
|
| 1000 |
+ </div> |
|
| 1001 |
+ <!-- //페이코 --> |
|
| 672 | 1002 |
</div> |
| 673 | 1003 |
|
| 674 | 1004 |
<!--누적결제액별 등급 및 단가 추가 시작--> |
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?