Commit @7350998c838fb5ae114ac68f5eedbcfaa89d965e

alfk8 2024-07-09

2024/07/09 고객 화면(발신번호 관리, 결제) 수정

@7350998c838fb5ae114ac68f5eedbcfaa89d965e

747d04c

7350998

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


 
                             <!-- 기존 계좌있을 시 -->
 							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
-							<table class="tType1">
+							<table class="tType1 account_con">
 								<caption></caption>
 								<colgroup>
-									<col style="width: 65%">
-									<col style="width: 35%;">
+									<col style="width: 100%">
+									<col style="width: auto;">
 								</colgroup>
 								<tbody>
 									<c:choose>

 										</c:when>
 										<c:otherwise>
 											<tr>
-												<td colspan="2">
+												<td class="account_te" colspan="2">
 													<div>
 														보유한 전용 계좌가 없습니다.
 													</div>
+													<button type="button">가상계좌 확인서</button>
 												</td>
 											</tr>
 										</c:otherwise>

747d04c

7350998

src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp

--- src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp

+++ src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp


 		
 		<!-- 마이페이지 - 발신번호 관리 -->
 		<div class="mypage_content current" id="tab5_4">
-			<div class="heading">
+			<div class="heading call_numbe_con">
 				<h2>발신번호 관리</h2>
-				<button type="button" class="button attorney" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
+				<div class="button_wrap">
+					<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
+					<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
+					<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
+				</div>	
 			</div>
 			<div class="mem_cont_in widthXL">
 				<div class="titBox">

 			</div>
 		</div>
 		<!--// 마이페이지 - 발신번호 관리 -->
+	    <!-- 통신사 고객센터 정보 팝업 -->
+		<div class="tooltip-wrap">
+			<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
+				<div class="popup_heading">
+					<p>통신서비스 이용증명원 발급안내</p>
+					<button type="button" class="tooltip-close" data-focus="popup001-close">
+						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+					</button>
+				</div>		
+				<div class="layer_in call_layer">
+					<!-- 발신번호 관리 수정 -->
+					<div class="call_number_pop">
+						<ul class="call_numbber_list">
+					    	<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
+					    	<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
+					    	<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
+						</ul>
+						<div class="noted_items">
+							<p class="title">참고사항</p>
+							<ul class="call_numbber_list">
+								<li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
+								<li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
+								<li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
+							</ul>
+						</div>
+					</div>
+					
+					<p class="info_tit">[통신사 고객센터 정보]</p>
+					<ul>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv1.png" alt="T 월드">
+								</div>
+								<p>
+									<span class="fwLg">모바일</span>
+									080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span
+										class="fwLg">유선</span> 080-816-2000
+								</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
+								</div>
+								<p>1599-0999</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv3.png"
+										alt="SK 브로드밴드">
+								</div>
+								<p>080-8282-106</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv4.png"
+										alt="hello 모바일">
+								</div>
+								<p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망
+									1855-2114</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv5.png" alt="Kt">
+								</div>
+								<p>
+									<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
+									100
+								</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
+								</div>
+								<p>080-889-1000</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv7.png" alt="U+">
+								</div>
+								<p>
+									<span class="fwLg">모바일</span>
+									1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span
+										class="fwLg">유선</span> 100
+								</p>
+							</div>
+						</li>
+						<li>
+							<div>
+								<div>
+									<img src="/publish/images/content/call_serv8.png" alt="Kct">
+								</div>
+								<p>070-8188-0114</p>
+							</div>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<!--// 통신사 고객센터 정보 팝업 -->
+		
+		<!-- 대리인 신분증이란? 팝업 -->
+		<div class="tooltip-wrap">
+			<div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
+				<div class="popup_heading">
+					<p>대리인 신분증이란?</p>
+					<button type="button" class="tooltip-close" data-focus="popup001-close">
+						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+					</button>
+				</div>		
+				<div class="layer_in">
+					<!-- 발신번호 관리 수정 -->
+					<div class="call_number_pop">
+						<ul class="call_numbber_list">
+					    	<li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는  대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
+					    	<li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
+					    	<li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
+						</ul>
+						<div class="noted_items">
+							<p class="title">참고사항</p>
+							<ul class="call_numbber_list">
+								<li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
+								<li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
+								<li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
+							</ul>
+						</div>
+					</div>
+					<div class="ex_con_wrap">
+						<div class="ex_con">
+							<p class="ex_con_tit">[제출 예시 이미지]</p>
+							<img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
+							<p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--// 대리인 신분증이란? 팝업 -->
+		
+	    <!-- 위임장 작성 방법 팝업 -->
+		<div class="tooltip-wrap">
+			<div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
+				<div class="popup_heading">
+					<p>위임장 작성 방법</p>
+					<button type="button" class="tooltip-close" data-focus="popup001-close">
+						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+					</button>
+				</div>		
+				<div class="layer_in pro_layer_in">
+					<!-- 발신번호 관리 수정 -->
+					<div class="pro_btn_wrap">
+						<button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
+					</div>
+					<div class="call_number_pop">
+						<p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
+						<ul class="call_numbber_list">
+					    	<li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
+					    	<li>- 개인정보 수집 이용 동의 체크</li>
+					    	<li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
+						</ul>
+					</div>
+					<div class="ex_con_wrap">
+						<div class="ex_con">
+							<p class="ex_con_tit">[위임장 작성 예시]</p>
+							<img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--// 위임장 작성 방법 팝업 -->
+		
 	</div>
 	<!--// send top -->
 </div>

747d04c

7350998

src/main/webapp/WEB-INF/jsp/web/user/sendNumberManageRegister.jsp

--- src/main/webapp/WEB-INF/jsp/web/user/sendNumberManageRegister.jsp

+++ src/main/webapp/WEB-INF/jsp/web/user/sendNumberManageRegister.jsp


 		<div class="mypage_content current" id="tab5_4">
 			<!-- 발신번호 등록 반려 팝업 -->
 			<!-- //발신번호 등록 반려 팝업 -->
-			<div class="heading">
+			<div class="heading call_numbe_con">
 				<h2>발신번호 관리</h2>
-				<button type="button" class="button attorney" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
-				<button type="button" class="button certificate" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
+				<div class="button_wrap">
+					<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
+					<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
+					<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
+				</div>	
 			</div>
 			<div class="mem_cont_in widthXL">
 				<!-- 발신번호 등록 준비서류 안내 -->

 		<div class="tooltip-wrap">
 			<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
 				<div class="popup_heading">
-					<p>각 통신사 고객센터 정보</p>
+					<p>통신서비스 이용증명원 발급안내</p>
 					<button type="button" class="tooltip-close" data-focus="popup001-close">
 						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
 					</button>
-				</div>
-				<div class="layer_in">
+				</div>		
+				<div class="layer_in call_layer">
+					<!-- 발신번호 관리 수정 -->
+					<div class="call_number_pop">
+						<ul class="call_numbber_list">
+					    	<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
+					    	<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
+					    	<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
+						</ul>
+						<div class="noted_items">
+							<p class="title">참고사항</p>
+							<ul class="call_numbber_list">
+								<li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
+								<li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
+								<li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
+							</ul>
+						</div>
+					</div>
+					
+					<p class="info_tit">[통신사 고객센터 정보]</p>
 					<ul>
 						<li>
 							<div>

 			</div>
 		</div>
 		<!--// 통신사 고객센터 정보 팝업 -->
+		
+	    <!-- 대리인 신분증이란? 팝업 -->
+		<div class="tooltip-wrap">
+			<div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
+				<div class="popup_heading">
+					<p>대리인 신분증이란?</p>
+					<button type="button" class="tooltip-close" data-focus="popup001-close">
+						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+					</button>
+				</div>		
+				<div class="layer_in">
+					<!-- 발신번호 관리 수정 -->
+					<div class="call_number_pop">
+						<ul class="call_numbber_list">
+					    	<li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는  대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
+					    	<li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
+					    	<li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
+						</ul>
+						<div class="noted_items">
+							<p class="title">참고사항</p>
+							<ul class="call_numbber_list">
+								<li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
+								<li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
+								<li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
+							</ul>
+						</div>
+					</div>
+					<div class="ex_con_wrap">
+						<div class="ex_con">
+							<p class="ex_con_tit">[제출 예시 이미지]</p>
+							<img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
+							<p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--// 대리인 신분증이란? 팝업 -->
+		
+	    <!-- 위임장 작성 방법 팝업 -->
+		<div class="tooltip-wrap">
+			<div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
+				<div class="popup_heading">
+					<p>위임장 작성 방법</p>
+					<button type="button" class="tooltip-close" data-focus="popup001-close">
+						<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+					</button>
+				</div>		
+				<div class="layer_in pro_layer_in">
+					<!-- 발신번호 관리 수정 -->
+					<div class="pro_btn_wrap">
+						<button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
+					</div>
+					<div class="call_number_pop">
+						<p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
+						<ul class="call_numbber_list">
+					    	<li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
+					    	<li>- 개인정보 수집 이용 동의 체크</li>
+					    	<li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
+						</ul>
+					</div>
+					<div class="ex_con_wrap">
+						<div class="ex_con">
+							<p class="ex_con_tit">[위임장 작성 예시]</p>
+							<img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--// 위임장 작성 방법 팝업 -->
+		
 	</div>
 	<!--// send top -->
 </div>

747d04c

7350998

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 .tType1 tbody tr .ele_te{font-size: 14px; padding: 15px 0;}
 .tType1 tbody tr .ele_te span{font-weight: 400;}
 
+/* 결제화면 > 전용계좌 > 가상계좌 확인서 버튼 추가 */
+.tType1.account_con tbody tr .account_te{display: flex; justify-content: space-between;}
+
 @keyframes rotate-loading {
 	0% {transform:rotate(0)}
 	100% {transform:rotate(360deg);}

747d04c

7350998

src/main/webapp/publish/css/estimate.css

--- src/main/webapp/publish/css/estimate.css

+++ src/main/webapp/publish/css/estimate.css

...	...	@@ -140,4 +140,9 @@
140	140	.print_tType td input[type="text"]{height: 28px; display: inline-block; border: 1px solid #e5e5e5; margin-right: 5px;}
141	141	.print_tType tbody .btnType14 {height: 28px;}
142	142
143		-/* // 인쇄 미리보기 팝업(테이블) */ (No newline at end of file)
	143	+/* // 인쇄 미리보기 팝업(테이블) */
	144	+
	145	+/* 가상계좌 확인서 */
	146	+.cont4.account table tbody tr{border-bottom: 0;}
	147	+.cont4.account table tbody tr .acc_te{padding: 20px 0 0 0; text-align: center;}
	148	+/* // 가상계좌 확인서 */

747d04c

7350998

src/main/webapp/publish/css/popupLayer.css

--- src/main/webapp/publish/css/popupLayer.css

+++ src/main/webapp/publish/css/popupLayer.css

...	...	@@ -1147,6 +1147,34 @@
1147	1147	.tw_wrap .con .tw_con .li_02{margin: 10px 0 0 0;}
1148	1148	.tw_wrap .con .tw_con img{width: 100%; margin: 22px 0 40px 0;}
1149	1149
	1150	+/발신번호 관리 수정/
	1151	+.sub .heading.call_numbe_con{display: flex; justify-content: space-between; align-items: center; margin: -10px 0 0 0;}
	1152	+.sub .heading.call_numbe_con .btn{position: static; margin: 0 0 0 4px;}
	1153	+.sub .heading.call_numbe_con .button.id_card:before{content: ''; display: inline-block; width: 20px; height: 21px; margin: 13px 7px 0 0; vertical-align: top; background: url(/publish/images/content/id_card_icon.png) no-repeat left top;}
	1154	+.sub .heading.call_numbe_con .button.pro_ex{border-color: #ffcc33; background-color: #ffcc33;}
	1155	+.sub .heading.call_numbe_con .button.pro_ex:before{content: ''; display: inline-block; width: 20px; height: 19px; margin: 14px 5px 0 0; vertical-align: top; background: url(/publish/images/content/icon_button_attorney.png) no-repeat left top;}
	1156	+
	1157	+.call_number_pop{margin: 0 0 30px; padding: 11px 17px 17px; letter-spacing: -0.02em; border: 3px solid #ddd; border-radius: 5px;}
	1158	+.call_number_pop .call_numbber_list li{height: auto; padding: 0 0 0 10px; margin: 0; border: none; text-indent: -8px; font-size: 15px; font-weight: 300; line-height: 26px; color: #666;}
	1159	+.call_number_pop .call_numbber_list strong{font-weight: 400; color: #222;}
	1160	+.call_number_pop .noted_items{background: #f5f5f5; padding: 20px; margin: 16px 0 0 0; border-radius: 5px; font-size: 14px;}
	1161	+.call_number_pop .noted_items .title{display: flex; justify-content: center; width: 76px; margin: 0 0 6px 0; border-radius: 20px; border: 1px solid #002c9a; background: #fff; font-size: 15px; font-weight: 500; color: #002c9a; line-height: 24px;}
	1162	+.call_number_pop .noted_items ul li{line-height: 24px;}
	1163	+
	1164	+.ex_con_wrap{background: #f5f5f5; padding: 20px; border-radius: 5px; text-align: center;}
	1165	+.ex_con_wrap .ex_con{background: #fff; padding: 34px; border-radius: 5px;}
	1166	+.ex_con_wrap .ex_con .ex_con_tit{margin: 0 0 20px 0; font-family: 'GmarketSansMedium'; font-size: 22px; font-weight: 500;}
	1167	+.ex_con_wrap .ex_con .ex_con_te{margin: 15px 0 0 0; font-size: 16px; color: #666; font-weight: 300;}
	1168	+
	1169	+.servInfo_cont .layer_in.pro_layer_in{padding: 10px 30px 40px 30px;}
	1170	+.pro_layer_in .call_number_pop{padding: 17px;}
	1171	+.pro_btn_wrap{text-align: right; margin: 0 0 10px 0;}
	1172	+.pro_btn_wrap .btn{padding: 0 17px; font-size: 16px; line-height: 46px; text-align: center; border: 1px solid #d5d5d5; border-radius: 5px; /* border-color: #ffcc33; background-color: #ffcc33;*/}
	1173	+.pro_btn_wrap .btn:before{content: ''; display: inline-block; width: 15px; height: 19px; margin: 14px 8px 0 0; vertical-align: top; background: url(/publish/images/content/icon_button_attorney.png) no-repeat left top;}
	1174	+.call_number_pop .pro_tit{background: #f5f5f5; padding: 10px; margin: 0 0 10px 0; border-radius: 5px; line-height: 24px; font-size: 17px; text-align: center;}
	1175	+.call_number_pop .pro_tit span{font-weight: 700; color: #002c9a;}
	1176	+
	1177	+.call_layer .info_tit{font-size: 20px; font-weight: 500; margin: 0 0 15px 0;}
1150	1178
1151	1179	/* ie */
1152	1180	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

7350998

src/main/webapp/publish/estimate4.html (added)

+++ src/main/webapp/publish/estimate4.html

...	...	@@ -0,0 +1,100 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <title>가상계좌 확인서</title>
	8	+
	9	+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
	10	+ <link rel="stylesheet" href="/publish/css/reset.css">
	11	+ <link rel="stylesheet" href="/publish/css/common.css">
	12	+ <link rel="stylesheet" href="/publish/css/estimate.css">
	13	+ <link rel="stylesheet" href="/publish/css/font.css">
	14	+ <link rel="stylesheet" href="/publish/css/button.css">
	15	+
	16	+</head>
	17	+<body>
	18	+ <!-- 견적서 -->
	19	+ <div class="estimate_wrap">
	20	+ <div class="estimate">
	21	+ <div class="est_head clearfix">
	22	+ <img src="/publish/images/CI.png" alt="문자온 CI">
	23	+ <div class="clearfix">
	24	+ <p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
	25	+ <p>TEL 010-8432-9333</p>
	26	+ </div>
	27	+ </div>
	28	+ <div class="est_body">
	29	+ <h2>가상계좌 확인서</h2>
	30	+ <div class="cont1 tb_ver2">
	31	+ <div>
	32	+ <table class="est_table">
	33	+ <caption>가상계좌 사실 확인</caption>
	34	+ <colgroup>
	35	+ <col style="width: 50px;">
	36	+ <col style="width: auto;">
	37	+ </colgroup>
	38	+ <tbody>
	39	+ <tr>
	40	+ <td colspan="2" class="colspan"><span>홍길동</span>  님의 가상계좌 발급 사실을 아래와 같이 확인합니다.</td>
	41	+ </tr>
	42	+ </tbody>
	43	+ </table>
	44	+ </div>
	45	+ </div>
	46	+ <div class="cont3">
	47	+ <div class="est_table2_wrap">
	48	+ <table class="est_table2">
	49	+ <caption>예금주명, 발급은행, 계좌번호 정보를 제공하는 표</caption>
	50	+ <colgroup>
	51	+ <col style="width: 25%;">
	52	+ <col style="width: 25%;">
	53	+ <col style="width: auto;">
	54	+ </colgroup>
	55	+ <thead>
	56	+ <tr>
	57	+ <th scope="col">예금주명</th>
	58	+ <th scope="col">발급은행</th>
	59	+ <th scope="col">계좌번호</th>
	60	+ </tr>
	61	+ </thead>
	62	+ <tbody>
	63	+ <tr>
	64	+ <td>홍길동</td>
	65	+ <td>신한은행</td>
	66	+ <td>56212519512583</td>
	67	+ </tr>
	68	+ </tbody>
	69	+ </table>
	70	+ </div>
	71	+ </div>
	72	+ <div class="cont4 account">
	73	+ <table class="est_table">
	74	+ <caption>추가설명</caption>
	75	+ <colgroup>
	76	+ <col style="width: 64px;">
	77	+ <col style="width: auto;">
	78	+ </colgroup>
	79	+ <tbody>
	80	+ <tr>
	81	+ <td class="acc_te">* 본 확인서는 결제 증빙 용도로만 활용될 수 있습니다. (법적 효력 없음)</td>
	82	+ </tr>
	83	+ </tbody>
	84	+ </table>
	85	+ </div>
	86	+ <div class="cont5">
	87	+ <p><span>2021</span> 년  <span>6</span> 월  <span>17</span> 일</p>
	88	+ <div>
	89	+ <span></span>
	90	+ <span>주식회사 아이티앤</span>
	91	+ <span>(인)</span>
	92	+ </div>
	93	+ </div>
	94	+ </div>
	95	+ <div class="est_btn_wrap">
	96	+ <button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
	97	+ </div>
	98	+ </div>
	99	+ </div><!--// 견적서 -->
	100	+</body></html>

7350998

src/main/webapp/publish/images/content/id_card_icon.png (Binary) (added)

+++ src/main/webapp/publish/images/content/id_card_icon.png

Binary file is not shown

Add a comment

Open 0
Closed 0

List

...	...	@@ -949,11 +949,11 @@
949	949
950	950	<!-- 기존 계좌있을 시 -->
951	951	<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
952		- <table class="tType1">
	952	+ <table class="tType1 account_con">
953	953	<caption></caption>
954	954	<colgroup>
955		- <col style="width: 65%">
956		- <col style="width: 35%;">
	955	+ <col style="width: 100%">
	956	+ <col style="width: auto;">
957	957	</colgroup>
958	958	<tbody>
959	959	<c:choose>
...	...	@@ -977,10 +977,11 @@
977	977	</c:when>
978	978	<c:otherwise>
979	979	<tr>
980		- <td colspan="2">
	980	+ <td class="account_te" colspan="2">
981	981	<div>
982	982	보유한 전용 계좌가 없습니다.
983	983	</div>
	984	+ <button type="button">가상계좌 확인서</button>
984	985	</td>
985	986	</tr>
986	987	</c:otherwise>

...	...	@@ -888,10 +888,13 @@
888	888	<div class="mypage_content current" id="tab5_4">
889	889	<!-- 발신번호 등록 반려 팝업 -->
890	890	<!-- //발신번호 등록 반려 팝업 -->
891		- <div class="heading">
	891	+ <div class="heading call_numbe_con">
892	892	<h2>발신번호 관리</h2>
893		- <button type="button" class="button attorney" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
894		- <button type="button" class="button certificate" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
	893	+ <div class="button_wrap">
	894	+ <button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
	895	+ <button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
	896	+ <button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
	897	+ </div>
895	898	</div>
896	899	<div class="mem_cont_in widthXL">
897	900	<!-- 발신번호 등록 준비서류 안내 -->
...	...	@@ -1117,12 +1120,30 @@
1117	1120	<div class="tooltip-wrap">
1118	1121	<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
1119	1122	<div class="popup_heading">
1120		- <p>각 통신사 고객센터 정보</p>
	1123	+ <p>통신서비스 이용증명원 발급안내</p>
1121	1124	<button type="button" class="tooltip-close" data-focus="popup001-close">
1122	1125	<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
1123	1126	</button>
1124		- </div>
1125		- <div class="layer_in">
	1127	+ </div>
	1128	+ <div class="layer_in call_layer">
	1129	+ <!-- 발신번호 관리 수정 -->
	1130	+ <div class="call_number_pop">
	1131	+ <ul class="call_numbber_list">
	1132	+ <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
	1133	+ <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
	1134	+ <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
	1135	+ </ul>
	1136	+ <div class="noted_items">
	1137	+ <p class="title">참고사항</p>
	1138	+ <ul class="call_numbber_list">
	1139	+ <li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
	1140	+ <li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
	1141	+ <li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
	1142	+ </ul>
	1143	+ </div>
	1144	+ </div>
	1145	+
	1146	+ <p class="info_tit">[통신사 고객센터 정보]</p>
1126	1147	<ul>
1127	1148	<li>
1128	1149	<div>
...	...	@@ -1207,6 +1228,78 @@
1207	1228	</div>
1208	1229	</div>
1209	1230	<!--// 통신사 고객센터 정보 팝업 -->
	1231	+
	1232	+ <!-- 대리인 신분증이란? 팝업 -->
	1233	+ <div class="tooltip-wrap">
	1234	+ <div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
	1235	+ <div class="popup_heading">
	1236	+ <p>대리인 신분증이란?</p>
	1237	+ <button type="button" class="tooltip-close" data-focus="popup001-close">
	1238	+ <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
	1239	+ </button>
	1240	+ </div>
	1241	+ <div class="layer_in">
	1242	+ <!-- 발신번호 관리 수정 -->
	1243	+ <div class="call_number_pop">
	1244	+ <ul class="call_numbber_list">
	1245	+ <li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
	1246	+ <li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
	1247	+ <li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
	1248	+ </ul>
	1249	+ <div class="noted_items">
	1250	+ <p class="title">참고사항</p>
	1251	+ <ul class="call_numbber_list">
	1252	+ <li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
	1253	+ <li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
	1254	+ <li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
	1255	+ </ul>
	1256	+ </div>
	1257	+ </div>
	1258	+ <div class="ex_con_wrap">
	1259	+ <div class="ex_con">
	1260	+ <p class="ex_con_tit">[제출 예시 이미지]</p>
	1261	+ <img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
	1262	+ <p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
	1263	+ </div>
	1264	+ </div>
	1265	+ </div>
	1266	+ </div>
	1267	+ </div>
	1268	+ <!--// 대리인 신분증이란? 팝업 -->
	1269	+
	1270	+ <!-- 위임장 작성 방법 팝업 -->
	1271	+ <div class="tooltip-wrap">
	1272	+ <div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
	1273	+ <div class="popup_heading">
	1274	+ <p>위임장 작성 방법</p>
	1275	+ <button type="button" class="tooltip-close" data-focus="popup001-close">
	1276	+ <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
	1277	+ </button>
	1278	+ </div>
	1279	+ <div class="layer_in pro_layer_in">
	1280	+ <!-- 발신번호 관리 수정 -->
	1281	+ <div class="pro_btn_wrap">
	1282	+ <button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
	1283	+ </div>
	1284	+ <div class="call_number_pop">
	1285	+ <p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
	1286	+ <ul class="call_numbber_list">
	1287	+ <li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
	1288	+ <li>- 개인정보 수집 이용 동의 체크</li>
	1289	+ <li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
	1290	+ </ul>
	1291	+ </div>
	1292	+ <div class="ex_con_wrap">
	1293	+ <div class="ex_con">
	1294	+ <p class="ex_con_tit">[위임장 작성 예시]</p>
	1295	+ <img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
	1296	+ </div>
	1297	+ </div>
	1298	+ </div>
	1299	+ </div>
	1300	+ </div>
	1301	+ <!--// 위임장 작성 방법 팝업 -->
	1302	+
1210	1303	</div>
1211	1304	<!--// send top -->
1212	1305	</div>

...	...	@@ -2008,6 +2008,9 @@
2008	2008	.tType1 tbody tr .ele_te{font-size: 14px; padding: 15px 0;}
2009	2009	.tType1 tbody tr .ele_te span{font-weight: 400;}
2010	2010
	2011	+/* 결제화면 > 전용계좌 > 가상계좌 확인서 버튼 추가 */
	2012	+.tType1.account_con tbody tr .account_te{display: flex; justify-content: space-between;}
	2013	+
2011	2014	@keyframes rotate-loading {
2012	2015	0% {transform:rotate(0)}
2013	2016	100% {transform:rotate(360deg);}

...	...	@@ -120,9 +120,13 @@
120	120
121	121	<!-- 마이페이지 - 발신번호 관리 -->
122	122	<div class="mypage_content current" id="tab5_4">
123		- <div class="heading">
	123	+ <div class="heading call_numbe_con">
124	124	<h2>발신번호 관리</h2>
125		- <button type="button" class="button attorney" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
	125	+ <div class="button_wrap">
	126	+ <button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
	127	+ <button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
	128	+ <button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
	129	+ </div>
126	130	</div>
127	131	<div class="mem_cont_in widthXL">
128	132	<div class="titBox">
...	...	@@ -140,6 +144,190 @@
140	144	</div>
141	145	</div>
142	146	<!--// 마이페이지 - 발신번호 관리 -->
	147	+ <!-- 통신사 고객센터 정보 팝업 -->
	148	+ <div class="tooltip-wrap">
	149	+ <div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
	150	+ <div class="popup_heading">
	151	+ <p>통신서비스 이용증명원 발급안내</p>
	152	+ <button type="button" class="tooltip-close" data-focus="popup001-close">
	153	+ <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
	154	+ </button>
	155	+ </div>
	156	+ <div class="layer_in call_layer">
	157	+ <!-- 발신번호 관리 수정 -->
	158	+ <div class="call_number_pop">
	159	+ <ul class="call_numbber_list">
	160	+ <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
	161	+ <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
	162	+ <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
	163	+ </ul>
	164	+ <div class="noted_items">
	165	+ <p class="title">참고사항</p>
	166	+ <ul class="call_numbber_list">
	167	+ <li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
	168	+ <li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
	169	+ <li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
	170	+ </ul>
	171	+ </div>
	172	+ </div>
	173	+
	174	+ <p class="info_tit">[통신사 고객센터 정보]</p>
	175	+ <ul>
	176	+ <li>
	177	+ <div>
	178	+ <div>
	179	+ <img src="/publish/images/content/call_serv1.png" alt="T 월드">
	180	+ </div>
	181	+ <p>
	182	+ <span class="fwLg">모바일</span>
	183	+ 080-011-6000   /   <span
	184	+ class="fwLg">유선</span> 080-816-2000
	185	+ </p>
	186	+ </div>
	187	+ </li>
	188	+ <li>
	189	+ <div>
	190	+ <div>
	191	+ <img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
	192	+ </div>
	193	+ <p>1599-0999</p>
	194	+ </div>
	195	+ </li>
	196	+ <li>
	197	+ <div>
	198	+ <div>
	199	+ <img src="/publish/images/content/call_serv3.png"
	200	+ alt="SK 브로드밴드">
	201	+ </div>
	202	+ <p>080-8282-106</p>
	203	+ </div>
	204	+ </li>
	205	+ <li>
	206	+ <div>
	207	+ <div>
	208	+ <img src="/publish/images/content/call_serv4.png"
	209	+ alt="hello 모바일">
	210	+ </div>
	211	+ <p>KT망 1855-1144   /   SKT망
	212	+ 1855-2114</p>
	213	+ </div>
	214	+ </li>
	215	+ <li>
	216	+ <div>
	217	+ <div>
	218	+ <img src="/publish/images/content/call_serv5.png" alt="Kt">
	219	+ </div>
	220	+ <p>
	221	+ <span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
	222	+ 100
	223	+ </p>
	224	+ </div>
	225	+ </li>
	226	+ <li>
	227	+ <div>
	228	+ <div>
	229	+ <img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
	230	+ </div>
	231	+ <p>080-889-1000</p>
	232	+ </div>
	233	+ </li>
	234	+ <li>
	235	+ <div>
	236	+ <div>
	237	+ <img src="/publish/images/content/call_serv7.png" alt="U+">
	238	+ </div>
	239	+ <p>
	240	+ <span class="fwLg">모바일</span>
	241	+ 1588-0010   /   <span
	242	+ class="fwLg">유선</span> 100
	243	+ </p>
	244	+ </div>
	245	+ </li>
	246	+ <li>
	247	+ <div>
	248	+ <div>
	249	+ <img src="/publish/images/content/call_serv8.png" alt="Kct">
	250	+ </div>
	251	+ <p>070-8188-0114</p>
	252	+ </div>
	253	+ </li>
	254	+ </ul>
	255	+ </div>
	256	+ </div>
	257	+ </div>
	258	+ <!--// 통신사 고객센터 정보 팝업 -->
	259	+
	260	+ <!-- 대리인 신분증이란? 팝업 -->
	261	+ <div class="tooltip-wrap">
	262	+ <div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
	263	+ <div class="popup_heading">
	264	+ <p>대리인 신분증이란?</p>
	265	+ <button type="button" class="tooltip-close" data-focus="popup001-close">
	266	+ <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
	267	+ </button>
	268	+ </div>
	269	+ <div class="layer_in">
	270	+ <!-- 발신번호 관리 수정 -->
	271	+ <div class="call_number_pop">
	272	+ <ul class="call_numbber_list">
	273	+ <li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
	274	+ <li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
	275	+ <li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
	276	+ </ul>
	277	+ <div class="noted_items">
	278	+ <p class="title">참고사항</p>
	279	+ <ul class="call_numbber_list">
	280	+ <li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
	281	+ <li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
	282	+ <li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
	283	+ </ul>
	284	+ </div>
	285	+ </div>
	286	+ <div class="ex_con_wrap">
	287	+ <div class="ex_con">
	288	+ <p class="ex_con_tit">[제출 예시 이미지]</p>
	289	+ <img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
	290	+ <p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
	291	+ </div>
	292	+ </div>
	293	+ </div>
	294	+ </div>
	295	+ </div>
	296	+ <!--// 대리인 신분증이란? 팝업 -->
	297	+
	298	+ <!-- 위임장 작성 방법 팝업 -->
	299	+ <div class="tooltip-wrap">
	300	+ <div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
	301	+ <div class="popup_heading">
	302	+ <p>위임장 작성 방법</p>
	303	+ <button type="button" class="tooltip-close" data-focus="popup001-close">
	304	+ <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
	305	+ </button>
	306	+ </div>
	307	+ <div class="layer_in pro_layer_in">
	308	+ <!-- 발신번호 관리 수정 -->
	309	+ <div class="pro_btn_wrap">
	310	+ <button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
	311	+ </div>
	312	+ <div class="call_number_pop">
	313	+ <p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
	314	+ <ul class="call_numbber_list">
	315	+ <li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
	316	+ <li>- 개인정보 수집 이용 동의 체크</li>
	317	+ <li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
	318	+ </ul>
	319	+ </div>
	320	+ <div class="ex_con_wrap">
	321	+ <div class="ex_con">
	322	+ <p class="ex_con_tit">[위임장 작성 예시]</p>
	323	+ <img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
	324	+ </div>
	325	+ </div>
	326	+ </div>
	327	+ </div>
	328	+ </div>
	329	+ <!--// 위임장 작성 방법 팝업 -->
	330	+
143	331	</div>
144	332	<!--// send top -->
145	333	</div>

Delete comment