ITN_디자인팀 2023-07-27
2023/07/27 간편결제 수정
@13cfae9b7e9dbb66f3df6f689760bff571dcf5bf
src/main/webapp/WEB-INF/jsp/web/event/pay/EventPayView.jsp
--- src/main/webapp/WEB-INF/jsp/web/event/pay/EventPayView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/event/pay/EventPayView.jsp
@@ -630,7 +630,7 @@
 							<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_charge4 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>
src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp
--- src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp
@@ -471,11 +471,10 @@
 							<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,'4');"><i></i>휴대폰결제</button></li>
+							<li class="btn_charge4 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="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
 
 						<!-- 신용카드 -->
 						<div class="area_tabcont on" id="tab2_1">
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -1099,6 +1099,11 @@
 .charg_cont .area_tab .btn_charge6 i{background-image: url(/publish/images/kakao_pay.png);}
 .charg_cont .area_tab .btn_charge7 i{background-image: url(/publish/images/toss_pay.png);}
 .charg_cont .area_tab .btn_charge8 i{background-image: url(/publish/images/payco.png);}
+.charg_cont.serv_content .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging5.png);}
+.charg_cont.serv_content .area_tab .btn_charge5 i{background-image: url(/publish/images/never_pay.png);}
+.charg_cont.serv_content .area_tab .btn_charge6 i{background-image: url(/publish/images/kakao_pay.png);}
+.charg_cont.serv_content .area_tab .btn_charge7 i{background-image: url(/publish/images/toss_pay.png);}
+.charg_cont.serv_content .area_tab .btn_charge8 i{background-image: url(/publish/images/payco.png);}
 .charg_cont .area_tab+.checkbox_wrap{margin-top: 18px; color: #666; font-weight: 300; font-size: 18px; text-align: right; width: 100%;}
 
 /* 간편결제_오픈시_이벤트페이지 
src/main/webapp/publish/firstpay_event2.html
--- src/main/webapp/publish/firstpay_event2.html
+++ src/main/webapp/publish/firstpay_event2.html
@@ -165,8 +165,9 @@
                 </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="전체검색" 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>
@@ -192,8 +193,7 @@
                             <li><a href="#">#좋은하루</a></li>
                         </ul>
                     </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
+                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
                 </div>
             </div>
             <!--// search popup 영역 -->
@@ -204,11 +204,9 @@
                 <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">
+                        <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">
+                        <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>
@@ -290,10 +288,10 @@
                                                     <!-- <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li> -->
                                                     <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');" title="선택됨" style="border-left: 1px solid rgb(229, 229, 229);"><i></i>즉시이체</button></li>
                                                     <!--이벤트 간편결제-->
-                                                    <li class="btn_charge5 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'5');"><i></i></button></li>
-                                                    <li class="btn_charge6 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'6');"><i></i></button></li>
-                                                    <li class="btn_charge7 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'7');"><i></i></li>
-                                                    <li class="btn_charge8 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'8');"><i></i></button></li>
+                                                    <li class="btn_charge5 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'6');"><i></i></button></li>
+                                                    <li class="btn_charge6 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'7');"><i></i></button></li>
+                                                    <li class="btn_charge7 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'8');"><i></i></li>
+                                                    <li class="btn_charge8 btn_tab simple_pay event_simple"><button onclick="TabType2(this,'9');"><i></i></button></li>
                                                     <!--//이벤트 간편결제-->
                                                 </ul>
                                                 <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
@@ -617,7 +615,7 @@
                                                 </div>
                                                 <!-- //즉시이체 -->
                                                 <!-- 네이바페이 -->
-                                                <div class="area_tabcont" id="tab2_5">
+                                                <div class="area_tabcont" id="tab2_6">
                                                     <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p>
                                                     <table class="tType1">
                                                         <colgroup>
@@ -686,7 +684,7 @@
                                                 <!-- //네이버페이 -->
 
                                                 <!-- 카카오페이 -->
-                                                <div class="area_tabcont current" id="tab2_6">
+                                                <div class="area_tabcont current" id="tab2_7">
                                                     <!-- 신규계좌발급 시 -->
                                                     <p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p>
                                                     <table class="tType1">
@@ -840,7 +838,7 @@
                                                 <!-- //무통장입금 -->
 
                                                 <!-- 토스페이 -->
-                                                <div class="area_tabcont current" id="tab2_7">
+                                                <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>
@@ -898,7 +896,7 @@
                                                 </div>
                                                 <!-- //토스페이 -->
                                                 <!-- 페이코 -->
-                                                <div class="area_tabcont current" id="tab2_8">
+                                                <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>
src/main/webapp/publish/payment2.html
--- src/main/webapp/publish/payment2.html
+++ src/main/webapp/publish/payment2.html
@@ -225,11 +225,11 @@
 							<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,'5');"><i></i></button></li>
-							<li class="btn_charge6 btn_tab simple_pay"><button onclick="TabType2(this,'6');"><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,'7');"><i></i></li>
-							<li class="btn_charge8 btn_tab simple_pay"><button onclick="TabType2(this,'8');"><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>
 
@@ -651,7 +651,7 @@
 						</div>
 						<!-- //즉시이체 -->
 						<!-- 네이바페이 -->
-						<div class="area_tabcont" id="tab2_5">
+						<div class="area_tabcont" id="tab2_6">
 							<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 네이버페이</p>
 							<table class="tType1">
 								<colgroup>
@@ -720,7 +720,7 @@
 						<!-- //네이버페이 -->
 
 						<!-- 카카오페이 -->
-						<div class="area_tabcont current" id="tab2_6">
+						<div class="area_tabcont current" id="tab2_7">
 							<!-- 신규계좌발급 시 -->
 							<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제"> 카카오페이</p>
 							<table class="tType1">
@@ -874,7 +874,7 @@
 						<!-- //무통장입금 -->
 
 						<!-- 토스페이 -->
-						<div class="area_tabcont current" id="tab2_7">
+						<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>
@@ -933,7 +933,7 @@
 						<!-- //토스페이 -->
 
 						<!-- 페이코 -->
-						<div class="area_tabcont current" id="tab2_8">
+						<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>
Add a comment
List