tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' into kakaoFT

Browse Source
This commit is contained in:
rosewiper 2024-07-11 11:28:49 +09:00
commit d2abaae161
10 changed files with 431 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/main/webapp/WEB-INF/jsp/web/pay/PayView.jsp
View File

@ -949,11 +949,11 @@ function getMberGrdChk() {
<!-- 기존 계좌있을 시 -->
<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>
@ -977,10 +977,11 @@ function getMberGrdChk() {
</c:when>
<c:otherwise>
<tr>
<td colspan="2">
<td class="account_te" colspan="2">
<div>
보유한 전용 계좌가 없습니다.
</div>
<button type="button">가상계좌 확인서</button>
</td>
</tr>
</c:otherwise>

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

@ -120,9 +120,13 @@ function fnRegisterPhoneNum(){
<!-- 마이페이지 - 발신번호 관리 -->
<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">
@ -140,6 +144,190 @@ function fnRegisterPhoneNum(){
</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>

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

@ -888,10 +888,13 @@ function nameChk(target){
<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">
<!-- 발신번호 등록 준비서류 안내 -->
@ -1117,12 +1120,30 @@ function nameChk(target){
<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>
@ -1207,6 +1228,78 @@ function nameChk(target){
</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>

3
src/main/webapp/publish/css/content.css
View File

@ -2008,6 +2008,9 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.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);}

7
src/main/webapp/publish/css/estimate.css
View File

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

28
src/main/webapp/publish/css/popupLayer.css
View File

@ -1147,6 +1147,34 @@
.tw_wrap .con .tw_con .li_02{margin: 10px 0 0 0;}
.tw_wrap .con .tw_con img{width: 100%; margin: 22px 0 40px 0;}
/*발신번호 관리 수정*/
.sub .heading.call_numbe_con{display: flex; justify-content: space-between; align-items: center; margin: -10px 0 0 0;}
.sub .heading.call_numbe_con .btn{position: static; margin: 0 0 0 4px;}
.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;}
.sub .heading.call_numbe_con .button.pro_ex{border-color: #ffcc33; background-color: #ffcc33;}
.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;}
.call_number_pop{margin: 0 0 30px; padding: 11px 17px 17px; letter-spacing: -0.02em; border: 3px solid #ddd; border-radius: 5px;}
.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;}
.call_number_pop .call_numbber_list strong{font-weight: 400; color: #222;}
.call_number_pop .noted_items{background: #f5f5f5; padding: 20px; margin: 16px 0 0 0; border-radius: 5px; font-size: 14px;}
.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;}
.call_number_pop .noted_items ul li{line-height: 24px;}
.ex_con_wrap{background: #f5f5f5; padding: 20px; border-radius: 5px; text-align: center;}
.ex_con_wrap .ex_con{background: #fff; padding: 34px; border-radius: 5px;}
.ex_con_wrap .ex_con .ex_con_tit{margin: 0 0 20px 0; font-family: 'GmarketSansMedium'; font-size: 22px; font-weight: 500;}
.ex_con_wrap .ex_con .ex_con_te{margin: 15px 0 0 0; font-size: 16px; color: #666; font-weight: 300;}
.servInfo_cont .layer_in.pro_layer_in{padding: 10px 30px 40px 30px;}
.pro_layer_in .call_number_pop{padding: 17px;}
.pro_btn_wrap{text-align: right; margin: 0 0 10px 0;}
.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;*/}
.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;}
.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;}
.call_number_pop .pro_tit span{font-weight: 700; color: #002c9a;}
.call_layer .info_tit{font-size: 20px; font-weight: 500; margin: 0 0 15px 0;}
/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

100
src/main/webapp/publish/estimate4.html Normal file
View File

@ -0,0 +1,100 @@
<!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/common.css">
<link rel="stylesheet" href="/publish/css/estimate.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/button.css">
</head>
<body>
<!-- 견적서 -->
<div class="estimate_wrap">
<div class="estimate">
<div class="est_head clearfix">
<img src="/publish/images/CI.png" alt="문자온 CI">
<div class="clearfix">
<p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
<p>TEL 010-8432-9333</p>
</div>
</div>
<div class="est_body">
<h2>가상계좌 확인서</h2>
<div class="cont1 tb_ver2">
<div>
<table class="est_table">
<caption>가상계좌 사실 확인</caption>
<colgroup>
<col style="width: 50px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<td colspan="2" class="colspan"><span>홍길동</span> &nbsp;님의 가상계좌 발급 사실을 아래와 같이 확인합니다.</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="cont3">
<div class="est_table2_wrap">
<table class="est_table2">
<caption>예금주명, 발급은행, 계좌번호 정보를 제공하는 표</caption>
<colgroup>
<col style="width: 25%;">
<col style="width: 25%;">
<col style="width: auto;">
</colgroup>
<thead>
<tr>
<th scope="col">예금주명</th>
<th scope="col">발급은행</th>
<th scope="col">계좌번호</th>
</tr>
</thead>
<tbody>
<tr>
<td>홍길동</td>
<td>신한은행</td>
<td>56212519512583</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="cont4 account">
<table class="est_table">
<caption>추가설명</caption>
<colgroup>
<col style="width: 64px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<td class="acc_te">* 본 확인서는 결제 증빙 용도로만 활용될 수 있습니다. (법적 효력 없음)</td>
</tr>
</tbody>
</table>
</div>
<div class="cont5">
<p><span>2021</span> 년&nbsp;&nbsp;<span>6</span> 월&nbsp;&nbsp;<span>17</span> 일</p>
<div>
<span></span>
<span>주식회사 아이티앤</span>
<span>(인)</span>
</div>
</div>
</div>
<div class="est_btn_wrap">
<button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>
</div>
</div>
</div><!--// 견적서 -->
</body></html>

BIN
src/main/webapp/publish/images/content/id_card_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/main/webapp/publish/images/popup/id_card_ex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 139 KiB

BIN
src/main/webapp/publish/images/popup/pro_ex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 201 KiB