2023/07/10 문자온 등급제, 간편결제 퍼블리싱 수정
This commit is contained in:
ITN_디자인팀
parent
e71cc2086c
commit
f8df9f4d73
@ -821,7 +821,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.ext_info li:nth-child(1) i {background-image: url(/publish/images/content/list_view_icon1.png); width: 16px; height: 16px; }
|
||||
.ext_info li:nth-child(2) i {background-image: url(/publish/images/content/list_view_icon2.png); width: 16px; height: 16px; margin: 0 10px 3px 0;}
|
||||
.ext_info li:nth-child(3) i {background-image: url(/publish/images/content/hits_icon.png); width: 24px; height: 14px; margin: 0 10px 3px 0; opacity: 0.9;}
|
||||
.view_wrap .view_cont {padding: 40px 00px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5;}
|
||||
/*.view_wrap .view_cont {padding: 40px 00px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5;}*/
|
||||
.view_wrap .view_cont .cont_in {font-size: 18px; line-height: 1.5; font-weight: 300;}
|
||||
.view_wrap .view_cont .cont_in .img_cont {text-align: center; margin-bottom: 70px;}
|
||||
|
||||
|
||||
@ -282,410 +282,7 @@
|
||||
문자온 이벤트 및 혜택을 문자, 카카오톡, 메일로 수신하는 것에 동의합니다.</label></li>
|
||||
</ul> -->
|
||||
</div>
|
||||
<div class="serv_content charg_cont">
|
||||
<div>
|
||||
<p class="tab_tit">충전수단 선택</p>
|
||||
<ul class="area_tab">
|
||||
<li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>간편결제</button></li>
|
||||
<li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');"><i></i>신용카드</button></li>
|
||||
<li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'3');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
|
||||
<!-- <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> -->
|
||||
<li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li>
|
||||
<li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li>
|
||||
</ul>
|
||||
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
|
||||
|
||||
<!-- 간편결제 -->
|
||||
<div class="area_tabcont on" id="tab2_1">
|
||||
<p class="tType1_title">
|
||||
<img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘"> 간편결제</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 100px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="charge_content">
|
||||
<th scope="row">충전금액</th>
|
||||
<td class="flex">
|
||||
<select name="tempPrice" id="tempPrice"
|
||||
class="list_seType1">
|
||||
<option value="5000">5,000</option>
|
||||
<option value="10000">10,000</option>
|
||||
<option value="20000">20,000</option>
|
||||
<option value="30000">30,000</option>
|
||||
<option value="50000" selected>50,000</option>
|
||||
<option value="100000">100,000</option>
|
||||
<option value="200000">200,000</option>
|
||||
<option value="300000">300,000</option>
|
||||
<option value="500000">500,000</option>
|
||||
<option value="700000">700,000</option>
|
||||
<option value="900000">900,000</option>
|
||||
<option value="1000000">1,000,000</option>
|
||||
<option value="1200000">1,200,000</option>
|
||||
<option value="1500000">1,500,000</option>
|
||||
<option value="2000000">2,000,000</option>
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||||
<p class="input_in">원</p> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||||
<p class="input_in">원</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="amount_wrap">
|
||||
<dl>
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="button" class="btnType"
|
||||
onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<!-- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p> -->
|
||||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //간편결제 -->
|
||||
|
||||
<!-- 신용카드 -->
|
||||
<div class="area_tabcont" id="tab2_2">
|
||||
<p class="tType1_title"><img src="/publish/images/credit_small.png" alt=""> 신용카드</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 100px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="charge_content">
|
||||
<th scope="row">충전금액</th>
|
||||
<td class="flex">
|
||||
<select name="tempPrice" id="tempPrice"
|
||||
class="list_seType1">
|
||||
<option value="5000">5,000</option>
|
||||
<option value="10000">10,000</option>
|
||||
<option value="20000">20,000</option>
|
||||
<option value="30000">30,000</option>
|
||||
<option value="50000" selected>50,000</option>
|
||||
<option value="100000">100,000</option>
|
||||
<option value="200000">200,000</option>
|
||||
<option value="300000">300,000</option>
|
||||
<option value="500000">500,000</option>
|
||||
<option value="700000">700,000</option>
|
||||
<option value="900000">900,000</option>
|
||||
<option value="1000000">1,000,000</option>
|
||||
<option value="1200000">1,200,000</option>
|
||||
<option value="1500000">1,500,000</option>
|
||||
<option value="2000000">2,000,000</option>
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||||
<p class="input_in">원</p> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||||
<p class="input_in">원</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="amount_wrap">
|
||||
<dl>
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="button" class="btnType"
|
||||
onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<!-- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p> -->
|
||||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.
|
||||
</p>
|
||||
<p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드
|
||||
결제는 충전금액 제한 없이 이용하실 수 있습니다.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //신용카드 -->
|
||||
|
||||
<!-- 전용계좌 -->
|
||||
<div class="area_tabcont" id="tab2_3">
|
||||
<!-- 신규계좌발급 시 -->
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging1_small.png"
|
||||
alt="계좌 이미"> 전용계좌</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 65%">
|
||||
<col style="width: 35%">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="area_text">
|
||||
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
|
||||
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||||
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
|
||||
</div>
|
||||
</td>
|
||||
<td class="right">
|
||||
<label for="bankCd" class="label">은행선택</label>
|
||||
<select name="bankCd" id="bankCd">
|
||||
<option value="">은행선택</option>
|
||||
<option value="003">기업은행</option>
|
||||
<option value="004">국민은행</option>
|
||||
<option value="011">농협은행</option>
|
||||
<option value="020">우리은행</option>
|
||||
<option value="081">하나은행</option>
|
||||
<option value="088">신한은행</option>
|
||||
</select>
|
||||
<p class="input_in" style="margin-right:5px;">원</p>
|
||||
<button type="button"
|
||||
onclick="fnNewBankAccount(); return false;">신규계좌받기</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- 기존 계좌있을 시 -->
|
||||
<p class="tType1_title" style="margin-top: 50px;"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 65%">
|
||||
<col style="width: 35%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div>
|
||||
보유한 전용 계좌가 없습니다.
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
|
||||
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span>
|
||||
가능합니다.</p>
|
||||
<!-- <p>- 예금주 : 문자온</p> -->
|
||||
<p>- 계좌번호 문자로 받기(일/3회까지)
|
||||
<label for="" class="label">전화번호 입력</label>
|
||||
<input type="text" id="callTo" name="callTo" maxlength="11"
|
||||
placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요."
|
||||
onfocus="this.placeholder=''"
|
||||
onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||||
<button type="button"
|
||||
onclick="fnSmsSend(); return false;">문자받기</button>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //전용계좌 -->
|
||||
|
||||
<!-- 휴대폰 -->
|
||||
<div class="area_tabcont" id="tab2_4">
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging4_small.png"
|
||||
alt=""> 휴대폰결제</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 100px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="charge_content">
|
||||
<th scope="row">충전금액</th>
|
||||
<td class="flex">
|
||||
<select name="tempPrice" id="tempPrice"
|
||||
class="list_seType1">
|
||||
<option value="5000">5,000</option>
|
||||
<option value="10000">10,000</option>
|
||||
<option value="20000">20,000</option>
|
||||
<option value="30000">30,000</option>
|
||||
<option value="50000" selected>50,000</option>
|
||||
<option value="100000">100,000</option>
|
||||
<option value="150000">150,000</option>
|
||||
</select>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||||
<p class="input_in">원</p> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||||
<p class="input_in">원</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="amount_wrap">
|
||||
<dl>
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="button" class="btnType"
|
||||
onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<p>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p>
|
||||
<p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수
|
||||
있습니다.</p>
|
||||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //휴대폰 -->
|
||||
|
||||
<!-- 즉시이체 -->
|
||||
<div class="area_tabcont" id="tab2_5">
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging5_small.png"
|
||||
alt=""> 즉시이체</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 100px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="charge_content">
|
||||
<th scope="row">충전금액</th>
|
||||
<td class="flex">
|
||||
<select name="tempPrice" id="tempPrice"
|
||||
class="list_seType1">
|
||||
<option value="5000">5,000</option>
|
||||
<option value="10000">10,000</option>
|
||||
<option value="20000">20,000</option>
|
||||
<option value="30000">30,000</option>
|
||||
<option value="50000" selected>50,000</option>
|
||||
<option value="100000">100,000</option>
|
||||
<option value="200000">200,000</option>
|
||||
<option value="300000">300,000</option>
|
||||
<option value="500000">500,000</option>
|
||||
<option value="700000">700,000</option>
|
||||
<option value="900000">900,000</option>
|
||||
<option value="1000000">1,000,000</option>
|
||||
<option value="1200000">1,200,000</option>
|
||||
<option value="1500000">1,500,000</option>
|
||||
<option value="2000000">2,000,000</option>
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||||
<p class="input_in">원</p> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||||
<p class="input_in">원</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="amount_wrap">
|
||||
<dl>
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="button" class="btnType"
|
||||
onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<p>- 나이스페이 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로
|
||||
실시간 계좌 이체</p>
|
||||
<p> (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제
|
||||
수단입니다.(소득공제 및 지출증빙 가능)</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //즉시이체 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -288,20 +288,20 @@
|
||||
<button type="button" onclick="TabTypePay(this,'1');"><i></i>간편결제</button>
|
||||
</li>
|
||||
<li class="btn_charge1 btn_tab">
|
||||
<button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button>
|
||||
<button type="button" onclick="TabTypePay(this,'2');"><i></i>신용카드</button>
|
||||
</li>
|
||||
<li class="btn_charge2 btn_tab">
|
||||
<button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button>
|
||||
<button type="button" onclick="TabTypePay(this,'3');" id="btnDdedicatedAccount"><i></i>전용계좌</button>
|
||||
</li>
|
||||
<!-- <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> -->
|
||||
<!-- <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li> -->
|
||||
<li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li>
|
||||
<li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>즉시이체</button></li>
|
||||
</ul>
|
||||
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
|
||||
|
||||
<!-- 신용카드 -->
|
||||
<!-- 간편결제 -->
|
||||
<div class="area_tabcont on" id="tab2_1">
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
|
||||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 간편결제</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
@ -331,6 +331,7 @@
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
<p class="input_in">원</p>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
@ -349,11 +350,90 @@
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)
|
||||
</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)
|
||||
</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)
|
||||
</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="button" class="btnType"
|
||||
onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<!-- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p> -->
|
||||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //간편결제 -->
|
||||
|
||||
<!-- 신용카드 -->
|
||||
<div class="area_tabcont" id="tab2_2">
|
||||
<p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> 신용카드</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 100px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="charge_content">
|
||||
<th scope="row">충전금액</th>
|
||||
<td class="flex">
|
||||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||||
<option value="5000">5,000</option>
|
||||
<option value="10000">10,000</option>
|
||||
<option value="20000">20,000</option>
|
||||
<option value="30000">30,000</option>
|
||||
<option value="50000" selected>50,000</option>
|
||||
<option value="100000">100,000</option>
|
||||
<option value="200000">200,000</option>
|
||||
<option value="300000">300,000</option>
|
||||
<option value="500000">500,000</option>
|
||||
<option value="700000">700,000</option>
|
||||
<option value="900000">900,000</option>
|
||||
<option value="1000000">1,000,000</option>
|
||||
<option value="1200000">1,200,000</option>
|
||||
<option value="1500000">1,500,000</option>
|
||||
<option value="2000000">2,000,000</option>
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
<p class="input_in">원</p>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||||
<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
|
||||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||||
<p class="input_in">원</p> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="amount_wrap">
|
||||
<dl>
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)
|
||||
</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)
|
||||
</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)
|
||||
</li>
|
||||
</ul>
|
||||
</dd>
|
||||
@ -380,11 +460,9 @@
|
||||
<!-- //신용카드 -->
|
||||
|
||||
<!-- 전용계좌 -->
|
||||
<div class="area_tabcont" id="tab2_2">
|
||||
<div class="area_tabcont current" id="tab2_3">
|
||||
<!-- 신규계좌발급 시 -->
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging1_small.png"
|
||||
alt="계좌 이미"> 전용계좌</p>
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
@ -395,18 +473,11 @@
|
||||
<tr>
|
||||
<td>
|
||||
<div class="area_text">
|
||||
<c:choose>
|
||||
<c:when test="${not empty resultMyList}">
|
||||
<p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능,
|
||||
5천원 이상 입금 가능)</p>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
|
||||
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능,
|
||||
5천원 이상 입금 가능)</p>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
<div class="area_text">
|
||||
<p>1. <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p>
|
||||
<p>2. 현재 발급받은 전용계좌가 없습니다.</p>
|
||||
<p>3. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||||
</div>
|
||||
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
|
||||
</div>
|
||||
</td>
|
||||
@ -414,84 +485,55 @@
|
||||
<label for="bankCd" class="label">은행선택</label>
|
||||
<select name="bankCd" id="bankCd">
|
||||
<option value="">은행선택</option>
|
||||
<c:forEach var="result" items="${resultList}"
|
||||
varStatus="status">
|
||||
<option value="${result.bankCd}">
|
||||
${result.codeNm}</option>
|
||||
</c:forEach>
|
||||
|
||||
<option value="003">기업은행</option>
|
||||
|
||||
<option value="004">국민은행</option>
|
||||
|
||||
<option value="011">농협은행</option>
|
||||
|
||||
<option value="020">우리은행</option>
|
||||
|
||||
<option value="081">하나은행</option>
|
||||
|
||||
<option value="088">신한은행</option>
|
||||
|
||||
</select>
|
||||
<p class="input_in" style="margin-right:5px;">원</p>
|
||||
<button type="button"
|
||||
onclick="fnNewBankAccount(); return false;">신규계좌받기</button>
|
||||
<button type="button" onclick="fnNewBankAccount(); return false;">신규계좌받기</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<!-- 기존 계좌있을 시 -->
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging1_small.png"
|
||||
alt="계좌 이미"> 전용계좌</p>
|
||||
<p style="margin-top: 40px;" class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
|
||||
<table class="tType1">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 65%">
|
||||
<col style="width: 35%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<c:choose>
|
||||
<c:when test="${not empty resultMyList}">
|
||||
<c:forEach var="result" items="${resultMyList}"
|
||||
varStatus="status">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="radio"
|
||||
id="chkAccount${status.count}"
|
||||
name="chkAccount"
|
||||
value="<c:out value='${result.bankCd}'/>_<c:out value='${result.codeNm}'/>_<c:out value='${result.acctNo}'/>">
|
||||
<label
|
||||
for="chkAccount${status.count}"></label>
|
||||
<c:out value='${result.codeNm}' />
|
||||
<c:out value='${result.acctNo}' />
|
||||
</div>
|
||||
<div class="account_holder">
|
||||
(예금주 :
|
||||
<c:out value="${result.cmfNm}" />)
|
||||
</div>
|
||||
</td>
|
||||
<td class="right">
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div>
|
||||
보유한 전용 계좌가 없습니다.
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div>
|
||||
보유한 전용 계좌가 없습니다.
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동
|
||||
해지</span>됩니다.</p>
|
||||
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴
|
||||
<span>실시간 자동 충전이</span> 가능합니다.</p>
|
||||
<p>- <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p>
|
||||
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
|
||||
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
|
||||
<!-- <p>- 예금주 : 문자온</p> -->
|
||||
<p>- 계좌번호 문자로 받기(일/3회까지)
|
||||
<p>- 계좌번호 문자로 받기(일/3회까지)
|
||||
<label for="" class="label">전화번호 입력</label>
|
||||
<input type="text" id="callTo" name="callTo"
|
||||
maxLength="11"
|
||||
placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요."
|
||||
onfocus="this.placeholder=''"
|
||||
onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||||
<button type="button"
|
||||
onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button>
|
||||
<input type="text" id="callTo" name="callTo" maxlength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||||
<button type="button" onclick="fnSmsSend(); return false;">문자받기</button>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
@ -501,7 +543,7 @@
|
||||
</div>
|
||||
<!-- //전용계좌 -->
|
||||
|
||||
<!-- 휴대폰 -->
|
||||
<!-- 휴대폰
|
||||
<div class="area_tabcont" id="tab2_4">
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging4_small.png"
|
||||
@ -526,7 +568,7 @@
|
||||
<option value="100000">100,000</option>
|
||||
<option value="150000">150,000</option>
|
||||
</select>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
|
||||
@ -534,7 +576,7 @@
|
||||
<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
|
||||
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
|
||||
<p class="input_in">원</p> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
|
||||
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -571,11 +613,11 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>-->
|
||||
<!-- //휴대폰 -->
|
||||
|
||||
<!-- 즉시이체 -->
|
||||
<div class="area_tabcont" id="tab2_5">
|
||||
<div class="area_tabcont" id="tab2_4">
|
||||
<p class="tType1_title"><img
|
||||
src="/publish/images/content/icon_charging5_small.png"
|
||||
alt=""> 즉시이체</p>
|
||||
@ -609,6 +651,7 @@
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
<p class="input_in">원</p>
|
||||
<!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
|
||||
<p class="input_in">원</p>
|
||||
<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
|
||||
@ -627,11 +670,11 @@
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)
|
||||
</li>
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
|
||||
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)
|
||||
</li>
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
|
||||
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)
|
||||
</li>
|
||||
</ul>
|
||||
</dd>
|
||||
|
||||
@ -18,6 +18,8 @@
|
||||
<!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
|
||||
<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
|
||||
<ul class="page">
|
||||
<li><a href="/publish/firstpay_event.html">firstpay_event.html</a>충전수단 선택 내용 삭제</li>
|
||||
<li><a href="/publish/firstpay_event2.html">firstpay_event2.html</a>충전수단 선택 내용 수정 </li>
|
||||
<li><a href="/publish/payment2.html">payment2.html</a>결제관리 > 결제하기 > 충전수단 선택 > 간편결제추가 + 등급별금액&누적결제액별 등급 및 단가(테이블 및 텍스트 추가)</li>
|
||||
<li><a href="/publish/firstpay_event2.html">firstpay_event2.html</a>고객센터 > 이벤트페이지 > 충전수단 선택 내용 추가 </li>
|
||||
<li><a href="/publish/index_2023.html">index_2023.html</a>로그인 바 > 등급별 아이콘 이미지 추가 + 홍길동(개인)으로 이름 변경 (님)자 제거 + 요금안내 페이지 이동 탑 배너 추가 + 퀵메뉴 > 맞춤제작을 요금안내로 변경</li>
|
||||
|
||||
@ -234,7 +234,7 @@
|
||||
|
||||
<!-- 간편결제 -->
|
||||
<div class="area_tabcont on" id="tab2_1">
|
||||
<p class="tType1_title"><img src="./images/simple_small.png" alt="간편결제 스몰 아이콘">
|
||||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘">
|
||||
간편결제</p>
|
||||
<table class="tType1">
|
||||
<colgroup>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user