mjon_git/src/main/webapp/publish/payment2.html
2023-07-27 17:27:43 +09:00

1201 lines
48 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>문자온</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/publish/css/reset.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/common.css">
<link rel="stylesheet" href="/publish/css/button.css">
<link rel="stylesheet" href="/publish/css/content.css">
<link rel="stylesheet" href="/publish/css/mem.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css">
<script src="/publish/js/jquery-3.5.0.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/common.js"></script>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/calendar.js"></script>
<script src="/publish/js/popupLayer.js"></script>
<!--
<style>
.charg_cont .area_tab li{ width: calc((100% - 80px)/4);}
</style>
-->
</head>
<body>
<div class="mask"></div>
<!-- skip 메뉴 -->
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div>
<!--// skip 메뉴 -->
<!-- quick 메뉴 -->
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<li>
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
<div class="hover_cont">이용안내</div>
</li>
<li>
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
<div class="hover_cont">채팅상담</div>
</li>
<li>
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
<li>
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
<li>
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
<div class="hover_cont">주소록 등록</div>
</li>
<li>
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="#"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li>
<a href="#"><i class="quick8"></i><span>결제</span></a>
<div class="hover_cont">결제</div>
</li>
<li>
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
<div class="hover_cont">영수증/계산서</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div>
<!--// quick 메뉴 -->
<!-- header 영역 -->
<header id="header" class="header">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">비즈톡</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();">
<img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu">
</button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();">
<img src="/publish/images/btn_searchclose.png" alt="">
</button>
</div>
</div>
<!--// search popup 영역 -->
</div>
<!--// header body 영역 -->
<div id="login" class="login">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
size="18">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
maxlength="30" size="18">
<label for="login_button" class="label"></label>
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="#">아이디찾기 /</a>
<a href="#">비밀번호 찾기</a>
</div>
<div>
<button type="button" class="btnType btnType2">회원가입</button>
<button type="button" class="btnType btnType3">둘러보기</button>
</div>
</div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType4">바로가기</button>
</div>
</div>
</div>
<!--// login 영역 -->
</header>
<!--// header 영역 -->
<!-- login 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">결제하기</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li>
</ul>
<!--// tab button -->
<!-- 결제관리 - 결제하기 -->
<div class="serv_content charg_cont current" id="tab5_2">
<div class="heading">
<h2>결제하기</h2>
</div>
<!--<div class="titBox">
<p>- 서비스 이용을 위해 충전이 필수 입니다.</p>
<p>- 충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</p>
<p>- 모든 요금은 VAT별도 금액입니다.</p>
</div>-->
<div>
<p class="tab_tit">충전수단 선택</p>
<ul class="area_tab">
<li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>신용카드</button></li>
<li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>전용계좌</button></li>
<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
<li class="btn_charge3 btn_tab"><button onclick="TabType2(this,'3');"><i></i>휴대폰결제</button></li>
<li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>즉시이체</button></li>
<li class="btn_charge5 btn_tab simple_pay"><button onclick="TabType2(this,'6');"><i></i></button></li>
<li class="btn_charge6 btn_tab simple_pay"><button onclick="TabType2(this,'7');"><i></i></button></li>
<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
<li class="btn_charge7 btn_tab simple_pay"><button onclick="TabType2(this,'8');"><i></i></li>
<li class="btn_charge8 btn_tab simple_pay"><button onclick="TabType2(this,'9');"><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">
<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>
</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 class="area_tabcont on " id="tab2_1">
<p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> 신용카드</p>
<table class="tType1">
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="200000">200,000</option>
<option value="300000">300,000</option>
<option value="500000">500,000</option>
<option value="700000">700,000</option>
<option value="900000">900,000</option>
<option value="1000000">1,000,000</option>
<option value="1200000">1,200,000</option>
<option value="1500000">1,500,000</option>
<option value="2000000">2,000,000</option>
<option value="2500000">2,500,000</option>
<option value="3000000">3,000,000</option>
</select>
<p class="input_in"></p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</td>
</tr>
<tr>
<td colspan="2">
<div class="amount_wrap">
<dl>
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">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>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 있습니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //신용카드 -->
<!-- 전용계좌 -->
<div class="area_tabcont current" id="tab2_2">
<!-- 신규계좌발급 시 -->
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 65%">
<col style="width: 35%">
</colgroup>
<tbody>
<tr>
<td>
<div class="area_text">
<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"><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_charging3_small.png" alt=""> 무통장입금</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<td colspan="2">
<ul class="info_bank">
<li><a href="#"><i></i>
<p>신한은행 <span>389-01-106644</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>농협은행 <span>7700-7700-28</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>국민은행 <span>839-25-0027-299</span></p>
</a>
</li>
<li><a href href="#"><i></i>
<p>기업은행 <span>065-048245-04-013</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>외환(하나)은행 <span>241-22-04685-7</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>우리은행 <span>119-301098-13-101</span></p>
</a>
</li>
</ul>
<div class="area_text">
<p>※ 입금자명은 반드시 <span>본인의 아이디</span>로 입력하셔야 합니다(동명이인 식별 불가)</p>
<p>※ 반드시 은행명, 입금액, 예금주를 먼저 입력하신 후 송금을 하셔야 하며, <span>송금이 완료된 상태에서 입금알림 버튼</span>을 눌러주셔야 합니다.</p>
<ul class="box_input flex">
<li class="flex">은행명
<select name="" id="">
<option value="">국민은행</option>
</select>
</li>
<li class="flex">입금금액 <input type="text" size="15">
<p class="input_in">원</p>
</li>
<li class="flex">예금주 <input type="text" size="15"></li>
<li class="flex">
<input type="checkbox"> 상기 계좌에 입금 알림 <button>입금알림</button>
</li>
</ul>
<p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회)
<label for="" class="sel_type2_label">은행명</label>
<select name="" id="" class="sel_type2">
<option value="">은행선택</option>
<option value="">기업은행</option>
<option value="">국민은행</option>
<option value="">외환은행</option>
<option value="">농협</option>
<option value="">우리은행</option>
<option value="">신한은행</option>
<option value="">SC은행</option>
<option value="">부산은행</option>
<option value="">우체국</option>
</select>
<label for="" class="label">전화번호 입력</label>
<input type="text" placeholder="- 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''"
onblur="this.placeholder='- 없이 전화번호를 입력해주세요'">
<button>문자받기</button>
</p>
</div>
</td>
</tr>
</tbody>
</table>
<div style="text-align: center;">
<button class="btnType btnType16">충전하기</button>
</div>
</div> -->
<!-- //무통장입금 -->
<!-- 휴대폰 -->
<div class="area_tabcont current" id="tab2_3">
<p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt="휴대폰결제"> 휴대폰결제</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="150000">150,000</option>
</select>
<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>
</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 current" id="tab2_4">
<p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt="즉시이체"> 즉시이체</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="200000">200,000</option>
<option value="300000">300,000</option>
<option value="500000">500,000</option>
<option value="700000">700,000</option>
<option value="900000">900,000</option>
<option value="1000000">1,000,000</option>
<option value="1200000">1,200,000</option>
<option value="1500000">1,500,000</option>
<option value="2000000">2,000,000</option>
<option value="2500000">2,500,000</option>
<option value="3000000">3,000,000</option>
</select>
<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>
</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>&nbsp; (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //즉시이체 -->
<!-- 네이바페이 -->
<div class="area_tabcont" id="tab2_6">
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p>
<table class="tType1">
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="200000">200,000</option>
<option value="300000">300,000</option>
<option value="500000">500,000</option>
<option value="700000">700,000</option>
<option value="900000">900,000</option>
<option value="1000000">1,000,000</option>
<option value="1200000">1,200,000</option>
<option value="1500000">1,500,000</option>
<option value="2000000">2,000,000</option>
<option value="2500000">2,500,000</option>
<option value="3000000">3,000,000</option>
</select>
<p class="input_in"></p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</td>
</tr>
<tr>
<td colspan="2">
<div class="amount_wrap">
<dl>
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">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>
<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
<p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p>
<p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //네이버페이 -->
<!-- 카카오페이 -->
<div class="area_tabcont current" id="tab2_7">
<!-- 신규계좌발급 시 -->
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p>
<table class="tType1">
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="200000">200,000</option>
<option value="300000">300,000</option>
<option value="500000">500,000</option>
<option value="700000">700,000</option>
<option value="900000">900,000</option>
<option value="1000000">1,000,000</option>
<option value="1200000">1,200,000</option>
<option value="1500000">1,500,000</option>
<option value="2000000">2,000,000</option>
<option value="2500000">2,500,000</option>
<option value="3000000">3,000,000</option>
</select>
<p class="input_in"></p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</td>
</tr>
<tr>
<td colspan="2">
<div class="amount_wrap">
<dl>
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">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>
<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
<p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //카카오페이 -->
<!-- 무통장입금 -->
<!-- <div class="area_tabcont" id="tab2_4">
<p class="tType1_title"><img src="/publish/images/content/icon_charging3_small.png" alt=""> 무통장입금</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<td colspan="2">
<ul class="info_bank">
<li><a href="#"><i></i>
<p>신한은행 <span>389-01-106644</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>농협은행 <span>7700-7700-28</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>국민은행 <span>839-25-0027-299</span></p>
</a>
</li>
<li><a href href="#"><i></i>
<p>기업은행 <span>065-048245-04-013</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>외환(하나)은행 <span>241-22-04685-7</span></p>
</a>
</li>
<li><a href="#"><i></i>
<p>우리은행 <span>119-301098-13-101</span></p>
</a>
</li>
</ul>
<div class="area_text">
<p>※ 입금자명은 반드시 <span>본인의 아이디</span>로 입력하셔야 합니다(동명이인 식별 불가)</p>
<p>※ 반드시 은행명, 입금액, 예금주를 먼저 입력하신 후 송금을 하셔야 하며, <span>송금이 완료된 상태에서 입금알림 버튼</span>을 눌러주셔야 합니다.</p>
<ul class="box_input flex">
<li class="flex">은행명
<select name="" id="">
<option value="">국민은행</option>
</select>
</li>
<li class="flex">입금금액 <input type="text" size="15">
<p class="input_in">원</p>
</li>
<li class="flex">예금주 <input type="text" size="15"></li>
<li class="flex">
<input type="checkbox"> 상기 계좌에 입금 알림 <button>입금알림</button>
</li>
</ul>
<p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회)
<label for="" class="sel_type2_label">은행명</label>
<select name="" id="" class="sel_type2">
<option value="">은행선택</option>
<option value="">기업은행</option>
<option value="">국민은행</option>
<option value="">외환은행</option>
<option value="">농협</option>
<option value="">우리은행</option>
<option value="">신한은행</option>
<option value="">SC은행</option>
<option value="">부산은행</option>
<option value="">우체국</option>
</select>
<label for="" class="label">전화번호 입력</label>
<input type="text" placeholder="- 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''"
onblur="this.placeholder='- 없이 전화번호를 입력해주세요'">
<button>문자받기</button>
</p>
</div>
</td>
</tr>
</tbody>
</table>
<div style="text-align: center;">
<button class="btnType btnType16">충전하기</button>
</div>
</div> -->
<!-- //무통장입금 -->
<!-- 토스페이 -->
<div class="area_tabcont current" id="tab2_8">
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="150000">150,000</option>
</select>
<p class="input_in"></p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</td>
</tr>
<tr>
<td colspan="2">
<div class="amount_wrap">
<dl>
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">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>
<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
<p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //토스페이 -->
<!-- 페이코 -->
<div class="area_tabcont current" id="tab2_9">
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> PAYCO</p>
<table class="tType1">
<caption></caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice" class="list_seType1">
<option value="5000">5,000</option>
<option value="10000">10,000</option>
<option value="20000">20,000</option>
<option value="30000">30,000</option>
<option value="50000" selected="">50,000</option>
<option value="100000">100,000</option>
<option value="200000">200,000</option>
<option value="300000">300,000</option>
<option value="500000">500,000</option>
<option value="700000">700,000</option>
<option value="900000">900,000</option>
<option value="1000000">1,000,000</option>
<option value="1200000">1,200,000</option>
<option value="1500000">1,500,000</option>
<option value="2000000">2,000,000</option>
<option value="2500000">2,500,000</option>
<option value="3000000">3,000,000</option>
</select>
<p class="input_in"></p>
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
</td>
</tr>
<tr>
<td colspan="2">
<div class="amount_wrap">
<dl>
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">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>
<p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //페이코 -->
</div>
<!--누적결제액별 등급 및 단가 추가 시작-->
<div class="accrue_price">
<p>등급 : <span><img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급 스몰 아이콘">오렌지(누적결제액 : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span>200,000</span>원)</span></p>
<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
</div>
<div class="accrue_level">
<p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가
</p>
<table class="tType2 tType2_level">
<caption></caption>
<colgroup>
<col style="width: 13%;">
<col style="width: auto;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
</colgroup>
<thead>
<tr>
<th>등급</th>
<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
<th>단문</th>
<th>장문</th>
<th>그림(1장)</th>
<th>그림(2장)</th>
<th>그림(3장)</th>
</tr>
</thead>
<tbody>
<tr>
<th>VVIP</th>
<td class="level_price">10,000,000</td>
<td>8.1</td>
<td>32</td>
<td>65</td>
<td>75</td>
<td>80</td>
</tr>
<tr>
<th>VIP</th>
<td class="level_price">9,000,000</td>
<td>8.5</td>
<td>33</td>
<td>66</td>
<td>76</td>
<td>83</td>
</tr>
<tr>
<th>골드</th>
<td class="level_price">8,000,000</td>
<td>9</td>
<td>34</td>
<td>67</td>
<td>77</td>
<td>85</td>
</tr>
<tr>
<th>실버</th>
<td class="level_price">7,000,000</td>
<td>10</td>
<td>35</td>
<td>68</td>
<td>78</td>
<td>90</td>
</tr>
<tr>
<th>블랙</th>
<td class="level_price">6,000,000</td>
<td>11</td>
<td>36</td>
<td>69</td>
<td>79</td>
<td>95</td>
</tr>
<tr>
<th>레드</th>
<td class="level_price">5,000,000</td>
<td>12</td>
<td>38</td>
<td>72</td>
<td>80</td>
<td>100</td>
</tr>
<tr>
<th>퍼플</th>
<td class="level_price">4,000,000</td>
<td>13</td>
<td>40</td>
<td>75</td>
<td>85</td>
<td>105</td>
</tr>
<tr>
<th>블루</th>
<td class="level_price">3,000,000</td>
<td>14</td>
<td>42</td>
<td>78</td>
<td>90</td>
<td>110</td>
</tr>
<tr>
<th>오렌지</th>
<td class="level_price">2,000,000</td>
<td>15</td>
<td>44</td>
<td>81</td>
<td>95</td>
<td>115</td>
</tr>
<tr>
<th>그린</th>
<td class="level_price">1,000,000</td>
<td>16</td>
<td>46</td>
<td>84</td>
<td>100</td>
<td>120</td>
</tr>
<tr>
<th>옐로우</th>
<td class="level_price">500,000</td>
<td>17</td>
<td>48</td>
<td>87</td>
<td>105</td>
<td>125</td>
</tr>
<tr>
<th>화이트</th>
<td class="level_price">0</td>
<td>18</td>
<td>50</td>
<td>90</td>
<td>110</td>
<td>130</td>
</tr>
</tbody>
</table>
<span class="reqTxt4">
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
</span>
<p class="reqTxt4 reqTxt4_last">
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작
등으로 인지되는 문자에 대해서는
사전 또는 즉시 발송을 차단하고
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을
취소합니다.
</p>
<!--문자_등급별 요금 안내 추가 끝-->
</div>
</div><!-- 결제관리 - 결제하기 -->
</div>
<!--// send top -->
</div>
</div>
<!--// content 영역 -->
<!-- footer 영역 -->
<footer id="footer" class="footer">
<div class="footer_top">
<div class="inner table">
<ul class="table_cell">
<li><a href="#">이용약관</a></li>
<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
</ul>
</div>
</div>
<div class="footer_body">
<div class="inner table">
<div class="table_cell">
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
<div class="footer_info">
<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
<p>사업자번호 : 653-87-00858 대표 : 유인식 통신판매등록번호 : 제 다산-12345호 문의전화 : 070-4786-0007</p>
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
</div>
<div class="footer_service_center">
<i></i>
<div>
<p>고객센터</p>
<span class="footer_service_num">070-4786-0008</span>
<span>E-mail : help@iten.co.kr</span>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--// footer 영역 -->
</body>
</html>