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

Merge branch 'master' of http://dudgusw@vcs.iten.co.kr:9999/hylee/mjon_git

Browse Source
This commit is contained in:
wyh 2023-07-10 10:56:39 +09:00
commit 289546453b
55 changed files with 2448 additions and 1089 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/main/java/itn/let/mjo/test/web/TestController.java
View File

@ -1157,21 +1157,10 @@ public class TestController {
try {
LoginVO loginVO = EgovUserDetailsHelper.isAuthenticated()? (LoginVO)EgovUserDetailsHelper.getAuthenticatedUser():null;
userId = loginVO == null ? "" : EgovStringUtil.isNullToString(loginVO.getId());
// api인지 확인
ApiKeyVO apiKeyVO = new ApiKeyVO();
apiKeyVO.setAccessKey(mjonMsgVO.getAccessKey());
List<ApiKeyVO> resultList = apiKeyMngService.selectCheckApiKeyDup(apiKeyVO);
if(resultList.size() >= 1) {
userId = resultList.get(0).getMberId();
}
// LoginVO loginVO = EgovUserDetailsHelper.isAuthenticated()? (LoginVO)EgovUserDetailsHelper.getAuthenticatedUser():null;
// userId = loginVO == null ? "" : EgovStringUtil.isNullToString(loginVO.getId());
userId = mjonMsgVO.getMberId();
if(userId.equals("")) {
modelAndView.addObject("message", "로그인 후 이용이 가능합니다.");
@ -1388,6 +1377,9 @@ public class TestController {
}
// 토탈금액 "," 리플레이스 처리
mjonMsgVO.setTotPrice(mjonMsgVO.getTotPrice().replaceAll(",", ""));
float tmpOrgEachPrice = Float.parseFloat(mjonMsgVO.getEachPrice());
float tmpOrgTotPrice = Float.parseFloat(mjonMsgVO.getTotPrice());
@ -1517,8 +1509,6 @@ public class TestController {
shortMsgVO = mjonMsgVO;
longMsgVO = mjonMsgVO;
imgMsgVO = mjonMsgVO;
System.out.println("shortMsgVO :: "+ shortMsgVO.getsPrice());
System.out.println("mjonMsgVO :: "+ mjonMsgVO.getsPrice());
int shortMsgCnt = Integer.parseInt(mjonMsgVO.getShortMsgCnt());
int longMsgCnt = Integer.parseInt(mjonMsgVO.getLongMsgCnt());
@ -1768,7 +1758,14 @@ public class TestController {
imgMsgVO.setRep4List(imgRep4);
//개별단가 계산하기
String eachPrice = shortMsgVO.getsPrice();
String eachPrice = imgMsgVO.getpPrice();
//api 서버에서 pPrice 값이 없는 경우가 있어서 오류 방지를위해서 추가
if(eachPrice == null) {
eachPrice = imgMsgVO.getEachPrice();
}
/**
* 그림문자에 치환 내용이 포함되어 있는 경우 단가 계산하기.
@ -1813,9 +1810,12 @@ public class TestController {
//개별단가 계산하기
String eachPrice = shortMsgVO.getsPrice();
if(StringUtils.isEmpty(eachPrice))
{
//api 서버에서 sPrice 값이 없는 경우가 있어서 오류 방지를위해서 추가
if(eachPrice == null) {
eachPrice = shortMsgVO.getEachPrice();
}
/**
@ -1845,7 +1845,6 @@ public class TestController {
shortMsgVO.setMsgType("4");
}
System.out.println("shortMsgVO.getEachPrice() :: "+ shortMsgVO.getEachPrice());
//총금액 계산하기
Float sTotPrice = Float.parseFloat(shortMsgVO.getEachPrice()) * shortCnt;
shortMsgVO.setTotPrice(sTotPrice.toString());
@ -1871,6 +1870,13 @@ public class TestController {
String eachPrice = longMsgVO.getmPrice();
//api 서버에서 mPrice 값이 없는 경우가 있어서 오류 방지를위해서 추가
if(eachPrice == null) {
eachPrice = longMsgVO.getEachPrice();
}
if(fileCount > 2) {//그림 이미지가 3개
eachPrice = mjonMsgVO.getP3Price();
@ -2001,9 +2007,7 @@ public class TestController {
}else {
//문자발송 함수 호출 - 일괄변환이 없거나, 그림문자 일괄변환의 경우 한번에 전송 처리
System.out.println("???????");
modelAndView = fncSendMsg(mjonMsgVO);
System.out.println("!!!!!!!!!!!!");
}
@ -2060,16 +2064,13 @@ public class TestController {
// 법인폰 알람여부 체크
JoinSettingVO joinSettingVO = new JoinSettingVO();
joinSettingVO = egovSiteManagerService.selectAdminNotiDetail();
// SMS 체크
if (joinSettingVO != null && joinSettingVO.getSmsNoti().equals("Y")) {
// getAdminPhoneSendMsgData(mjonMsgVO);
}
// SLACK 체크
if (joinSettingVO != null && joinSettingVO.getSlackNoti().equals("Y")) {
//Slack으로 메세지 전송 처리
MjonCommon comm = new MjonCommon();
comm.getAdminSandSlack(mjonMsgVO);
System.out.println("slack noti");
// comm.getAdminSandSlack(mjonMsgVO);
}
}
@ -2079,11 +2080,6 @@ public class TestController {
}
return modelAndView;
}
/**
* 문자발송시 치환문자가 있거나 단문, 장문 일경우 타는 로직

6
src/main/java/itn/let/sym/grd/service/MberGrdService.java
View File

@ -26,6 +26,9 @@ public interface MberGrdService {
// 회원별 등급 상세
public MberGrdVO selectMberGrdDetail(MberGrdVO mberGrdVO) throws Exception;
// 회원 등급제 대상여부 정보(사용자화면용)
public MberGrdVO selectMberGrdInfo(String userId) throws Exception;
// 회원별 등급 누적결제액 상세
public MberGrdVO selectMberGrdAmtDetail(MberGrdVO mberGrdVO) throws Exception;
@ -38,6 +41,9 @@ public interface MberGrdService {
// 회원별 등급 일괄변경
public int updateMberGrdAll(MberGrdVO mberGrdVO) throws Exception;
// 문자할인, B선라인 대상자 초기화
public int updateMberGrdEndBySale(MberGrdVO mberGrdVO) throws Exception;
// 회원별 등급 초기화
public int updateMberGrdEndAll(MberGrdVO mberGrdVO) throws Exception;

10
src/main/java/itn/let/sym/grd/service/impl/MberGrdDAO.java
View File

@ -48,6 +48,11 @@ public class MberGrdDAO extends EgovAbstractDAO {
return (MberGrdVO) select("mberGrdDAO.selectMberGrdDetail", mberGrdVO);
}
// 회원 등급제 대상여부 정보(사용자화면용)
public MberGrdVO selectMberGrdInfo(String userId) throws Exception{
return (MberGrdVO) select("mberGrdDAO.selectMberGrdInfo", userId);
}
// 회원별 등급 누적결제액 상세
public MberGrdVO selectMberGrdAmtDetail(MberGrdVO mberGrdVO) throws Exception{
return (MberGrdVO) select("mberGrdDAO.selectMberGrdAmtDetail", mberGrdVO);
@ -68,6 +73,11 @@ public class MberGrdDAO extends EgovAbstractDAO {
return update("mberGrdDAO.updateMberGrdAll", mberGrdVO);
}
// 문자할인, B선라인 대상자 초기화
public int updateMberGrdEndBySale(MberGrdVO mberGrdVO) throws Exception {
return update("mberGrdDAO.updateMberGrdEndBySale", mberGrdVO);
}
// 회원별 등급 초기화
public int updateMberGrdEndAll(MberGrdVO mberGrdVO) throws Exception {
return update("mberGrdDAO.updateMberGrdEndAll", mberGrdVO);

27
src/main/java/itn/let/sym/grd/service/impl/MberGrdServiceImpl.java
View File

@ -88,6 +88,12 @@ public class MberGrdServiceImpl extends EgovAbstractServiceImpl implements MberG
return mberGrdDAO.selectMberGrdDetail(mberGrdVO);
}
// 회원 등급제 대상여부 정보(사용자화면용)
@Override
public MberGrdVO selectMberGrdInfo(String userId) throws Exception {
return mberGrdDAO.selectMberGrdInfo(userId);
}
// 회원별 등급 누적결제액 상세
@Override
public MberGrdVO selectMberGrdAmtDetail(MberGrdVO mberGrdVO) throws Exception {
@ -106,27 +112,38 @@ public class MberGrdServiceImpl extends EgovAbstractServiceImpl implements MberG
mberGrdDAO.updateMberGrd(mberGrdVO);
}
// 회원별 등급 초기화
// 회원별 등급 일괄변경
@Override
public int updateMberGrdAll(MberGrdVO mberGrdVO) throws Exception {
int updateCnt = 0;
int updateCnt1 = 0;
int updateCnt2 = 0;
// Step 1. 등급제 시행 ON 일경우
MberGrdVO mberGrdVO1 = new MberGrdVO();
mberGrdVO1 = selectMberSettingDetail(mberGrdVO);
if (mberGrdVO1.getGrdNoti().equals("Y") && null != mberGrdVO1.getGrdDate()) {
updateCnt = mberGrdDAO.updateMberGrdAll(mberGrdVO);
// 문자할인, B선라인 대상자 초기화
updateCnt1 = updateMberGrdEndBySale(mberGrdVO);
// 회원별 등급 일괄변경
updateCnt2 = mberGrdDAO.updateMberGrdAll(mberGrdVO);
}
return updateCnt;
return updateCnt1 + updateCnt2;
}
// 회원별 등급 일괄변경
// 회원별 등급 초기화
@Override
public int updateMberGrdEndAll(MberGrdVO mberGrdVO) throws Exception {
return mberGrdDAO.updateMberGrdEndAll(mberGrdVO);
}
// 문자할인, B선라인 대상자 초기화
@Override
public int updateMberGrdEndBySale(MberGrdVO mberGrdVO) throws Exception {
return mberGrdDAO.updateMberGrdEndBySale(mberGrdVO);
}
// 회원별 등급 적용
@Override
public void mberGrdSaveByUser(MberGrdVO mberGrdVO) throws Exception {

42
src/main/java/itn/let/sym/grd/web/MberGrdController.java
View File

@ -197,4 +197,46 @@ public class MberGrdController {
return "/sym/grd/mberGrdList";
}
// 등급제 적용여부 체크
@RequestMapping(value = "/sym/grd/mberGrdChkAjax.do")
public ModelAndView mberGrdChkAjax(
@ModelAttribute("mberGrdVO") MberGrdVO mberGrdVO) throws Exception {
ModelAndView modelAndView = new ModelAndView();
modelAndView.setViewName("jsonView");
boolean isSuccess = true;
String msg = "";
MberGrdVO rtnMberGrdVO = new MberGrdVO();
// 로그인VO에서 사용자 정보 가져오기
LoginVO loginVO = (LoginVO)EgovUserDetailsHelper.getAuthenticatedUser();
String frstRegisterId = loginVO == null ? "" : loginVO.getId();
mberGrdVO.setEditId(frstRegisterId); // 최초등록자ID
try{
// @@@@@ 등급제 적용여부 체크
//MberGrdVO rtnMberGrdVO = new MberGrdVO();
rtnMberGrdVO = mberGrdService.selectMberGrdInfo(mberGrdVO.getMberId());
if (null != rtnMberGrdVO) {
// 등급제 적용
}
else {
isSuccess = false;
msg = "종료";
}
}
catch(Exception e) {
isSuccess = false;
msg = e.getMessage();
}
modelAndView.addObject("rtnMberGrdVO", rtnMberGrdVO);
modelAndView.addObject("isSuccess", isSuccess);
modelAndView.addObject("msg", msg);
return modelAndView;
}
}

103
src/main/resources/egovframework/sqlmap/let/sym/grd/MberGrd_SQL_Mysql.xml
View File

@ -99,13 +99,13 @@
, DATE_FORMAT(A.GRD_END_DATE, '%Y-%m-%d') AS grdEndDate
, A.GRD_STATUS AS grdStatus
, CASE
WHEN A.GRD_STATUS = 'Y'
WHEN A.GRD_STATUS = 'Y' AND A.GRD_END_DATE >= NOW()
THEN '진행중'
WHEN A.GRD_STATUS = 'N'
THEN '미진행'
WHEN A.GRD_STATUS = 'E'
THEN '종료'
ELSE ''
ELSE '종료'
END AS grdStatusNm
, A.REG_ID AS regId
, DATE_FORMAT(A.REG_DATE, '%Y-%m-%d %H:%i') AS regDate
@ -163,6 +163,58 @@
MJ_MBER_GRD_INFO
WHERE
MBER_ID = #mberId#
LIMIT 1
</select>
<!-- 회원 등급제 대상여부 정보(사용자화면용) -->
<select id="mberGrdDAO.selectMberGrdInfo" parameterClass="String" resultClass="mberGrdVO">
SELECT
M.mberId
, blineCode
, M.grdSetNo
, M.grdSetNm
, M.shortPrice
, M.longPrice
, M.picturePrice
, M.picture2Price
, M.picture3Price
FROM (
SELECT
A.MBER_ID AS mberId
, IFNULL(A.BLINE_CODE, 'N') AS blineCode
, G.GRD_SET_NO AS grdSetNo
, S.GRD_SET_NM AS grdSetNm
, G.SHORT_PRICE AS shortPrice
, G.LONG_PRICE AS longPrice
, G.PICTURE_PRICE AS picturePrice
, G.PICTURE2_PRICE AS picture2Price
, G.PICTURE3_PRICE AS picture3Price
, CASE
WHEN
(A.SHORT_PRICE > 0
AND (B.SHORT_PRICE > A.SHORT_PRICE
OR B.LONG_PRICE > A.LONG_PRICE
OR B.PICTURE_PRICE > A.PICTURE_PRICE
OR B.PICTURE2_PRICE > A.PICTURE2_PRICE
OR B.PICTURE3_PRICE > A.PICTURE3_PRICE)
)
THEN 'Y'
ELSE 'N'
END isSalePrice
FROM LETTNGNRLMBER A
INNER JOIN MJ_MBER_GRD_INFO G
ON A.MBER_ID = G.MBER_ID
INNER JOIN MJ_MBER_GRD_SETTING S
ON G.GRD_SET_NO = S.GRD_SET_NO
JOIN MJ_MBER_SETTING B
WHERE 1=1
AND G.GRD_STATUS = 'Y'
AND NOW() BETWEEN G.GRD_START_DATE AND G.GRD_END_DATE
AND G.MBER_ID = #mberId#
) M
WHERE M.isSalePrice = 'N'
OR M.blineCode != 'N'
LIMIT 1
</select>
<!-- 회원별 등급 누적결제액 상세 -->
@ -298,8 +350,47 @@
, A.EDIT_DATE = NOW()
WHERE B.GRD_SET_NO IS NOT NULL
AND A.GRD_SET_NO > B.GRD_SET_NO
AND GRD_STATUS NOT IN ('N', 'E')
AND NOW() BETWEEN GRD_START_DATE AND GRD_END_DATE
AND A.GRD_STATUS = 'Y'
AND NOW() BETWEEN A.GRD_START_DATE AND A.GRD_END_DATE
]]>
</update>
<!-- 문자할인, B선라인 대상자 초기화 -->
<update id="mberGrdDAO.updateMberGrdEndBySale" parameterClass="mberGrdVO">
<![CDATA[
UPDATE MJ_MBER_GRD_INFO SET
GRD_END_DATE = NOW()
, GRD_STATUS = 'E'
, EDIT_DATE = NOW()
WHERE MBER_ID IN (
SELECT
M.MBER_ID
FROM (
SELECT
A.MBER_ID
, IFNULL(A.BLINE_CODE, 'N') AS BLINE_CODE
, CASE
WHEN
(A.SHORT_PRICE > 0
AND (B.SHORT_PRICE > A.SHORT_PRICE
OR B.LONG_PRICE > A.LONG_PRICE
OR B.PICTURE_PRICE > A.PICTURE_PRICE
OR B.PICTURE2_PRICE > A.PICTURE2_PRICE
OR B.PICTURE3_PRICE > A.PICTURE3_PRICE)
)
THEN 'Y'
ELSE 'N'
END isSalePrice
FROM LETTNGNRLMBER A
INNER JOIN MJ_MBER_GRD_INFO G
ON A.MBER_ID = G.MBER_ID
JOIN MJ_MBER_SETTING B
WHERE 1=1
AND G.GRD_STATUS != 'E'
) M
WHERE M.isSalePrice = 'Y'
OR M.BLINE_CODE != 'N'
)
]]>
</update>
@ -320,8 +411,8 @@
COUNT(0)
FROM MJ_MBER_GRD_INFO A
WHERE A.MBER_ID = #mberId#
AND GRD_STATUS NOT IN ('N', 'E')
AND NOW() BETWEEN GRD_START_DATE AND GRD_END_DATE
AND A.GRD_STATUS = 'Y'
AND NOW() BETWEEN A.GRD_START_DATE AND A.GRD_END_DATE
LIMIT 1
</select>

33
src/main/webapp/WEB-INF/jsp/sym/grd/mberGrdList.jsp
View File

@ -50,6 +50,36 @@ function fnSelectMber(mberId) {
document.modiForm2.target = "popupSelectMber";
document.modiForm2.submit();
}
// 등급제 적용 테스트
function setMberGrdChk(mberId) {
$.ajax({
type: "POST",
url: "/sym/grd/mberGrdChkAjax.do",
data: {"mberId" : mberId},
dataType:'json',
async: false,
success: function (data) {
if (data.isSuccess) {
var sHtml = "";
sHtml += "단문 : " + data.rtnMberGrdVO.shortPrice;
sHtml += ", 장문 : " + data.rtnMberGrdVO.longPrice;
sHtml += ", 그림1 : " + data.rtnMberGrdVO.picturePrice;
sHtml += ", 그림2 : " + data.rtnMberGrdVO.picture2Price;
sHtml += ", 그림3 : " + data.rtnMberGrdVO.picture3Price;
alert(sHtml);
//$("#tr_"+data.rtnMberGrdVO.mberId).attr("title", sHtml);
}
else {
alert("Msg : " + data.msg);
}
},
error: function (e) {
alert("ERROR : " + JSON.stringify(e));
}
});
}
</script>
</head>
<body>
@ -128,7 +158,7 @@ function fnSelectMber(mberId) {
</thead>
<tbody>
<c:forEach var="result" items="${resultList}" varStatus="status">
<tr>
<tr id="tr_${result.mberId}">
<td>
<c:if test="${searchVO.searchSortOrd eq 'desc' }">
<c:out value="${ ( paginationInfo.totalRecordCount - ((paginationInfo.currentPageNo -1)*paginationInfo.recordCountPerPage) ) - status.index }"/>
@ -166,7 +196,6 @@ function fnSelectMber(mberId) {
<td nowrap="nowrap">
<c:out value="${result.grdStatusNm}"/>
</td>
</tr>
</c:forEach>
</tbody>

18
src/main/webapp/WEB-INF/jsp/web/fax/faxDataView.jsp
View File

@ -51,6 +51,11 @@
return false;
}
if(!moneyChk()){
return false;
}
if(!valueChk()){
return false;
}
@ -152,6 +157,19 @@
}
function moneyChk(){
//회원 보유 잔액 비교
var totPriceOnly = stringReplaceAll($('#totalPriceTxt').text() , ",", "");
var userMoneyOnly = stringReplaceAll($('#hdUserMoney').text(), ",", "");
if(parseFloat(userMoneyOnly) < parseFloat(totPriceOnly)){
alert("팩스 발송에 필요한 회원님의 보유 잔액이 부족 합니다.");
return false;
}
}
function valueChk(){
if($('#title').val() == ''){
alert('제목을 입력해 주세요.');

16
src/main/webapp/publish/css/common.css
View File

@ -99,6 +99,20 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
/*등급별 아이콘*/
.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
.login2 .login_info i.gold{background-image: url(/publish/images/level/level_icon/gold_icon.png);}
.login2 .login_info i.sliver{background-image: url(/publish/images/level/level_icon/sliver_icon.png);}
.login2 .login_info i.black{background-image: url(/publish/images/level/level_icon/black_icon.png);}
.login2 .login_info i.red{background-image: url(/publish/images/level/level_icon/red_icon.png);}
.login2 .login_info i.purple{background-image: url(/publish/images/level/level_icon/purple_icon.png);}
.login2 .login_info i.blue{background-image: url(/publish/images/level/level_icon/blue_icon.png);}
.login2 .login_info i.orange{background-image: url(/publish/images/level/level_icon/orange_icon.png);}
.login2 .login_info i.green{background-image: url(/publish/images/level/level_icon/green_icon.png);}
.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
/*등급별 아이콘 끝*/
.login2 .login_info button {margin-right: 2px;}
.login2 .login_pay {display:flex;}
.login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
@ -220,6 +234,7 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.quickMenu .quickMenuIn li i.quick9 {background-image: url(/publish/images/quick9.png);width: 24px; height:20px;}
.quickMenu .quickMenuIn li i.quick10 {background-image: url(/publish/images/quick10.png);width: 21px; height:20px;}
.quickMenu .quickMenuIn li i.quick11 {background-image: url(/publish/images/quick11.png);width: 20px; height:20px;}
.quickMenu .quickMenuIn li i.quick12 {background-image: url(/publish/images/level/quick12.png);width: 20px; height:20px;}
.quickMenu .quickMenuIn li span {display: block;font-size: 12px;color: #555;padding-top: 8px;}
.quickMenu .goTop {background-color: #929599;color: #fff;width: 90px;padding: 10px 0;border-radius: 0 0 8px 8px;font-size: 20px;}
.quickMenu .goTop i {background-image: url(/publish/images/goTop.png);width: 12px;height: 10px;margin-left: 5px;margin-bottom: 5px;}
@ -234,6 +249,7 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.quickMenu .quickMenuIn li:hover i.quick9 {background-image: url(/publish/images/quick9_hover.png);width: 24px; height:20px;}
.quickMenu .quickMenuIn li:hover i.quick10 {background-image: url(/publish/images/quick10_hover.png);width: 21px; height:20px;}
.quickMenu .quickMenuIn li:hover i.quick11 {background-image: url(/publish/images/quick11_hover.png);width: 20px; height:20px;}
.quickMenu .quickMenuIn li:hover i.quick12 {background-image: url(/publish/images/level/quick12_hover.png);width: 20px; height:20px;}
.quickMenu .quickMenuIn li:hover span {color: #002c9a;font-weight: 500;}
.quickMenu .quick_kakaobtn {position:absolute;right:0;bottom:-100px;width:90px;height:90px;font-size:0;text-indent:-9999em;background:url(/publish/images/content/icon_quick_kakao.png) no-repeat left top;z-index:15;}
.quickMenu .quick_kakaobtn a {display:block;width:100%;height:100%;}

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

@ -90,7 +90,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
/* tabTpye1 */
.tabType1 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:2px solid #46484a;}
.tabType1 li {flex-basis: calc(100%/2); position: relative;}
.tabType1 li button {width: 100%;padding: 13px 0;font-size: 18px;position:relative;z-index:1;}
.tabType1 li button {width: 100%;padding: 13px 0;font-size: 16px;position:relative;z-index:1;}
.tabType1 li.active {background-color: #46484a;}
.tabType1 li.active:after {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #46484a;}
.tabType1 li.active button {color: #fff;border:1px solid #46484a;background-color: #46484a;}
@ -427,7 +427,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
.tType1 tbody tr th.billingAmount button.cal_btn {position: absolute;right: 0; top: 50%;transform: translateY(-50%);background-color: #fbc72b;width: 88px;height: 32px;border-radius: 5px;}
.tType1 tbody tr th.billingAmount button.cal_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
.tType1 tbody tr th.billingAmount button.cal_btn i {background-image: url(/publish/images/content/calIcon.png);width: 12px;height: 16px;margin: 0 3px 2px 0;}
.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;}
.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px 5px 0 0; height: 60px; padding: 12px 13px; box-sizing: border-box;}
.tType1 tbody tr th.billingAmount .pay_type button.btn_event_cash{width: 100px;}
.tType1 tbody tr th.billingAmount .pay_type:last-child {margin-top: 10px;}
.tType1 tbody tr th.billingAmount .pay_type>div:first-child {float: left;margin:0 0 0 5px;}
@ -447,6 +447,21 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
.tType1 tbody select.sel_number {width: 340px; height: 40px; padding: 0 20px; background-color: #f2f2f2;border-radius: 5px; border: 0;color: #002c9a;font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 94% center;}
.tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;}
.tType1 tbody input:disabled {background-color: #dedede;}
/*발송금액 아래 등급별 가격안내 추가*/
.my_price_wrap .center-line{width: 96%; height: 1px; background-color: #e5e5e5; margin: 0 auto;}
.my_price_wrap{letter-spacing: -0.5px; width: calc(100% - 100px); background-color: #fff; border-radius: 0 0 5px 5px; width: 100%;}
.my_price_wrap ul{display: flex; width: calc(100% - 20px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 15px 0px 15px 5px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
.my_price_wrap ul:last-child{border: 0; align-items: flex-start;}
.my_price_wrap ul:first-child li:last-child{margin: 0; padding: 0}
.my_price_wrap .title{font-size: 17px; font-weight: 400; color: #222; margin-top: 1px;}
.my_price_wrap .title span{font-size: 15px;}
.my_price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
.my_price_wrap .type{border: 1px solid #46484a; border-radius: 3px; margin-right: 3px; color: #46484a; padding: 0 4px 1px 4px;}
.my_price_wrap .type, .price_line{font-size: 16px; font-weight: 400; color: #555;}
.my_price_wrap .price{color: #e40000; font-size: 18px; font-weight: 700;}
.my_price_wrap .line{font-size: 14px; color: #ababab;}
/*// tType1 */
/*// sub page 반복 */
@ -916,6 +931,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.pay_cont .excel_middle {margin: 20px 0 10px 0;}
.pay_cont .excel_middle .selType2 {width: 82px; height: 32px; margin-left: 0;}
.pay_cont .select_btnWrap .add_text2 {font-size: 16px; padding-top: 7px; color: #666; font-weight: 300;}
/*등급 및 누적결제액 확인 버튼 추가*/
.pay_cont .excel_middle .level_btn{margin: 0 5px; border: 1px solid #002c9a; color: #002c9a;}
.pay_cont .excel_middle .level_btn img{margin-top: -3px;}
.pay_cont .excel_middle .print_btn {margin: 0 5px;}
.pay_cont .pay_info {display: flex; justify-content: center; background-color: #efeff0; width: 100%; padding: 16px 0; border-radius: 5px; margin: 20px 0 50px 0; box-sizing: border-box; }
.pay_cont .pay_info p:nth-child(1) {font-size: 18px;}
@ -1055,18 +1075,22 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.charg_cont.current {display: block;}
.charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;}
.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between;}
/* 간편결제 오픈 시
.charg_cont .area_tab li{ width: calc((100% - 80px)/5); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;} */
.charg_cont .area_tab li{ width: calc((100% - 80px)/4); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;}
.charg_cont .area_tab li button {font-size: 22px; font-weight: 400; width: 100%; height: 100%; padding: 60px 20px 40px 20px;position:relative;z-index:1;}
.charg_cont .area_tab li.active {border: 3px solid #fbc72b;}
.charg_cont .area_tab li.active::before{background-image: url(/publish/images/content/icon_chargeCheck2.png); background-color: #fbc72b; border: 2px solid #fbc72b;}
.charg_cont .area_tab li::before{position: absolute; content: " "; width: 31px; height: 31px; border: 3px solid #ccc; right: 15px; top: 15px; border-radius: 100%; background-image: url(/publish/images/content/icon_chargeCheck1.png); background-repeat: no-repeat; background-position: center 58%;}
.charg_cont .area_tab button i{width: 65px; height: 55px; display: block; margin: 0 auto 15px auto; background-position: center;}
.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging1.png);}
.charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging2.png);}
.charg_cont .area_tab .btn_charge3 i{background-image: url(/publish/images/content/icon_charging3.png);}
.charg_cont .area_tab .btn_charge_simple i{background-image: url(/publish/images/simple.png);}
.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging2.png);}
.charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging3.png);}
.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging4.png);}
.charg_cont .area_tab .btn_charge5 i{background-image: url(/publish/images/content/icon_charging5.png);}
.charg_cont .area_tab+.checkbox_wrap{margin-top: 18px; color: #666; font-weight: 300; font-size: 18px; text-align: right; width: 100%;}
/* 간편결제 오픈 시
.charg_cont .area_tab.type03 li {width:calc(100%/4 - 15px);} */
.charg_cont .area_tab.type03 li {width:calc(100%/3 - 15px);}
.charg_cont .checkbox_wrap input[type="checkbox"],
.charg_cont .checkbox_wrap input[type="radio"]{display: none;}
@ -1143,6 +1167,33 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.charg_cont .tType1 .box_input.flex input{border: 1px solid #ccc;}
.charg_cont .tType1 .box_input.flex input[type="text"] {width: 200px;background-color: #fff;}
.charg_cont .tType1 .box_input.flex button{background-color: #002c9a; color: #fff; border: 0; margin-left: 10px;}
/*누적결제액별 등급 및 단간 추가*/
.accrue_price{width: 100%; height: 105px; border-radius: 5px; background-color: #f2f2f2;}
.accrue_price p{font-size: 22px; font-weight: 700; line-height: 105px; margin-left: 53px;}
.accrue_price p span{border-radius: 5px; background-color: #fff; padding: 10px 10px 10px 10px; font-size: 18px; font-weight: 400;}
.accrue_price p span img{margin-right: 5px; margin-top: -5px;}
.accrue_price p span span{padding: 0; font-size: 22px; font-weight: 700; color: #e40000;}
.accrue_level .tType1_title{margin-top: 40px;}
.accrue_level .tType1_title img{margin-top: -5px;}
.accrue_level .tType2{width: 100%; border-top: 1px solid #000; text-align: center;}
.accrue_level .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
.accrue_level .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
.accrue_level .tType2 thead tr th:last-child{border-right: 0;}
.accrue_level .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
.accrue_level .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 42px; vertical-align: middle;}
.accrue_level .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
.accrue_level .tType2 tbody tr td:last-child{border-right: 0;}
.accrue_level .tType2 tbody tr td:last-child>span {font-weight: 400;}
.accrue_level .tType2_level tbody tr th{font-weight: 300;}
.accrue_level .tType2_level tbody tr .level_price{font-weight: 500;}
.accrue_level .level_first{font-weight: 400; font-size: 18px; color: #666;}
.accrue_level .level span{font-weight: 400; font-size: 18px; color: #666;}
.accrue_level .tType2 .th_second span{font-size: 15px; font-weight: 300;}
.accrue_level .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
/* //결제하기 */
/* 요금안내/견적내기 */
@ -1153,11 +1204,15 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.fee_cont .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
.fee_cont .tType2 thead tr th:last-child{border-right: 0;}
.fee_cont .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
.fee_cont .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 50px; vertical-align: middle;}
.fee_cont .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
.fee_cont .tType2 tbody tr td:last-child{border-right: 0;}
.fee_cont .tType2 tbody tr td:last-child>span {font-weight: 400;}
/*문자(등급별 요금 안내) 테이블 높이 수정*/
.fee_cont .tType2 .level_table th{height: 42px;}
.fee_cont .tType1 select, .fee_cont .tType1 input{border: 0; background-color: #f2f2f2;}
.fee_cont .btn_add{float: right;}
.fee_cont .btn_add img{margin-left: 5px;}
@ -1189,6 +1244,14 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.tb_wrap.totalPrice_tb .tType4 tbody td {font-size: 18px; font-weight: 400; color: #222; height: 52px; line-height: 31px; position: relative;}
.tb_wrap.totalPrice_tb .tType4 tbody td select {height: 36px; top: 8px; border: 2px solid; }
/*문자(등급별 요금 안내)*/
.fee_cont .tType2_level tbody tr th{font-weight: 300;}
.fee_cont .tType2_level tbody tr .level_price{font-weight: 500;}
.fee_cont .level_first{font-weight: 400; font-size: 18px; color: #666;}
.fee_cont .level span{font-weight: 400; font-size: 18px; color: #666;}
.fee_cont .tType2 .th_second span{font-size: 15px; font-weight: 300;}
.fee_cont .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
/* //요금안내/견적내기 */
/* 예약관리 */
@ -1559,7 +1622,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
/* .fax_content .final_wrap .pay_type {border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;} */
.fax_content .final_wrap .pay_type:last-child {margin-top: 10px;}
/* .fax_content .final_wrap .pay_type>div:first-child {float: left;margin:0 0 0 5px; background-color: #fff;} */
.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff;padding: 8px 15px; border-radius: 5px;}
.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff; padding: 8px 15px; border-radius: 5px;}
.fax_content .final_wrap .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
.fax_content .final_wrap .pay_type>div:last-child {display:inline-block;max-width: 150px; width: 100%;}
.fax_content .final_wrap .pay_type>div:last-child button{width: 100%;}
@ -1598,6 +1661,9 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.fax_content .qmMark:hover+.send_hover_cont{display: block;}
.fax_content .qmMark+.send_hover_cont li{text-indent: -9px; margin: 0 0 0 9px;}
/* 카톡전송 > 알림톡 소개 */
.kakao_intro_cont{letter-spacing: -0.5px; /*word-break: keep-all;*/}
.kakao_intro_cont .heading h2{letter-spacing: 0;}

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

@ -202,6 +202,9 @@
.btn_custom img{vertical-align: middle; margin-top: -4px; margin-right: 2px;}
.btn_custom:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
/*요금안내 top 배너 시작*/
.price_top_banner{position: fixed; right: 4%; top: 160px; z-index: 20;}
/* media queries */
@media screen and (max-width: 1800px){
/* content2 문자샘플 영역 */

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

@ -293,7 +293,7 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
/* //join4 - 가입완료 */
/* 마이페이지 */
/* 메인화면 */
.my_dashboard {margin-top: 40px;}
@ -359,6 +359,7 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.my_dashboard table tbody tr:last-child td {border-bottom: 1px solid transparent; }
.my_dashboard table tbody tr:last-child td:first-child {border-bottom: 1px solid transparent; border-radius: 0 0 0 5px;}
.my_dashboard table tbody tr:last-child td:last-child {border-bottom: 1px solid transparent; border-radius: 0 0 5px 0 ;}
/* mypage dashboard cont1 */
.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
.my_dashboard_cont1>div {display: flex; align-items: center;}
@ -367,6 +368,18 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 15px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
.my_dashboard_cont1>span>span {font-weight: 500;}
/* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
.my_dashboard_cont1>div {display: flex; align-items: center;}
.my_dashboard_cont1 p {font-size: 16px; font-weight: 300;}
.my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; margin-left: -20px;}
.my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 8px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
.my_dashboard_cont1>span>span {font-weight: 500;}
.my_dashboard .my_dashboard_cont1 .level_icon{margin: 0 7px 0 0; display: block; width: 46px; height: 80px; text-align: center; padding: 0; background-color: transparent; border: 0;}
.my_dashboard_cont1 .level_icon p{font-size: 14px; font-weight: 400; margin-top: 2px; color: #444;}
/* mypage dashboard cont2 */
.my_dashboard .my_dashboard_cont2 {width: 100%; flex-flow: wrap;}
.dashboard_info {display: flex; flex-flow: wrap; width: 100%; justify-content: space-between;}
@ -642,6 +655,11 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.limited_wrap .limited_button {margin:40px 0;}
.limited_wrap .limited_button .btnType {width:160px;margin:0 3px;}
/* 마이페이지 */
/*등급제 아이콘 추가*/
/* media queries */
@ -652,6 +670,14 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.my_dashboard .send_price{width: calc(100% - 340px);}
.send_top .send_price li{letter-spacing: -1px;}
.send_top .send_price .title{padding: 0 4px 0 0;}
/* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
.my_dashboard_cont1 p {font-size: 17px;}
.my_dashboard_cont1 p span {font-size: 22px;}
.my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;}
.my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;}
.my_dashboard .send_price{margin: 0 -24px 0 0;}
.my_dashboard .send_price .price_title{width: 75px;}
}
@media only screen and (max-width:1380px){

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

@ -1114,6 +1114,15 @@
/* 결제완료 */
/* 누적결제액 세부내역 팝업 */
.level_popup .popup_heading p span{font-size: 18px; font-weight: 400;}
.level_popup .candidate_table .tb_wrap{min-height: auto;}
.level_popup .candidate_table table tr:first-child{border-top: 0;}
.level_popup .level_tx{margin: -20px 0 3px 0; font-size: 16px; font-weight: 300;}
.level_popup .layer_in .level_title th{ font-size: 15px; font-weight: 400; text-align: center;}
.level_popup .layer_in .level_text td{font-size: 15px; font-weight: 300; text-align: center; height: 40px;}
.level_popup .pagination{margin-top: 20px;}
/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* 특수문자 */

218
src/main/webapp/publish/firstpay_event.html
View File

@ -286,26 +286,19 @@
<div>
<p class="tab_tit">충전수단 선택</p>
<ul class="area_tab">
<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_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');"><i></i>신용카드</button></li>
<li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'3');" 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,'4');"><i></i>휴대폰결제</button></li>
<li class="btn_charge5 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">
<p class="tType1_title"><img
src="/publish/images/content/icon_charging1_small.png"
alt=""> 신용카드</p>
<p class="tType1_title">
<img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘"> 간편결제</p>
<table class="tType1">
<caption></caption>
<colgroup>
@ -345,6 +338,7 @@
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p> -->
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
<p class="input_in">원</p>
</td>
</tr>
<tr>
@ -354,12 +348,86 @@
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
</li>
<li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
</li>
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
</ul>
</dd>
</dl>
<button type="button" class="btnType"
onclick="pgOpenerPopup(); return false;">충전하기</button>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="area_text">
<!-- <p><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_2">
<p class="tType1_title"><img src="/publish/images/credit_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> -->
<p class="input_in">원</p>
</td>
</tr>
<tr>
<td colspan="2">
<div class="amount_wrap">
<dl>
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
</ul>
</dd>
</dl>
@ -385,7 +453,7 @@
<!-- //신용카드 -->
<!-- 전용계좌 -->
<div class="area_tabcont" id="tab2_2">
<div class="area_tabcont" id="tab2_3">
<!-- 신규계좌발급 시 -->
<p class="tType1_title"><img
src="/publish/images/content/icon_charging1_small.png"
@ -400,18 +468,8 @@
<tr>
<td>
<div class="area_text">
<c:choose>
<c:when test="${not empty resultMyList}">
<p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능,
5천원 이상 입금 가능)</p>
</c:when>
<c:otherwise>
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능,
5천원 이상 입금 가능)</p>
</c:otherwise>
</c:choose>
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
</div>
</td>
@ -419,11 +477,12 @@
<label for="bankCd" class="label">은행선택</label>
<select name="bankCd" id="bankCd">
<option value="">은행선택</option>
<c:forEach var="result" items="${resultList}"
varStatus="status">
<option value="${result.bankCd}">
${result.codeNm}</option>
</c:forEach>
<option value="003">기업은행</option>
<option value="004">국민은행</option>
<option value="011">농협은행</option>
<option value="020">우리은행</option>
<option value="081">하나은행</option>
<option value="088">신한은행</option>
</select>
<p class="input_in" style="margin-right:5px;">원</p>
<button type="button"
@ -434,9 +493,7 @@
</table>
<!-- 기존 계좌있을 시 -->
<p class="tType1_title"><img
src="/publish/images/content/icon_charging1_small.png"
alt="계좌 이미"> 전용계좌</p>
<p class="tType1_title" style="margin-top: 50px;"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
<table class="tType1">
<caption></caption>
<colgroup>
@ -444,59 +501,28 @@
<col style="width: 35%;">
</colgroup>
<tbody>
<c:choose>
<c:when test="${not empty resultMyList}">
<c:forEach var="result" items="${resultMyList}"
varStatus="status">
<tr>
<td>
<div class="checkbox_wrap">
<input type="radio"
id="chkAccount${status.count}"
name="chkAccount"
value="<c:out value='${result.bankCd}'/>_<c:out value='${result.codeNm}'/>_<c:out value='${result.acctNo}'/>">
<label
for="chkAccount${status.count}"></label>
<c:out value='${result.codeNm}' />
<c:out value='${result.acctNo}' />
</div>
<div class="account_holder">
(예금주 :
<c:out value="${result.cmfNm}" />)
</div>
</td>
<td class="right">
</td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr>
<td colspan="2">
<div>
보유한 전용 계좌가 없습니다.
</div>
</td>
</tr>
</c:otherwise>
</c:choose>
<tr>
<td colspan="2">
<div>
보유한 전용 계좌가 없습니다.
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="area_text">
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동
해지</span>됩니다.</p>
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴
<span>실시간 자동 충전이</span> 가능합니다.</p>
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span>
가능합니다.</p>
<!-- <p>- 예금주 : 문자온</p> -->
<p>- 계좌번호 문자로 받기(일/3회까지)
<label for="" class="label">전화번호 입력</label>
<input type="text" id="callTo" name="callTo"
maxLength="11"
<input type="text" id="callTo" name="callTo" maxlength="11"
placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요."
onfocus="this.placeholder=''"
onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
<button type="button"
onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button>
onclick="fnSmsSend(); return false;">문자받기</button>
</p>
</div>
</td>
@ -540,6 +566,7 @@
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p> -->
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
<p class="input_in">원</p>
</td>
</tr>
<tr>
@ -549,12 +576,9 @@
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
</li>
<li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
</li>
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
</ul>
</dd>
</dl>
@ -623,6 +647,7 @@
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
<p class="input_in">원</p> -->
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
<p class="input_in">원</p>
</td>
</tr>
<tr>
@ -632,12 +657,9 @@
<dt>최종 결제금액 :</dt>
<dd>
<ul>
<li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
</li>
<li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
</li>
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
<li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
<li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
</ul>
</dd>
</dl>

31
src/main/webapp/publish/firstpay_event2.html
View File

@ -284,26 +284,24 @@
<div>
<p class="tab_tit">충전수단 선택</p>
<ul class="area_tab">
<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_charge_simple btn_tab active">
<button type="button" onclick="TabTypePay(this,'1');"><i></i>간편결제</button>
</li>
<li class="btn_charge1 btn_tab">
<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_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>
</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">
<p class="tType1_title"><img
src="/publish/images/content/icon_charging1_small.png"
alt=""> 신용카드</p>
<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
<table class="tType1">
<caption></caption>
<colgroup>
@ -314,8 +312,7 @@
<tr class="charge_content">
<th scope="row">충전금액</th>
<td class="flex">
<select name="tempPrice" id="tempPrice"
class="list_seType1">
<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>

7
src/main/webapp/publish/guide_2022.html
View File

@ -18,6 +18,13 @@
<!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
<ul class="page">
<li><a href="/publish/payment2.html">payment2.html</a>결제관리 > 결제하기 > 충전수단 선택 > 간편결제추가 + 등급별금액&누적결제액별 등급 및 단가(테이블 및 텍스트 추가)</li>
<li><a href="/publish/firstpay_event2.html">firstpay_event2.html</a>고객센터 > 이벤트페이지 > 충전수단 선택 내용 추가 </li>
<li><a href="/publish/index_2023.html">index_2023.html</a>로그인 바 > 등급별 아이콘 이미지 추가 + 홍길동(개인)으로 이름 변경 (님)자 제거 + 요금안내 페이지 이동 탑 배너 추가 + 퀵메뉴 > 맞춤제작을 요금안내로 변경</li>
<li><a href="/publish/mypage_index_2023.html">mypage_index_2023.html</a>마이페이지 > 등급별 아이콘 버튼 추가 + 등급별 아이콘 버튼 클릭 > 팝업추가</li>
<li><a href="/publish/payment3.html">payment3.html</a>결제관리 > 요금결제내역 > 간편결제 결제내역 tap추가 + 등급 및 누적결제액 확인 버튼 추가 + 등급 및 누적결제액 확인 버튼 클릭 > 팝업추가</li>
<li><a href="/publish/sub1_2023.html">sub1_2023.html</a>문자발송 > 문자전송 > 발송금액 > 나의단가 금액 추가</li>
<li><a href="/publish/payment1.html">payment1.html</a>결제관리 > 요금안내/견적안내(테이블 및 텍스트 추가)</li>
<li><a href="/publish/kakao_allimtalk_intro.html">kakao_allimtalk_intro.html</a>카카오톡 소개</li>
<li><a href="/publish/popup_pay_complete.html">popup_pay_complete.html</a>결제완료 팝업</li>
<li><a href="/publish/payment4.html">payment4.html</a>요금사용내역(발송내역, 세부내역 타이틀 추가)</li>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 682 B

BIN
src/main/webapp/publish/images/level/accrue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 822 B

BIN
src/main/webapp/publish/images/level/level_btn_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 B

BIN
src/main/webapp/publish/images/level/level_icon/black_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/publish/images/level/level_icon/blue_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/publish/images/level/level_icon/gold_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/main/webapp/publish/images/level/level_icon/green_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/black_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/blue_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/gold_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/green_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/orange_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/purple_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/red_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/sliver_small_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/level/level_icon/level_small/vip_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/vvip_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/white_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/publish/images/level/level_icon/level_small/yellow_small_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/main/webapp/publish/images/level/level_icon/orange_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/publish/images/level/level_icon/purple_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/main/webapp/publish/images/level/level_icon/red_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/publish/images/level/level_icon/sliver_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
src/main/webapp/publish/images/level/level_icon/vip_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/webapp/publish/images/level/level_icon/vvip_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/webapp/publish/images/level/level_icon/white_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/webapp/publish/images/level/level_icon/yellow_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/main/webapp/publish/images/level/quick12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 703 B

BIN
src/main/webapp/publish/images/level/quick12_hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 665 B

BIN
src/main/webapp/publish/images/level/top_banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 791 B

97
src/main/webapp/publish/index_2023.html
View File

@ -70,7 +70,16 @@
</div>
<!--// skip 메뉴 -->
<div class="quickMenu">
<!--// 요금안내 top 배너 시작 -->
<img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
<map name="topbanner">
<area shape="poly" coords="45,165,194,164,182,183,155,200,124,208,85,202,63,187,46,167" href="https://www.munjaon.co.kr/web/pay/PayGuide.do" alt="">
</map>
<!--// 요금안내 top 배너 끝-->
<!--// quick 메뉴 시작 -->
<!--quick 메뉴 변경전
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
@ -115,7 +124,87 @@
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div>
<!--// quick 메뉴 -->
-->
<!--quick 메뉴 변경후 시작-->
<div class="quickMenu main">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<!--
<li>
<a href="#" rel="nosublink"><i class="quick2"></i><span>카톡상담</span></a>
<div class="hover_cont">카톡상담</div>
</li>
<li>
<a href="#" rel="nosublink"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
-->
<!-- 맞춤제작
<li>
<a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
-->
<li>
<a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick12"></i><span>요금안내</span></a>
<div class="hover_cont">요금안내</div>
</li>
<li>
<a href="/web/mjon/addr/selectAddrList.do" rel="nosublink"><i class="quick10"></i><span>주소록 관리</span></a>
<div class="hover_cont">주소록 관리</div>
</li>
<li>
<a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
<div class="hover_cont">발신번호 관리</div>
</li>
<li style="margin-top: 1px;">
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li style="margin-top: 1px;">
<a href="/web/member/pay/PayList.do" rel="nosublink"><i class="quick8"></i><span>결제관리</span></a>
<div class="hover_cont">결제관리</div>
</li>
<!--
<li>
<a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>계산서/영수증</span></a>
<div class="hover_cont">계산서/영수증</div>
</li>
-->
<li>
<a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>세금계산서</span></a>
<div class="hover_cont">세금계산서</div>
</li>
<li class="cscenter">
<a href="/web/cop/bbs/NoticeList.do" rel="nosublink"><i class="quick11"></i><span>고객센터</span></a>
<div class="hover_cont">
<div class="title">고객센터</div>
<div class="number">010-8432-9333<br>010-2290-4786</div>
<ul class="info">
<li>· 월~금 : 09:30 ~ 18:30</li>
<li>· 점심시간 : 13:00 ~ 14:00</li>
<li>· 토, 일요일 및 법정공휴일 휴무</li>
</ul>
<div class="cskakao">
<a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank" rel="nosublink">카톡 상담</a>
<a href="javascript:void(0);" class="remote" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a>
</div>
</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
<div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카카오톡 상담</a></div>
</div>
<!--// quick 메뉴 끝 -->
<!-- header 영역 -->
<header id="header" class="header sub">
<!-- header top 영역 -->
@ -188,8 +277,8 @@
<div class="login_info">
<i></i>
<div class="login2_name">
<p>홍길동홍길동홍길동홍길동</p>
<span>(개인) 님</span>
<p>홍길동</p>
<span>(개인)</span>
</div>
<div class="session">
<span>08:46</span>

8
src/main/webapp/publish/kakao_allimtalk_intro.html
View File

@ -264,7 +264,7 @@
<div class="fight-img">
<p class="name">문자</p>
<div class="icon">
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
<img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
<p class="price">18원</p>
</div>
</div>
@ -272,7 +272,7 @@
<div class="fight-img kakao">
<p class="name">알림톡</p>
<div class="icon">
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
<img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
<p class="price">6.5원</p>
</div>
</div>
@ -285,7 +285,7 @@
<div class="fight-img">
<p class="name">문자</p>
<div class="icon">
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
<img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
<p class="price">90Byte</p>
</div>
</div>
@ -293,7 +293,7 @@
<div class="fight-img kakao">
<p class="name">알림톡</p>
<div class="icon">
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
<img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
<p class="price">1,000글자</p>
</div>
</div>

152
src/main/webapp/publish/mypage_index_2023.html
View File

@ -23,6 +23,85 @@
<body>
<div class="mask"></div>
<!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 시작 -->
<div class="tooltip-wrap level_popup">
<div class="popup-com candidate_layer level_check_popup01" tabindex="0" data-tooltip-con="level_check_popup01" data-focus="level_check_popup01" data-focus-prev="level_check_popup01-close" style="width: 680px;">
<div class="popup_heading">
<p>누적결제액 세부내역<span>(2023-06-28 ~ 현재)</span></p>
<button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="candidate_table">
<p class="level_tx">등급 : 오렌지(2,100,000원)</p>
<div class="tb_wrap">
<table class="tType4">
<colgroup>
<col style="width: 50px;">
<col style="width: 40%;">
<col style="width: 20%;">
<col style="width: 20%;">
<col style="width: 20%;">
</colgroup>
<thead>
<tr class="level_title">
<th>구분</th>
<th>결제일시</th>
<th>결제금액</th>
<th>누적금액</th>
<th>등급</th>
</tr>
</thead>
<tbody>
<tr class="level_text">
<td>1</td>
<td>2023-06-15 10:00</td>
<td>1,500,000</td>
<td>2,100,000</td>
<td>오렌지</td>
</tr>
<tr class="level_text">
<td>2</td>
<td>2023-05-16 10:00</td>
<td>500,000</td>
<td>600,000</td>
<td>옐로우</td>
</tr>
<tr class="level_text">
<td>3</td>
<td>2023-04-15 10:00</td>
<td>100,000</td>
<td>100,000</td>
<td>화이트</td>
</tr>
</tbody>
</table>
</div>
</div>
<ul class="pagination">
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
<li><button>7</button></li>
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>10</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
</ul>
<div class="popup_btn_wrap2">
<button type="button" class="tooltip-close" data-focus="level_check_popup01-close">닫기</button>
</div>
</div>
</div>
</div>
<!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 끝 -->
<div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div>
<div class="quickMenu">
<div>
@ -149,28 +228,65 @@
<h2>마이페이지</h2>
</div>
<div class="my_dashboard">
<div class="my_dashboard_cont1">
<div class="my_dashboard_cont1 dash_cont">
<button type="button" class="level_icon" data-tooltip="level_check_popup01">
<img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급별 스몰 아이콘">
<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
<p>오렌지</p>
</button>
<div>
<p><span>홍길동</span>회원님 반갑습니다</p><button type="button" class="btnType">기업회원전환</button>
<p>
<span>홍길동</span>회원님 반갑습니다
</p>
<button type="button" class="btnType " onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button>
</div>
<div class="send_price">
<div class="price_title">나의<br />단가</div>
<div class="price_title">나의<br>단가</div>
<div class="price_wrap">
<ul>
<li class="title"><img src="/publish/images/content/icon_mypage_message.png" alt="" />문자</li>
<li class="price_line"><span class="type">단문</span><span class="price">18 </span>원 </li>
<li class="price_line"><span class="type">장문</span><span class="price">50 </span>원 </li>
<li><span class="type">그림</span><span class="price">90 </span>원 (2장 : 110원 / 3장 : 130원)</li>
</ul>
<ul>
<li class="title"><img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="" />카톡</li>
<li class="price_line"><span class="type">알림톡</span><span class="price">6.9 </span>원 </li>
<li class="title"><img src="/publish/images/content/icon_mypage_fax.png" alt="" />팩스</li>
<li><span class="type">팩스</span><span class="price">58 </span>원 </li>
<li class="event_wrap">
<p class="event_text">※ 이벤트 단가 적용기간 : 2022-05-13 ~ 2022-07-12(<span>29</span>일 남음)</p>
</li>
</ul>
<ul>
<li class="title">
<img src="/publish/images/content/icon_mypage_message.png" alt="">문자
</li>
<li class="price_line">
<span class="type">단문</span>
<span class="price">
18
</span>원
</li>
<li class="price_line">
<span class="type">장문</span>
<span class="price">
50
</span>원
</li>
<li>
<span class="type">그림</span>
<span class="price">
90
</span>원
(2장 : 110원 / 3장 : 130원)
</li>
</ul>
<ul>
<li class="title">
<img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
</li>
<li class="price_line">
<span class="type">알림톡</span>
<span class="price">
6.9
</span>원
</li>
<li class="title">
<img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
</li>
<li>
<span class="type">팩스</span>
<span class="price">
58
</span>원
</li>
</ul>
</div>
</div>
</div>

157
src/main/webapp/publish/payment1.html
View File

@ -247,7 +247,7 @@
</div>
<div class="fee_cont current" id="tab1_1">
<div>
<p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자</p>
<p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first">(등급 : 화이트)</span></p>
<table class="tType2">
<caption></caption>
<colgroup>
@ -259,28 +259,173 @@
<tr>
<th>구분</th>
<th>특징</th>
<th>가격</th>
<th>단가</th>
</tr>
</thead>
<tbody>
<tr>
<th>단문(SMS)</th>
<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td>
<td><span>25</span>원</td>
<td><span>18.0</span>원</td>
</tr>
<tr>
<th>장문(LMS)</th>
<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td>
<td><span>50</span>원</td>
<td><span>50.0</span>원</td>
</tr>
<tr>
<th>그림문자(MMS)</th>
<td>2,000Byte 이하 문자 및 이미지를 포함하는그림메시지(이미지 최대 3장 첨부 가능) </td>
<td>1장 : <span>90</span>원 / 2장 : <span>120<span>원/ 3장 : <span>150</span>원</td>
<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</td>
</tr>
</tbody>
</table>
<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
<!--문자_등급별 요금 안내 추가 시작-->
<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
<table class="tType2 tType2_level">
<caption></caption>
<colgroup>
<col style="width: 13%;">
<col style="width: auto;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
<col style="width: 11%;">
</colgroup>
<thead>
<tr>
<th>등급</th>
<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
<th>단문</th>
<th>장문</th>
<th>그림(1장)</th>
<th>그림(2장)</th>
<th>그림(3장)</th>
</tr>
</thead>
<tbody>
<tr class="level_table">
<th>VVIP</th>
<td class="level_price">10,000,000</td>
<td>8.1</td>
<td>32</td>
<td>65</td>
<td>75</td>
<td>80</td>
</tr>
<tr class="level_table">
<th>VIP</th>
<td class="level_price">9,000,000</td>
<td>8.5</td>
<td>33</td>
<td>66</td>
<td>76</td>
<td>83</td>
</tr>
<tr class="level_table">
<th>골드</th>
<td class="level_price">8,000,000</td>
<td>9</td>
<td>34</td>
<td>67</td>
<td>77</td>
<td>85</td>
</tr>
<tr class="level_table">
<th>실버</th>
<td class="level_price">7,000,000</td>
<td>10</td>
<td>35</td>
<td>68</td>
<td>78</td>
<td>90</td>
</tr>
<tr class="level_table">
<th>블랙</th>
<td class="level_price">6,000,000</td>
<td>11</td>
<td>36</td>
<td>69</td>
<td>79</td>
<td>95</td>
</tr>
<tr class="level_table">
<th>레드</th>
<td class="level_price">5,000,000</td>
<td>12</td>
<td>38</td>
<td>72</td>
<td>80</td>
<td>100</td>
</tr>
<tr class="level_table">
<th>퍼플</th>
<td class="level_price">4,000,000</td>
<td>13</td>
<td>40</td>
<td>75</td>
<td>85</td>
<td>105</td>
</tr>
<tr class="level_table">
<th>블루</th>
<td class="level_price">3,000,000</td>
<td>14</td>
<td>42</td>
<td>78</td>
<td>90</td>
<td>110</td>
</tr>
<tr class="level_table">
<th>오렌지</th>
<td class="level_price">2,000,000</td>
<td>15</td>
<td>44</td>
<td>81</td>
<td>95</td>
<td>115</td>
</tr>
<tr class="level_table">
<th>그린</th>
<td class="level_price">1,000,000</td>
<td>16</td>
<td>46</td>
<td>84</td>
<td>100</td>
<td>120</td>
</tr>
<tr class="level_table">
<th>옐로우</th>
<td class="level_price">500,000</td>
<td>17</td>
<td>48</td>
<td>87</td>
<td>105</td>
<td>125</td>
</tr>
<tr class="level_table">
<th>화이트</th>
<td class="level_price">0</td>
<td>18</td>
<td>50</td>
<td>90</td>
<td>110</td>
<td>130</td>
</tr>
</tbody>
</table>
<span class="reqTxt4">
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
</span>
<p class="reqTxt4 reqTxt4_last">
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다.
</p>
<!--문자_등급별 요금 안내 추가 끝-->
<p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 알림톡</p>
<table class="tType2">
<colgroup>

1014
src/main/webapp/publish/payment2.html
View File

File diff suppressed because it is too large Load Diff

1382
src/main/webapp/publish/payment3.html
View File

File diff suppressed because it is too large Load Diff

24
src/main/webapp/publish/sub1_2023.html
View File

@ -1507,6 +1507,30 @@
</div>
<div><button type="button" data-tooltip="popup07" class="btnType btnType3 btn_event_cash">이벤트 잔액</button></div>
</div>
<!--발송금액 아래 등급별 가격안내 추가-->
<div class="my_price_wrap">
<div class="center-line"></div>
<ul>
<li class="title">
<img src="/publish/images/content/icon_mypage_message.png" alt="">나의 단가 &nbsp;<span>:</span> &nbsp;
</li>
<li class="price_line">
<span class="type">단문</span>
<span class="price">18</span>원
<span class="line">/ &nbsp;</span>
</li>
<li class="price_line">
<span class="type">장문</span>
<span class="price">50</span>원
<span class="line">/ &nbsp;</span>
</li>
<li class="price_line">
<span class="type">그림</span>
<span class="price">90</span>원
(2장 : 110원 / 3장 : 130원)
</li>
</ul>
</div>
</div>
</th>
</tr>