itn 2023-07-28
결제하기 간편결제 기능 추가
@30a62d2bc94786e4f9e19d330f8e410eae5ef12f
src/main/java/itn/let/mjo/event/web/MjonEventPayV2Controller.java
--- src/main/java/itn/let/mjo/event/web/MjonEventPayV2Controller.java
+++ src/main/java/itn/let/mjo/event/web/MjonEventPayV2Controller.java
@@ -76,6 +76,15 @@
 			return "redirect:/web/user/login/login.do";
 		}
 		
+		// 하드코딩
+		if(!userId.equals("nobledeco")) {
+			if(!userId.equals("nobledeco2")) {
+				if(!userId.equals("nopay")) {
+					return "redirect:/web/main/mainPage.do";
+				}
+			}
+		}
+		
 		//기존 결제 내역이 있는 회원인지 확인
 		int payCnt = 0;
 		if(StringUtil.isNotEmpty(userId)) {
src/main/java/itn/let/mjo/pay/web/MjonPayV2Controller.java
--- src/main/java/itn/let/mjo/pay/web/MjonPayV2Controller.java
+++ src/main/java/itn/let/mjo/pay/web/MjonPayV2Controller.java
@@ -123,10 +123,11 @@
 			return "redirect:/web/user/login/login.do";
 		}
 		
+		// 하드코딩
 		// Itm Member Id Check
-		//if(!getItnMemberId(userId)) {
-		//	return "redirect:/web/main/mainPage.do";
-		//}
+		if(!getItnMemberId(userId)) {
+			return "redirect:/web/main/mainPage.do";
+		}
 		
 		MberManageVO mberManageVO = mberManageService.selectMber(loginVO.getId());
     	model.addAttribute("mberManageVO", mberManageVO);
src/main/webapp/WEB-INF/jsp/web/event/pay/EventPayViewV2.jsp
--- src/main/webapp/WEB-INF/jsp/web/event/pay/EventPayViewV2.jsp
+++ src/main/webapp/WEB-INF/jsp/web/event/pay/EventPayViewV2.jsp
@@ -192,15 +192,16 @@
 	var payMethod = "";
 	document.pgForm.action = "/web/member/pay/PayActionAjax.do";
 	
-	if ($currentTab == 0) {	
-		payMethod = "SPAY";
-	} else if ($currentTab==1) {	
+	if ($currentTab==0) {	
 		payMethod = "CARD";
-	} else if($currentTab==2){	
+	} else if($currentTab==1) {	
 		payMethod = "VBANK";		
-	} else if($currentTab==3){	
+	} else if($currentTab==2) {	
 		payMethod = "BANK";		
-	}
+	} else {	
+		payMethod = "SPAY";
+	} 
+	
 	$('input[name=payMethod]').val(payMethod);
 	
 	//결제수단 상태 체크
@@ -226,29 +227,37 @@
 	
 	// 결제창 호출
 	if ($currentTab==0) {
-		// KG 모빌리언스 => SPAY(간편결제)
-		kgmPayCardRequest();		
-	}	
-	else if ($currentTab==1) {
 		// 나이스페이 => CARD(카드결제)
 		pg_opener = window.open('', 'pg_opener', "width=790, height=505, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");		
 
 		document.pgForm.method = "post";
 		document.pgForm.target = "pg_opener" ;
 		document.pgForm.submit();		
-	}		
-	else if ($currentTab==2) {
+	} else if ($currentTab==1) {
 		// 전용계좌
-	}			
-	else if ($currentTab==3) {
+	} else if ($currentTab==2) {
 		// KG 모빌리언스 => BANK(즉시이체)
 		kgmPayBankRequest();		
-	}		
+	} else {
+		var cnDirect = "";
+		if ($currentTab == 3) {
+			cnDirect = "NAV:00:N";	// 네이버페이
+		} else if ($currentTab==4) {
+			cnDirect = "KKO:00:N";	// 카카오페이
+		} else if ($currentTab==5) {
+			cnDirect = "TOS:00:N";	// 토스페이
+		} else if ($currentTab==6) {
+			cnDirect = "PYC:00:N";	// 페이코
+		}	
+		
+		// KG 모빌리언스 => SPAY(간편결제)
+		kgmPayCardRequest(cnDirect);		
+	}	
 
 }
 
 //KG 모빌리언스 => CARD
-function kgmPayCardRequest() {
+function kgmPayCardRequest(cnDirect) {
 	$.ajax({
         type: "POST",
         url: "/web/member/pay/kgmCardEncodeAjax.do",
@@ -285,7 +294,7 @@
 				form.Termregno.value = data.Termregno;
 				form.APP_SCHEME.value = data.APP_SCHEME;
 				form.CN_FIXCARDCD.value = data.CN_FIXCARDCD;
-				form.CN_DIRECT.value = data.CN_DIRECT;
+				form.CN_DIRECT.value = cnDirect;
 				form.CN_INSTALL.value = data.CN_INSTALL;
 				form.Deposit.value = data.Deposit;
 				
@@ -808,76 +817,20 @@
 					</div>--%>
 					<div>
 						<p class="tab_tit">충전수단 선택</p>
-						<ul class="area_tab">
-							<li class="btn_charge_simple btn_tab active"><button type="button" onclick="TabTypePay(this,'0');"><i></i>간편결제</button></li>
-							<li class="btn_charge1 btn_tab"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li>
+						<ul class="area_tab type03">
+							<li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li>
 							<li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
-							<li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li>
+							<li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>즉시이체</button></li>
+							
+							<li class="btn_charge5 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'6');"><i></i></button></li>
+							<li class="btn_charge6 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'7');"><i></i></button></li>
+							<li class="btn_charge7 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'8');"><i></i></button></li>
+							<li class="btn_charge8 btn_tab simple_pay event_simple"><button type="button" onclick="TabTypePay(this,'9');"><i></i></button></li>														
 						</ul>
-						<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도
-							이용합니다.</label></div>
+						<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
 
-						<!-- 간편결제 -->
-						<div class="area_tabcont on" id="tab2_0">
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_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>
-											</select>
-											<p class="input_in">원</p>
-											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="amount_wrap">
-												<dl>
-													<dt>최종 결제금액 :</dt>
-													<dd>
-														<ul>
-															<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
-															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
-															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
-														</ul>
-													</dd>
-												</dl>
-												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="area_text">
-												<%--<p><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_1">
+						<div class="area_tabcont on" id="tab2_1">
 							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
 							<table class="tType1">
 								<caption></caption>
@@ -1040,65 +993,8 @@
 						</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>
-											<p class="input_in">원</p>
-											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="amount_wrap">
-												<dl>
-													<dt>최종 결제금액 :</dt>
-													<dd>
-														<ul>
-															<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
-															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
-															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
-														</ul>
-													</dd>
-												</dl>
-												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="area_text">
-												<p>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p>
-												<p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수 있습니다.</p>
-												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
-											</div>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div> --%>
-						<!-- //휴대폰 -->
-
 						<!-- 즉시이체 -->
-						<div class="area_tabcont" id="tab2_5">
+						<div class="area_tabcont" id="tab2_4">
 							<p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> 즉시이체</p>
 							<table class="tType1">
 								<caption></caption>
@@ -1154,6 +1050,272 @@
 							</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"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
+												<p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p>
+												<p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //네이버페이 -->
+
+						<!-- 카카오페이 -->
+						<div class="area_tabcont current" id="tab2_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"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
+												<p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //카카오페이 -->
+
+						<!-- 토스페이 -->
+						<div class="area_tabcont current" id="tab2_8">
+							<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p>
+							<table class="tType1">
+								<caption></caption>
+								<colgroup>
+									<col style="width: 100px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<tr class="charge_content">
+										<th scope="row">충전금액</th>
+										<td class="flex">
+											<select name="tempPrice" id="tempPrice" class="list_seType1">
+												<option value="5000">5,000</option>
+												<option value="10000">10,000</option>
+												<option value="20000">20,000</option>
+												<option value="30000">30,000</option>
+												<option value="50000" selected="">50,000</option>
+												<option value="100000">100,000</option>
+												<option value="150000">150,000</option>
+											</select>
+
+											<p class="input_in">원</p>
+											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="amount_wrap">
+												<dl>
+													<dt>최종 결제금액 :</dt>
+													<dd>
+														<ul>
+															<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
+												<p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //토스페이 -->
+
+						<!-- 페이코 -->
+						<div class="area_tabcont current" id="tab2_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"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //페이코 -->						
+						
 					</div>
 				</div><!-- 결제관리 - 결제하기 -->
             </div><!--// send top -->
src/main/webapp/WEB-INF/jsp/web/pay/PayViewV2.jsp
--- src/main/webapp/WEB-INF/jsp/web/pay/PayViewV2.jsp
+++ src/main/webapp/WEB-INF/jsp/web/pay/PayViewV2.jsp
@@ -7,7 +7,7 @@
 <%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
 
 <style>
-	.charg_cont .area_tab li{ width: calc((100% - 80px)/5);}
+	/*.charg_cont .area_tab li{ width: calc((100% - 80px)/5);}*/
 </style>
 	
 <!-- KG 모빌리언스 -->
@@ -128,16 +128,16 @@
 	document.pgForm.action = "/web/member/pay/PayActionAjax.do";
 
 	if ($currentTab == 0) {	
-		payMethod = "SPAY";
-	} else if ($currentTab == 1) {	
 		payMethod = "CARD";
-	} else if ($currentTab == 2) {	
+	} else if ($currentTab == 1) {	
 		payMethod = "VBANK";		
-	} else if ($currentTab==3) {	
+	} else if ($currentTab==2) {	
 		payMethod = "CELLPHONE";		
-	} else if ($currentTab==4) {	
+	} else if ($currentTab==3) {	
 		payMethod = "BANK";		
-	}
+	} else {	
+		payMethod = "SPAY";
+	}		
 	$('input[name=payMethod]').val(payMethod);
 	
 	//결제수단 상태 체크
@@ -162,29 +162,40 @@
 	var popupY = scY + (docHeight - 195) / 2;
 
 	// 결제창 호출
-	if ($currentTab == 0) {
-		// KG 모빌리언스 => SPAY(간편결제)
-		kgmPayCardRequest();		
-	} else if ($currentTab == 1) {	
+	if ($currentTab == 0) {	
 		// 나이스페이 => CARD(카드결제)
 		pg_opener = window.open('', 'pg_opener', "width=790, height=505, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");		
 	
 		document.pgForm.method = "post";
 		document.pgForm.target = "pg_opener" ;
 		document.pgForm.submit();
-	} else if ($currentTab == 2) {
+	} else if ($currentTab == 1) {
 		// 전용계좌
-	} else if ($currentTab == 3) {
+	} else if ($currentTab == 2) {
 		// KG 모빌리언스 => MOBILE(휴대폰결제)
 		kgmPayMobileRequest();		
-	} else if ($currentTab==4) {
+	} else if ($currentTab==3) {
 		// KG 모빌리언스 => BANK(즉시이체)
 		kgmPayBankRequest();		
-	}		
+	} else {
+		var cnDirect = "";
+		if ($currentTab == 4) {
+			cnDirect = "NAV:00:N";	// 네이버페이
+		} else if ($currentTab==5) {
+			cnDirect = "KKO:00:N";	// 카카오페이
+		} else if ($currentTab==6) {
+			cnDirect = "TOS:00:N";	// 토스페이
+		} else if ($currentTab==7) {
+			cnDirect = "PYC:00:N";	// 페이코
+		}	
+		
+		// KG 모빌리언스 => SPAY(간편결제)
+		kgmPayCardRequest(cnDirect);		
+	} 	
 }
 
 //KG 모빌리언스 => CARD
-function kgmPayCardRequest() {
+function kgmPayCardRequest(cnDirect) {
 	$.ajax({
         type: "POST",
         url: "/web/member/pay/kgmCardEncodeAjax.do",
@@ -221,7 +232,7 @@
 				form.Termregno.value = data.Termregno;
 				form.APP_SCHEME.value = data.APP_SCHEME;
 				form.CN_FIXCARDCD.value = data.CN_FIXCARDCD;
-				form.CN_DIRECT.value = data.CN_DIRECT;
+				form.CN_DIRECT.value = cnDirect;
 				form.CN_INSTALL.value = data.CN_INSTALL;
 				form.Deposit.value = data.Deposit;
 				
@@ -701,92 +712,20 @@
 					<div>
 						<p class="tab_tit">충전수단 선택</p>
 						<ul class="area_tab">
-							<li class="btn_charge_simple btn_tab active"><button type="button" onclick="TabTypePay(this,'0');"><i></i>간편결제</button></li>
-							<li class="btn_charge1 btn_tab"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li>
+							<li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li>
 							<li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
-							<!-- <li class="btn_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_charge3 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 simple_pay"><button type="button" onclick="TabTypePay(this,'6');"><i></i></button></li>
+							<li class="btn_charge6 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'7');"><i></i></button></li>
+							<li class="btn_charge7 btn_tab simple_pay"><button type="button" onclick="TabTypePay(this,'8');"><i></i></button></li>
+							<li class="btn_charge8 btn_tab simple_pay"><button type="button" onclick="TabTypePay(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_0">
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 간편결제</p>
-							<table class="tType1">
-								<caption></caption>
-								<colgroup>
-									<col style="width: 100px;">
-									<col style="width: auto;">
-								</colgroup>
-								<tbody>
-									<tr class="charge_content">
-										<th scope="row">충전금액</th>
-										<td class="flex">
-											<select name="tempPrice" id="tempPrice" class="list_seType1">
-												<option value="5000">5,000</option>
-												<option value="10000">10,000</option>
-												<option value="20000">20,000</option>
-												<option value="30000">30,000</option>
-												<option value="50000" selected>50,000</option>
-												<option value="100000">100,000</option>
-												<option value="200000">200,000</option>
-												<option value="300000">300,000</option>
-												<option value="500000">500,000</option>
-												<option value="700000">700,000</option>
-												<option value="900000">900,000</option>
-												<option value="1000000">1,000,000</option>
-												<option value="1200000">1,200,000</option>
-												<option value="1500000">1,500,000</option>
-												<option value="2000000">2,000,000</option>
-												<option value="2500000">2,500,000</option>
-												<option value="3000000">3,000,000</option>												
-											</select>
-											<%--<input type="text" numberOnly placeholder="금액을 입력해주세요"  name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
-											<p class="input_in">원</p>
-											<button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
-											<button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
-											<button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
-											<button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
-											<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
-											<p class="input_in">원</p>
-											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="amount_wrap">
-												<dl>
-													<dt>최종 결제금액 :</dt>
-													<dd>
-														<ul>
-															<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
-															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
-															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
-														</ul>
-													</dd>
-												</dl>
-												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="area_text">
-												<%--<p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p>--%>
-                                                <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
-						                        <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>												
-											</div>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-						<!-- //간편결제 -->
+						<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
 
 						<!-- 신용카드 -->
-						<div class="area_tabcont" id="tab2_1">
+						<div class="area_tabcont on" id="tab2_1">
 							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
 							<table class="tType1">
 								<caption></caption>
@@ -961,7 +900,7 @@
 						<!-- //전용계좌 -->
 
 						<!-- 휴대폰 -->
-						<div class="area_tabcont" id="tab2_4">
+						<div class="area_tabcont" id="tab2_3">
 							<p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> 휴대폰결제</p>
 							<table class="tType1">
 								<caption></caption>
@@ -1025,7 +964,7 @@
 						<!-- //휴대폰 -->
 
 						<!-- 즉시이체 -->
-						<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>
 							<table class="tType1">
 								<caption></caption>
@@ -1096,8 +1035,273 @@
 							</table>
 						</div>
 						<!-- //즉시이체 -->
-					</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"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
+												<p>- 네이버페이 카드 결제 영수증은 네이버페이를 통해서 발급받으실 수 있습니다.</p>
+												<p>- 네이버페이 포인트 사용에 따른 현금영수증 발행은 문자온 캐시 결제과정에서 결제자가 직접 선택하여야만 요청할 수 있습니다.(결제 완료 이후 문자온에서 현금영수증 처리 불가)</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //네이버페이 -->
+
+						<!-- 카카오페이 -->
+						<div class="area_tabcont current" id="tab2_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"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
+												<p>- 카카오페이 결제에 따른 카드영수증 및 현금영수증은 카카오페이 앱을 통해서만 확인 가능합니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //카카오페이 -->
+
+						<!-- 토스페이 -->
+						<div class="area_tabcont current" id="tab2_8">
+							<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 토스페이</p>
+							<table class="tType1">
+								<caption></caption>
+								<colgroup>
+									<col style="width: 100px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<tr class="charge_content">
+										<th scope="row">충전금액</th>
+										<td class="flex">
+											<select name="tempPrice" id="tempPrice" class="list_seType1">
+												<option value="5000">5,000</option>
+												<option value="10000">10,000</option>
+												<option value="20000">20,000</option>
+												<option value="30000">30,000</option>
+												<option value="50000" selected="">50,000</option>
+												<option value="100000">100,000</option>
+												<option value="150000">150,000</option>
+											</select>
+
+											<p class="input_in">원</p>
+											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="amount_wrap">
+												<dl>
+													<dt>최종 결제금액 :</dt>
+													<dd>
+														<ul>
+															<li><strong id="supplyPriceStr"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 간편결제 시 세금계산서 및 간이영수증은 제공되지 않습니다.</p>
+												<p>- 토스페이 결제에 따른 카드영수증 및 현금영수증은 토스페이 앱을 통해서만 확인 가능합니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //토스페이 -->
+
+						<!-- 페이코 -->
+						<div class="area_tabcont current" id="tab2_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"></strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong id="vatPriceStr"></strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong id="lastPriceStr"></strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType" onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+												<p>- 페이코(PAYCO) 결제 영수증은 페이코를 통해 발급받으실 수 있습니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<!-- //페이코 -->
+						
+					</div>
 
 					<!--누적결제액별 등급 및 단가 추가 시작-->
 					<div class="accrue_price" id="grdShowArea" style="display: none;">
Add a comment
List