2023/07/07 등급제 콘텐츠 추가, 간편결제 콘텐츠 추가
@8f40c2888810032a7256cd9688ab1d91bd64d336
--- src/main/webapp/publish/css/common.css
+++ src/main/webapp/publish/css/common.css
... | ... | @@ -99,6 +99,20 @@ |
| 99 | 99 |
.login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
|
| 100 | 100 |
.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
|
| 101 | 101 |
.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
|
| 102 |
+/*등급별 아이콘*/ |
|
| 103 |
+.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
|
|
| 104 |
+.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
|
|
| 105 |
+.login2 .login_info i.gold{background-image: url(/publish/images/level/level_icon/gold_icon.png);}
|
|
| 106 |
+.login2 .login_info i.sliver{background-image: url(/publish/images/level/level_icon/sliver_icon.png);}
|
|
| 107 |
+.login2 .login_info i.black{background-image: url(/publish/images/level/level_icon/black_icon.png);}
|
|
| 108 |
+.login2 .login_info i.red{background-image: url(/publish/images/level/level_icon/red_icon.png);}
|
|
| 109 |
+.login2 .login_info i.purple{background-image: url(/publish/images/level/level_icon/purple_icon.png);}
|
|
| 110 |
+.login2 .login_info i.blue{background-image: url(/publish/images/level/level_icon/blue_icon.png);}
|
|
| 111 |
+.login2 .login_info i.orange{background-image: url(/publish/images/level/level_icon/orange_icon.png);}
|
|
| 112 |
+.login2 .login_info i.green{background-image: url(/publish/images/level/level_icon/green_icon.png);}
|
|
| 113 |
+.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
|
|
| 114 |
+.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
|
|
| 115 |
+/*등급별 아이콘 끝*/ |
|
| 102 | 116 |
.login2 .login_info button {margin-right: 2px;}
|
| 103 | 117 |
.login2 .login_pay {display:flex;}
|
| 104 | 118 |
.login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
|
... | ... | @@ -220,6 +234,7 @@ |
| 220 | 234 |
.quickMenu .quickMenuIn li i.quick9 {background-image: url(/publish/images/quick9.png);width: 24px; height:20px;}
|
| 221 | 235 |
.quickMenu .quickMenuIn li i.quick10 {background-image: url(/publish/images/quick10.png);width: 21px; height:20px;}
|
| 222 | 236 |
.quickMenu .quickMenuIn li i.quick11 {background-image: url(/publish/images/quick11.png);width: 20px; height:20px;}
|
| 237 |
+.quickMenu .quickMenuIn li i.quick12 {background-image: url(/publish/images/level/quick12.png);width: 20px; height:20px;}
|
|
| 223 | 238 |
.quickMenu .quickMenuIn li span {display: block;font-size: 12px;color: #555;padding-top: 8px;}
|
| 224 | 239 |
.quickMenu .goTop {background-color: #929599;color: #fff;width: 90px;padding: 10px 0;border-radius: 0 0 8px 8px;font-size: 20px;}
|
| 225 | 240 |
.quickMenu .goTop i {background-image: url(/publish/images/goTop.png);width: 12px;height: 10px;margin-left: 5px;margin-bottom: 5px;}
|
... | ... | @@ -234,6 +249,7 @@ |
| 234 | 249 |
.quickMenu .quickMenuIn li:hover i.quick9 {background-image: url(/publish/images/quick9_hover.png);width: 24px; height:20px;}
|
| 235 | 250 |
.quickMenu .quickMenuIn li:hover i.quick10 {background-image: url(/publish/images/quick10_hover.png);width: 21px; height:20px;}
|
| 236 | 251 |
.quickMenu .quickMenuIn li:hover i.quick11 {background-image: url(/publish/images/quick11_hover.png);width: 20px; height:20px;}
|
| 252 |
+.quickMenu .quickMenuIn li:hover i.quick12 {background-image: url(/publish/images/level/quick12_hover.png);width: 20px; height:20px;}
|
|
| 237 | 253 |
.quickMenu .quickMenuIn li:hover span {color: #002c9a;font-weight: 500;}
|
| 238 | 254 |
.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;}
|
| 239 | 255 |
.quickMenu .quick_kakaobtn a {display:block;width:100%;height:100%;}
|
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -90,7 +90,7 @@ |
| 90 | 90 |
/* tabTpye1 */ |
| 91 | 91 |
.tabType1 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:2px solid #46484a;}
|
| 92 | 92 |
.tabType1 li {flex-basis: calc(100%/2); position: relative;}
|
| 93 |
-.tabType1 li button {width: 100%;padding: 13px 0;font-size: 18px;position:relative;z-index:1;}
|
|
| 93 |
+.tabType1 li button {width: 100%;padding: 13px 0;font-size: 16px;position:relative;z-index:1;}
|
|
| 94 | 94 |
.tabType1 li.active {background-color: #46484a;}
|
| 95 | 95 |
.tabType1 li.active:after {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #46484a;}
|
| 96 | 96 |
.tabType1 li.active button {color: #fff;border:1px solid #46484a;background-color: #46484a;}
|
... | ... | @@ -427,7 +427,7 @@ |
| 427 | 427 |
.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;}
|
| 428 | 428 |
.tType1 tbody tr th.billingAmount button.cal_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
|
| 429 | 429 |
.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;}
|
| 430 |
-.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;}
|
|
| 430 |
+.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;}
|
|
| 431 | 431 |
.tType1 tbody tr th.billingAmount .pay_type button.btn_event_cash{width: 100px;}
|
| 432 | 432 |
.tType1 tbody tr th.billingAmount .pay_type:last-child {margin-top: 10px;}
|
| 433 | 433 |
.tType1 tbody tr th.billingAmount .pay_type>div:first-child {float: left;margin:0 0 0 5px;}
|
... | ... | @@ -447,6 +447,21 @@ |
| 447 | 447 |
.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;}
|
| 448 | 448 |
.tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;}
|
| 449 | 449 |
.tType1 tbody input:disabled {background-color: #dedede;}
|
| 450 |
+ |
|
| 451 |
+/*발송금액 아래 등급별 가격안내 추가*/ |
|
| 452 |
+.my_price_wrap .center-line{width: 96%; height: 1px; background-color: #e5e5e5; margin: 0 auto;}
|
|
| 453 |
+.my_price_wrap{letter-spacing: -0.5px; width: calc(100% - 100px); background-color: #fff; border-radius: 0 0 5px 5px; width: 100%;}
|
|
| 454 |
+.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;}
|
|
| 455 |
+.my_price_wrap ul:last-child{border: 0; align-items: flex-start;}
|
|
| 456 |
+.my_price_wrap ul:first-child li:last-child{margin: 0; padding: 0}
|
|
| 457 |
+.my_price_wrap .title{font-size: 17px; font-weight: 400; color: #222; margin-top: 1px;}
|
|
| 458 |
+.my_price_wrap .title span{font-size: 15px;}
|
|
| 459 |
+.my_price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
|
|
| 460 |
+.my_price_wrap .type{border: 1px solid #46484a; border-radius: 3px; margin-right: 3px; color: #46484a; padding: 0 4px 1px 4px;}
|
|
| 461 |
+.my_price_wrap .type, .price_line{font-size: 16px; font-weight: 400; color: #555;}
|
|
| 462 |
+.my_price_wrap .price{color: #e40000; font-size: 18px; font-weight: 700;}
|
|
| 463 |
+.my_price_wrap .line{font-size: 14px; color: #ababab;}
|
|
| 464 |
+ |
|
| 450 | 465 |
/*// tType1 */ |
| 451 | 466 |
/*// sub page 반복 */ |
| 452 | 467 |
|
... | ... | @@ -916,6 +931,11 @@ |
| 916 | 931 |
.pay_cont .excel_middle {margin: 20px 0 10px 0;}
|
| 917 | 932 |
.pay_cont .excel_middle .selType2 {width: 82px; height: 32px; margin-left: 0;}
|
| 918 | 933 |
.pay_cont .select_btnWrap .add_text2 {font-size: 16px; padding-top: 7px; color: #666; font-weight: 300;}
|
| 934 |
+ |
|
| 935 |
+/*등급 및 누적결제액 확인 버튼 추가*/ |
|
| 936 |
+.pay_cont .excel_middle .level_btn{margin: 0 5px; border: 1px solid #002c9a; color: #002c9a;}
|
|
| 937 |
+.pay_cont .excel_middle .level_btn img{margin-top: -3px;}
|
|
| 938 |
+ |
|
| 919 | 939 |
.pay_cont .excel_middle .print_btn {margin: 0 5px;}
|
| 920 | 940 |
.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; }
|
| 921 | 941 |
.pay_cont .pay_info p:nth-child(1) {font-size: 18px;}
|
... | ... | @@ -1055,13 +1075,13 @@ |
| 1055 | 1075 |
.charg_cont.current {display: block;}
|
| 1056 | 1076 |
.charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;}
|
| 1057 | 1077 |
.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between;}
|
| 1058 |
-.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;}
|
|
| 1078 |
+.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;}
|
|
| 1059 | 1079 |
.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;}
|
| 1060 | 1080 |
.charg_cont .area_tab li.active {border: 3px solid #fbc72b;}
|
| 1061 | 1081 |
.charg_cont .area_tab li.active::before{background-image: url(/publish/images/content/icon_chargeCheck2.png); background-color: #fbc72b; border: 2px solid #fbc72b;}
|
| 1062 | 1082 |
.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%;}
|
| 1063 | 1083 |
.charg_cont .area_tab button i{width: 65px; height: 55px; display: block; margin: 0 auto 15px auto; background-position: center;}
|
| 1064 |
-.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging1.png);}
|
|
| 1084 |
+.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/simple.png);}
|
|
| 1065 | 1085 |
.charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging2.png);}
|
| 1066 | 1086 |
.charg_cont .area_tab .btn_charge3 i{background-image: url(/publish/images/content/icon_charging3.png);}
|
| 1067 | 1087 |
.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging4.png);}
|
... | ... | @@ -1143,6 +1163,33 @@ |
| 1143 | 1163 |
.charg_cont .tType1 .box_input.flex input{border: 1px solid #ccc;}
|
| 1144 | 1164 |
.charg_cont .tType1 .box_input.flex input[type="text"] {width: 200px;background-color: #fff;}
|
| 1145 | 1165 |
.charg_cont .tType1 .box_input.flex button{background-color: #002c9a; color: #fff; border: 0; margin-left: 10px;}
|
| 1166 |
+ |
|
| 1167 |
+ |
|
| 1168 |
+/*누적결제액별 등급 및 단간 추가*/ |
|
| 1169 |
+.accrue_price{width: 100%; height: 105px; border-radius: 5px; background-color: #f2f2f2;}
|
|
| 1170 |
+.accrue_price p{font-size: 22px; font-weight: 700; line-height: 105px; margin-left: 53px;}
|
|
| 1171 |
+.accrue_price p span{border-radius: 5px; background-color: #fff; padding: 10px 10px 10px 10px; font-size: 18px; font-weight: 400;}
|
|
| 1172 |
+.accrue_price p span img{margin-right: 5px; margin-top: -5px;}
|
|
| 1173 |
+.accrue_price p span span{padding: 0; font-size: 22px; font-weight: 700; color: #e40000;}
|
|
| 1174 |
+.accrue_level .tType1_title{margin-top: 40px;}
|
|
| 1175 |
+.accrue_level .tType1_title img{margin-top: -5px;}
|
|
| 1176 |
+.accrue_level .tType2{width: 100%; border-top: 1px solid #000; text-align: center;}
|
|
| 1177 |
+.accrue_level .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
|
|
| 1178 |
+.accrue_level .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
|
|
| 1179 |
+.accrue_level .tType2 thead tr th:last-child{border-right: 0;}
|
|
| 1180 |
+.accrue_level .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
|
| 1181 |
+.accrue_level .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 42px; vertical-align: middle;}
|
|
| 1182 |
+.accrue_level .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
|
|
| 1183 |
+.accrue_level .tType2 tbody tr td:last-child{border-right: 0;}
|
|
| 1184 |
+.accrue_level .tType2 tbody tr td:last-child>span {font-weight: 400;}
|
|
| 1185 |
+ |
|
| 1186 |
+.accrue_level .tType2_level tbody tr th{font-weight: 300;}
|
|
| 1187 |
+.accrue_level .tType2_level tbody tr .level_price{font-weight: 500;}
|
|
| 1188 |
+.accrue_level .level_first{font-weight: 400; font-size: 18px; color: #666;}
|
|
| 1189 |
+.accrue_level .level span{font-weight: 400; font-size: 18px; color: #666;}
|
|
| 1190 |
+.accrue_level .tType2 .th_second span{font-size: 15px; font-weight: 300;}
|
|
| 1191 |
+.accrue_level .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
|
|
| 1192 |
+ |
|
| 1146 | 1193 |
/* //결제하기 */ |
| 1147 | 1194 |
|
| 1148 | 1195 |
/* 요금안내/견적내기 */ |
... | ... | @@ -1153,10 +1200,14 @@ |
| 1153 | 1200 |
.fee_cont .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
|
| 1154 | 1201 |
.fee_cont .tType2 thead tr th:last-child{border-right: 0;}
|
| 1155 | 1202 |
.fee_cont .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
| 1203 |
+ |
|
| 1156 | 1204 |
.fee_cont .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 50px; vertical-align: middle;}
|
| 1157 | 1205 |
.fee_cont .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
|
| 1158 | 1206 |
.fee_cont .tType2 tbody tr td:last-child{border-right: 0;}
|
| 1159 | 1207 |
.fee_cont .tType2 tbody tr td:last-child>span {font-weight: 400;}
|
| 1208 |
+ |
|
| 1209 |
+/*문자(등급별 요금 안내) 테이블 높이 수정*/ |
|
| 1210 |
+.fee_cont .tType2 .level_table th{height: 42px;}
|
|
| 1160 | 1211 |
|
| 1161 | 1212 |
.fee_cont .tType1 select, .fee_cont .tType1 input{border: 0; background-color: #f2f2f2;}
|
| 1162 | 1213 |
.fee_cont .btn_add{float: right;}
|
... | ... | @@ -1189,6 +1240,14 @@ |
| 1189 | 1240 |
.tb_wrap.totalPrice_tb .tType4 tbody td {font-size: 18px; font-weight: 400; color: #222; height: 52px; line-height: 31px; position: relative;}
|
| 1190 | 1241 |
.tb_wrap.totalPrice_tb .tType4 tbody td select {height: 36px; top: 8px; border: 2px solid; }
|
| 1191 | 1242 |
|
| 1243 |
+ |
|
| 1244 |
+/*문자(등급별 요금 안내)*/ |
|
| 1245 |
+.fee_cont .tType2_level tbody tr th{font-weight: 300;}
|
|
| 1246 |
+.fee_cont .tType2_level tbody tr .level_price{font-weight: 500;}
|
|
| 1247 |
+.fee_cont .level_first{font-weight: 400; font-size: 18px; color: #666;}
|
|
| 1248 |
+.fee_cont .level span{font-weight: 400; font-size: 18px; color: #666;}
|
|
| 1249 |
+.fee_cont .tType2 .th_second span{font-size: 15px; font-weight: 300;}
|
|
| 1250 |
+.fee_cont .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
|
|
| 1192 | 1251 |
/* //요금안내/견적내기 */ |
| 1193 | 1252 |
|
| 1194 | 1253 |
/* 예약관리 */ |
... | ... | @@ -1559,7 +1618,7 @@ |
| 1559 | 1618 |
/* .fax_content .final_wrap .pay_type {border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;} */
|
| 1560 | 1619 |
.fax_content .final_wrap .pay_type:last-child {margin-top: 10px;}
|
| 1561 | 1620 |
/* .fax_content .final_wrap .pay_type>div:first-child {float: left;margin:0 0 0 5px; background-color: #fff;} */
|
| 1562 |
-.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;}
|
|
| 1621 |
+.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;}
|
|
| 1563 | 1622 |
.fax_content .final_wrap .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
|
| 1564 | 1623 |
.fax_content .final_wrap .pay_type>div:last-child {display:inline-block;max-width: 150px; width: 100%;}
|
| 1565 | 1624 |
.fax_content .final_wrap .pay_type>div:last-child button{width: 100%;}
|
... | ... | @@ -1598,6 +1657,9 @@ |
| 1598 | 1657 |
.fax_content .qmMark:hover+.send_hover_cont{display: block;}
|
| 1599 | 1658 |
.fax_content .qmMark+.send_hover_cont li{text-indent: -9px; margin: 0 0 0 9px;}
|
| 1600 | 1659 |
|
| 1660 |
+ |
|
| 1661 |
+ |
|
| 1662 |
+ |
|
| 1601 | 1663 |
/* 카톡전송 > 알림톡 소개 */ |
| 1602 | 1664 |
.kakao_intro_cont{letter-spacing: -0.5px; /*word-break: keep-all;*/}
|
| 1603 | 1665 |
.kakao_intro_cont .heading h2{letter-spacing: 0;}
|
--- src/main/webapp/publish/css/main.css
+++ src/main/webapp/publish/css/main.css
... | ... | @@ -202,6 +202,9 @@ |
| 202 | 202 |
.btn_custom img{vertical-align: middle; margin-top: -4px; margin-right: 2px;}
|
| 203 | 203 |
.btn_custom:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
|
| 204 | 204 |
|
| 205 |
+/*요금안내 top 배너 시작*/ |
|
| 206 |
+.price_top_banner{position: fixed; right: 4%; top: 160px; z-index: 20;}
|
|
| 207 |
+ |
|
| 205 | 208 |
/* media queries */ |
| 206 | 209 |
@media screen and (max-width: 1800px){
|
| 207 | 210 |
/* content2 문자샘플 영역 */ |
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
... | ... | @@ -293,7 +293,7 @@ |
| 293 | 293 |
/* //join4 - 가입완료 */ |
| 294 | 294 |
|
| 295 | 295 |
|
| 296 |
-/* 마이페이지 */ |
|
| 296 |
+ |
|
| 297 | 297 |
|
| 298 | 298 |
/* 메인화면 */ |
| 299 | 299 |
.my_dashboard {margin-top: 40px;}
|
... | ... | @@ -359,6 +359,7 @@ |
| 359 | 359 |
.my_dashboard table tbody tr:last-child td {border-bottom: 1px solid transparent; }
|
| 360 | 360 |
.my_dashboard table tbody tr:last-child td:first-child {border-bottom: 1px solid transparent; border-radius: 0 0 0 5px;}
|
| 361 | 361 |
.my_dashboard table tbody tr:last-child td:last-child {border-bottom: 1px solid transparent; border-radius: 0 0 5px 0 ;}
|
| 362 |
+ |
|
| 362 | 363 |
/* mypage dashboard cont1 */ |
| 363 | 364 |
.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
|
| 364 | 365 |
.my_dashboard_cont1>div {display: flex; align-items: center;}
|
... | ... | @@ -367,6 +368,18 @@ |
| 367 | 368 |
.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;}
|
| 368 | 369 |
.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
|
| 369 | 370 |
.my_dashboard_cont1>span>span {font-weight: 500;}
|
| 371 |
+ |
|
| 372 |
+/* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */ |
|
| 373 |
+.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
|
|
| 374 |
+.my_dashboard_cont1>div {display: flex; align-items: center;}
|
|
| 375 |
+.my_dashboard_cont1 p {font-size: 16px; font-weight: 300;}
|
|
| 376 |
+.my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; margin-left: -20px;}
|
|
| 377 |
+.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;}
|
|
| 378 |
+.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
|
|
| 379 |
+.my_dashboard_cont1>span>span {font-weight: 500;}
|
|
| 380 |
+.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;}
|
|
| 381 |
+.my_dashboard_cont1 .level_icon p{font-size: 14px; font-weight: 400; margin-top: 2px; color: #444;}
|
|
| 382 |
+ |
|
| 370 | 383 |
/* mypage dashboard cont2 */ |
| 371 | 384 |
.my_dashboard .my_dashboard_cont2 {width: 100%; flex-flow: wrap;}
|
| 372 | 385 |
.dashboard_info {display: flex; flex-flow: wrap; width: 100%; justify-content: space-between;}
|
... | ... | @@ -642,6 +655,11 @@ |
| 642 | 655 |
.limited_wrap .limited_button {margin:40px 0;}
|
| 643 | 656 |
.limited_wrap .limited_button .btnType {width:160px;margin:0 3px;}
|
| 644 | 657 |
|
| 658 |
+/* 마이페이지 */ |
|
| 659 |
+/*등급제 아이콘 추가*/ |
|
| 660 |
+ |
|
| 661 |
+ |
|
| 662 |
+ |
|
| 645 | 663 |
|
| 646 | 664 |
/* media queries */ |
| 647 | 665 |
|
... | ... | @@ -652,6 +670,14 @@ |
| 652 | 670 |
.my_dashboard .send_price{width: calc(100% - 340px);}
|
| 653 | 671 |
.send_top .send_price li{letter-spacing: -1px;}
|
| 654 | 672 |
.send_top .send_price .title{padding: 0 4px 0 0;}
|
| 673 |
+ |
|
| 674 |
+ /* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */ |
|
| 675 |
+ .my_dashboard_cont1 p {font-size: 17px;}
|
|
| 676 |
+ .my_dashboard_cont1 p span {font-size: 22px;}
|
|
| 677 |
+ .my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;}
|
|
| 678 |
+ .my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;}
|
|
| 679 |
+ .my_dashboard .send_price{margin: 0 -24px 0 0;}
|
|
| 680 |
+ .my_dashboard .send_price .price_title{width: 75px;}
|
|
| 655 | 681 |
} |
| 656 | 682 |
|
| 657 | 683 |
@media only screen and (max-width:1380px){
|
--- src/main/webapp/publish/css/popupLayer.css
+++ src/main/webapp/publish/css/popupLayer.css
... | ... | @@ -1114,6 +1114,15 @@ |
| 1114 | 1114 |
|
| 1115 | 1115 |
/* 결제완료 */ |
| 1116 | 1116 |
|
| 1117 |
+/* 누적결제액 세부내역 팝업 */ |
|
| 1118 |
+.level_popup .popup_heading p span{font-size: 18px; font-weight: 400;}
|
|
| 1119 |
+.level_popup .candidate_table .tb_wrap{min-height: auto;}
|
|
| 1120 |
+.level_popup .candidate_table table tr:first-child{border-top: 0;}
|
|
| 1121 |
+.level_popup .level_tx{margin: -20px 0 3px 0; font-size: 16px; font-weight: 300;}
|
|
| 1122 |
+.level_popup .layer_in .level_title th{ font-size: 15px; font-weight: 400; text-align: center;}
|
|
| 1123 |
+.level_popup .layer_in .level_text td{font-size: 15px; font-weight: 300; text-align: center; height: 40px;}
|
|
| 1124 |
+.level_popup .pagination{margin-top: 20px;}
|
|
| 1125 |
+ |
|
| 1117 | 1126 |
/* ie */ |
| 1118 | 1127 |
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
| 1119 | 1128 |
/* 특수문자 */ |
--- src/main/webapp/publish/firstpay_event.html
+++ src/main/webapp/publish/firstpay_event.html
... | ... | @@ -286,26 +286,19 @@ |
| 286 | 286 |
<div> |
| 287 | 287 |
<p class="tab_tit">충전수단 선택</p> |
| 288 | 288 |
<ul class="area_tab"> |
| 289 |
- <li class="btn_charge1 btn_tab active"><button type="button" |
|
| 290 |
- onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li> |
|
| 291 |
- <li class="btn_charge2 btn_tab"><button type="button" |
|
| 292 |
- onclick="TabTypePay(this,'2');" |
|
| 293 |
- id="btnDdedicatedAccount"><i></i>전용계좌</button></li> |
|
| 289 |
+ <li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>간편결제</button></li> |
|
| 290 |
+ <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');"><i></i>신용카드</button></li> |
|
| 291 |
+ <li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'3');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li> |
|
| 294 | 292 |
<!-- <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> --> |
| 295 |
- <li class="btn_charge4 btn_tab"><button type="button" |
|
| 296 |
- onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li> |
|
| 297 |
- <li class="btn_charge5 btn_tab"><button type="button" |
|
| 298 |
- onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li> |
|
| 293 |
+ <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li> |
|
| 294 |
+ <li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li> |
|
| 299 | 295 |
</ul> |
| 300 |
- <div class="checkbox_wrap"><input type="checkbox" id="agree"><label |
|
| 301 |
- for="agree">선택한 수단을 다음 충전 시에도 |
|
| 302 |
- 이용합니다.</label></div> |
|
| 296 |
+ <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div> |
|
| 303 | 297 |
|
| 304 |
- <!-- 신용카드 --> |
|
| 298 |
+ <!-- 간편결제 --> |
|
| 305 | 299 |
<div class="area_tabcont on" id="tab2_1"> |
| 306 |
- <p class="tType1_title"><img |
|
| 307 |
- src="/publish/images/content/icon_charging1_small.png" |
|
| 308 |
- alt=""> 신용카드</p> |
|
| 300 |
+ <p class="tType1_title"> |
|
| 301 |
+ <img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘"> 간편결제</p> |
|
| 309 | 302 |
<table class="tType1"> |
| 310 | 303 |
<caption></caption> |
| 311 | 304 |
<colgroup> |
... | ... | @@ -345,6 +338,7 @@ |
| 345 | 338 |
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
| 346 | 339 |
<p class="input_in">원</p> --> |
| 347 | 340 |
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
| 341 |
+ <p class="input_in">원</p> |
|
| 348 | 342 |
</td> |
| 349 | 343 |
</tr> |
| 350 | 344 |
<tr> |
... | ... | @@ -354,12 +348,86 @@ |
| 354 | 348 |
<dt>최종 결제금액 :</dt> |
| 355 | 349 |
<dd> |
| 356 | 350 |
<ul> |
| 357 |
- <li><strong id="supplyPriceStr">5,000</strong>원(공급가액) |
|
| 358 |
- </li> |
|
| 359 |
- <li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세) |
|
| 360 |
- </li> |
|
| 361 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액) |
|
| 362 |
- </li> |
|
| 351 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 352 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 353 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 354 |
+ </ul> |
|
| 355 |
+ </dd> |
|
| 356 |
+ </dl> |
|
| 357 |
+ <button type="button" class="btnType" |
|
| 358 |
+ onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 359 |
+ </div> |
|
| 360 |
+ </td> |
|
| 361 |
+ </tr> |
|
| 362 |
+ <tr> |
|
| 363 |
+ <td colspan="2"> |
|
| 364 |
+ <div class="area_text"> |
|
| 365 |
+ <!-- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p> --> |
|
| 366 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 367 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 368 |
+ </div> |
|
| 369 |
+ </td> |
|
| 370 |
+ </tr> |
|
| 371 |
+ </tbody> |
|
| 372 |
+ </table> |
|
| 373 |
+ </div> |
|
| 374 |
+ <!-- //간편결제 --> |
|
| 375 |
+ |
|
| 376 |
+ <!-- 신용카드 --> |
|
| 377 |
+ <div class="area_tabcont" id="tab2_2"> |
|
| 378 |
+ <p class="tType1_title"><img src="/publish/images/credit_small.png" alt=""> 신용카드</p> |
|
| 379 |
+ <table class="tType1"> |
|
| 380 |
+ <caption></caption> |
|
| 381 |
+ <colgroup> |
|
| 382 |
+ <col style="width: 100px;"> |
|
| 383 |
+ <col style="width: auto;"> |
|
| 384 |
+ </colgroup> |
|
| 385 |
+ <tbody> |
|
| 386 |
+ <tr class="charge_content"> |
|
| 387 |
+ <th scope="row">충전금액</th> |
|
| 388 |
+ <td class="flex"> |
|
| 389 |
+ <select name="tempPrice" id="tempPrice" |
|
| 390 |
+ class="list_seType1"> |
|
| 391 |
+ <option value="5000">5,000</option> |
|
| 392 |
+ <option value="10000">10,000</option> |
|
| 393 |
+ <option value="20000">20,000</option> |
|
| 394 |
+ <option value="30000">30,000</option> |
|
| 395 |
+ <option value="50000" selected>50,000</option> |
|
| 396 |
+ <option value="100000">100,000</option> |
|
| 397 |
+ <option value="200000">200,000</option> |
|
| 398 |
+ <option value="300000">300,000</option> |
|
| 399 |
+ <option value="500000">500,000</option> |
|
| 400 |
+ <option value="700000">700,000</option> |
|
| 401 |
+ <option value="900000">900,000</option> |
|
| 402 |
+ <option value="1000000">1,000,000</option> |
|
| 403 |
+ <option value="1200000">1,200,000</option> |
|
| 404 |
+ <option value="1500000">1,500,000</option> |
|
| 405 |
+ <option value="2000000">2,000,000</option> |
|
| 406 |
+ <option value="2500000">2,500,000</option> |
|
| 407 |
+ <option value="3000000">3,000,000</option> |
|
| 408 |
+ </select> |
|
| 409 |
+ <!-- <input type="text" numberOnly placeholder="금액을 입력해주세요" name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 410 |
+ <p class="input_in">원</p> |
|
| 411 |
+ <button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button> |
|
| 412 |
+ <button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button> |
|
| 413 |
+ <button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button> |
|
| 414 |
+ <button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button> |
|
| 415 |
+ <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
|
| 416 |
+ <p class="input_in">원</p> --> |
|
| 417 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 418 |
+ <p class="input_in">원</p> |
|
| 419 |
+ </td> |
|
| 420 |
+ </tr> |
|
| 421 |
+ <tr> |
|
| 422 |
+ <td colspan="2"> |
|
| 423 |
+ <div class="amount_wrap"> |
|
| 424 |
+ <dl> |
|
| 425 |
+ <dt>최종 결제금액 :</dt> |
|
| 426 |
+ <dd> |
|
| 427 |
+ <ul> |
|
| 428 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 429 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 430 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 363 | 431 |
</ul> |
| 364 | 432 |
</dd> |
| 365 | 433 |
</dl> |
... | ... | @@ -385,7 +453,7 @@ |
| 385 | 453 |
<!-- //신용카드 --> |
| 386 | 454 |
|
| 387 | 455 |
<!-- 전용계좌 --> |
| 388 |
- <div class="area_tabcont" id="tab2_2"> |
|
| 456 |
+ <div class="area_tabcont" id="tab2_3"> |
|
| 389 | 457 |
<!-- 신규계좌발급 시 --> |
| 390 | 458 |
<p class="tType1_title"><img |
| 391 | 459 |
src="/publish/images/content/icon_charging1_small.png" |
... | ... | @@ -400,18 +468,8 @@ |
| 400 | 468 |
<tr> |
| 401 | 469 |
<td> |
| 402 | 470 |
<div class="area_text"> |
| 403 |
- <c:choose> |
|
| 404 |
- <c:when test="${not empty resultMyList}">
|
|
| 405 |
- <p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, |
|
| 406 |
- 5천원 이상 입금 가능)</p> |
|
| 407 |
- </c:when> |
|
| 408 |
- <c:otherwise> |
|
| 409 |
- <p>1. 현재 발급받은 전용계좌가 없습니다.</p> |
|
| 410 |
- <p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, |
|
| 411 |
- 5천원 이상 입금 가능)</p> |
|
| 412 |
- </c:otherwise> |
|
| 413 |
- </c:choose> |
|
| 414 |
- |
|
| 471 |
+ <p>1. 현재 발급받은 전용계좌가 없습니다.</p> |
|
| 472 |
+ <p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p> |
|
| 415 | 473 |
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> --> |
| 416 | 474 |
</div> |
| 417 | 475 |
</td> |
... | ... | @@ -419,11 +477,12 @@ |
| 419 | 477 |
<label for="bankCd" class="label">은행선택</label> |
| 420 | 478 |
<select name="bankCd" id="bankCd"> |
| 421 | 479 |
<option value="">은행선택</option> |
| 422 |
- <c:forEach var="result" items="${resultList}"
|
|
| 423 |
- varStatus="status"> |
|
| 424 |
- <option value="${result.bankCd}">
|
|
| 425 |
- ${result.codeNm}</option>
|
|
| 426 |
- </c:forEach> |
|
| 480 |
+ <option value="003">기업은행</option> |
|
| 481 |
+ <option value="004">국민은행</option> |
|
| 482 |
+ <option value="011">농협은행</option> |
|
| 483 |
+ <option value="020">우리은행</option> |
|
| 484 |
+ <option value="081">하나은행</option> |
|
| 485 |
+ <option value="088">신한은행</option> |
|
| 427 | 486 |
</select> |
| 428 | 487 |
<p class="input_in" style="margin-right:5px;">원</p> |
| 429 | 488 |
<button type="button" |
... | ... | @@ -434,9 +493,7 @@ |
| 434 | 493 |
</table> |
| 435 | 494 |
|
| 436 | 495 |
<!-- 기존 계좌있을 시 --> |
| 437 |
- <p class="tType1_title"><img |
|
| 438 |
- src="/publish/images/content/icon_charging1_small.png" |
|
| 439 |
- alt="계좌 이미"> 전용계좌</p> |
|
| 496 |
+ <p class="tType1_title" style="margin-top: 50px;"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 440 | 497 |
<table class="tType1"> |
| 441 | 498 |
<caption></caption> |
| 442 | 499 |
<colgroup> |
... | ... | @@ -444,59 +501,28 @@ |
| 444 | 501 |
<col style="width: 35%;"> |
| 445 | 502 |
</colgroup> |
| 446 | 503 |
<tbody> |
| 447 |
- <c:choose> |
|
| 448 |
- <c:when test="${not empty resultMyList}">
|
|
| 449 |
- <c:forEach var="result" items="${resultMyList}"
|
|
| 450 |
- varStatus="status"> |
|
| 451 |
- <tr> |
|
| 452 |
- <td> |
|
| 453 |
- <div class="checkbox_wrap"> |
|
| 454 |
- <input type="radio" |
|
| 455 |
- id="chkAccount${status.count}"
|
|
| 456 |
- name="chkAccount" |
|
| 457 |
- value="<c:out value='${result.bankCd}'/>_<c:out value='${result.codeNm}'/>_<c:out value='${result.acctNo}'/>">
|
|
| 458 |
- <label |
|
| 459 |
- for="chkAccount${status.count}"></label>
|
|
| 460 |
- <c:out value='${result.codeNm}' />
|
|
| 461 |
- <c:out value='${result.acctNo}' />
|
|
| 462 |
- </div> |
|
| 463 |
- <div class="account_holder"> |
|
| 464 |
- (예금주 : |
|
| 465 |
- <c:out value="${result.cmfNm}" />)
|
|
| 466 |
- </div> |
|
| 467 |
- </td> |
|
| 468 |
- <td class="right"> |
|
| 469 |
- </td> |
|
| 470 |
- </tr> |
|
| 471 |
- </c:forEach> |
|
| 472 |
- </c:when> |
|
| 473 |
- <c:otherwise> |
|
| 474 |
- <tr> |
|
| 475 |
- <td colspan="2"> |
|
| 476 |
- <div> |
|
| 477 |
- 보유한 전용 계좌가 없습니다. |
|
| 478 |
- </div> |
|
| 479 |
- </td> |
|
| 480 |
- </tr> |
|
| 481 |
- </c:otherwise> |
|
| 482 |
- </c:choose> |
|
| 504 |
+ <tr> |
|
| 505 |
+ <td colspan="2"> |
|
| 506 |
+ <div> |
|
| 507 |
+ 보유한 전용 계좌가 없습니다. |
|
| 508 |
+ </div> |
|
| 509 |
+ </td> |
|
| 510 |
+ </tr> |
|
| 483 | 511 |
<tr> |
| 484 | 512 |
<td colspan="2"> |
| 485 | 513 |
<div class="area_text"> |
| 486 |
- <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 |
|
| 487 |
- 해지</span>됩니다.</p> |
|
| 488 |
- <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 |
|
| 489 |
- <span>실시간 자동 충전이</span> 가능합니다.</p> |
|
| 514 |
+ <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p> |
|
| 515 |
+ <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> |
|
| 516 |
+ 가능합니다.</p> |
|
| 490 | 517 |
<!-- <p>- 예금주 : 문자온</p> --> |
| 491 | 518 |
<p>- 계좌번호 문자로 받기(일/3회까지) |
| 492 | 519 |
<label for="" class="label">전화번호 입력</label> |
| 493 |
- <input type="text" id="callTo" name="callTo" |
|
| 494 |
- maxLength="11" |
|
| 520 |
+ <input type="text" id="callTo" name="callTo" maxlength="11" |
|
| 495 | 521 |
placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." |
| 496 | 522 |
onfocus="this.placeholder=''" |
| 497 | 523 |
onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
| 498 | 524 |
<button type="button" |
| 499 |
- onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button>
|
|
| 525 |
+ onclick="fnSmsSend(); return false;">문자받기</button> |
|
| 500 | 526 |
</p> |
| 501 | 527 |
</div> |
| 502 | 528 |
</td> |
... | ... | @@ -540,6 +566,7 @@ |
| 540 | 566 |
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
| 541 | 567 |
<p class="input_in">원</p> --> |
| 542 | 568 |
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
| 569 |
+ <p class="input_in">원</p> |
|
| 543 | 570 |
</td> |
| 544 | 571 |
</tr> |
| 545 | 572 |
<tr> |
... | ... | @@ -549,12 +576,9 @@ |
| 549 | 576 |
<dt>최종 결제금액 :</dt> |
| 550 | 577 |
<dd> |
| 551 | 578 |
<ul> |
| 552 |
- <li><strong id="supplyPriceStr">5,000</strong>원(공급가액) |
|
| 553 |
- </li> |
|
| 554 |
- <li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세) |
|
| 555 |
- </li> |
|
| 556 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액) |
|
| 557 |
- </li> |
|
| 579 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 580 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 581 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 558 | 582 |
</ul> |
| 559 | 583 |
</dd> |
| 560 | 584 |
</dl> |
... | ... | @@ -623,6 +647,7 @@ |
| 623 | 647 |
<button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%> |
| 624 | 648 |
<p class="input_in">원</p> --> |
| 625 | 649 |
<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
| 650 |
+ <p class="input_in">원</p> |
|
| 626 | 651 |
</td> |
| 627 | 652 |
</tr> |
| 628 | 653 |
<tr> |
... | ... | @@ -632,12 +657,9 @@ |
| 632 | 657 |
<dt>최종 결제금액 :</dt> |
| 633 | 658 |
<dd> |
| 634 | 659 |
<ul> |
| 635 |
- <li><strong id="supplyPriceStr">5,000</strong>원(공급가액) |
|
| 636 |
- </li> |
|
| 637 |
- <li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세) |
|
| 638 |
- </li> |
|
| 639 |
- <li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액) |
|
| 640 |
- </li> |
|
| 660 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 661 |
+ <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 662 |
+ <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 641 | 663 |
</ul> |
| 642 | 664 |
</dd> |
| 643 | 665 |
</dl> |
--- src/main/webapp/publish/guide_2022.html
+++ src/main/webapp/publish/guide_2022.html
... | ... | @@ -18,6 +18,13 @@ |
| 18 | 18 |
<!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p> |
| 19 | 19 |
<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> --> |
| 20 | 20 |
<ul class="page"> |
| 21 |
+ <li><a href="/publish/index_2023.html">index_2023.html</a>로그인 바 > 등급별 아이콘 이미지 추가 + 홍길동(개인)으로 이름 변경 (님)자 제거 + 요금안내 페이지 이동 탑 배너 추가 + 퀵메뉴 > 맞춤제작을 요금안내로 변경</li> |
|
| 22 |
+ <li><a href="/publish/mypage_index_2023.html">mypage_index_2023.html</a>마이페이지 > 등급별 아이콘 버튼 추가 + 등급별 아이콘 버튼 클릭 > 팝업추가</li> |
|
| 23 |
+ <li><a href="/publish/firstpay_event.html">firstpay_event.html</a>고객센터 > 이벤트페이지 > 충전수단 선택 내용 추가 </li> |
|
| 24 |
+ <li><a href="/publish/payment3.html">payment3.html</a>결제관리 > 요금결제내역 > 간편결제 결제내역 tap추가 + 등급 및 누적결제액 확인 버튼 추가 + 등급 및 누적결제액 확인 버튼 클릭 > 팝업추가</li> |
|
| 25 |
+ <li><a href="/publish/sub1_2023.html">sub1_2023.html</a>문자발송 > 문자전송 > 발송금액 > 나의단가 금액 추가</li> |
|
| 26 |
+ <li><a href="/publish/payment2.html">payment2.html</a>결제관리 > 결제하기 > 충전수단 선택 > 간편결제추가 + 등급별금액&누적결제액별 등급 및 단가(테이블 및 텍스트 추가)</li> |
|
| 27 |
+ <li><a href="/publish/payment1.html">payment1.html</a>결제관리 > 요금안내/견적안내(테이블 및 텍스트 추가)</li> |
|
| 21 | 28 |
<li><a href="/publish/kakao_allimtalk_intro.html">kakao_allimtalk_intro.html</a>카카오톡 소개</li> |
| 22 | 29 |
<li><a href="/publish/popup_pay_complete.html">popup_pay_complete.html</a>결제완료 팝업</li> |
| 23 | 30 |
<li><a href="/publish/payment4.html">payment4.html</a>요금사용내역(발송내역, 세부내역 타이틀 추가)</li> |
+++ src/main/webapp/publish/images/credit_small.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/accrue.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_btn_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/black_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/blue_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/gold_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/green_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/black_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/blue_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/gold_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/green_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/orange_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/purple_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/red_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/sliver_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/vip_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/vvip_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/white_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/level_small/yellow_small_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/orange_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/purple_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/red_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/sliver_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/vip_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/vvip_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/white_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/level_icon/yellow_icon.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/quick12.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/level/quick12_hover.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/simple.png
| Binary file is not shown |
+++ src/main/webapp/publish/images/simple_small.png
| Binary file is not shown |
--- src/main/webapp/publish/index_2023.html
+++ src/main/webapp/publish/index_2023.html
... | ... | @@ -70,7 +70,16 @@ |
| 70 | 70 |
</div> |
| 71 | 71 |
<!--// skip 메뉴 --> |
| 72 | 72 |
|
| 73 |
- <div class="quickMenu"> |
|
| 73 |
+ <!--// 요금안내 top 배너 시작 --> |
|
| 74 |
+ <img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner"> |
|
| 75 |
+ <map name="topbanner"> |
|
| 76 |
+ <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=""> |
|
| 77 |
+ </map> |
|
| 78 |
+ <!--// 요금안내 top 배너 끝--> |
|
| 79 |
+ |
|
| 80 |
+ <!--// quick 메뉴 시작 --> |
|
| 81 |
+ <!--quick 메뉴 변경전 |
|
| 82 |
+ <div class="quickMenu"> |
|
| 74 | 83 |
<div> |
| 75 | 84 |
<p class="quick_title">QUICK<br>MENU</p> |
| 76 | 85 |
<p class="quick_title2">QUICK</p> |
... | ... | @@ -115,7 +124,87 @@ |
| 115 | 124 |
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button> |
| 116 | 125 |
</div> |
| 117 | 126 |
</div> |
| 118 |
- <!--// quick 메뉴 --> |
|
| 127 |
+ --> |
|
| 128 |
+ <!--quick 메뉴 변경후 시작--> |
|
| 129 |
+ <div class="quickMenu main"> |
|
| 130 |
+ <div> |
|
| 131 |
+ <p class="quick_title">QUICK<br>MENU</p> |
|
| 132 |
+ <p class="quick_title2">QUICK</p> |
|
| 133 |
+ <ul class="quickMenuIn"> |
|
| 134 |
+ <!-- |
|
| 135 |
+ <li> |
|
| 136 |
+ <a href="#" rel="nosublink"><i class="quick2"></i><span>카톡상담</span></a> |
|
| 137 |
+ <div class="hover_cont">카톡상담</div> |
|
| 138 |
+ </li> |
|
| 139 |
+ <li> |
|
| 140 |
+ <a href="#" rel="nosublink"><i class="quick3"></i><span>원격지원</span></a> |
|
| 141 |
+ <div class="hover_cont">원격지원</div> |
|
| 142 |
+ </li> |
|
| 143 |
+ --> |
|
| 144 |
+ <!-- 맞춤제작 |
|
| 145 |
+ <li> |
|
| 146 |
+ <a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick4"></i><span>맞춤제작</span></a> |
|
| 147 |
+ <div class="hover_cont">맞춤제작</div> |
|
| 148 |
+ </li> |
|
| 149 |
+ --> |
|
| 150 |
+ <li> |
|
| 151 |
+ <a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick12"></i><span>요금안내</span></a> |
|
| 152 |
+ <div class="hover_cont">요금안내</div> |
|
| 153 |
+ </li> |
|
| 154 |
+ <li> |
|
| 155 |
+ <a href="/web/mjon/addr/selectAddrList.do" rel="nosublink"><i class="quick10"></i><span>주소록 관리</span></a> |
|
| 156 |
+ <div class="hover_cont">주소록 관리</div> |
|
| 157 |
+ </li> |
|
| 158 |
+ <li> |
|
| 159 |
+ <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a> |
|
| 160 |
+ <div class="hover_cont">발신번호 관리</div> |
|
| 161 |
+ </li> |
|
| 162 |
+ <li style="margin-top: 1px;"> |
|
| 163 |
+ <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a> |
|
| 164 |
+ <div class="hover_cont">엑셀 대량전송</div> |
|
| 165 |
+ </li> |
|
| 166 |
+ <li> |
|
| 167 |
+ <a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i class="quick7"></i><span>견적서</span></a> |
|
| 168 |
+ <div class="hover_cont">견적서</div> |
|
| 169 |
+ </li> |
|
| 170 |
+ <li style="margin-top: 1px;"> |
|
| 171 |
+ <a href="/web/member/pay/PayList.do" rel="nosublink"><i class="quick8"></i><span>결제관리</span></a> |
|
| 172 |
+ <div class="hover_cont">결제관리</div> |
|
| 173 |
+ </li> |
|
| 174 |
+ <!-- |
|
| 175 |
+ <li> |
|
| 176 |
+ <a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>계산서/영수증</span></a> |
|
| 177 |
+ <div class="hover_cont">계산서/영수증</div> |
|
| 178 |
+ </li> |
|
| 179 |
+ --> |
|
| 180 |
+ <li> |
|
| 181 |
+ <a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>세금계산서</span></a> |
|
| 182 |
+ <div class="hover_cont">세금계산서</div> |
|
| 183 |
+ </li> |
|
| 184 |
+ <li class="cscenter"> |
|
| 185 |
+ <a href="/web/cop/bbs/NoticeList.do" rel="nosublink"><i class="quick11"></i><span>고객센터</span></a> |
|
| 186 |
+ <div class="hover_cont"> |
|
| 187 |
+ <div class="title">고객센터</div> |
|
| 188 |
+ <div class="number">010-8432-9333<br>010-2290-4786</div> |
|
| 189 |
+ |
|
| 190 |
+ <ul class="info"> |
|
| 191 |
+ <li>· 월~금 : 09:30 ~ 18:30</li> |
|
| 192 |
+ <li>· 점심시간 : 13:00 ~ 14:00</li> |
|
| 193 |
+ <li>· 토, 일요일 및 법정공휴일 휴무</li> |
|
| 194 |
+ </ul> |
|
| 195 |
+ <div class="cskakao"> |
|
| 196 |
+ <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank" rel="nosublink">카톡 상담</a> |
|
| 197 |
+ <a href="javascript:void(0);" class="remote" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a>
|
|
| 198 |
+ </div> |
|
| 199 |
+ </div> |
|
| 200 |
+ </li> |
|
| 201 |
+ </ul> |
|
| 202 |
+ <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button> |
|
| 203 |
+ </div> |
|
| 204 |
+ <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카카오톡 상담</a></div> |
|
| 205 |
+ </div> |
|
| 206 |
+ <!--// quick 메뉴 끝 --> |
|
| 207 |
+ |
|
| 119 | 208 |
<!-- header 영역 --> |
| 120 | 209 |
<header id="header" class="header sub"> |
| 121 | 210 |
<!-- header top 영역 --> |
... | ... | @@ -188,8 +277,8 @@ |
| 188 | 277 |
<div class="login_info"> |
| 189 | 278 |
<i></i> |
| 190 | 279 |
<div class="login2_name"> |
| 191 |
- <p>홍길동홍길동홍길동홍길동</p> |
|
| 192 |
- <span>(개인) 님</span> |
|
| 280 |
+ <p>홍길동</p> |
|
| 281 |
+ <span>(개인)</span> |
|
| 193 | 282 |
</div> |
| 194 | 283 |
<div class="session"> |
| 195 | 284 |
<span>08:46</span> |
--- src/main/webapp/publish/kakao_allimtalk_intro.html
+++ src/main/webapp/publish/kakao_allimtalk_intro.html
... | ... | @@ -264,7 +264,7 @@ |
| 264 | 264 |
<div class="fight-img"> |
| 265 | 265 |
<p class="name">문자</p> |
| 266 | 266 |
<div class="icon"> |
| 267 |
- <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자"> |
|
| 267 |
+ <img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자"> |
|
| 268 | 268 |
<p class="price">18원</p> |
| 269 | 269 |
</div> |
| 270 | 270 |
</div> |
... | ... | @@ -272,7 +272,7 @@ |
| 272 | 272 |
<div class="fight-img kakao"> |
| 273 | 273 |
<p class="name">알림톡</p> |
| 274 | 274 |
<div class="icon"> |
| 275 |
- <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오"> |
|
| 275 |
+ <img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오"> |
|
| 276 | 276 |
<p class="price">6.5원</p> |
| 277 | 277 |
</div> |
| 278 | 278 |
</div> |
... | ... | @@ -285,7 +285,7 @@ |
| 285 | 285 |
<div class="fight-img"> |
| 286 | 286 |
<p class="name">문자</p> |
| 287 | 287 |
<div class="icon"> |
| 288 |
- <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자"> |
|
| 288 |
+ <img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자"> |
|
| 289 | 289 |
<p class="price">90Byte</p> |
| 290 | 290 |
</div> |
| 291 | 291 |
</div> |
... | ... | @@ -293,7 +293,7 @@ |
| 293 | 293 |
<div class="fight-img kakao"> |
| 294 | 294 |
<p class="name">알림톡</p> |
| 295 | 295 |
<div class="icon"> |
| 296 |
- <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오"> |
|
| 296 |
+ <img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오"> |
|
| 297 | 297 |
<p class="price">1,000글자</p> |
| 298 | 298 |
</div> |
| 299 | 299 |
</div> |
--- src/main/webapp/publish/mypage_index_2023.html
+++ src/main/webapp/publish/mypage_index_2023.html
... | ... | @@ -23,6 +23,85 @@ |
| 23 | 23 |
|
| 24 | 24 |
<body> |
| 25 | 25 |
<div class="mask"></div> |
| 26 |
+ |
|
| 27 |
+ <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 시작 --> |
|
| 28 |
+ <div class="tooltip-wrap level_popup"> |
|
| 29 |
+ <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;"> |
|
| 30 |
+ <div class="popup_heading"> |
|
| 31 |
+ <p>누적결제액 세부내역<span>(2023-06-28 ~ 현재)</span></p> |
|
| 32 |
+ <button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 33 |
+ </div> |
|
| 34 |
+ <div class="layer_in"> |
|
| 35 |
+ <div class="candidate_table"> |
|
| 36 |
+ <p class="level_tx">등급 : 오렌지(2,100,000원)</p> |
|
| 37 |
+ <div class="tb_wrap"> |
|
| 38 |
+ <table class="tType4"> |
|
| 39 |
+ <colgroup> |
|
| 40 |
+ <col style="width: 50px;"> |
|
| 41 |
+ <col style="width: 40%;"> |
|
| 42 |
+ <col style="width: 20%;"> |
|
| 43 |
+ <col style="width: 20%;"> |
|
| 44 |
+ <col style="width: 20%;"> |
|
| 45 |
+ </colgroup> |
|
| 46 |
+ <thead> |
|
| 47 |
+ <tr class="level_title"> |
|
| 48 |
+ <th>구분</th> |
|
| 49 |
+ <th>결제일시</th> |
|
| 50 |
+ <th>결제금액</th> |
|
| 51 |
+ <th>누적금액</th> |
|
| 52 |
+ <th>등급</th> |
|
| 53 |
+ </tr> |
|
| 54 |
+ </thead> |
|
| 55 |
+ <tbody> |
|
| 56 |
+ <tr class="level_text"> |
|
| 57 |
+ <td>1</td> |
|
| 58 |
+ <td>2023-06-15 10:00</td> |
|
| 59 |
+ <td>1,500,000</td> |
|
| 60 |
+ <td>2,100,000</td> |
|
| 61 |
+ <td>오렌지</td> |
|
| 62 |
+ </tr> |
|
| 63 |
+ <tr class="level_text"> |
|
| 64 |
+ <td>2</td> |
|
| 65 |
+ <td>2023-05-16 10:00</td> |
|
| 66 |
+ <td>500,000</td> |
|
| 67 |
+ <td>600,000</td> |
|
| 68 |
+ <td>옐로우</td> |
|
| 69 |
+ </tr> |
|
| 70 |
+ <tr class="level_text"> |
|
| 71 |
+ <td>3</td> |
|
| 72 |
+ <td>2023-04-15 10:00</td> |
|
| 73 |
+ <td>100,000</td> |
|
| 74 |
+ <td>100,000</td> |
|
| 75 |
+ <td>화이트</td> |
|
| 76 |
+ </tr> |
|
| 77 |
+ </tbody> |
|
| 78 |
+ </table> |
|
| 79 |
+ </div> |
|
| 80 |
+ </div> |
|
| 81 |
+ <ul class="pagination"> |
|
| 82 |
+ <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li> |
|
| 83 |
+ <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li> |
|
| 84 |
+ <li class="on"><button>1</button></li> |
|
| 85 |
+ <li><button>2</button></li> |
|
| 86 |
+ <li><button>3</button></li> |
|
| 87 |
+ <li><button>4</button></li> |
|
| 88 |
+ <li><button>5</button></li> |
|
| 89 |
+ <li><button>6</button></li> |
|
| 90 |
+ <li><button>7</button></li> |
|
| 91 |
+ <li><button>8</button></li> |
|
| 92 |
+ <li><button>9</button></li> |
|
| 93 |
+ <li><button>10</button></li> |
|
| 94 |
+ <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> |
|
| 95 |
+ <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> |
|
| 96 |
+ </ul> |
|
| 97 |
+ <div class="popup_btn_wrap2"> |
|
| 98 |
+ <button type="button" class="tooltip-close" data-focus="level_check_popup01-close">닫기</button> |
|
| 99 |
+ </div> |
|
| 100 |
+ </div> |
|
| 101 |
+ </div> |
|
| 102 |
+ </div> |
|
| 103 |
+ <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 끝 --> |
|
| 104 |
+ |
|
| 26 | 105 |
<div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div> |
| 27 | 106 |
<div class="quickMenu"> |
| 28 | 107 |
<div> |
... | ... | @@ -149,28 +228,65 @@ |
| 149 | 228 |
<h2>마이페이지</h2> |
| 150 | 229 |
</div> |
| 151 | 230 |
<div class="my_dashboard"> |
| 152 |
- <div class="my_dashboard_cont1"> |
|
| 231 |
+ <div class="my_dashboard_cont1 dash_cont"> |
|
| 232 |
+ <button type="button" class="level_icon" data-tooltip="level_check_popup01"> |
|
| 233 |
+ <img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급별 스몰 아이콘"> |
|
| 234 |
+ <!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )--> |
|
| 235 |
+ <p>오렌지</p> |
|
| 236 |
+ </button> |
|
| 153 | 237 |
<div> |
| 154 |
- <p><span>홍길동</span>회원님 반갑습니다</p><button type="button" class="btnType">기업회원전환</button> |
|
| 238 |
+ <p> |
|
| 239 |
+ <span>홍길동</span>회원님 반갑습니다 |
|
| 240 |
+ </p> |
|
| 241 |
+ <button type="button" class="btnType " onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button> |
|
| 155 | 242 |
</div> |
| 156 | 243 |
<div class="send_price"> |
| 157 |
- <div class="price_title">나의<br />단가</div> |
|
| 244 |
+ <div class="price_title">나의<br>단가</div> |
|
| 158 | 245 |
<div class="price_wrap"> |
| 159 |
- <ul> |
|
| 160 |
- <li class="title"><img src="/publish/images/content/icon_mypage_message.png" alt="" />문자</li> |
|
| 161 |
- <li class="price_line"><span class="type">단문</span><span class="price">18 </span>원 </li> |
|
| 162 |
- <li class="price_line"><span class="type">장문</span><span class="price">50 </span>원 </li> |
|
| 163 |
- <li><span class="type">그림</span><span class="price">90 </span>원 (2장 : 110원 / 3장 : 130원)</li> |
|
| 164 |
- </ul> |
|
| 165 |
- <ul> |
|
| 166 |
- <li class="title"><img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="" />카톡</li> |
|
| 167 |
- <li class="price_line"><span class="type">알림톡</span><span class="price">6.9 </span>원 </li> |
|
| 168 |
- <li class="title"><img src="/publish/images/content/icon_mypage_fax.png" alt="" />팩스</li> |
|
| 169 |
- <li><span class="type">팩스</span><span class="price">58 </span>원 </li> |
|
| 170 |
- <li class="event_wrap"> |
|
| 171 |
- <p class="event_text">※ 이벤트 단가 적용기간 : 2022-05-13 ~ 2022-07-12(<span>29</span>일 남음)</p> |
|
| 172 |
- </li> |
|
| 173 |
- </ul> |
|
| 246 |
+ <ul> |
|
| 247 |
+ <li class="title"> |
|
| 248 |
+ <img src="/publish/images/content/icon_mypage_message.png" alt="">문자 |
|
| 249 |
+ </li> |
|
| 250 |
+ <li class="price_line"> |
|
| 251 |
+ <span class="type">단문</span> |
|
| 252 |
+ <span class="price"> |
|
| 253 |
+ 18 |
|
| 254 |
+ </span>원 |
|
| 255 |
+ </li> |
|
| 256 |
+ <li class="price_line"> |
|
| 257 |
+ <span class="type">장문</span> |
|
| 258 |
+ <span class="price"> |
|
| 259 |
+ 50 |
|
| 260 |
+ </span>원 |
|
| 261 |
+ </li> |
|
| 262 |
+ <li> |
|
| 263 |
+ <span class="type">그림</span> |
|
| 264 |
+ <span class="price"> |
|
| 265 |
+ 90 |
|
| 266 |
+ </span>원 |
|
| 267 |
+ (2장 : 110원 / 3장 : 130원) |
|
| 268 |
+ </li> |
|
| 269 |
+ </ul> |
|
| 270 |
+ <ul> |
|
| 271 |
+ <li class="title"> |
|
| 272 |
+ <img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡 |
|
| 273 |
+ </li> |
|
| 274 |
+ <li class="price_line"> |
|
| 275 |
+ <span class="type">알림톡</span> |
|
| 276 |
+ <span class="price"> |
|
| 277 |
+ 6.9 |
|
| 278 |
+ </span>원 |
|
| 279 |
+ </li> |
|
| 280 |
+ <li class="title"> |
|
| 281 |
+ <img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스 |
|
| 282 |
+ </li> |
|
| 283 |
+ <li> |
|
| 284 |
+ <span class="type">팩스</span> |
|
| 285 |
+ <span class="price"> |
|
| 286 |
+ 58 |
|
| 287 |
+ </span>원 |
|
| 288 |
+ </li> |
|
| 289 |
+ </ul> |
|
| 174 | 290 |
</div> |
| 175 | 291 |
</div> |
| 176 | 292 |
</div> |
--- src/main/webapp/publish/payment1.html
+++ src/main/webapp/publish/payment1.html
... | ... | @@ -247,7 +247,7 @@ |
| 247 | 247 |
</div> |
| 248 | 248 |
<div class="fee_cont current" id="tab1_1"> |
| 249 | 249 |
<div> |
| 250 |
- <p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자</p> |
|
| 250 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first">(등급 : 화이트)</span></p> |
|
| 251 | 251 |
<table class="tType2"> |
| 252 | 252 |
<caption></caption> |
| 253 | 253 |
<colgroup> |
... | ... | @@ -259,28 +259,173 @@ |
| 259 | 259 |
<tr> |
| 260 | 260 |
<th>구분</th> |
| 261 | 261 |
<th>특징</th> |
| 262 |
- <th>가격</th> |
|
| 262 |
+ <th>단가</th> |
|
| 263 | 263 |
</tr> |
| 264 | 264 |
</thead> |
| 265 | 265 |
<tbody> |
| 266 | 266 |
<tr> |
| 267 | 267 |
<th>단문(SMS)</th> |
| 268 | 268 |
<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td> |
| 269 |
- <td><span>25</span>원</td> |
|
| 269 |
+ <td><span>18.0</span>원</td> |
|
| 270 | 270 |
</tr> |
| 271 | 271 |
<tr> |
| 272 | 272 |
<th>장문(LMS)</th> |
| 273 | 273 |
<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td> |
| 274 |
- <td><span>50</span>원</td> |
|
| 274 |
+ <td><span>50.0</span>원</td> |
|
| 275 | 275 |
</tr> |
| 276 | 276 |
<tr> |
| 277 | 277 |
<th>그림문자(MMS)</th> |
| 278 | 278 |
<td>2,000Byte 이하 문자 및 이미지를 포함하는그림메시지(이미지 최대 3장 첨부 가능) </td> |
| 279 |
- <td>1장 : <span>90</span>원 / 2장 : <span>120<span>원/ 3장 : <span>150</span>원</td> |
|
| 279 |
+ <td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</td> |
|
| 280 | 280 |
</tr> |
| 281 | 281 |
</tbody> |
| 282 | 282 |
</table> |
| 283 |
- <span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span> |
|
| 283 |
+ <!--문자_등급별 요금 안내 추가 시작--> |
|
| 284 |
+ <p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p> |
|
| 285 |
+ <table class="tType2 tType2_level"> |
|
| 286 |
+ <caption></caption> |
|
| 287 |
+ <colgroup> |
|
| 288 |
+ <col style="width: 13%;"> |
|
| 289 |
+ <col style="width: auto;"> |
|
| 290 |
+ <col style="width: 11%;"> |
|
| 291 |
+ <col style="width: 11%;"> |
|
| 292 |
+ <col style="width: 11%;"> |
|
| 293 |
+ <col style="width: 11%;"> |
|
| 294 |
+ <col style="width: 11%;"> |
|
| 295 |
+ </colgroup> |
|
| 296 |
+ <thead> |
|
| 297 |
+ <tr> |
|
| 298 |
+ <th>등급</th> |
|
| 299 |
+ <th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th> |
|
| 300 |
+ <th>단문</th> |
|
| 301 |
+ <th>장문</th> |
|
| 302 |
+ <th>그림(1장)</th> |
|
| 303 |
+ <th>그림(2장)</th> |
|
| 304 |
+ <th>그림(3장)</th> |
|
| 305 |
+ </tr> |
|
| 306 |
+ </thead> |
|
| 307 |
+ <tbody> |
|
| 308 |
+ <tr class="level_table"> |
|
| 309 |
+ <th>VVIP</th> |
|
| 310 |
+ <td class="level_price">10,000,000</td> |
|
| 311 |
+ <td>8.1</td> |
|
| 312 |
+ <td>32</td> |
|
| 313 |
+ <td>65</td> |
|
| 314 |
+ <td>75</td> |
|
| 315 |
+ <td>80</td> |
|
| 316 |
+ </tr> |
|
| 317 |
+ <tr class="level_table"> |
|
| 318 |
+ <th>VIP</th> |
|
| 319 |
+ <td class="level_price">9,000,000</td> |
|
| 320 |
+ <td>8.5</td> |
|
| 321 |
+ <td>33</td> |
|
| 322 |
+ <td>66</td> |
|
| 323 |
+ <td>76</td> |
|
| 324 |
+ <td>83</td> |
|
| 325 |
+ </tr> |
|
| 326 |
+ <tr class="level_table"> |
|
| 327 |
+ <th>골드</th> |
|
| 328 |
+ <td class="level_price">8,000,000</td> |
|
| 329 |
+ <td>9</td> |
|
| 330 |
+ <td>34</td> |
|
| 331 |
+ <td>67</td> |
|
| 332 |
+ <td>77</td> |
|
| 333 |
+ <td>85</td> |
|
| 334 |
+ </tr> |
|
| 335 |
+ <tr class="level_table"> |
|
| 336 |
+ <th>실버</th> |
|
| 337 |
+ <td class="level_price">7,000,000</td> |
|
| 338 |
+ <td>10</td> |
|
| 339 |
+ <td>35</td> |
|
| 340 |
+ <td>68</td> |
|
| 341 |
+ <td>78</td> |
|
| 342 |
+ <td>90</td> |
|
| 343 |
+ </tr> |
|
| 344 |
+ <tr class="level_table"> |
|
| 345 |
+ <th>블랙</th> |
|
| 346 |
+ <td class="level_price">6,000,000</td> |
|
| 347 |
+ <td>11</td> |
|
| 348 |
+ <td>36</td> |
|
| 349 |
+ <td>69</td> |
|
| 350 |
+ <td>79</td> |
|
| 351 |
+ <td>95</td> |
|
| 352 |
+ </tr> |
|
| 353 |
+ <tr class="level_table"> |
|
| 354 |
+ <th>레드</th> |
|
| 355 |
+ <td class="level_price">5,000,000</td> |
|
| 356 |
+ <td>12</td> |
|
| 357 |
+ <td>38</td> |
|
| 358 |
+ <td>72</td> |
|
| 359 |
+ <td>80</td> |
|
| 360 |
+ <td>100</td> |
|
| 361 |
+ </tr> |
|
| 362 |
+ <tr class="level_table"> |
|
| 363 |
+ <th>퍼플</th> |
|
| 364 |
+ <td class="level_price">4,000,000</td> |
|
| 365 |
+ <td>13</td> |
|
| 366 |
+ <td>40</td> |
|
| 367 |
+ <td>75</td> |
|
| 368 |
+ <td>85</td> |
|
| 369 |
+ <td>105</td> |
|
| 370 |
+ </tr> |
|
| 371 |
+ <tr class="level_table"> |
|
| 372 |
+ <th>블루</th> |
|
| 373 |
+ <td class="level_price">3,000,000</td> |
|
| 374 |
+ <td>14</td> |
|
| 375 |
+ <td>42</td> |
|
| 376 |
+ <td>78</td> |
|
| 377 |
+ <td>90</td> |
|
| 378 |
+ <td>110</td> |
|
| 379 |
+ </tr> |
|
| 380 |
+ <tr class="level_table"> |
|
| 381 |
+ <th>오렌지</th> |
|
| 382 |
+ <td class="level_price">2,000,000</td> |
|
| 383 |
+ <td>15</td> |
|
| 384 |
+ <td>44</td> |
|
| 385 |
+ <td>81</td> |
|
| 386 |
+ <td>95</td> |
|
| 387 |
+ <td>115</td> |
|
| 388 |
+ </tr> |
|
| 389 |
+ <tr class="level_table"> |
|
| 390 |
+ <th>그린</th> |
|
| 391 |
+ <td class="level_price">1,000,000</td> |
|
| 392 |
+ <td>16</td> |
|
| 393 |
+ <td>46</td> |
|
| 394 |
+ <td>84</td> |
|
| 395 |
+ <td>100</td> |
|
| 396 |
+ <td>120</td> |
|
| 397 |
+ </tr> |
|
| 398 |
+ <tr class="level_table"> |
|
| 399 |
+ <th>옐로우</th> |
|
| 400 |
+ <td class="level_price">500,000</td> |
|
| 401 |
+ <td>17</td> |
|
| 402 |
+ <td>48</td> |
|
| 403 |
+ <td>87</td> |
|
| 404 |
+ <td>105</td> |
|
| 405 |
+ <td>125</td> |
|
| 406 |
+ </tr> |
|
| 407 |
+ <tr class="level_table"> |
|
| 408 |
+ <th>화이트</th> |
|
| 409 |
+ <td class="level_price">0</td> |
|
| 410 |
+ <td>18</td> |
|
| 411 |
+ <td>50</td> |
|
| 412 |
+ <td>90</td> |
|
| 413 |
+ <td>110</td> |
|
| 414 |
+ <td>130</td> |
|
| 415 |
+ </tr> |
|
| 416 |
+ </tbody> |
|
| 417 |
+ </table> |
|
| 418 |
+ <span class="reqTxt4"> |
|
| 419 |
+ * 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br> |
|
| 420 |
+ * 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br> |
|
| 421 |
+ * "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br> |
|
| 422 |
+ </span> |
|
| 423 |
+ <p class="reqTxt4 reqTxt4_last"> |
|
| 424 |
+ * 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고 |
|
| 425 |
+ 이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다. |
|
| 426 |
+ </p> |
|
| 427 |
+ <!--문자_등급별 요금 안내 추가 끝--> |
|
| 428 |
+ |
|
| 284 | 429 |
<p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 알림톡</p> |
| 285 | 430 |
<table class="tType2"> |
| 286 | 431 |
<colgroup> |
--- src/main/webapp/publish/payment2.html
+++ src/main/webapp/publish/payment2.html
... | ... | @@ -2,257 +2,378 @@ |
| 2 | 2 |
<html lang="ko"> |
| 3 | 3 |
|
| 4 | 4 |
<head> |
| 5 |
- <meta charset="UTF-8"> |
|
| 6 |
- <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
| 7 |
- <title>문자온</title> |
|
| 5 |
+ <meta charset="UTF-8"> |
|
| 6 |
+ <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
| 7 |
+ <title>문자온</title> |
|
| 8 | 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/jquery.mCustomScrollbar.css"> |
|
| 12 |
- <link rel="stylesheet" href="/publish/css/common.css"> |
|
| 13 |
- <link rel="stylesheet" href="/publish/css/button.css"> |
|
| 14 |
- <link rel="stylesheet" href="/publish/css/content.css"> |
|
| 15 |
- <link rel="stylesheet" href="/publish/css/mem.css"> |
|
| 16 |
- <link rel="stylesheet" href="/publish/css/font.css"> |
|
| 17 |
- <link rel="stylesheet" href="/publish/css/popupLayer.css"> |
|
| 18 |
- |
|
| 19 |
- |
|
| 20 |
- <script src="/publish/js/jquery-3.5.0.js"></script> |
|
| 21 |
- <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> |
|
| 22 |
- <script src="/publish/js/common.js"></script> |
|
| 23 |
- <script src="/publish/js/content.js"></script> |
|
| 24 |
- <script src="/publish/js/calendar.js"></script> |
|
| 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/jquery.mCustomScrollbar.css"> |
|
| 12 |
+ <link rel="stylesheet" href="/publish/css/common.css"> |
|
| 13 |
+ <link rel="stylesheet" href="/publish/css/button.css"> |
|
| 14 |
+ <link rel="stylesheet" href="/publish/css/content.css"> |
|
| 15 |
+ <link rel="stylesheet" href="/publish/css/mem.css"> |
|
| 16 |
+ <link rel="stylesheet" href="/publish/css/font.css"> |
|
| 17 |
+ <link rel="stylesheet" href="/publish/css/popupLayer.css"> |
|
| 18 |
+ |
|
| 19 |
+ <script src="/publish/js/jquery-3.5.0.js"></script> |
|
| 20 |
+ <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> |
|
| 21 |
+ <script src="/publish/js/common.js"></script> |
|
| 22 |
+ <script src="/publish/js/content.js"></script> |
|
| 23 |
+ <script src="/publish/js/calendar.js"></script> |
|
| 25 | 24 |
<script src="/publish/js/popupLayer.js"></script> |
| 26 | 25 |
|
| 27 | 26 |
|
| 28 | 27 |
</head> |
| 28 |
+ |
|
| 29 | 29 |
<body> |
| 30 |
- <div class="mask"></div> |
|
| 31 |
- <!-- skip 메뉴 --> |
|
| 32 |
- <div class="skip_menu"> |
|
| 33 |
- <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> |
|
| 34 |
- </div><!--// skip 메뉴 --> |
|
| 35 |
- <!-- quick 메뉴 --> |
|
| 36 |
- <div class="quickMenu"> |
|
| 37 |
- <div> |
|
| 38 |
- <p class="quick_title">QUICK<br>MENU</p> |
|
| 39 |
- <p class="quick_title2">QUICK</p> |
|
| 40 |
- <ul class="quickMenuIn"> |
|
| 41 |
- <li> |
|
| 42 |
- <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a> |
|
| 43 |
- <div class="hover_cont">이용안내</div> |
|
| 44 |
- </li> |
|
| 45 |
- <li> |
|
| 46 |
- <a href="#"><i class="quick2"></i><span>채팅상담</span></a> |
|
| 47 |
- <div class="hover_cont">채팅상담</div> |
|
| 48 |
- </li> |
|
| 49 |
- <li> |
|
| 50 |
- <a href="#"><i class="quick3"></i><span>원격지원</span></a> |
|
| 51 |
- <div class="hover_cont">원격지원</div> |
|
| 52 |
- </li> |
|
| 53 |
- <li> |
|
| 54 |
- <a href="#"><i class="quick4"></i><span>맞춤제작</span></a> |
|
| 55 |
- <div class="hover_cont">맞춤제작</div> |
|
| 56 |
- </li> |
|
| 57 |
- <li> |
|
| 58 |
- <a href="#"><i class="quick5"></i><span>주소록 등록</span></a> |
|
| 59 |
- <div class="hover_cont">주소록 등록</div> |
|
| 60 |
- </li> |
|
| 61 |
- <li> |
|
| 62 |
- <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a> |
|
| 63 |
- <div class="hover_cont">엑셀 대량전송</div> |
|
| 64 |
- </li> |
|
| 65 |
- <li> |
|
| 66 |
- <a href="#"><i class="quick7"></i><span>견적서</span></a> |
|
| 67 |
- <div class="hover_cont">견적서</div> |
|
| 68 |
- </li> |
|
| 69 |
- <li> |
|
| 70 |
- <a href="#"><i class="quick8"></i><span>결제</span></a> |
|
| 71 |
- <div class="hover_cont">결제</div> |
|
| 72 |
- </li> |
|
| 73 |
- <li> |
|
| 74 |
- <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a> |
|
| 75 |
- <div class="hover_cont">영수증/계산서</div> |
|
| 76 |
- </li> |
|
| 77 |
- </ul> |
|
| 78 |
- <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button> |
|
| 79 |
- </div> |
|
| 80 |
- </div><!--// quick 메뉴 --> |
|
| 81 |
- <!-- header 영역 --> |
|
| 82 |
- <header id="header" class="header"> |
|
| 83 |
- <!-- header top 영역 --> |
|
| 84 |
- <div class="header_top"> |
|
| 85 |
- <div class="inner"> |
|
| 86 |
- <ul class="menu_left"> |
|
| 87 |
- <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li> |
|
| 88 |
- <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li> |
|
| 89 |
- <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li> |
|
| 90 |
- </ul> |
|
| 91 |
- <ul class="menu_right"> |
|
| 92 |
- <li><a href="#">충전하기</a></li> |
|
| 93 |
- <li class="SortLine"><a href="#">요금안내</a></li> |
|
| 94 |
- <li class="SortLine"><a href="#">이용안내</a></li> |
|
| 95 |
- <li class="SortLine"><a href="#">1:1고객상담</a></li> |
|
| 96 |
- </ul> |
|
| 97 |
- </div> |
|
| 98 |
- </div><!-- header top 영역 --> |
|
| 99 |
- <!-- header body 영역 --> |
|
| 100 |
- <div class="header_body"> |
|
| 101 |
- <div class="inner table"> |
|
| 102 |
- <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1> |
|
| 103 |
- <ul class="gnbWrap table_cell"> |
|
| 104 |
- <li><a href="#">문자발송</a></li> |
|
| 105 |
- <li><a href="#">선거문자</a></li> |
|
| 106 |
- <li><a href="#">맞춤제작</a></li> |
|
| 107 |
- <li><a href="#">비즈톡</a></li> |
|
| 108 |
- <li><a href="#">주소록 관리</a></li> |
|
| 109 |
- <li><a href="#">발송결과</a></li> |
|
| 110 |
- <li><a href="#">예약관리</a></li> |
|
| 111 |
- <li><a href="#">결제내역</a></li> |
|
| 112 |
- </ul> |
|
| 113 |
- <div class="s_menu"> |
|
| 114 |
- <i class="allSearch_info"><span>문자검색</span></i> |
|
| 115 |
- <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button> |
|
| 116 |
- <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button> |
|
| 117 |
- </div> |
|
| 118 |
- </div> |
|
| 119 |
- <!-- search popup 영역 --> |
|
| 120 |
- <div class="pop_search"> |
|
| 121 |
- <div class="inner"> |
|
| 122 |
- <div class="area_search"> |
|
| 123 |
- <select name="" id=""> |
|
| 124 |
- <option value="">그림문자</option> |
|
| 125 |
- <option value="">단문문자</option> |
|
| 126 |
- <option value="">장문문자</option> |
|
| 127 |
- <option value="">GIF</option> |
|
| 128 |
- </select> |
|
| 129 |
- <input type="text" placeholder="문자샘플 검색하기"> |
|
| 130 |
- <button><img src="/publish/images/search02.png" alt=""></button> |
|
| 131 |
- </div> |
|
| 132 |
- <div class="area_popular"> |
|
| 133 |
- <p><i></i>인기검색어</p> |
|
| 134 |
- <ul class="popular_tag"> |
|
| 135 |
- <li><a href="#">#정월대보름</a></li> |
|
| 136 |
- <li class="on"><a href="#">#추석</a></li> |
|
| 137 |
- <li><a href="#">#가을인사</a></li> |
|
| 138 |
- <li><a href="#">#좋은하루</a></li> |
|
| 139 |
- </ul> |
|
| 140 |
- </div> |
|
| 141 |
- <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button> |
|
| 142 |
- </div> |
|
| 143 |
- </div><!--// search popup 영역 --> |
|
| 144 |
- </div><!--// header body 영역 --> |
|
| 145 |
- <div id="login" class="login"> |
|
| 146 |
- <div class="inner table"> |
|
| 147 |
- <div class="login_left table_cell"> |
|
| 148 |
- <div class="login_put"> |
|
| 149 |
- <label for="id_text" class="label"></label> |
|
| 150 |
- <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18"> |
|
| 151 |
- <label for="password_text" class="label"></label> |
|
| 152 |
- <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30"size="18"> |
|
| 153 |
- <label for="login_button" class="label"></label> |
|
| 154 |
- <button type="submit" class="btnType btnType1" class="login_button">로그인</button> |
|
| 155 |
- </div> |
|
| 156 |
- <div class="login_save"> |
|
| 157 |
- <input type="checkbox" id="save_id"> |
|
| 158 |
- <label for="save_id">아이디 저장</label> |
|
| 159 |
- </div> |
|
| 160 |
- <div class="login_find"> |
|
| 161 |
- <a href="#">아이디찾기 /</a> |
|
| 162 |
- <a href="#">비밀번호 찾기</a> |
|
| 163 |
- </div> |
|
| 164 |
- <div> |
|
| 165 |
- <button type="button" class="btnType btnType2">회원가입</button> |
|
| 166 |
- <button type="button" class="btnType btnType3">둘러보기</button> |
|
| 167 |
- </div> |
|
| 168 |
- </div> |
|
| 169 |
- <div class="login_right"> |
|
| 170 |
- <span><i></i>이달의 이벤트</span> |
|
| 171 |
- <button type="button" class="btnType btnType4">바로가기</button> |
|
| 172 |
- </div> |
|
| 173 |
- </div> |
|
| 174 |
- </div><!--// login 영역 --> |
|
| 175 |
- </header><!--// header 영역 --> |
|
| 176 |
- <!-- login 영역 --> |
|
| 177 |
- <!-- content 영역 --> |
|
| 178 |
- <div id="container" class="cont sub"> |
|
| 179 |
- <div class="inner"> |
|
| 180 |
- <!-- send top --> |
|
| 181 |
- <div class="send_top"> |
|
| 182 |
- <!-- tab button --> |
|
| 183 |
- <ul class="tabType4"> |
|
| 184 |
- <li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li> |
|
| 185 |
- <li class="tab active"><button type="button" onclick="TabType5(this,'1');">결제하기</button></li> |
|
| 186 |
- <li class="tab"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li> |
|
| 187 |
- <li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li> |
|
| 188 |
- <li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li> |
|
| 189 |
- </ul><!--// tab button --> |
|
| 30 |
+ <div class="mask"></div> |
|
| 31 |
+ <!-- skip 메뉴 --> |
|
| 32 |
+ <div class="skip_menu"> |
|
| 33 |
+ <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> |
|
| 34 |
+ </div> |
|
| 35 |
+ <!--// skip 메뉴 --> |
|
| 36 |
+ <!-- quick 메뉴 --> |
|
| 37 |
+ <div class="quickMenu"> |
|
| 38 |
+ <div> |
|
| 39 |
+ <p class="quick_title">QUICK<br>MENU</p> |
|
| 40 |
+ <p class="quick_title2">QUICK</p> |
|
| 41 |
+ <ul class="quickMenuIn"> |
|
| 42 |
+ <li> |
|
| 43 |
+ <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a> |
|
| 44 |
+ <div class="hover_cont">이용안내</div> |
|
| 45 |
+ </li> |
|
| 46 |
+ <li> |
|
| 47 |
+ <a href="#"><i class="quick2"></i><span>채팅상담</span></a> |
|
| 48 |
+ <div class="hover_cont">채팅상담</div> |
|
| 49 |
+ </li> |
|
| 50 |
+ <li> |
|
| 51 |
+ <a href="#"><i class="quick3"></i><span>원격지원</span></a> |
|
| 52 |
+ <div class="hover_cont">원격지원</div> |
|
| 53 |
+ </li> |
|
| 54 |
+ <li> |
|
| 55 |
+ <a href="#"><i class="quick4"></i><span>맞춤제작</span></a> |
|
| 56 |
+ <div class="hover_cont">맞춤제작</div> |
|
| 57 |
+ </li> |
|
| 58 |
+ <li> |
|
| 59 |
+ <a href="#"><i class="quick5"></i><span>주소록 등록</span></a> |
|
| 60 |
+ <div class="hover_cont">주소록 등록</div> |
|
| 61 |
+ </li> |
|
| 62 |
+ <li> |
|
| 63 |
+ <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a> |
|
| 64 |
+ <div class="hover_cont">엑셀 대량전송</div> |
|
| 65 |
+ </li> |
|
| 66 |
+ <li> |
|
| 67 |
+ <a href="#"><i class="quick7"></i><span>견적서</span></a> |
|
| 68 |
+ <div class="hover_cont">견적서</div> |
|
| 69 |
+ </li> |
|
| 70 |
+ <li> |
|
| 71 |
+ <a href="#"><i class="quick8"></i><span>결제</span></a> |
|
| 72 |
+ <div class="hover_cont">결제</div> |
|
| 73 |
+ </li> |
|
| 74 |
+ <li> |
|
| 75 |
+ <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a> |
|
| 76 |
+ <div class="hover_cont">영수증/계산서</div> |
|
| 77 |
+ </li> |
|
| 78 |
+ </ul> |
|
| 79 |
+ <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button> |
|
| 80 |
+ </div> |
|
| 81 |
+ </div> |
|
| 82 |
+ <!--// quick 메뉴 --> |
|
| 83 |
+ <!-- header 영역 --> |
|
| 84 |
+ <header id="header" class="header"> |
|
| 85 |
+ <!-- header top 영역 --> |
|
| 86 |
+ <div class="header_top"> |
|
| 87 |
+ <div class="inner"> |
|
| 88 |
+ <ul class="menu_left"> |
|
| 89 |
+ <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li> |
|
| 90 |
+ <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li> |
|
| 91 |
+ <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li> |
|
| 92 |
+ </ul> |
|
| 93 |
+ <ul class="menu_right"> |
|
| 94 |
+ <li><a href="#">충전하기</a></li> |
|
| 95 |
+ <li class="SortLine"><a href="#">요금안내</a></li> |
|
| 96 |
+ <li class="SortLine"><a href="#">이용안내</a></li> |
|
| 97 |
+ <li class="SortLine"><a href="#">1:1고객상담</a></li> |
|
| 98 |
+ </ul> |
|
| 99 |
+ </div> |
|
| 100 |
+ </div><!-- header top 영역 --> |
|
| 101 |
+ <!-- header body 영역 --> |
|
| 102 |
+ <div class="header_body"> |
|
| 103 |
+ <div class="inner table"> |
|
| 104 |
+ <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" |
|
| 105 |
+ alt="문자온 CI"></a></h1> |
|
| 106 |
+ <ul class="gnbWrap table_cell"> |
|
| 107 |
+ <li><a href="#">문자발송</a></li> |
|
| 108 |
+ <li><a href="#">선거문자</a></li> |
|
| 109 |
+ <li><a href="#">맞춤제작</a></li> |
|
| 110 |
+ <li><a href="#">비즈톡</a></li> |
|
| 111 |
+ <li><a href="#">주소록 관리</a></li> |
|
| 112 |
+ <li><a href="#">발송결과</a></li> |
|
| 113 |
+ <li><a href="#">예약관리</a></li> |
|
| 114 |
+ <li><a href="#">결제내역</a></li> |
|
| 115 |
+ </ul> |
|
| 116 |
+ <div class="s_menu"> |
|
| 117 |
+ <i class="allSearch_info"><span>문자검색</span></i> |
|
| 118 |
+ <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"> |
|
| 119 |
+ <img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"> |
|
| 120 |
+ </button> |
|
| 121 |
+ <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button> |
|
| 122 |
+ </div> |
|
| 123 |
+ </div> |
|
| 124 |
+ <!-- search popup 영역 --> |
|
| 125 |
+ <div class="pop_search"> |
|
| 126 |
+ <div class="inner"> |
|
| 127 |
+ <div class="area_search"> |
|
| 128 |
+ <select name="" id=""> |
|
| 129 |
+ <option value="">그림문자</option> |
|
| 130 |
+ <option value="">단문문자</option> |
|
| 131 |
+ <option value="">장문문자</option> |
|
| 132 |
+ <option value="">GIF</option> |
|
| 133 |
+ </select> |
|
| 134 |
+ <input type="text" placeholder="문자샘플 검색하기"> |
|
| 135 |
+ <button><img src="/publish/images/search02.png" alt=""></button> |
|
| 136 |
+ </div> |
|
| 137 |
+ <div class="area_popular"> |
|
| 138 |
+ <p><i></i>인기검색어</p> |
|
| 139 |
+ <ul class="popular_tag"> |
|
| 140 |
+ <li><a href="#">#정월대보름</a></li> |
|
| 141 |
+ <li class="on"><a href="#">#추석</a></li> |
|
| 142 |
+ <li><a href="#">#가을인사</a></li> |
|
| 143 |
+ <li><a href="#">#좋은하루</a></li> |
|
| 144 |
+ </ul> |
|
| 145 |
+ </div> |
|
| 146 |
+ <button class="btn_close" onclick="searchToggle();"> |
|
| 147 |
+ <img src="/publish/images/btn_searchclose.png" alt=""> |
|
| 148 |
+ </button> |
|
| 149 |
+ </div> |
|
| 150 |
+ </div> |
|
| 151 |
+ <!--// search popup 영역 --> |
|
| 152 |
+ </div> |
|
| 153 |
+ <!--// header body 영역 --> |
|
| 154 |
+ <div id="login" class="login"> |
|
| 155 |
+ <div class="inner table"> |
|
| 156 |
+ <div class="login_left table_cell"> |
|
| 157 |
+ <div class="login_put"> |
|
| 158 |
+ <label for="id_text" class="label"></label> |
|
| 159 |
+ <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" |
|
| 160 |
+ size="18"> |
|
| 161 |
+ <label for="password_text" class="label"></label> |
|
| 162 |
+ <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" |
|
| 163 |
+ maxlength="30" size="18"> |
|
| 164 |
+ <label for="login_button" class="label"></label> |
|
| 165 |
+ <button type="submit" class="btnType btnType1" class="login_button">로그인</button> |
|
| 166 |
+ </div> |
|
| 167 |
+ <div class="login_save"> |
|
| 168 |
+ <input type="checkbox" id="save_id"> |
|
| 169 |
+ <label for="save_id">아이디 저장</label> |
|
| 170 |
+ </div> |
|
| 171 |
+ <div class="login_find"> |
|
| 172 |
+ <a href="#">아이디찾기 /</a> |
|
| 173 |
+ <a href="#">비밀번호 찾기</a> |
|
| 174 |
+ </div> |
|
| 175 |
+ <div> |
|
| 176 |
+ <button type="button" class="btnType btnType2">회원가입</button> |
|
| 177 |
+ <button type="button" class="btnType btnType3">둘러보기</button> |
|
| 178 |
+ </div> |
|
| 179 |
+ </div> |
|
| 180 |
+ <div class="login_right"> |
|
| 181 |
+ <span><i></i>이달의 이벤트</span> |
|
| 182 |
+ <button type="button" class="btnType btnType4">바로가기</button> |
|
| 183 |
+ </div> |
|
| 184 |
+ </div> |
|
| 185 |
+ </div> |
|
| 186 |
+ <!--// login 영역 --> |
|
| 187 |
+ </header> |
|
| 188 |
+ <!--// header 영역 --> |
|
| 189 |
+ <!-- login 영역 --> |
|
| 190 |
+ <!-- content 영역 --> |
|
| 191 |
+ <div id="container" class="cont sub"> |
|
| 192 |
+ <div class="inner"> |
|
| 193 |
+ <!-- send top --> |
|
| 194 |
+ <div class="send_top"> |
|
| 195 |
+ <!-- tab button --> |
|
| 196 |
+ <ul class="tabType4"> |
|
| 197 |
+ <li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li> |
|
| 198 |
+ <li class="tab active"><button type="button" onclick="TabType5(this,'1');">결제하기</button></li> |
|
| 199 |
+ <li class="tab"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li> |
|
| 200 |
+ <li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li> |
|
| 201 |
+ <li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li> |
|
| 202 |
+ </ul> |
|
| 203 |
+ <!--// tab button --> |
|
| 190 | 204 |
<!-- 결제관리 - 결제하기 --> |
| 191 |
- <div class="serv_content charg_cont current" id="tab5_2"> |
|
| 192 |
- <div class="heading"> |
|
| 193 |
- <h2>결제하기</h2> |
|
| 194 |
- </div> |
|
| 195 |
- <div class="titBox"> |
|
| 205 |
+ <div class="serv_content charg_cont current" id="tab5_2"> |
|
| 206 |
+ <div class="heading"> |
|
| 207 |
+ <h2>결제하기</h2> |
|
| 208 |
+ </div> |
|
| 209 |
+ <!--<div class="titBox"> |
|
| 196 | 210 |
<p>- 서비스 이용을 위해 충전이 필수 입니다.</p> |
| 197 | 211 |
<p>- 충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</p> |
| 198 | 212 |
<p>- 모든 요금은 VAT별도 금액입니다.</p> |
| 199 |
- </div> |
|
| 213 |
+ </div>--> |
|
| 200 | 214 |
<div> |
| 201 | 215 |
<p class="tab_tit">충전수단 선택</p> |
| 202 | 216 |
<ul class="area_tab"> |
| 203 |
- <li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>신용카드</button></li> |
|
| 204 |
- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>전용계좌</button></li> |
|
| 217 |
+ <li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>간편결제</button></li> |
|
| 218 |
+ <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>신용카드</button> |
|
| 219 |
+ </li> |
|
| 220 |
+ <li class="btn_charge3 btn_tab"><button onclick="TabType2(this,'3');"><i></i>전용계좌</button> |
|
| 221 |
+ </li> |
|
| 205 | 222 |
<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> --> |
| 206 |
- <li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>휴대폰결제</button></li> |
|
| 207 |
- <li class="btn_charge5 btn_tab"><button onclick="TabType2(this,'5');"><i></i>즉시이체</button></li> |
|
| 223 |
+ <li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>휴대폰결제</button> |
|
| 224 |
+ </li> |
|
| 225 |
+ <li class="btn_charge5 btn_tab"><button onclick="TabType2(this,'5');"><i></i>즉시이체</button> |
|
| 226 |
+ </li> |
|
| 208 | 227 |
</ul> |
| 209 |
- <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 다음 충전 시에도 |
|
| 228 |
+ <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 |
|
| 229 |
+ 다음 충전 시에도 |
|
| 210 | 230 |
이용합니다.</div> |
| 211 | 231 |
|
| 212 |
- <!-- 신용카드 --> |
|
| 232 |
+ <!-- 간편결제 --> |
|
| 213 | 233 |
<div class="area_tabcont on" id="tab2_1"> |
| 214 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p> |
|
| 234 |
+ <p class="tType1_title"><img src="./images/simple_small.png" alt="간편결제 스몰 아이콘"> |
|
| 235 |
+ 간편결제</p> |
|
| 215 | 236 |
<table class="tType1"> |
| 216 |
- <caption></caption> |
|
| 217 | 237 |
<colgroup> |
| 218 | 238 |
<col style="width: 100px;"> |
| 219 | 239 |
<col style="width: auto;"> |
| 220 | 240 |
</colgroup> |
| 221 | 241 |
<tbody> |
| 222 |
- <tr> |
|
| 242 |
+ <tr class="charge_content"> |
|
| 223 | 243 |
<th scope="row">충전금액</th> |
| 224 | 244 |
<td class="flex"> |
| 225 |
- <input type="text" placeholder="금액을 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 245 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 246 |
+ <option value="5000">5,000</option> |
|
| 247 |
+ <option value="10000">10,000</option> |
|
| 248 |
+ <option value="20000">20,000</option> |
|
| 249 |
+ <option value="30000">30,000</option> |
|
| 250 |
+ <option value="50000" selected="">50,000</option> |
|
| 251 |
+ <option value="100000">100,000</option> |
|
| 252 |
+ <option value="200000">200,000</option> |
|
| 253 |
+ <option value="300000">300,000</option> |
|
| 254 |
+ <option value="500000">500,000</option> |
|
| 255 |
+ <option value="700000">700,000</option> |
|
| 256 |
+ <option value="900000">900,000</option> |
|
| 257 |
+ <option value="1000000">1,000,000</option> |
|
| 258 |
+ <option value="1200000">1,200,000</option> |
|
| 259 |
+ <option value="1500000">1,500,000</option> |
|
| 260 |
+ <option value="2000000">2,000,000</option> |
|
| 261 |
+ <option value="2500000">2,500,000</option> |
|
| 262 |
+ <option value="3000000">3,000,000</option> |
|
| 263 |
+ </select> |
|
| 264 |
+ |
|
| 226 | 265 |
<p class="input_in">원</p> |
| 227 |
- <button class="btnType1">+ 3천원</button> |
|
| 228 |
- <button>+ 5천원</button> |
|
| 229 |
- <button>+ 1만원</button> |
|
| 230 |
- <button>+ 10만원</button> |
|
| 231 |
- <button>+ 100만원</button> |
|
| 232 |
- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> |
|
| 266 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 267 |
+ </td> |
|
| 268 |
+ </tr> |
|
| 269 |
+ <tr> |
|
| 270 |
+ <td colspan="2"> |
|
| 271 |
+ <div class="amount_wrap"> |
|
| 272 |
+ <dl> |
|
| 273 |
+ <dt>최종 결제금액 :</dt> |
|
| 274 |
+ <dd> |
|
| 275 |
+ <ul> |
|
| 276 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 277 |
+ <li><span class="plus"></span><strong |
|
| 278 |
+ id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 279 |
+ <li class="total"><span class="equal"></span><strong |
|
| 280 |
+ id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 281 |
+ </ul> |
|
| 282 |
+ </dd> |
|
| 283 |
+ </dl> |
|
| 284 |
+ <button type="button" class="btnType" |
|
| 285 |
+ onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 286 |
+ </div> |
|
| 233 | 287 |
</td> |
| 234 | 288 |
</tr> |
| 235 | 289 |
<tr> |
| 236 | 290 |
<td colspan="2"> |
| 237 | 291 |
<div class="area_text"> |
| 238 |
- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 ARS 신용카드 결제(080-1234-5678 전화 후 결제정보 입력)를 통해서도 이용 가능합니다. </span></p> |
|
| 239 |
- <p>- 팝업차단 해제 후 충전 가능합니다(도구 → 팝업차단 메뉴에서 설정)</p> |
|
| 240 |
- <p>- 카드사별 정책상 금액제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한없이 이용하실 수 있습니다.</p> |
|
| 292 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 293 |
+ <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p> |
|
| 241 | 294 |
</div> |
| 242 | 295 |
</td> |
| 243 | 296 |
</tr> |
| 244 | 297 |
</tbody> |
| 245 | 298 |
</table> |
| 246 |
- <div style="text-align: center;"> |
|
| 247 |
- <button class="btnType btnType16">충전하기</button> |
|
| 248 |
- </div> |
|
| 299 |
+ </div> |
|
| 300 |
+ |
|
| 301 |
+ <!-- 신용카드 --> |
|
| 302 |
+ <div class="area_tabcont " id="tab2_2"> |
|
| 303 |
+ <p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> |
|
| 304 |
+ 신용카드</p> |
|
| 305 |
+ <table class="tType1"> |
|
| 306 |
+ <colgroup> |
|
| 307 |
+ <col style="width: 100px;"> |
|
| 308 |
+ <col style="width: auto;"> |
|
| 309 |
+ </colgroup> |
|
| 310 |
+ <tbody> |
|
| 311 |
+ <tr class="charge_content"> |
|
| 312 |
+ <th scope="row">충전금액</th> |
|
| 313 |
+ <td class="flex"> |
|
| 314 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 315 |
+ <option value="5000">5,000</option> |
|
| 316 |
+ <option value="10000">10,000</option> |
|
| 317 |
+ <option value="20000">20,000</option> |
|
| 318 |
+ <option value="30000">30,000</option> |
|
| 319 |
+ <option value="50000" selected="">50,000</option> |
|
| 320 |
+ <option value="100000">100,000</option> |
|
| 321 |
+ <option value="200000">200,000</option> |
|
| 322 |
+ <option value="300000">300,000</option> |
|
| 323 |
+ <option value="500000">500,000</option> |
|
| 324 |
+ <option value="700000">700,000</option> |
|
| 325 |
+ <option value="900000">900,000</option> |
|
| 326 |
+ <option value="1000000">1,000,000</option> |
|
| 327 |
+ <option value="1200000">1,200,000</option> |
|
| 328 |
+ <option value="1500000">1,500,000</option> |
|
| 329 |
+ <option value="2000000">2,000,000</option> |
|
| 330 |
+ <option value="2500000">2,500,000</option> |
|
| 331 |
+ <option value="3000000">3,000,000</option> |
|
| 332 |
+ </select> |
|
| 333 |
+ |
|
| 334 |
+ <p class="input_in">원</p> |
|
| 335 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 336 |
+ </td> |
|
| 337 |
+ </tr> |
|
| 338 |
+ <tr> |
|
| 339 |
+ <td colspan="2"> |
|
| 340 |
+ <div class="amount_wrap"> |
|
| 341 |
+ <dl> |
|
| 342 |
+ <dt>최종 결제금액 :</dt> |
|
| 343 |
+ <dd> |
|
| 344 |
+ <ul> |
|
| 345 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 346 |
+ <li><span class="plus"></span><strong |
|
| 347 |
+ id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 348 |
+ <li class="total"><span class="equal"></span><strong |
|
| 349 |
+ id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 350 |
+ </ul> |
|
| 351 |
+ </dd> |
|
| 352 |
+ </dl> |
|
| 353 |
+ <button type="button" class="btnType" |
|
| 354 |
+ onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 355 |
+ </div> |
|
| 356 |
+ </td> |
|
| 357 |
+ </tr> |
|
| 358 |
+ <tr> |
|
| 359 |
+ <td colspan="2"> |
|
| 360 |
+ <div class="area_text"> |
|
| 361 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 362 |
+ <p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수 |
|
| 363 |
+ 있습니다.</p> |
|
| 364 |
+ </div> |
|
| 365 |
+ </td> |
|
| 366 |
+ </tr> |
|
| 367 |
+ </tbody> |
|
| 368 |
+ </table> |
|
| 249 | 369 |
</div> |
| 250 | 370 |
<!-- //신용카드 --> |
| 251 | 371 |
|
| 252 |
- <!-- 전용계좌 --> |
|
| 253 |
- <div class="area_tabcont" id="tab2_2"> |
|
| 254 |
- <!-- 신규계좌발급 시 --> |
|
| 255 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 372 |
+ <!-- 전용계좌 --> |
|
| 373 |
+ <div class="area_tabcont current" id="tab2_3"> |
|
| 374 |
+ <!-- 신규계좌발급 시 --> |
|
| 375 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" |
|
| 376 |
+ alt="계좌 이미"> 전용계좌</p> |
|
| 256 | 377 |
<table class="tType1"> |
| 257 | 378 |
<caption></caption> |
| 258 | 379 |
<colgroup> |
... | ... | @@ -264,32 +385,32 @@ |
| 264 | 385 |
<td> |
| 265 | 386 |
<div class="area_text"> |
| 266 | 387 |
<p>1. 현재 발급받은 전용계좌가 없습니다.</p> |
| 267 |
- <p>2. 평생 같은 계좌번호로 입금 즉시 자동 충전되는 전용계좌를 사용해보세요(5,000원 이상부터 입금 가능)</p> |
|
| 268 |
- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> |
|
| 388 |
+ <p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p> |
|
| 389 |
+ <!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> --> |
|
| 269 | 390 |
</div> |
| 270 | 391 |
</td> |
| 271 | 392 |
<td class="right"> |
| 272 |
- <label for="" class="label">은행선택</label> |
|
| 273 |
- <select name="" id=""> |
|
| 393 |
+ <label for="bankCd" class="label">은행선택</label> |
|
| 394 |
+ <select name="bankCd" id="bankCd"> |
|
| 274 | 395 |
<option value="">은행선택</option> |
| 275 |
- <option value="">기업은행</option> |
|
| 276 |
- <option value="">국민은행</option> |
|
| 277 |
- <option value="">외환은행</option> |
|
| 278 |
- <option value="">농협</option> |
|
| 279 |
- <option value="">우리은행</option> |
|
| 280 |
- <option value="">신한은행</option> |
|
| 281 |
- <option value="">SC은행</option> |
|
| 282 |
- <option value="">부산은행</option> |
|
| 283 |
- <option value="">우체국</option> |
|
| 396 |
+ <option value="003">기업은행</option> |
|
| 397 |
+ <option value="004">국민은행</option> |
|
| 398 |
+ <option value="011">농협은행</option> |
|
| 399 |
+ <option value="020">우리은행</option> |
|
| 400 |
+ <option value="081">하나은행</option> |
|
| 401 |
+ <option value="088">신한은행</option> |
|
| 284 | 402 |
</select> |
| 285 |
- <button type="button" data-tooltip="popup05">신규계좌받기</button> |
|
| 403 |
+ <p class="input_in" style="margin-right:5px;">원</p> |
|
| 404 |
+ <button type="button" |
|
| 405 |
+ onclick="fnNewBankAccount(); return false;">신규계좌받기</button> |
|
| 286 | 406 |
</td> |
| 287 | 407 |
</tr> |
| 288 | 408 |
</tbody> |
| 289 | 409 |
</table> |
| 290 | 410 |
|
| 291 |
- <!-- 기존 계좌있을 시 --> |
|
| 292 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p> |
|
| 411 |
+ <!-- 기존 계좌있을 시 --> |
|
| 412 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" |
|
| 413 |
+ alt="계좌 이미"> 전용계좌</p> |
|
| 293 | 414 |
<table class="tType1"> |
| 294 | 415 |
<caption></caption> |
| 295 | 416 |
<colgroup> |
... | ... | @@ -298,23 +419,28 @@ |
| 298 | 419 |
</colgroup> |
| 299 | 420 |
<tbody> |
| 300 | 421 |
<tr> |
| 301 |
- <td> |
|
| 302 |
- <div class="checkbox_wrap"><input type="checkbox"><label for=""></label> 기업은행 08202827497137</div> |
|
| 303 |
- </td> |
|
| 304 |
- <td class="right"> |
|
| 422 |
+ <td colspan="2"> |
|
| 423 |
+ <div> |
|
| 424 |
+ 보유한 전용 계좌가 없습니다. |
|
| 425 |
+ </div> |
|
| 305 | 426 |
</td> |
| 306 | 427 |
</tr> |
| 307 | 428 |
<tr> |
| 308 | 429 |
<td colspan="2"> |
| 309 | 430 |
<div class="area_text"> |
| 310 | 431 |
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p> |
| 311 |
- <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전</span>됩니다.</p> |
|
| 312 |
- <p>- 예금주 : 문자온</p> |
|
| 313 |
- <p>- 계좌번호 문자로 받기(일/3회까지) |
|
| 314 |
- <label for="" class="label">전화번호 입력</label> |
|
| 315 |
- <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 316 |
- <button>문자받기</button> |
|
| 317 |
- </p> |
|
| 432 |
+ <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> |
|
| 433 |
+ 가능합니다.</p> |
|
| 434 |
+ <!-- <p>- 예금주 : 문자온</p> --> |
|
| 435 |
+ <p>- 계좌번호 문자로 받기(일/3회까지) |
|
| 436 |
+ <label for="" class="label">전화번호 입력</label> |
|
| 437 |
+ <input type="text" id="callTo" name="callTo" maxlength="11" |
|
| 438 |
+ placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." |
|
| 439 |
+ onfocus="this.placeholder=''" |
|
| 440 |
+ onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 441 |
+ <button type="button" |
|
| 442 |
+ onclick="fnSmsSend(); return false;">문자받기</button> |
|
| 443 |
+ </p> |
|
| 318 | 444 |
</div> |
| 319 | 445 |
</td> |
| 320 | 446 |
</tr> |
... | ... | @@ -324,7 +450,7 @@ |
| 324 | 450 |
<!-- //전용계좌 --> |
| 325 | 451 |
|
| 326 | 452 |
<!-- 무통장입금 --> |
| 327 |
- <div class="area_tabcont" id="tab2_3"> |
|
| 453 |
+ <!-- <div class="area_tabcont" id="tab2_4"> |
|
| 328 | 454 |
<p class="tType1_title"><img src="/publish/images/content/icon_charging3_small.png" alt=""> 무통장입금</p> |
| 329 | 455 |
<table class="tType1"> |
| 330 | 456 |
<caption></caption> |
... | ... | @@ -337,29 +463,36 @@ |
| 337 | 463 |
<td colspan="2"> |
| 338 | 464 |
<ul class="info_bank"> |
| 339 | 465 |
<li><a href="#"><i></i> |
| 340 |
- <p>신한은행 <span>389-01-106644</span></p></a> |
|
| 466 |
+ <p>신한은행 <span>389-01-106644</span></p> |
|
| 467 |
+ </a> |
|
| 341 | 468 |
</li> |
| 342 | 469 |
<li><a href="#"><i></i> |
| 343 |
- <p>농협은행 <span>7700-7700-28</span></p></a> |
|
| 470 |
+ <p>농협은행 <span>7700-7700-28</span></p> |
|
| 471 |
+ </a> |
|
| 344 | 472 |
</li> |
| 345 | 473 |
<li><a href="#"><i></i> |
| 346 |
- <p>국민은행 <span>839-25-0027-299</span></p></a> |
|
| 474 |
+ <p>국민은행 <span>839-25-0027-299</span></p> |
|
| 475 |
+ </a> |
|
| 347 | 476 |
</li> |
| 348 | 477 |
<li><a href href="#"><i></i> |
| 349 |
- <p>기업은행 <span>065-048245-04-013</span></p></a> |
|
| 478 |
+ <p>기업은행 <span>065-048245-04-013</span></p> |
|
| 479 |
+ </a> |
|
| 350 | 480 |
</li> |
| 351 | 481 |
<li><a href="#"><i></i> |
| 352 |
- <p>외환(하나)은행 <span>241-22-04685-7</span></p></a> |
|
| 482 |
+ <p>외환(하나)은행 <span>241-22-04685-7</span></p> |
|
| 483 |
+ </a> |
|
| 353 | 484 |
</li> |
| 354 | 485 |
<li><a href="#"><i></i> |
| 355 |
- <p>우리은행 <span>119-301098-13-101</span></p></a> |
|
| 486 |
+ <p>우리은행 <span>119-301098-13-101</span></p> |
|
| 487 |
+ </a> |
|
| 356 | 488 |
</li> |
| 357 | 489 |
</ul> |
| 358 | 490 |
<div class="area_text"> |
| 359 | 491 |
<p>※ 입금자명은 반드시 <span>본인의 아이디</span>로 입력하셔야 합니다(동명이인 식별 불가)</p> |
| 360 | 492 |
<p>※ 반드시 은행명, 입금액, 예금주를 먼저 입력하신 후 송금을 하셔야 하며, <span>송금이 완료된 상태에서 입금알림 버튼</span>을 눌러주셔야 합니다.</p> |
| 361 | 493 |
<ul class="box_input flex"> |
| 362 |
- <li class="flex">은행명 <select name="" id=""> |
|
| 494 |
+ <li class="flex">은행명 |
|
| 495 |
+ <select name="" id=""> |
|
| 363 | 496 |
<option value="">국민은행</option> |
| 364 | 497 |
</select> |
| 365 | 498 |
</li> |
... | ... | @@ -371,24 +504,25 @@ |
| 371 | 504 |
<input type="checkbox"> 상기 계좌에 입금 알림 <button>입금알림</button> |
| 372 | 505 |
</li> |
| 373 | 506 |
</ul> |
| 374 |
- <p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회) |
|
| 375 |
- <label for="" class="sel_type2_label">은행명</label> |
|
| 376 |
- <select name="" id="" class="sel_type2"> |
|
| 377 |
- <option value="">은행선택</option> |
|
| 378 |
- <option value="">기업은행</option> |
|
| 379 |
- <option value="">국민은행</option> |
|
| 380 |
- <option value="">외환은행</option> |
|
| 381 |
- <option value="">농협</option> |
|
| 382 |
- <option value="">우리은행</option> |
|
| 383 |
- <option value="">신한은행</option> |
|
| 384 |
- <option value="">SC은행</option> |
|
| 385 |
- <option value="">부산은행</option> |
|
| 386 |
- <option value="">우체국</option> |
|
| 387 |
- </select> |
|
| 388 |
- <label for="" class="label">전화번호 입력</label> |
|
| 389 |
- <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 390 |
- <button>문자받기</button> |
|
| 391 |
- </p> |
|
| 507 |
+ <p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회) |
|
| 508 |
+ <label for="" class="sel_type2_label">은행명</label> |
|
| 509 |
+ <select name="" id="" class="sel_type2"> |
|
| 510 |
+ <option value="">은행선택</option> |
|
| 511 |
+ <option value="">기업은행</option> |
|
| 512 |
+ <option value="">국민은행</option> |
|
| 513 |
+ <option value="">외환은행</option> |
|
| 514 |
+ <option value="">농협</option> |
|
| 515 |
+ <option value="">우리은행</option> |
|
| 516 |
+ <option value="">신한은행</option> |
|
| 517 |
+ <option value="">SC은행</option> |
|
| 518 |
+ <option value="">부산은행</option> |
|
| 519 |
+ <option value="">우체국</option> |
|
| 520 |
+ </select> |
|
| 521 |
+ <label for="" class="label">전화번호 입력</label> |
|
| 522 |
+ <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" |
|
| 523 |
+ onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> |
|
| 524 |
+ <button>문자받기</button> |
|
| 525 |
+ </p> |
|
| 392 | 526 |
</div> |
| 393 | 527 |
</td> |
| 394 | 528 |
</tr> |
... | ... | @@ -397,12 +531,13 @@ |
| 397 | 531 |
<div style="text-align: center;"> |
| 398 | 532 |
<button class="btnType btnType16">충전하기</button> |
| 399 | 533 |
</div> |
| 400 |
- </div> |
|
| 534 |
+ </div> --> |
|
| 401 | 535 |
<!-- //무통장입금 --> |
| 402 | 536 |
|
| 403 | 537 |
<!-- 휴대폰 --> |
| 404 |
- <div class="area_tabcont" id="tab2_4"> |
|
| 405 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> 휴대폰결제</p> |
|
| 538 |
+ <div class="area_tabcont current" id="tab2_4"> |
|
| 539 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> |
|
| 540 |
+ 휴대폰결제</p> |
|
| 406 | 541 |
<table class="tType1"> |
| 407 | 542 |
<caption></caption> |
| 408 | 543 |
<colgroup> |
... | ... | @@ -410,39 +545,61 @@ |
| 410 | 545 |
<col style="width: auto;"> |
| 411 | 546 |
</colgroup> |
| 412 | 547 |
<tbody> |
| 413 |
- <tr> |
|
| 548 |
+ <tr class="charge_content"> |
|
| 414 | 549 |
<th scope="row">충전금액</th> |
| 415 | 550 |
<td class="flex"> |
| 416 |
- <input type="text" placeholder="금액을 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 551 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 552 |
+ <option value="5000">5,000</option> |
|
| 553 |
+ <option value="10000">10,000</option> |
|
| 554 |
+ <option value="20000">20,000</option> |
|
| 555 |
+ <option value="30000">30,000</option> |
|
| 556 |
+ <option value="50000" selected="">50,000</option> |
|
| 557 |
+ <option value="100000">100,000</option> |
|
| 558 |
+ <option value="150000">150,000</option> |
|
| 559 |
+ </select> |
|
| 560 |
+ |
|
| 417 | 561 |
<p class="input_in">원</p> |
| 418 |
- <button class="btnType1">+ 3천원</button> |
|
| 419 |
- <button>+ 5천원</button> |
|
| 420 |
- <button>+ 1만원</button> |
|
| 421 |
- <button>+ 10만원</button> |
|
| 422 |
- <button>+ 100만원</button> |
|
| 423 |
- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> |
|
| 562 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 563 |
+ </td> |
|
| 564 |
+ </tr> |
|
| 565 |
+ <tr> |
|
| 566 |
+ <td colspan="2"> |
|
| 567 |
+ <div class="amount_wrap"> |
|
| 568 |
+ <dl> |
|
| 569 |
+ <dt>최종 결제금액 :</dt> |
|
| 570 |
+ <dd> |
|
| 571 |
+ <ul> |
|
| 572 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 573 |
+ <li><span class="plus"></span><strong |
|
| 574 |
+ id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 575 |
+ <li class="total"><span class="equal"></span><strong |
|
| 576 |
+ id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 577 |
+ </ul> |
|
| 578 |
+ </dd> |
|
| 579 |
+ </dl> |
|
| 580 |
+ <button type="button" class="btnType" |
|
| 581 |
+ onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 582 |
+ </div> |
|
| 424 | 583 |
</td> |
| 425 | 584 |
</tr> |
| 426 | 585 |
<tr> |
| 427 | 586 |
<td colspan="2"> |
| 428 | 587 |
<div class="area_text"> |
| 429 |
- <p>- 월 30만원 한도 내에서 충전할 수 있습니다.</p> |
|
| 430 |
- <p>- 그 외 휴대폰 소액결제 제한은 가입하신 통신사를 통해 확인할 수 있습니다.</p> |
|
| 431 |
- <p>- 팝업차단 해제 후 충전 가능합니다.(도구>팝업차단 메뉴에서 설정)</p> |
|
| 588 |
+ <p>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p> |
|
| 589 |
+ <p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수 있습니다.</p> |
|
| 590 |
+ <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p> |
|
| 432 | 591 |
</div> |
| 433 | 592 |
</td> |
| 434 | 593 |
</tr> |
| 435 | 594 |
</tbody> |
| 436 | 595 |
</table> |
| 437 |
- <div style="text-align: center;"> |
|
| 438 |
- <button class="btnType btnType16">충전하기</button> |
|
| 439 |
- </div> |
|
| 440 | 596 |
</div> |
| 441 | 597 |
<!-- //휴대폰 --> |
| 442 | 598 |
|
| 443 | 599 |
<!-- 즉시이체 --> |
| 444 |
- <div class="area_tabcont" id="tab2_5"> |
|
| 445 |
- <p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> 즉시이체</p> |
|
| 600 |
+ <div class="area_tabcont current" id="tab2_5"> |
|
| 601 |
+ <p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> |
|
| 602 |
+ 즉시이체</p> |
|
| 446 | 603 |
<table class="tType1"> |
| 447 | 604 |
<caption></caption> |
| 448 | 605 |
<colgroup> |
... | ... | @@ -450,70 +607,262 @@ |
| 450 | 607 |
<col style="width: auto;"> |
| 451 | 608 |
</colgroup> |
| 452 | 609 |
<tbody> |
| 453 |
- <tr> |
|
| 610 |
+ <tr class="charge_content"> |
|
| 454 | 611 |
<th scope="row">충전금액</th> |
| 455 | 612 |
<td class="flex"> |
| 456 |
- <input type="text" placeholder="금액을 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'"> |
|
| 613 |
+ <select name="tempPrice" id="tempPrice" class="list_seType1"> |
|
| 614 |
+ <option value="5000">5,000</option> |
|
| 615 |
+ <option value="10000">10,000</option> |
|
| 616 |
+ <option value="20000">20,000</option> |
|
| 617 |
+ <option value="30000">30,000</option> |
|
| 618 |
+ <option value="50000" selected="">50,000</option> |
|
| 619 |
+ <option value="100000">100,000</option> |
|
| 620 |
+ <option value="200000">200,000</option> |
|
| 621 |
+ <option value="300000">300,000</option> |
|
| 622 |
+ <option value="500000">500,000</option> |
|
| 623 |
+ <option value="700000">700,000</option> |
|
| 624 |
+ <option value="900000">900,000</option> |
|
| 625 |
+ <option value="1000000">1,000,000</option> |
|
| 626 |
+ <option value="1200000">1,200,000</option> |
|
| 627 |
+ <option value="1500000">1,500,000</option> |
|
| 628 |
+ <option value="2000000">2,000,000</option> |
|
| 629 |
+ <option value="2500000">2,500,000</option> |
|
| 630 |
+ <option value="3000000">3,000,000</option> |
|
| 631 |
+ </select> |
|
| 632 |
+ |
|
| 457 | 633 |
<p class="input_in">원</p> |
| 458 |
- <button class="btnType1">+ 3천원</button> |
|
| 459 |
- <button>+ 5천원</button> |
|
| 460 |
- <button>+ 1만원</button> |
|
| 461 |
- <button>+ 10만원</button> |
|
| 462 |
- <button>+ 100만원</button> |
|
| 463 |
- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> |
|
| 634 |
+ <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> --> |
|
| 635 |
+ </td> |
|
| 636 |
+ </tr> |
|
| 637 |
+ <tr> |
|
| 638 |
+ <td colspan="2"> |
|
| 639 |
+ <div class="amount_wrap"> |
|
| 640 |
+ <dl> |
|
| 641 |
+ <dt>최종 결제금액 :</dt> |
|
| 642 |
+ <dd> |
|
| 643 |
+ <ul> |
|
| 644 |
+ <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li> |
|
| 645 |
+ <li><span class="plus"></span><strong |
|
| 646 |
+ id="vatPriceStr">5,000</strong>원(부가세)</li> |
|
| 647 |
+ <li class="total"><span class="equal"></span><strong |
|
| 648 |
+ id="lastPriceStr">55,000</strong>원(최종금액)</li> |
|
| 649 |
+ </ul> |
|
| 650 |
+ </dd> |
|
| 651 |
+ </dl> |
|
| 652 |
+ <button type="button" class="btnType" |
|
| 653 |
+ onclick="pgOpenerPopup(); return false;">충전하기</button> |
|
| 654 |
+ </div> |
|
| 464 | 655 |
</td> |
| 465 | 656 |
</tr> |
| 466 | 657 |
<tr> |
| 467 | 658 |
<td colspan="2"> |
| 468 | 659 |
<div class="area_text"> |
| 469 |
- <p>- 결제사의 인터넷뱅킹을 이용한 계좌이체(법인계좌불가)입니다.</p> |
|
| 470 |
- <p>- 기존 인터넷뱅킹을 이용하시는 경우 해당 이체를 통해 무통장입금을 이용하시는게 편리할 수 있습니다,</p> |
|
| 660 |
+ <p>- 나이스페이 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p> |
|
| 661 |
+ <p> (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p> |
|
| 471 | 662 |
</div> |
| 472 | 663 |
</td> |
| 473 | 664 |
</tr> |
| 474 | 665 |
</tbody> |
| 475 | 666 |
</table> |
| 476 |
- <div style="text-align: center;"> |
|
| 477 |
- <button class="btnType btnType16">충전하기</button> |
|
| 478 |
- </div> |
|
| 479 | 667 |
</div> |
| 480 | 668 |
<!-- //즉시이체 --> |
| 481 | 669 |
</div> |
| 670 |
+ |
|
| 671 |
+ <!--누적결제액별 등급 및 단가 추가 시작--> |
|
| 672 |
+ <div class="accrue_price"> |
|
| 673 |
+ <p>등급 : <span><img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급 스몰 아이콘">오렌지(누적결제액 : <span>200,000</span>원)</span></p> |
|
| 674 |
+ <!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )--> |
|
| 675 |
+ </div> |
|
| 676 |
+ <div class="accrue_level"> |
|
| 677 |
+ <p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가 |
|
| 678 |
+ </p> |
|
| 679 |
+ <table class="tType2 tType2_level"> |
|
| 680 |
+ <caption></caption> |
|
| 681 |
+ <colgroup> |
|
| 682 |
+ <col style="width: 13%;"> |
|
| 683 |
+ <col style="width: auto;"> |
|
| 684 |
+ <col style="width: 11%;"> |
|
| 685 |
+ <col style="width: 11%;"> |
|
| 686 |
+ <col style="width: 11%;"> |
|
| 687 |
+ <col style="width: 11%;"> |
|
| 688 |
+ <col style="width: 11%;"> |
|
| 689 |
+ </colgroup> |
|
| 690 |
+ <thead> |
|
| 691 |
+ <tr> |
|
| 692 |
+ <th>등급</th> |
|
| 693 |
+ <th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th> |
|
| 694 |
+ <th>단문</th> |
|
| 695 |
+ <th>장문</th> |
|
| 696 |
+ <th>그림(1장)</th> |
|
| 697 |
+ <th>그림(2장)</th> |
|
| 698 |
+ <th>그림(3장)</th> |
|
| 699 |
+ </tr> |
|
| 700 |
+ </thead> |
|
| 701 |
+ <tbody> |
|
| 702 |
+ <tr> |
|
| 703 |
+ <th>VVIP</th> |
|
| 704 |
+ <td class="level_price">10,000,000</td> |
|
| 705 |
+ <td>8.1</td> |
|
| 706 |
+ <td>32</td> |
|
| 707 |
+ <td>65</td> |
|
| 708 |
+ <td>75</td> |
|
| 709 |
+ <td>80</td> |
|
| 710 |
+ </tr> |
|
| 711 |
+ <tr> |
|
| 712 |
+ <th>VIP</th> |
|
| 713 |
+ <td class="level_price">9,000,000</td> |
|
| 714 |
+ <td>8.5</td> |
|
| 715 |
+ <td>33</td> |
|
| 716 |
+ <td>66</td> |
|
| 717 |
+ <td>76</td> |
|
| 718 |
+ <td>83</td> |
|
| 719 |
+ </tr> |
|
| 720 |
+ <tr> |
|
| 721 |
+ <th>골드</th> |
|
| 722 |
+ <td class="level_price">8,000,000</td> |
|
| 723 |
+ <td>9</td> |
|
| 724 |
+ <td>34</td> |
|
| 725 |
+ <td>67</td> |
|
| 726 |
+ <td>77</td> |
|
| 727 |
+ <td>85</td> |
|
| 728 |
+ </tr> |
|
| 729 |
+ <tr> |
|
| 730 |
+ <th>실버</th> |
|
| 731 |
+ <td class="level_price">7,000,000</td> |
|
| 732 |
+ <td>10</td> |
|
| 733 |
+ <td>35</td> |
|
| 734 |
+ <td>68</td> |
|
| 735 |
+ <td>78</td> |
|
| 736 |
+ <td>90</td> |
|
| 737 |
+ </tr> |
|
| 738 |
+ <tr> |
|
| 739 |
+ <th>블랙</th> |
|
| 740 |
+ <td class="level_price">6,000,000</td> |
|
| 741 |
+ <td>11</td> |
|
| 742 |
+ <td>36</td> |
|
| 743 |
+ <td>69</td> |
|
| 744 |
+ <td>79</td> |
|
| 745 |
+ <td>95</td> |
|
| 746 |
+ </tr> |
|
| 747 |
+ <tr> |
|
| 748 |
+ <th>레드</th> |
|
| 749 |
+ <td class="level_price">5,000,000</td> |
|
| 750 |
+ <td>12</td> |
|
| 751 |
+ <td>38</td> |
|
| 752 |
+ <td>72</td> |
|
| 753 |
+ <td>80</td> |
|
| 754 |
+ <td>100</td> |
|
| 755 |
+ </tr> |
|
| 756 |
+ <tr> |
|
| 757 |
+ <th>퍼플</th> |
|
| 758 |
+ <td class="level_price">4,000,000</td> |
|
| 759 |
+ <td>13</td> |
|
| 760 |
+ <td>40</td> |
|
| 761 |
+ <td>75</td> |
|
| 762 |
+ <td>85</td> |
|
| 763 |
+ <td>105</td> |
|
| 764 |
+ </tr> |
|
| 765 |
+ <tr> |
|
| 766 |
+ <th>블루</th> |
|
| 767 |
+ <td class="level_price">3,000,000</td> |
|
| 768 |
+ <td>14</td> |
|
| 769 |
+ <td>42</td> |
|
| 770 |
+ <td>78</td> |
|
| 771 |
+ <td>90</td> |
|
| 772 |
+ <td>110</td> |
|
| 773 |
+ </tr> |
|
| 774 |
+ <tr> |
|
| 775 |
+ <th>오렌지</th> |
|
| 776 |
+ <td class="level_price">2,000,000</td> |
|
| 777 |
+ <td>15</td> |
|
| 778 |
+ <td>44</td> |
|
| 779 |
+ <td>81</td> |
|
| 780 |
+ <td>95</td> |
|
| 781 |
+ <td>115</td> |
|
| 782 |
+ </tr> |
|
| 783 |
+ <tr> |
|
| 784 |
+ <th>그린</th> |
|
| 785 |
+ <td class="level_price">1,000,000</td> |
|
| 786 |
+ <td>16</td> |
|
| 787 |
+ <td>46</td> |
|
| 788 |
+ <td>84</td> |
|
| 789 |
+ <td>100</td> |
|
| 790 |
+ <td>120</td> |
|
| 791 |
+ </tr> |
|
| 792 |
+ <tr> |
|
| 793 |
+ <th>옐로우</th> |
|
| 794 |
+ <td class="level_price">500,000</td> |
|
| 795 |
+ <td>17</td> |
|
| 796 |
+ <td>48</td> |
|
| 797 |
+ <td>87</td> |
|
| 798 |
+ <td>105</td> |
|
| 799 |
+ <td>125</td> |
|
| 800 |
+ </tr> |
|
| 801 |
+ <tr> |
|
| 802 |
+ <th>화이트</th> |
|
| 803 |
+ <td class="level_price">0</td> |
|
| 804 |
+ <td>18</td> |
|
| 805 |
+ <td>50</td> |
|
| 806 |
+ <td>90</td> |
|
| 807 |
+ <td>110</td> |
|
| 808 |
+ <td>130</td> |
|
| 809 |
+ </tr> |
|
| 810 |
+ </tbody> |
|
| 811 |
+ </table> |
|
| 812 |
+ <span class="reqTxt4"> |
|
| 813 |
+ * 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br> |
|
| 814 |
+ * 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br> |
|
| 815 |
+ * "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br> |
|
| 816 |
+ </span> |
|
| 817 |
+ <p class="reqTxt4 reqTxt4_last"> |
|
| 818 |
+ * 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 |
|
| 819 |
+ 등으로 인지되는 문자에 대해서는 |
|
| 820 |
+ 사전 또는 즉시 발송을 차단하고 |
|
| 821 |
+ 이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 |
|
| 822 |
+ 취소합니다. |
|
| 823 |
+ </p> |
|
| 824 |
+ <!--문자_등급별 요금 안내 추가 끝--> |
|
| 825 |
+ </div> |
|
| 482 | 826 |
</div><!-- 결제관리 - 결제하기 --> |
| 483 |
- </div><!--// send top --> |
|
| 484 |
- </div> |
|
| 485 |
- </div><!--// content 영역 --> |
|
| 486 |
- <!-- footer 영역 --> |
|
| 487 |
- <footer id="footer" class="footer"> |
|
| 488 |
- <div class="footer_top"> |
|
| 489 |
- <div class="inner table"> |
|
| 490 |
- <ul class="table_cell"> |
|
| 491 |
- <li><a href="#">이용약관</a></li> |
|
| 492 |
- <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li> |
|
| 493 |
- <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li> |
|
| 494 |
- <li class="SortLine"><a href="#">불법스팸예방안내</a></li> |
|
| 495 |
- </ul> |
|
| 496 |
- </div> |
|
| 497 |
- </div> |
|
| 498 |
- <div class="footer_body"> |
|
| 499 |
- <div class="inner table"> |
|
| 500 |
- <div class="table_cell"> |
|
| 501 |
- <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a> |
|
| 502 |
- <div class="footer_info"> |
|
| 503 |
- <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p> |
|
| 504 |
- <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p> |
|
| 505 |
- <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p> |
|
| 506 |
- </div> |
|
| 507 |
- <div class="footer_service_center"> |
|
| 508 |
- <i></i> |
|
| 509 |
- <div> |
|
| 510 |
- <p>고객센터</p> |
|
| 511 |
- <span class="footer_service_num">070-4786-0008</span> |
|
| 512 |
- <span>E-mail : help@iten.co.kr</span> |
|
| 513 |
- </div> |
|
| 514 |
- </div> |
|
| 515 |
- </div> |
|
| 516 |
- </div> |
|
| 517 |
- </div> |
|
| 518 |
- </footer><!--// footer 영역 --> |
|
| 519 |
-</body></html> |
|
| 827 |
+ </div> |
|
| 828 |
+ <!--// send top --> |
|
| 829 |
+ </div> |
|
| 830 |
+ </div> |
|
| 831 |
+ <!--// content 영역 --> |
|
| 832 |
+ <!-- footer 영역 --> |
|
| 833 |
+ <footer id="footer" class="footer"> |
|
| 834 |
+ <div class="footer_top"> |
|
| 835 |
+ <div class="inner table"> |
|
| 836 |
+ <ul class="table_cell"> |
|
| 837 |
+ <li><a href="#">이용약관</a></li> |
|
| 838 |
+ <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li> |
|
| 839 |
+ <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li> |
|
| 840 |
+ <li class="SortLine"><a href="#">불법스팸예방안내</a></li> |
|
| 841 |
+ </ul> |
|
| 842 |
+ </div> |
|
| 843 |
+ </div> |
|
| 844 |
+ <div class="footer_body"> |
|
| 845 |
+ <div class="inner table"> |
|
| 846 |
+ <div class="table_cell"> |
|
| 847 |
+ <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a> |
|
| 848 |
+ <div class="footer_info"> |
|
| 849 |
+ <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p> |
|
| 850 |
+ <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p> |
|
| 851 |
+ <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p> |
|
| 852 |
+ </div> |
|
| 853 |
+ <div class="footer_service_center"> |
|
| 854 |
+ <i></i> |
|
| 855 |
+ <div> |
|
| 856 |
+ <p>고객센터</p> |
|
| 857 |
+ <span class="footer_service_num">070-4786-0008</span> |
|
| 858 |
+ <span>E-mail : help@iten.co.kr</span> |
|
| 859 |
+ </div> |
|
| 860 |
+ </div> |
|
| 861 |
+ </div> |
|
| 862 |
+ </div> |
|
| 863 |
+ </div> |
|
| 864 |
+ </footer> |
|
| 865 |
+ <!--// footer 영역 --> |
|
| 866 |
+</body> |
|
| 867 |
+ |
|
| 868 |
+</html>(No newline at end of file) |
--- src/main/webapp/publish/payment3.html
+++ src/main/webapp/publish/payment3.html
... | ... | @@ -6,7 +6,8 @@ |
| 6 | 6 |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 7 | 7 |
<title>문자온</title> |
| 8 | 8 |
|
| 9 |
- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> |
|
| 9 |
+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" |
|
| 10 |
+ rel="stylesheet"> |
|
| 10 | 11 |
<link rel="stylesheet" href="/publish/css/reset.css"> |
| 11 | 12 |
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css"> |
| 12 | 13 |
<link rel="stylesheet" href="/publish/css/common.css"> |
... | ... | @@ -15,29 +16,32 @@ |
| 15 | 16 |
<link rel="stylesheet" href="/publish/css/mem.css"> |
| 16 | 17 |
<link rel="stylesheet" href="/publish/css/font.css"> |
| 17 | 18 |
<link rel="stylesheet" href="/publish/css/popupLayer.css"> |
| 18 |
- |
|
| 19 |
- |
|
| 19 |
+ |
|
| 20 |
+ |
|
| 20 | 21 |
<script src="/publish/js/jquery-3.5.0.js"></script> |
| 21 | 22 |
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> |
| 22 | 23 |
<script src="/publish/js/common.js"></script> |
| 23 | 24 |
<script src="/publish/js/content.js"></script> |
| 24 | 25 |
<script src="/publish/js/calendar.js"></script> |
| 25 |
- <script src="/publish/js/popupLayer.js"></script> |
|
| 26 |
+ <script src="/publish/js/popupLayer.js"></script> |
|
| 26 | 27 |
|
| 27 | 28 |
|
| 28 | 29 |
</head> |
| 30 |
+ |
|
| 29 | 31 |
<body> |
| 30 | 32 |
<div class="mask"></div> |
| 31 | 33 |
|
| 32 | 34 |
<!-- 현금영수증 팝업 data-tooltip:cashReceipt_popup01 --> |
| 33 |
- <div class="tooltip-wrap"> |
|
| 34 |
- <div class="popup-com candidate_layer cashReceipt_popup01" tabindex="0" data-tooltip-con="cashReceipt_popup01" data-focus="cashReceipt_popup01" data-focus-prev="cashReceipt_popup01-close" style="width: 520px;"> |
|
| 35 |
- <div class="popup_heading"> |
|
| 36 |
- <p>현금영수증 발행정보</p> |
|
| 37 |
- <button type="button" class="tooltip-close" data-focus="cashReceipt_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 38 |
- </div> |
|
| 39 |
- <div class="layer_in"> |
|
| 40 |
- <div class="candidate_table"> |
|
| 35 |
+ <div class="tooltip-wrap"> |
|
| 36 |
+ <div class="popup-com candidate_layer cashReceipt_popup01" tabindex="0" data-tooltip-con="cashReceipt_popup01" |
|
| 37 |
+ data-focus="cashReceipt_popup01" data-focus-prev="cashReceipt_popup01-close" style="width: 520px;"> |
|
| 38 |
+ <div class="popup_heading"> |
|
| 39 |
+ <p>현금영수증 발행정보</p> |
|
| 40 |
+ <button type="button" class="tooltip-close" data-focus="cashReceipt_popup01-close"><img |
|
| 41 |
+ src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 42 |
+ </div> |
|
| 43 |
+ <div class="layer_in"> |
|
| 44 |
+ <div class="candidate_table"> |
|
| 41 | 45 |
<!-- <p>현금영수증 발행정보</p> --> |
| 42 | 46 |
<table> |
| 43 | 47 |
<caption>후보자 등록을 위한 성명, 주민등록번호, 주소를 입력하는 표</caption> |
... | ... | @@ -67,16 +71,100 @@ |
| 67 | 71 |
</div> |
| 68 | 72 |
<div class="popup_btn_wrap2"> |
| 69 | 73 |
<button type="button">발행하기</button> |
| 70 |
- <button type="button">수정하기</button> |
|
| 74 |
+ <button type="button">수정하기</button> |
|
| 71 | 75 |
</div> |
| 72 |
- </div> |
|
| 73 |
- </div> |
|
| 74 |
- </div><!--// 현금영수증 팝업 --> |
|
| 76 |
+ </div> |
|
| 77 |
+ </div> |
|
| 78 |
+ </div> |
|
| 79 |
+ <!--// 현금영수증 팝업 --> |
|
| 80 |
+ |
|
| 81 |
+ |
|
| 82 |
+ <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 시작 --> |
|
| 83 |
+ <div class="tooltip-wrap level_popup"> |
|
| 84 |
+ <div class="popup-com candidate_layer level_check_popup01" tabindex="0" data-tooltip-con="level_check_popup01" |
|
| 85 |
+ data-focus="level_check_popup01" data-focus-prev="level_check_popup01-close" style="width: 680px;"> |
|
| 86 |
+ <div class="popup_heading"> |
|
| 87 |
+ <p>누적결제액 세부내역<span>(2023-06-28 ~ 현재)</span></p> |
|
| 88 |
+ <button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img |
|
| 89 |
+ src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 90 |
+ </div> |
|
| 91 |
+ <div class="layer_in"> |
|
| 92 |
+ <div class="candidate_table"> |
|
| 93 |
+ <p class="level_tx">등급 : 오렌지(2,100,000원)</p> |
|
| 94 |
+ <div class="tb_wrap"> |
|
| 95 |
+ <table class="tType4"> |
|
| 96 |
+ <colgroup> |
|
| 97 |
+ <col style="width: 50px;"> |
|
| 98 |
+ <col style="width: 40%;"> |
|
| 99 |
+ <col style="width: 20%;"> |
|
| 100 |
+ <col style="width: 20%;"> |
|
| 101 |
+ <col style="width: 20%;"> |
|
| 102 |
+ </colgroup> |
|
| 103 |
+ <thead> |
|
| 104 |
+ <tr class="level_title"> |
|
| 105 |
+ <th>구분</th> |
|
| 106 |
+ <th>결제일시</th> |
|
| 107 |
+ <th>결제금액</th> |
|
| 108 |
+ <th>누적금액</th> |
|
| 109 |
+ <th>등급</th> |
|
| 110 |
+ </tr> |
|
| 111 |
+ </thead> |
|
| 112 |
+ <tbody> |
|
| 113 |
+ <tr class="level_text"> |
|
| 114 |
+ <td>1</td> |
|
| 115 |
+ <td>2023-06-15 10:00</td> |
|
| 116 |
+ <td>1,500,000</td> |
|
| 117 |
+ <td>2,100,000</td> |
|
| 118 |
+ <td>오렌지</td> |
|
| 119 |
+ </tr> |
|
| 120 |
+ <tr class="level_text"> |
|
| 121 |
+ <td>2</td> |
|
| 122 |
+ <td>2023-05-16 10:00</td> |
|
| 123 |
+ <td>500,000</td> |
|
| 124 |
+ <td>600,000</td> |
|
| 125 |
+ <td>옐로우</td> |
|
| 126 |
+ </tr> |
|
| 127 |
+ <tr class="level_text"> |
|
| 128 |
+ <td>3</td> |
|
| 129 |
+ <td>2023-04-15 10:00</td> |
|
| 130 |
+ <td>100,000</td> |
|
| 131 |
+ <td>100,000</td> |
|
| 132 |
+ <td>화이트</td> |
|
| 133 |
+ </tr> |
|
| 134 |
+ </tbody> |
|
| 135 |
+ </table> |
|
| 136 |
+ </div> |
|
| 137 |
+ </div> |
|
| 138 |
+ <ul class="pagination"> |
|
| 139 |
+ <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button> |
|
| 140 |
+ </li> |
|
| 141 |
+ <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li> |
|
| 142 |
+ <li class="on"><button>1</button></li> |
|
| 143 |
+ <li><button>2</button></li> |
|
| 144 |
+ <li><button>3</button></li> |
|
| 145 |
+ <li><button>4</button></li> |
|
| 146 |
+ <li><button>5</button></li> |
|
| 147 |
+ <li><button>6</button></li> |
|
| 148 |
+ <li><button>7</button></li> |
|
| 149 |
+ <li><button>8</button></li> |
|
| 150 |
+ <li><button>9</button></li> |
|
| 151 |
+ <li><button>10</button></li> |
|
| 152 |
+ <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> |
|
| 153 |
+ <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> |
|
| 154 |
+ </ul> |
|
| 155 |
+ <div class="popup_btn_wrap2"> |
|
| 156 |
+ <button type="button" class="tooltip-close" data-focus="level_check_popup01-close">닫기</button> |
|
| 157 |
+ </div> |
|
| 158 |
+ </div> |
|
| 159 |
+ </div> |
|
| 160 |
+ </div> |
|
| 161 |
+ <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 끝 --> |
|
| 75 | 162 |
|
| 76 | 163 |
<!-- skip 메뉴 --> |
| 77 | 164 |
<div class="skip_menu"> |
| 78 | 165 |
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> |
| 79 |
- </div><!--// skip 메뉴 --> |
|
| 166 |
+ </div> |
|
| 167 |
+ <!--// skip 메뉴 --> |
|
| 80 | 168 |
<!-- quick 메뉴 --> |
| 81 | 169 |
<div class="quickMenu"> |
| 82 | 170 |
<div> |
... | ... | @@ -122,7 +210,8 @@ |
| 122 | 210 |
</ul> |
| 123 | 211 |
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button> |
| 124 | 212 |
</div> |
| 125 |
- </div><!--// quick 메뉴 --> |
|
| 213 |
+ </div> |
|
| 214 |
+ <!--// quick 메뉴 --> |
|
| 126 | 215 |
<!-- header 영역 --> |
| 127 | 216 |
<header id="header" class="header"> |
| 128 | 217 |
<!-- header top 영역 --> |
... | ... | @@ -144,7 +233,8 @@ |
| 144 | 233 |
<!-- header body 영역 --> |
| 145 | 234 |
<div class="header_body"> |
| 146 | 235 |
<div class="inner table"> |
| 147 |
- <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1> |
|
| 236 |
+ <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" |
|
| 237 |
+ alt="문자온 CI"></a></h1> |
|
| 148 | 238 |
<ul class="gnbWrap table_cell"> |
| 149 | 239 |
<li><a href="#">문자발송</a></li> |
| 150 | 240 |
<li><a href="#">선거문자</a></li> |
... | ... | @@ -157,7 +247,8 @@ |
| 157 | 247 |
</ul> |
| 158 | 248 |
<div class="s_menu"> |
| 159 | 249 |
<i class="allSearch_info"><span>문자검색</span></i> |
| 160 |
- <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button> |
|
| 250 |
+ <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img |
|
| 251 |
+ src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button> |
|
| 161 | 252 |
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button> |
| 162 | 253 |
</div> |
| 163 | 254 |
</div> |
... | ... | @@ -171,8 +262,8 @@ |
| 171 | 262 |
<option value="">장문문자</option> |
| 172 | 263 |
<option value="">GIF</option> |
| 173 | 264 |
</select> |
| 174 |
- <input type="text" placeholder="문자샘플 검색하기"> |
|
| 175 |
- <button><img src="/publish/images/search02.png" alt=""></button> |
|
| 265 |
+ <input type="text" placeholder="문자샘플 검색하기"> |
|
| 266 |
+ <button><img src="/publish/images/search02.png" alt=""></button> |
|
| 176 | 267 |
</div> |
| 177 | 268 |
<div class="area_popular"> |
| 178 | 269 |
<p><i></i>인기검색어</p> |
... | ... | @@ -183,18 +274,23 @@ |
| 183 | 274 |
<li><a href="#">#좋은하루</a></li> |
| 184 | 275 |
</ul> |
| 185 | 276 |
</div> |
| 186 |
- <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button> |
|
| 277 |
+ <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" |
|
| 278 |
+ alt=""></button> |
|
| 187 | 279 |
</div> |
| 188 |
- </div><!--// search popup 영역 --> |
|
| 189 |
- </div><!--// header body 영역 --> |
|
| 280 |
+ </div> |
|
| 281 |
+ <!--// search popup 영역 --> |
|
| 282 |
+ </div> |
|
| 283 |
+ <!--// header body 영역 --> |
|
| 190 | 284 |
<div id="login" class="login"> |
| 191 | 285 |
<div class="inner table"> |
| 192 | 286 |
<div class="login_left table_cell"> |
| 193 | 287 |
<div class="login_put"> |
| 194 | 288 |
<label for="id_text" class="label"></label> |
| 195 |
- <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18"> |
|
| 289 |
+ <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" |
|
| 290 |
+ size="18"> |
|
| 196 | 291 |
<label for="password_text" class="label"></label> |
| 197 |
- <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30"size="18"> |
|
| 292 |
+ <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" |
|
| 293 |
+ maxlength="30" size="18"> |
|
| 198 | 294 |
<label for="login_button" class="label"></label> |
| 199 | 295 |
<button type="submit" class="btnType btnType1" class="login_button">로그인</button> |
| 200 | 296 |
</div> |
... | ... | @@ -216,8 +312,10 @@ |
| 216 | 312 |
<button type="button" class="btnType btnType4">바로가기</button> |
| 217 | 313 |
</div> |
| 218 | 314 |
</div> |
| 219 |
- </div><!--// login 영역 --> |
|
| 220 |
- </header><!--// header 영역 --> |
|
| 315 |
+ </div> |
|
| 316 |
+ <!--// login 영역 --> |
|
| 317 |
+ </header> |
|
| 318 |
+ <!--// header 영역 --> |
|
| 221 | 319 |
<!-- login 영역 --> |
| 222 | 320 |
<!-- content 영역 --> |
| 223 | 321 |
<div id="container" class="cont sub"> |
... | ... | @@ -231,331 +329,494 @@ |
| 231 | 329 |
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li> |
| 232 | 330 |
<li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li> |
| 233 | 331 |
<li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li> |
| 234 |
- </ul><!--// tab button --> |
|
| 235 |
- <!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) --> |
|
| 332 |
+ </ul> |
|
| 333 |
+ <!--// tab button --> |
|
| 334 |
+ <!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) --> |
|
| 236 | 335 |
<div class="serv_content current" id="tab5_1"> |
| 237 | 336 |
<div class="heading"> |
| 238 | 337 |
<h2>요금결제내역</h2> |
| 239 | 338 |
</div> |
| 240 |
- <div class="pay_tab_wrap"> |
|
| 241 |
- <!-- tab button --> |
|
| 242 |
- <ul class="tabType1"> |
|
| 243 |
- <li class="tab active"><button type="button" onclick="TabType1(this,'1');">전체</button></li> |
|
| 244 |
- <li class="tab"><button type="button" onclick="TabType1(this,'2');">전용계좌 결제내역</button></li> |
|
| 245 |
- <li class="tab"><button type="button" onclick="TabType1(this,'3');">신용카드 결제내역</button></li> |
|
| 246 |
- <li class="tab"><button type="button" onclick="TabType1(this,'4');">무통장입금</button></li> |
|
| 247 |
- <li class="tab"><button type="button" onclick="TabType1(this,'5');">휴대폰결제</button></li> |
|
| 248 |
- <li class="tab"><button type="button" onclick="TabType1(this,'6');">환불신청</button></li> |
|
| 249 |
- </ul><!--// tab button --> |
|
| 250 |
- </div> |
|
| 251 |
- <!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) --> |
|
| 252 |
- <div class="pay_cont current" id="tab1_1"> |
|
| 253 |
- <table class="tType1"> |
|
| 254 |
- <caption>요금결제내역 기간설정에 대한 표</caption> |
|
| 255 |
- <colgroup> |
|
| 256 |
- <col style="width: 160px;"> |
|
| 257 |
- <col style="width: auto;"> |
|
| 258 |
- </colgroup> |
|
| 259 |
- <tbody> |
|
| 260 |
- <tr> |
|
| 261 |
- <th scope="row">기간설정</th> |
|
| 262 |
- <td> |
|
| 263 |
- <div class="calendar_wrap"> |
|
| 264 |
- <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true"> |
|
| 265 |
- <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;"> |
|
| 266 |
- <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
|
|
| 267 |
- <div id="startDate-lry" class="calendarPop" style="display: none;"> |
|
| 268 |
- <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe> |
|
| 269 |
- </div> |
|
| 270 |
- </div> |
|
| 271 |
- <span class="dateEtc">~</span> |
|
| 272 |
- <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true"> |
|
| 273 |
- <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;"> |
|
| 274 |
- <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
|
|
| 339 |
+ <div class="pay_tab_wrap"> |
|
| 340 |
+ <!-- tab button --> |
|
| 341 |
+ <ul class="tabType1"> |
|
| 342 |
+ <li class="tab active"><button type="button" onclick="TabType1(this,'1');">전체</button></li> |
|
| 343 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'2');">간편결제 결제내역</button></li> |
|
| 344 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'3');">전용계좌 결제내역</button></li> |
|
| 345 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'4');">신용카드 결제내역</button></li> |
|
| 346 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'5');">휴대폰 결제내역</button></li> |
|
| 347 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'6');">즉시이체 결제내역</button></li> |
|
| 348 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'7');">포인트 교환내역</button></li> |
|
| 349 |
+ <li class="tab"><button type="button" onclick="TabType1(this,'8');">환불신청</button></li> |
|
| 350 |
+ </ul> |
|
| 351 |
+ <!--// tab button --> |
|
| 352 |
+ </div> |
|
| 353 |
+ <!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) --> |
|
| 354 |
+ <div class="pay_cont current" id="tab1_1"> |
|
| 355 |
+ <table class="tType1"> |
|
| 356 |
+ <caption>요금결제내역 기간설정에 대한 표</caption> |
|
| 357 |
+ <colgroup> |
|
| 358 |
+ <col style="width: 160px;"> |
|
| 359 |
+ <col style="width: auto;"> |
|
| 360 |
+ </colgroup> |
|
| 361 |
+ <tbody> |
|
| 362 |
+ <tr> |
|
| 363 |
+ <th scope="row">기간설정</th> |
|
| 364 |
+ <td> |
|
| 365 |
+ <div class="calendar_wrap"> |
|
| 366 |
+ <input type="text" class="startDate inp" title="검색 시작일" id="startDate" |
|
| 367 |
+ name="startDate" value="" data-datecontrol="true"> |
|
| 368 |
+ <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;"> |
|
| 369 |
+ <button type="button" value="달력 팝업 열기" |
|
| 370 |
+ onclick="return calendarOpen('startDate-lry','',this)"></button>
|
|
| 371 |
+ <div id="startDate-lry" class="calendarPop" style="display: none;"> |
|
| 372 |
+ <iframe id="startDate3-ifrm" name="startDate-ifrm" |
|
| 373 |
+ class="calendar-frame" src="/publish/calendar.html" |
|
| 374 |
+ title=" 달력 팝업" frameborder="0" scrolling="no"></iframe> |
|
| 275 | 375 |
</div> |
| 276 | 376 |
</div> |
| 277 |
- <button type="button" class="btnType btnType19">전월</button> |
|
| 278 |
- <button type="button" class="btnType btnType19">당월</button> |
|
| 279 |
- <button type="button" class="btnType btnType6">조회</button> |
|
| 280 |
- <button type="button" class="btnType btnType17">기간 초기화</button> |
|
| 377 |
+ <span class="dateEtc">~</span> |
|
| 378 |
+ <input type="text" class="endDate inp" title="검색 종료일" id="endDate" |
|
| 379 |
+ name="endDate" value="" data-datecontrol="true"> |
|
| 380 |
+ <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;"> |
|
| 381 |
+ <button type="button" value="달력 팝업 열기" |
|
| 382 |
+ onclick="return calendarOpen('endDate-lry','',this)"></button>
|
|
| 383 |
+ </div> |
|
| 384 |
+ </div> |
|
| 385 |
+ <button type="button" class="btnType btnType19">전월</button> |
|
| 386 |
+ <button type="button" class="btnType btnType19">당월</button> |
|
| 387 |
+ <button type="button" class="btnType btnType6">조회</button> |
|
| 388 |
+ <button type="button" class="btnType btnType17">기간 초기화</button> |
|
| 389 |
+ </td> |
|
| 390 |
+ </tr> |
|
| 391 |
+ </tbody> |
|
| 392 |
+ </table> |
|
| 393 |
+ <div class="excel_middle"> |
|
| 394 |
+ <div class="select_btnWrap clearfix"> |
|
| 395 |
+ <div class="add_text2">※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회 가능합니다.</div> |
|
| 396 |
+ <div> |
|
| 397 |
+ <button type="button" class="level_btn" data-tooltip="level_check_popup01"> |
|
| 398 |
+ <img src="/publish/images/level/level_btn_icon.png" alt="등급 및 누적결제액 확인 버튼">등급 및 누적결제액 확인 |
|
| 399 |
+ </button> |
|
| 400 |
+ <button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button> |
|
| 401 |
+ <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button> |
|
| 402 |
+ <label for="" class="label">검색조건 선택</label> |
|
| 403 |
+ <select name="" id="" class="selType2"> |
|
| 404 |
+ <option value="">10개</option> |
|
| 405 |
+ <option value="">10개</option> |
|
| 406 |
+ <option value="">10개</option> |
|
| 407 |
+ </select> |
|
| 408 |
+ </div> |
|
| 409 |
+ </div> |
|
| 410 |
+ </div> |
|
| 411 |
+ <!-- 현금영수증 발행 전 --> |
|
| 412 |
+ <div class="tb_wrap pay3_list"> |
|
| 413 |
+ <table class="tType4"> |
|
| 414 |
+ <colgroup> |
|
| 415 |
+ <col style="width: 40px;"> |
|
| 416 |
+ <col style="width: 5%;"> |
|
| 417 |
+ <col style="width: 20%;"> |
|
| 418 |
+ <col style="width: 15%;"> |
|
| 419 |
+ <col style="width: 15%;"> |
|
| 420 |
+ <col style="width: 25%;"> |
|
| 421 |
+ <col style="width: 20%;"> |
|
| 422 |
+ </colgroup> |
|
| 423 |
+ <thead> |
|
| 424 |
+ <tr> |
|
| 425 |
+ <th> |
|
| 426 |
+ <label for="" class="label">전체 선택</label> |
|
| 427 |
+ <input type="checkbox"> |
|
| 428 |
+ </th> |
|
| 429 |
+ <th> |
|
| 430 |
+ 번호 |
|
| 431 |
+ <div class="sort_wrap"> |
|
| 432 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 433 |
+ alt="오름차순으로 분류"></button> |
|
| 434 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 435 |
+ alt="내림차순으로 분류"></button> |
|
| 436 |
+ </div> |
|
| 437 |
+ </th> |
|
| 438 |
+ <th> |
|
| 439 |
+ 결제일시 |
|
| 440 |
+ <div class="sort_wrap"> |
|
| 441 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 442 |
+ alt="오름차순으로 분류"></button> |
|
| 443 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 444 |
+ alt="내림차순으로 분류"></button> |
|
| 445 |
+ </div> |
|
| 446 |
+ </th> |
|
| 447 |
+ <th> |
|
| 448 |
+ 결제방식 |
|
| 449 |
+ <div class="sort_wrap"> |
|
| 450 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 451 |
+ alt="오름차순으로 분류"></button> |
|
| 452 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 453 |
+ alt="내림차순으로 분류"></button> |
|
| 454 |
+ </div> |
|
| 455 |
+ </th> |
|
| 456 |
+ <th> |
|
| 457 |
+ 결제금액 |
|
| 458 |
+ <div class="sort_wrap"> |
|
| 459 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 460 |
+ alt="오름차순으로 분류"></button> |
|
| 461 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 462 |
+ alt="내림차순으로 분류"></button> |
|
| 463 |
+ </div> |
|
| 464 |
+ </th> |
|
| 465 |
+ <th>결제정보</th> |
|
| 466 |
+ <th>증빙서류 발행 요청</th> |
|
| 467 |
+ </tr> |
|
| 468 |
+ </thead> |
|
| 469 |
+ <tbody> |
|
| 470 |
+ <tr> |
|
| 471 |
+ <td> |
|
| 472 |
+ <label for="" class="label">선택</label> |
|
| 473 |
+ <input type="checkbox"> |
|
| 474 |
+ </td> |
|
| 475 |
+ <td> |
|
| 476 |
+ <p>1</p> |
|
| 477 |
+ </td> |
|
| 478 |
+ <td> |
|
| 479 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 480 |
+ </td> |
|
| 481 |
+ <td> |
|
| 482 |
+ <p>신용카드</p> |
|
| 483 |
+ </td> |
|
| 484 |
+ <td class="td_price"> |
|
| 485 |
+ <p>199,000</p> |
|
| 486 |
+ </td> |
|
| 487 |
+ <td class="td_payInfo"> |
|
| 488 |
+ <p>신한카드<span></span> 카드승인번호 : 12345678</p> |
|
| 489 |
+ </td> |
|
| 490 |
+ <td><button class="btnType btnType20">카드전표</button></td> |
|
| 491 |
+ </tr> |
|
| 492 |
+ <tr> |
|
| 493 |
+ <td> |
|
| 494 |
+ <label for="" class="label">선택</label> |
|
| 495 |
+ <input type="checkbox"> |
|
| 496 |
+ </td> |
|
| 497 |
+ <td> |
|
| 498 |
+ <p>2</p> |
|
| 499 |
+ </td> |
|
| 500 |
+ <td> |
|
| 501 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 502 |
+ </td> |
|
| 503 |
+ <td> |
|
| 504 |
+ <p>무통장입금</p> |
|
| 505 |
+ </td> |
|
| 506 |
+ <td class="td_price"> |
|
| 507 |
+ <p>199,000</p> |
|
| 508 |
+ </td> |
|
| 509 |
+ <td class="td_payInfo"> |
|
| 510 |
+ <p>신한카드<span></span> 우리은행 : 1234-56-78901</p> |
|
| 511 |
+ </td> |
|
| 512 |
+ <td><button class="btnType btnType20" |
|
| 513 |
+ data-tooltip="cashReceipt_popup01">현금영수증</button><button |
|
| 514 |
+ class="btnType btnType20">간이영수증</button></td> |
|
| 515 |
+ </tr> |
|
| 516 |
+ <tr> |
|
| 517 |
+ <td> |
|
| 518 |
+ <label for="" class="label">선택</label> |
|
| 519 |
+ <input type="checkbox"> |
|
| 520 |
+ </td> |
|
| 521 |
+ <td> |
|
| 522 |
+ <p>3</p> |
|
| 523 |
+ </td> |
|
| 524 |
+ <td> |
|
| 525 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 526 |
+ </td> |
|
| 527 |
+ <td> |
|
| 528 |
+ <p>포인트</p> |
|
| 529 |
+ </td> |
|
| 530 |
+ <td> |
|
| 531 |
+ <p>199,000</p> |
|
| 532 |
+ </td> |
|
| 533 |
+ <td class="td_payInfo"> |
|
| 534 |
+ <p>사용포인트(수수료 포함) : 5,250</p> |
|
| 535 |
+ </td> |
|
| 536 |
+ <td></td> |
|
| 537 |
+ </tr> |
|
| 538 |
+ <tr> |
|
| 539 |
+ <td> |
|
| 540 |
+ <label for="" class="label">선택</label> |
|
| 541 |
+ <input type="checkbox"> |
|
| 542 |
+ </td> |
|
| 543 |
+ <td> |
|
| 544 |
+ <p>4</p> |
|
| 545 |
+ </td> |
|
| 546 |
+ <td> |
|
| 547 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 548 |
+ </td> |
|
| 549 |
+ <td> |
|
| 550 |
+ <p>전용계좌</p> |
|
| 551 |
+ </td> |
|
| 552 |
+ <td> |
|
| 553 |
+ <p>199,000</p> |
|
| 554 |
+ </td> |
|
| 555 |
+ <td class="td_payInfo"> |
|
| 556 |
+ <p>전용계좌번호 : 1234-56-78901</p> |
|
| 557 |
+ </td> |
|
| 558 |
+ <td><button class="btnType btnType20">현금영수증</button><button |
|
| 559 |
+ class="btnType btnType20">간이영수증</button></td> |
|
| 560 |
+ </tr> |
|
| 561 |
+ <tr> |
|
| 562 |
+ <td> |
|
| 563 |
+ <label for="" class="label">선택</label> |
|
| 564 |
+ <input type="checkbox"> |
|
| 565 |
+ </td> |
|
| 566 |
+ <td> |
|
| 567 |
+ <p>5</p> |
|
| 568 |
+ </td> |
|
| 569 |
+ <td> |
|
| 570 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 571 |
+ </td> |
|
| 572 |
+ <td> |
|
| 573 |
+ <p>휴대폰</p> |
|
| 574 |
+ </td> |
|
| 575 |
+ <td> |
|
| 576 |
+ <p>199,000</p> |
|
| 577 |
+ </td> |
|
| 578 |
+ <td class="td_payInfo"> |
|
| 579 |
+ <p>결제 휴대폰 번호 : 010-1234-5678</p> |
|
| 580 |
+ </td> |
|
| 581 |
+ <td><button class="btnType btnType20">간이영수증</button></td> |
|
| 582 |
+ </tr> |
|
| 583 |
+ <tr> |
|
| 584 |
+ <td> |
|
| 585 |
+ <label for="" class="label">선택</label> |
|
| 586 |
+ <input type="checkbox"> |
|
| 587 |
+ </td> |
|
| 588 |
+ <td> |
|
| 589 |
+ <p>6</p> |
|
| 590 |
+ </td> |
|
| 591 |
+ <td> |
|
| 592 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 593 |
+ </td> |
|
| 594 |
+ <td> |
|
| 595 |
+ <p>즉시이체</p> |
|
| 596 |
+ </td> |
|
| 597 |
+ <td> |
|
| 598 |
+ <p>199,000</p> |
|
| 599 |
+ </td> |
|
| 600 |
+ <td class="td_payInfo"> |
|
| 601 |
+ <p>출금계좌<span></span> 국민은행 : 1234-56-78901</p> |
|
| 602 |
+ </td> |
|
| 603 |
+ <td><button class="btnType btnType20">현금영수증</button><button |
|
| 604 |
+ class="btnType btnType20">간이영수증</button></td> |
|
| 605 |
+ </tr> |
|
| 606 |
+ </tbody> |
|
| 607 |
+ </table> |
|
| 608 |
+ </div> |
|
| 609 |
+ <!-- //현금영수증 발행 전 --> |
|
| 610 |
+ |
|
| 611 |
+ <!-- 현금영수증 발행 후 --> |
|
| 612 |
+ <div class="tb_wrap pay3_list"> |
|
| 613 |
+ <table class="tType4"> |
|
| 614 |
+ <colgroup> |
|
| 615 |
+ <col style="width: 40px;"> |
|
| 616 |
+ <col style="width: 5%;"> |
|
| 617 |
+ <col style="width: 20%;"> |
|
| 618 |
+ <col style="width: 15%;"> |
|
| 619 |
+ <col style="width: 15%;"> |
|
| 620 |
+ <col style="width: 25%;"> |
|
| 621 |
+ <col style="width: 20%;"> |
|
| 622 |
+ </colgroup> |
|
| 623 |
+ <thead> |
|
| 624 |
+ <tr> |
|
| 625 |
+ <th> |
|
| 626 |
+ <label for="" class="label">전체 선택</label> |
|
| 627 |
+ <input type="checkbox"> |
|
| 628 |
+ </th> |
|
| 629 |
+ <th> |
|
| 630 |
+ 번호 |
|
| 631 |
+ <div class="sort_wrap"> |
|
| 632 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 633 |
+ alt="오름차순으로 분류"></button> |
|
| 634 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 635 |
+ alt="내림차순으로 분류"></button> |
|
| 636 |
+ </div> |
|
| 637 |
+ </th> |
|
| 638 |
+ <th> |
|
| 639 |
+ 결제일시 |
|
| 640 |
+ <div class="sort_wrap"> |
|
| 641 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 642 |
+ alt="오름차순으로 분류"></button> |
|
| 643 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 644 |
+ alt="내림차순으로 분류"></button> |
|
| 645 |
+ </div> |
|
| 646 |
+ </th> |
|
| 647 |
+ <th> |
|
| 648 |
+ 결제방식 |
|
| 649 |
+ <div class="sort_wrap"> |
|
| 650 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 651 |
+ alt="오름차순으로 분류"></button> |
|
| 652 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 653 |
+ alt="내림차순으로 분류"></button> |
|
| 654 |
+ </div> |
|
| 655 |
+ </th> |
|
| 656 |
+ <th> |
|
| 657 |
+ 결제금액 |
|
| 658 |
+ <div class="sort_wrap"> |
|
| 659 |
+ <button type="button"><img src="/publish/images/sortUp.png" |
|
| 660 |
+ alt="오름차순으로 분류"></button> |
|
| 661 |
+ <button type="button"><img src="/publish/images/sortDown.png" |
|
| 662 |
+ alt="내림차순으로 분류"></button> |
|
| 663 |
+ </div> |
|
| 664 |
+ </th> |
|
| 665 |
+ <th>결제정보</th> |
|
| 666 |
+ <th>증빙서류 발행 요청</th> |
|
| 667 |
+ </tr> |
|
| 668 |
+ </thead> |
|
| 669 |
+ <tbody> |
|
| 670 |
+ <tr> |
|
| 671 |
+ <td> |
|
| 672 |
+ <label for="" class="label">선택</label> |
|
| 673 |
+ <input type="checkbox"> |
|
| 674 |
+ </td> |
|
| 675 |
+ <td> |
|
| 676 |
+ <p>1</p> |
|
| 677 |
+ </td> |
|
| 678 |
+ <td> |
|
| 679 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 680 |
+ </td> |
|
| 681 |
+ <td> |
|
| 682 |
+ <p>신용카드</p> |
|
| 683 |
+ </td> |
|
| 684 |
+ <td> |
|
| 685 |
+ <p>199,000</p> |
|
| 686 |
+ </td> |
|
| 687 |
+ <td> |
|
| 688 |
+ <p>신한카드 <span></span> 카드승인번호 : 12345678</p> |
|
| 689 |
+ </td> |
|
| 690 |
+ <td><button class="btnType btnType20">카드전표</button></td> |
|
| 691 |
+ </tr> |
|
| 692 |
+ <tr> |
|
| 693 |
+ <td> |
|
| 694 |
+ <label for="" class="label">선택</label> |
|
| 695 |
+ <input type="checkbox"> |
|
| 696 |
+ </td> |
|
| 697 |
+ <td> |
|
| 698 |
+ <p>2</p> |
|
| 699 |
+ </td> |
|
| 700 |
+ <td> |
|
| 701 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 702 |
+ </td> |
|
| 703 |
+ <td> |
|
| 704 |
+ <p>무통장입금</p> |
|
| 705 |
+ </td> |
|
| 706 |
+ <td> |
|
| 707 |
+ <p>199,000</p> |
|
| 708 |
+ </td> |
|
| 709 |
+ <td> |
|
| 710 |
+ <p>신한카드 <span></span> 우리은행 : 1234-56-78901</p> |
|
| 711 |
+ </td> |
|
| 712 |
+ <td> |
|
| 713 |
+ <p class="fwRg c_222">세금계산서 발행완료</p> |
|
| 714 |
+ </td> |
|
| 715 |
+ </tr> |
|
| 716 |
+ <tr> |
|
| 717 |
+ <td> |
|
| 718 |
+ <label for="" class="label">선택</label> |
|
| 719 |
+ <input type="checkbox"> |
|
| 720 |
+ </td> |
|
| 721 |
+ <td> |
|
| 722 |
+ <p>3</p> |
|
| 723 |
+ </td> |
|
| 724 |
+ <td> |
|
| 725 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 726 |
+ </td> |
|
| 727 |
+ <td> |
|
| 728 |
+ <p>포인트</p> |
|
| 729 |
+ </td> |
|
| 730 |
+ <td> |
|
| 731 |
+ <p>199,000</p> |
|
| 732 |
+ </td> |
|
| 733 |
+ <td> |
|
| 734 |
+ <p>사용포인트(수수료 포함) : 5,250</p> |
|
| 735 |
+ </td> |
|
| 736 |
+ <td>-</td> |
|
| 737 |
+ </tr> |
|
| 738 |
+ <tr> |
|
| 739 |
+ <td> |
|
| 740 |
+ <label for="" class="label">선택</label> |
|
| 741 |
+ <input type="checkbox"> |
|
| 742 |
+ </td> |
|
| 743 |
+ <td> |
|
| 744 |
+ <p>4</p> |
|
| 745 |
+ </td> |
|
| 746 |
+ <td> |
|
| 747 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 748 |
+ </td> |
|
| 749 |
+ <td> |
|
| 750 |
+ <p>전용계좌</p> |
|
| 751 |
+ </td> |
|
| 752 |
+ <td> |
|
| 753 |
+ <p>199,000</p> |
|
| 754 |
+ </td> |
|
| 755 |
+ <td> |
|
| 756 |
+ <p>전용계좌번호 : 1234-56-78901</p> |
|
| 757 |
+ </td> |
|
| 758 |
+ <td> |
|
| 759 |
+ <p class="fwRg c_222">현금계산서 발행완료</p> |
|
| 760 |
+ </td> |
|
| 761 |
+ </tr> |
|
| 762 |
+ <tr> |
|
| 763 |
+ <td> |
|
| 764 |
+ <label for="" class="label">선택</label> |
|
| 765 |
+ <input type="checkbox"> |
|
| 766 |
+ </td> |
|
| 767 |
+ <td> |
|
| 768 |
+ <p>5</p> |
|
| 769 |
+ </td> |
|
| 770 |
+ <td> |
|
| 771 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 772 |
+ </td> |
|
| 773 |
+ <td> |
|
| 774 |
+ <p>휴대폰</p> |
|
| 775 |
+ </td> |
|
| 776 |
+ <td> |
|
| 777 |
+ <p>199,000</p> |
|
| 778 |
+ </td> |
|
| 779 |
+ <td> |
|
| 780 |
+ <p>결제 휴대폰 번호 : 010-1234-5678</p> |
|
| 781 |
+ </td> |
|
| 782 |
+ <td> |
|
| 783 |
+ <p class="fwRg c_002c9a">세금계산서 발행대기</p> |
|
| 784 |
+ </td> |
|
| 785 |
+ </tr> |
|
| 786 |
+ <tr> |
|
| 787 |
+ <td> |
|
| 788 |
+ <label for="" class="label">선택</label> |
|
| 789 |
+ <input type="checkbox"> |
|
| 790 |
+ </td> |
|
| 791 |
+ <td> |
|
| 792 |
+ <p>6</p> |
|
| 793 |
+ </td> |
|
| 794 |
+ <td> |
|
| 795 |
+ <p>2021-06-25, 09:30:52</p> |
|
| 796 |
+ </td> |
|
| 797 |
+ <td> |
|
| 798 |
+ <p>즉시이체</p> |
|
| 799 |
+ </td> |
|
| 800 |
+ <td> |
|
| 801 |
+ <p>199,000</p> |
|
| 802 |
+ </td> |
|
| 803 |
+ <td> |
|
| 804 |
+ <p>출금계좌 <span></span> 국민은행 : 1234-56-78901</p> |
|
| 805 |
+ </td> |
|
| 806 |
+ <td> |
|
| 807 |
+ <p class="fwRg c_002c9a">세금계산서 발행대기</p> |
|
| 281 | 808 |
</td> |
| 282 | 809 |
</tr> |
| 283 | 810 |
</tbody> |
| 284 | 811 |
</table> |
| 285 |
- <div class="excel_middle"> |
|
| 286 |
- <div class="select_btnWrap clearfix"> |
|
| 287 |
- <div class="add_text2">※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회 가능합니다.</div> |
|
| 288 |
- <div> |
|
| 289 |
- <button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button> |
|
| 290 |
- <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button> |
|
| 291 |
- <label for="" class="label">검색조건 선택</label> |
|
| 292 |
- <select name="" id="" class="selType2"> |
|
| 293 |
- <option value="">10개</option> |
|
| 294 |
- <option value="">10개</option> |
|
| 295 |
- <option value="">10개</option> |
|
| 296 |
- </select> |
|
| 297 |
- </div> |
|
| 298 |
- </div> |
|
| 299 |
- </div> |
|
| 300 |
- <!-- 현금영수증 발행 전 --> |
|
| 301 |
- <div class="tb_wrap pay3_list"> |
|
| 302 |
- <table class="tType4"> |
|
| 303 |
- <colgroup> |
|
| 304 |
- <col style="width: 40px;"> |
|
| 305 |
- <col style="width: 5%;"> |
|
| 306 |
- <col style="width: 20%;"> |
|
| 307 |
- <col style="width: 15%;"> |
|
| 308 |
- <col style="width: 15%;"> |
|
| 309 |
- <col style="width: 25%;"> |
|
| 310 |
- <col style="width: 20%;"> |
|
| 311 |
- </colgroup> |
|
| 312 |
- <thead> |
|
| 313 |
- <tr> |
|
| 314 |
- <th> |
|
| 315 |
- <label for="" class="label">전체 선택</label> |
|
| 316 |
- <input type="checkbox"> |
|
| 317 |
- </th> |
|
| 318 |
- <th> |
|
| 319 |
- 번호 |
|
| 320 |
- <div class="sort_wrap"> |
|
| 321 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 322 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 323 |
- </div> |
|
| 324 |
- </th> |
|
| 325 |
- <th> |
|
| 326 |
- 결제일시 |
|
| 327 |
- <div class="sort_wrap"> |
|
| 328 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 329 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 330 |
- </div> |
|
| 331 |
- </th> |
|
| 332 |
- <th> |
|
| 333 |
- 결제방식 |
|
| 334 |
- <div class="sort_wrap"> |
|
| 335 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 336 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 337 |
- </div> |
|
| 338 |
- </th> |
|
| 339 |
- <th> |
|
| 340 |
- 결제금액 |
|
| 341 |
- <div class="sort_wrap"> |
|
| 342 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 343 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 344 |
- </div> |
|
| 345 |
- </th> |
|
| 346 |
- <th>결제정보</th> |
|
| 347 |
- <th>증빙서류 발행 요청</th> |
|
| 348 |
- </tr> |
|
| 349 |
- </thead> |
|
| 350 |
- <tbody> |
|
| 351 |
- <tr> |
|
| 352 |
- <td> |
|
| 353 |
- <label for="" class="label">선택</label> |
|
| 354 |
- <input type="checkbox"> |
|
| 355 |
- </td> |
|
| 356 |
- <td><p>1</p></td> |
|
| 357 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 358 |
- <td><p>신용카드</p></td> |
|
| 359 |
- <td class="td_price"><p>199,000</p></td> |
|
| 360 |
- <td class="td_payInfo"><p>신한카드<span></span> 카드승인번호 : 12345678</p></td> |
|
| 361 |
- <td><button class="btnType btnType20">카드전표</button></td> |
|
| 362 |
- </tr> |
|
| 363 |
- <tr> |
|
| 364 |
- <td> |
|
| 365 |
- <label for="" class="label">선택</label> |
|
| 366 |
- <input type="checkbox"> |
|
| 367 |
- </td> |
|
| 368 |
- <td><p>2</p></td> |
|
| 369 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 370 |
- <td><p>무통장입금</p></td> |
|
| 371 |
- <td class="td_price"><p>199,000</p></td> |
|
| 372 |
- <td class="td_payInfo"><p>신한카드<span></span> 우리은행 : 1234-56-78901</p></td> |
|
| 373 |
- <td><button class="btnType btnType20" data-tooltip="cashReceipt_popup01">현금영수증</button><button class="btnType btnType20">간이영수증</button></td> |
|
| 374 |
- </tr> |
|
| 375 |
- <tr> |
|
| 376 |
- <td> |
|
| 377 |
- <label for="" class="label">선택</label> |
|
| 378 |
- <input type="checkbox"> |
|
| 379 |
- </td> |
|
| 380 |
- <td><p>3</p></td> |
|
| 381 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 382 |
- <td><p>포인트</p></td> |
|
| 383 |
- <td><p>199,000</p></td> |
|
| 384 |
- <td class="td_payInfo"><p>사용포인트(수수료 포함) : 5,250</p></td> |
|
| 385 |
- <td></td> |
|
| 386 |
- </tr> |
|
| 387 |
- <tr> |
|
| 388 |
- <td> |
|
| 389 |
- <label for="" class="label">선택</label> |
|
| 390 |
- <input type="checkbox"> |
|
| 391 |
- </td> |
|
| 392 |
- <td><p>4</p></td> |
|
| 393 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 394 |
- <td><p>전용계좌</p></td> |
|
| 395 |
- <td><p>199,000</p></td> |
|
| 396 |
- <td class="td_payInfo"><p>전용계좌번호 : 1234-56-78901</p></td> |
|
| 397 |
- <td><button class="btnType btnType20">현금영수증</button><button class="btnType btnType20">간이영수증</button></td> |
|
| 398 |
- </tr> |
|
| 399 |
- <tr> |
|
| 400 |
- <td> |
|
| 401 |
- <label for="" class="label">선택</label> |
|
| 402 |
- <input type="checkbox"> |
|
| 403 |
- </td> |
|
| 404 |
- <td><p>5</p></td> |
|
| 405 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 406 |
- <td><p>휴대폰</p></td> |
|
| 407 |
- <td><p>199,000</p></td> |
|
| 408 |
- <td class="td_payInfo"><p>결제 휴대폰 번호 : 010-1234-5678</p></td> |
|
| 409 |
- <td><button class="btnType btnType20">간이영수증</button></td> |
|
| 410 |
- </tr> |
|
| 411 |
- <tr> |
|
| 412 |
- <td> |
|
| 413 |
- <label for="" class="label">선택</label> |
|
| 414 |
- <input type="checkbox"> |
|
| 415 |
- </td> |
|
| 416 |
- <td><p>6</p></td> |
|
| 417 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 418 |
- <td><p>즉시이체</p></td> |
|
| 419 |
- <td><p>199,000</p></td> |
|
| 420 |
- <td class="td_payInfo"><p>출금계좌<span></span> 국민은행 : 1234-56-78901</p></td> |
|
| 421 |
- <td><button class="btnType btnType20">현금영수증</button><button class="btnType btnType20">간이영수증</button></td> |
|
| 422 |
- </tr> |
|
| 423 |
- </tbody> |
|
| 424 |
- </table> |
|
| 425 |
- </div> |
|
| 426 |
- <!-- //현금영수증 발행 전 --> |
|
| 427 |
- |
|
| 428 |
- <!-- 현금영수증 발행 후 --> |
|
| 429 |
- <div class="tb_wrap pay3_list"> |
|
| 430 |
- <table class="tType4"> |
|
| 431 |
- <colgroup> |
|
| 432 |
- <col style="width: 40px;"> |
|
| 433 |
- <col style="width: 5%;"> |
|
| 434 |
- <col style="width: 20%;"> |
|
| 435 |
- <col style="width: 15%;"> |
|
| 436 |
- <col style="width: 15%;"> |
|
| 437 |
- <col style="width: 25%;"> |
|
| 438 |
- <col style="width: 20%;"> |
|
| 439 |
- </colgroup> |
|
| 440 |
- <thead> |
|
| 441 |
- <tr> |
|
| 442 |
- <th> |
|
| 443 |
- <label for="" class="label">전체 선택</label> |
|
| 444 |
- <input type="checkbox"> |
|
| 445 |
- </th> |
|
| 446 |
- <th> |
|
| 447 |
- 번호 |
|
| 448 |
- <div class="sort_wrap"> |
|
| 449 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 450 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 451 |
- </div> |
|
| 452 |
- </th> |
|
| 453 |
- <th> |
|
| 454 |
- 결제일시 |
|
| 455 |
- <div class="sort_wrap"> |
|
| 456 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 457 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 458 |
- </div> |
|
| 459 |
- </th> |
|
| 460 |
- <th> |
|
| 461 |
- 결제방식 |
|
| 462 |
- <div class="sort_wrap"> |
|
| 463 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 464 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 465 |
- </div> |
|
| 466 |
- </th> |
|
| 467 |
- <th> |
|
| 468 |
- 결제금액 |
|
| 469 |
- <div class="sort_wrap"> |
|
| 470 |
- <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button> |
|
| 471 |
- <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button> |
|
| 472 |
- </div> |
|
| 473 |
- </th> |
|
| 474 |
- <th>결제정보</th> |
|
| 475 |
- <th>증빙서류 발행 요청</th> |
|
| 476 |
- </tr> |
|
| 477 |
- </thead> |
|
| 478 |
- <tbody> |
|
| 479 |
- <tr> |
|
| 480 |
- <td> |
|
| 481 |
- <label for="" class="label">선택</label> |
|
| 482 |
- <input type="checkbox"> |
|
| 483 |
- </td> |
|
| 484 |
- <td><p>1</p></td> |
|
| 485 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 486 |
- <td><p>신용카드</p></td> |
|
| 487 |
- <td><p>199,000</p></td> |
|
| 488 |
- <td><p>신한카드 <span></span> 카드승인번호 : 12345678</p></td> |
|
| 489 |
- <td><button class="btnType btnType20">카드전표</button></td> |
|
| 490 |
- </tr> |
|
| 491 |
- <tr> |
|
| 492 |
- <td> |
|
| 493 |
- <label for="" class="label">선택</label> |
|
| 494 |
- <input type="checkbox"> |
|
| 495 |
- </td> |
|
| 496 |
- <td><p>2</p></td> |
|
| 497 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 498 |
- <td><p>무통장입금</p></td> |
|
| 499 |
- <td><p>199,000</p></td> |
|
| 500 |
- <td><p>신한카드 <span></span> 우리은행 : 1234-56-78901</p></td> |
|
| 501 |
- <td><p class="fwRg c_222">세금계산서 발행완료</p></td> |
|
| 502 |
- </tr> |
|
| 503 |
- <tr> |
|
| 504 |
- <td> |
|
| 505 |
- <label for="" class="label">선택</label> |
|
| 506 |
- <input type="checkbox"> |
|
| 507 |
- </td> |
|
| 508 |
- <td><p>3</p></td> |
|
| 509 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 510 |
- <td><p>포인트</p></td> |
|
| 511 |
- <td><p>199,000</p></td> |
|
| 512 |
- <td><p>사용포인트(수수료 포함) : 5,250</p></td> |
|
| 513 |
- <td>-</td> |
|
| 514 |
- </tr> |
|
| 515 |
- <tr> |
|
| 516 |
- <td> |
|
| 517 |
- <label for="" class="label">선택</label> |
|
| 518 |
- <input type="checkbox"> |
|
| 519 |
- </td> |
|
| 520 |
- <td><p>4</p></td> |
|
| 521 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 522 |
- <td><p>전용계좌</p></td> |
|
| 523 |
- <td><p>199,000</p></td> |
|
| 524 |
- <td><p>전용계좌번호 : 1234-56-78901</p></td> |
|
| 525 |
- <td><p class="fwRg c_222">현금계산서 발행완료</p></td> |
|
| 526 |
- </tr> |
|
| 527 |
- <tr> |
|
| 528 |
- <td> |
|
| 529 |
- <label for="" class="label">선택</label> |
|
| 530 |
- <input type="checkbox"> |
|
| 531 |
- </td> |
|
| 532 |
- <td><p>5</p></td> |
|
| 533 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 534 |
- <td><p>휴대폰</p></td> |
|
| 535 |
- <td><p>199,000</p></td> |
|
| 536 |
- <td><p>결제 휴대폰 번호 : 010-1234-5678</p></td> |
|
| 537 |
- <td><p class="fwRg c_002c9a">세금계산서 발행대기</p></td> |
|
| 538 |
- </tr> |
|
| 539 |
- <tr> |
|
| 540 |
- <td> |
|
| 541 |
- <label for="" class="label">선택</label> |
|
| 542 |
- <input type="checkbox"> |
|
| 543 |
- </td> |
|
| 544 |
- <td><p>6</p></td> |
|
| 545 |
- <td><p>2021-06-25, 09:30:52</p></td> |
|
| 546 |
- <td><p>즉시이체</p></td> |
|
| 547 |
- <td><p>199,000</p></td> |
|
| 548 |
- <td><p>출금계좌 <span></span> 국민은행 : 1234-56-78901</p></td> |
|
| 549 |
- <td><p class="fwRg c_002c9a">세금계산서 발행대기</p></td> |
|
| 550 |
- </tr> |
|
| 551 |
- </tbody> |
|
| 552 |
- </table> |
|
| 553 |
- </div> |
|
| 554 |
- <!-- //현금영수증 발행 후 --> |
|
| 812 |
+ </div> |
|
| 813 |
+ <!-- //현금영수증 발행 후 --> |
|
| 555 | 814 |
<!-- pagination --> |
| 556 | 815 |
<ul class="pagination"> |
| 557 |
- <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li> |
|
| 558 |
- <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li> |
|
| 816 |
+ <li class="page_first"><button><img src="/publish/images/content/page_first.png" |
|
| 817 |
+ alt=""></button></li> |
|
| 818 |
+ <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" |
|
| 819 |
+ alt=""></button></li> |
|
| 559 | 820 |
<li class="on"><button>1</button></li> |
| 560 | 821 |
<li><button>2</button></li> |
| 561 | 822 |
<li><button>3</button></li> |
... | ... | @@ -566,222 +827,236 @@ |
| 566 | 827 |
<li><button>8</button></li> |
| 567 | 828 |
<li><button>9</button></li> |
| 568 | 829 |
<li><button>10</button></li> |
| 569 |
- <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li> |
|
| 570 |
- <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li> |
|
| 830 |
+ <li class="page_next"><button><img src="/publish/images/content/page_next.png" |
|
| 831 |
+ alt=""></button></li> |
|
| 832 |
+ <li class="page_last"><button><img src="/publish/images/content/page_last.png" |
|
| 833 |
+ alt=""></button></li> |
|
| 571 | 834 |
</ul><!-- pagination --> |
| 572 |
- </div><!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) --> |
|
| 573 |
- <!-- 결제내역 - 요금결제내역 - 환불신청 --> |
|
| 574 |
- <div class="pay_cont current" id="tab1_6"> |
|
| 575 |
- <div class="titBox"> |
|
| 576 |
- <p>- 포인트는 환불되지 않습니다.</p> |
|
| 577 |
- <p>- 환불 신청 금액에 따라 환불 수수료가 차감됩니다.</p> |
|
| 578 |
- <p>- 결제 방식에 따라 환불 수수료는 다르게 적용될 수 있습니다.</p> |
|
| 579 |
- <p>- 취소 처리기간 경과시에 증빙서류를 첨부해야 환불처리 가능하며, 결제대행 수수료가 부과됩니다.</p> |
|
| 580 |
- <p>- 1,000원 이하의 잔액은 환불이 불가합니다.</p> |
|
| 581 |
- <p>- 무통장입금 제외 모든 결제는 부분취소가 불가하여, 사용금액(차액) 결제 후 전액취소를 원칙으로 합니다.</p> |
|
| 582 |
- <p> (예) 핸드폰 3만원 결제 후 3천원 사용한 경우, 3,300원(부가세포함)송금 또는 3천원 핸드폰 결제 후 3만원 전액취소</p> |
|
| 583 |
- <p><span>- 환불업무는 매주 수요일에 순차적으로 처리됩니다.</span></p> |
|
| 584 |
- </div> |
|
| 585 |
- <!-- <div class="pay_info"> |
|
| 835 |
+ </div><!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) --> |
|
| 836 |
+ <!-- 결제내역 - 요금결제내역 - 환불신청 --> |
|
| 837 |
+ <div class="pay_cont current" id="tab1_8"> |
|
| 838 |
+ <div class="titBox"> |
|
| 839 |
+ <p>- 포인트는 환불되지 않습니다.</p> |
|
| 840 |
+ <p>- 환불 신청 금액에 따라 환불 수수료가 차감됩니다.</p> |
|
| 841 |
+ <p>- 결제 방식에 따라 환불 수수료는 다르게 적용될 수 있습니다.</p> |
|
| 842 |
+ <p>- 취소 처리기간 경과시에 증빙서류를 첨부해야 환불처리 가능하며, 결제대행 수수료가 부과됩니다.</p> |
|
| 843 |
+ <p>- 1,000원 이하의 잔액은 환불이 불가합니다.</p> |
|
| 844 |
+ <p>- 무통장입금 제외 모든 결제는 부분취소가 불가하여, 사용금액(차액) 결제 후 전액취소를 원칙으로 합니다.</p> |
|
| 845 |
+ <p> (예) 핸드폰 3만원 결제 후 3천원 사용한 경우, 3,300원(부가세포함)송금 또는 3천원 핸드폰 결제 후 3만원 전액취소</p> |
|
| 846 |
+ <p><span>- 환불업무는 매주 수요일에 순차적으로 처리됩니다.</span></p> |
|
| 847 |
+ </div> |
|
| 848 |
+ <!-- <div class="pay_info"> |
|
| 586 | 849 |
<p>※ 환불 수수료 안내</p> |
| 587 | 850 |
<p>- 10,000원 이하 : <span>1,000</span>원</p> |
| 588 | 851 |
<p>- 10,000원 초과 : <span>10</span>%</p> |
| 589 | 852 |
</div> --> |
| 590 |
- <ul class="clause_list"> |
|
| 591 |
- <li class="list_open on"> |
|
| 592 |
- <div class="clause_list_head"> |
|
| 593 |
- <div class="list_head_in"> |
|
| 594 |
- <span><i></i>증빙서류 및 환불수수료 안내</span> |
|
| 595 |
- <button type="button" onclick="clause_list(this);"><i></i></button> |
|
| 853 |
+ <ul class="clause_list"> |
|
| 854 |
+ <li class="list_open on"> |
|
| 855 |
+ <div class="clause_list_head"> |
|
| 856 |
+ <div class="list_head_in"> |
|
| 857 |
+ <span><i></i>증빙서류 및 환불수수료 안내</span> |
|
| 858 |
+ <button type="button" onclick="clause_list(this);"><i></i></button> |
|
| 859 |
+ </div> |
|
| 860 |
+ </div> |
|
| 861 |
+ <div class="clause_list_body"> |
|
| 862 |
+ <table class="refund_info"> |
|
| 863 |
+ <caption>증빙서류 및 환불수수료 안내</caption> |
|
| 864 |
+ <colgroup> |
|
| 865 |
+ <col style="width: 15%;"> |
|
| 866 |
+ <col style="width: 22%;"> |
|
| 867 |
+ <col style="width: auto;"> |
|
| 868 |
+ <col style="width: 14%;"> |
|
| 869 |
+ </colgroup> |
|
| 870 |
+ <thead> |
|
| 871 |
+ <tr> |
|
| 872 |
+ <th>결제방법</th> |
|
| 873 |
+ <th>취소가능기간</th> |
|
| 874 |
+ <th>증빙서류</th> |
|
| 875 |
+ <th>환불수수료</th> |
|
| 876 |
+ </tr> |
|
| 877 |
+ </thead> |
|
| 878 |
+ <tbody> |
|
| 879 |
+ <tr> |
|
| 880 |
+ <td>전용계좌</td> |
|
| 881 |
+ <td>명의자 계좌로 환불</td> |
|
| 882 |
+ <td>이체확인증(이체한 통장내역) 통장사본</td> |
|
| 883 |
+ <td>환불금액의 3%</td> |
|
| 884 |
+ </tr> |
|
| 885 |
+ <tr> |
|
| 886 |
+ <td>신용카드</td> |
|
| 887 |
+ <td>결제일 기준 2개월 내 취소가능</td> |
|
| 888 |
+ <td>통장사본</td> |
|
| 889 |
+ <td>환불금액의 5%</td> |
|
| 890 |
+ </tr> |
|
| 891 |
+ <tr> |
|
| 892 |
+ <td>무통장입금</td> |
|
| 893 |
+ <td>명의자 계좌로 환불</td> |
|
| 894 |
+ <td>이체확인증(이체한 통장내역) 통장사본</td> |
|
| 895 |
+ <td>환불금액의 3%</td> |
|
| 896 |
+ </tr> |
|
| 897 |
+ <tr> |
|
| 898 |
+ <td>휴대폰결제</td> |
|
| 899 |
+ <td>결제 당월 취소가능</td> |
|
| 900 |
+ <td>결제당월 일반 전화요금 납입영수증, 일반전화 명의자의 통장사본</td> |
|
| 901 |
+ <td>환불금액의 8%</td> |
|
| 902 |
+ </tr> |
|
| 903 |
+ <tr> |
|
| 904 |
+ <td>즉시이체</td> |
|
| 905 |
+ <td>결제 당일건만 취소가능</td> |
|
| 906 |
+ <td>통장사본</td> |
|
| 907 |
+ <td>환불금액의 5%</td> |
|
| 908 |
+ </tr> |
|
| 909 |
+ </tbody> |
|
| 910 |
+ </table> |
|
| 911 |
+ </div> |
|
| 912 |
+ </li> |
|
| 913 |
+ </ul> |
|
| 914 |
+ <p class="tType1_title">환불 금액 입력</p> |
|
| 915 |
+ <table class="tType1"> |
|
| 916 |
+ <caption>환불 가능, 신청, 예정에 대한 표</caption> |
|
| 917 |
+ <colgroup> |
|
| 918 |
+ <col style="width: 160px;"> |
|
| 919 |
+ <col style="width: auto;"> |
|
| 920 |
+ </colgroup> |
|
| 921 |
+ <tbody> |
|
| 922 |
+ <tr> |
|
| 923 |
+ <th scope="row">환불 가능 금액</th> |
|
| 924 |
+ <td class="price_ref1"><span>120,000</span>원</td> |
|
| 925 |
+ </tr> |
|
| 926 |
+ <tr> |
|
| 927 |
+ <th scope="row">환불 신청 금액</th> |
|
| 928 |
+ <td> |
|
| 929 |
+ <input type="text" style="margin-right: 18px;" size="36"> |
|
| 930 |
+ <label for="" class="price_input">원</label> |
|
| 931 |
+ <input type="checkbox" id="" class="re"> |
|
| 932 |
+ <label for="" class="alarm label">선택</label> |
|
| 933 |
+ <span class="text_req">전액환불(1,000원 이하 환불 불가)</span> |
|
| 934 |
+ </td> |
|
| 935 |
+ </tr> |
|
| 936 |
+ <tr> |
|
| 937 |
+ <th scope="row">환불 예정 금액</th> |
|
| 938 |
+ <td class="price_ref1"><span class="c_e40000">120,000</span>원<span |
|
| 939 |
+ class="reqTxt5">(수수료 10% 제외)</span></td> |
|
| 940 |
+ </tr> |
|
| 941 |
+ </tbody> |
|
| 942 |
+ </table> |
|
| 943 |
+ <p class="tType1_title">환불 계좌 입력 <span>(가입자가 충전하지 않았거나 타인의 계좌로 환불신청하는 경우 별도 서류가 요구될 수 있으며, 서류 |
|
| 944 |
+ 불충분 시 환불되지 않습니다.)</span></p> |
|
| 945 |
+ <table class="tType1"> |
|
| 946 |
+ <caption>예금주, 계좌정보, 연락처, 통장사본, 증빙서류에 대한 표</caption> |
|
| 947 |
+ <colgroup> |
|
| 948 |
+ <col style="width: 160px;"> |
|
| 949 |
+ <col style="width: auto;"> |
|
| 950 |
+ </colgroup> |
|
| 951 |
+ <tbody> |
|
| 952 |
+ <tr> |
|
| 953 |
+ <th scope="row">예금주</th> |
|
| 954 |
+ <td class="send_cf"> |
|
| 955 |
+ <input id="radio1" type="radio" name="" checked="checked"> |
|
| 956 |
+ <label for="radio1">가입자</label> |
|
| 957 |
+ <input id="radio2" type="radio" name=""> |
|
| 958 |
+ <label for="radio2">가입자 외</label> |
|
| 959 |
+ <input id="radio3" type="radio" name=""> |
|
| 960 |
+ <label for="radio3">기업</label> |
|
| 961 |
+ </td> |
|
| 962 |
+ </tr> |
|
| 963 |
+ <tr> |
|
| 964 |
+ <th scope="row">계좌정보</th> |
|
| 965 |
+ <td> |
|
| 966 |
+ <label for="" class="label">예금주</label> |
|
| 967 |
+ <input type="text" placeholder="예금주 : 홍길동" readonly class="readonly"> |
|
| 968 |
+ <select name="" id="" class="selType2"> |
|
| 969 |
+ <option value="">은행선택</option> |
|
| 970 |
+ <option value="">신한은행</option> |
|
| 971 |
+ <option value="">우리은행</option> |
|
| 972 |
+ </select> |
|
| 973 |
+ <label for="" class="label">계좌번호 입력</label> |
|
| 974 |
+ <input type="text" placeholder="계좌번호를 입력해주세요. 숫자만 입력가능" |
|
| 975 |
+ onfocus="this.placeholder=''" |
|
| 976 |
+ onblur="this.placeholder='계좌번호를 입력해주세요. 숫자만 입력가능'" size="36" |
|
| 977 |
+ class="account_put"> |
|
| 978 |
+ </td> |
|
| 979 |
+ </tr> |
|
| 980 |
+ <tr> |
|
| 981 |
+ <th scope="row">연락처</th> |
|
| 982 |
+ <td> |
|
| 983 |
+ <label for="" class="label">연락처 입력</label> |
|
| 984 |
+ <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" |
|
| 985 |
+ onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36"> |
|
| 986 |
+ </td> |
|
| 987 |
+ </tr> |
|
| 988 |
+ <tr> |
|
| 989 |
+ <th scope="row">통장사본</th> |
|
| 990 |
+ <td class="attachedFile_wrap"> |
|
| 991 |
+ <label for="" class="label">통장사본 파일첨부</label> |
|
| 992 |
+ <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png 각 2MB 이내" readonly |
|
| 993 |
+ size="36"> |
|
| 994 |
+ <button type="button" class="btnType btnType9">파일첨부</button> |
|
| 995 |
+ <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 munjaon@iten.co.kr로 보내주세요</span> |
|
| 996 |
+ </td> |
|
| 997 |
+ </tr> |
|
| 998 |
+ <tr> |
|
| 999 |
+ <th scope="row">증빙서류</th> |
|
| 1000 |
+ <td class="attachedFile_wrap"> |
|
| 1001 |
+ <label for="" class="label">증빙서류</label> |
|
| 1002 |
+ <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png 각 2MB 이내" readonly |
|
| 1003 |
+ size="36"> |
|
| 1004 |
+ <button type="button" class="btnType btnType9">파일첨부</button> |
|
| 1005 |
+ <span class="reqTxt6">※ 이체확인증 또는 핸드폰 납부 영수증을 첨부해주세요</span> |
|
| 1006 |
+ </td> |
|
| 1007 |
+ </tr> |
|
| 1008 |
+ </tbody> |
|
| 1009 |
+ </table> |
|
| 1010 |
+ <p class="tType1_title">환불 사유</p> |
|
| 1011 |
+ <table class="tType1"> |
|
| 1012 |
+ <caption>환불사유, 비밀번호에 대한 표</caption> |
|
| 1013 |
+ <colgroup> |
|
| 1014 |
+ <col style="width: 160px;"> |
|
| 1015 |
+ <col style="width: auto;"> |
|
| 1016 |
+ </colgroup> |
|
| 1017 |
+ <tbody> |
|
| 1018 |
+ <tr> |
|
| 1019 |
+ <th scope="row" style="line-height: 70px;">환불사유</th> |
|
| 1020 |
+ <td class="send_cf"> |
|
| 1021 |
+ <div> |
|
| 1022 |
+ <input id="radio4" type="radio" name="" checked="checked"> |
|
| 1023 |
+ <label for="radio4">문자 단가가 높음</label> |
|
| 1024 |
+ <input id="radio5" type="radio" name=""> |
|
| 1025 |
+ <label for="radio5">사용할 일이 없어서</label> |
|
| 1026 |
+ <input id="radio6" type="radio" name=""> |
|
| 1027 |
+ <label for="radio6">사이트 이용 불만</label> |
|
| 596 | 1028 |
</div> |
| 597 |
- </div> |
|
| 598 |
- <div class="clause_list_body"> |
|
| 599 |
- <table class="refund_info"> |
|
| 600 |
- <caption>증빙서류 및 환불수수료 안내</caption> |
|
| 601 |
- <colgroup> |
|
| 602 |
- <col style="width: 15%;"> |
|
| 603 |
- <col style="width: 22%;"> |
|
| 604 |
- <col style="width: auto;"> |
|
| 605 |
- <col style="width: 14%;"> |
|
| 606 |
- </colgroup> |
|
| 607 |
- <thead> |
|
| 608 |
- <tr> |
|
| 609 |
- <th>결제방법</th> |
|
| 610 |
- <th>취소가능기간</th> |
|
| 611 |
- <th>증빙서류</th> |
|
| 612 |
- <th>환불수수료</th> |
|
| 613 |
- </tr> |
|
| 614 |
- </thead> |
|
| 615 |
- <tbody> |
|
| 616 |
- <tr> |
|
| 617 |
- <td>전용계좌</td> |
|
| 618 |
- <td>명의자 계좌로 환불</td> |
|
| 619 |
- <td>이체확인증(이체한 통장내역) 통장사본</td> |
|
| 620 |
- <td>환불금액의 3%</td> |
|
| 621 |
- </tr> |
|
| 622 |
- <tr> |
|
| 623 |
- <td>신용카드</td> |
|
| 624 |
- <td>결제일 기준 2개월 내 취소가능</td> |
|
| 625 |
- <td>통장사본</td> |
|
| 626 |
- <td>환불금액의 5%</td> |
|
| 627 |
- </tr> |
|
| 628 |
- <tr> |
|
| 629 |
- <td>무통장입금</td> |
|
| 630 |
- <td>명의자 계좌로 환불</td> |
|
| 631 |
- <td>이체확인증(이체한 통장내역) 통장사본</td> |
|
| 632 |
- <td>환불금액의 3%</td> |
|
| 633 |
- </tr> |
|
| 634 |
- <tr> |
|
| 635 |
- <td>휴대폰결제</td> |
|
| 636 |
- <td>결제 당월 취소가능</td> |
|
| 637 |
- <td>결제당월 일반 전화요금 납입영수증, 일반전화 명의자의 통장사본</td> |
|
| 638 |
- <td>환불금액의 8%</td> |
|
| 639 |
- </tr> |
|
| 640 |
- <tr> |
|
| 641 |
- <td>즉시이체</td> |
|
| 642 |
- <td>결제 당일건만 취소가능</td> |
|
| 643 |
- <td>통장사본</td> |
|
| 644 |
- <td>환불금액의 5%</td> |
|
| 645 |
- </tr> |
|
| 646 |
- </tbody> |
|
| 647 |
- </table> |
|
| 648 |
- </div> |
|
| 649 |
- </li> |
|
| 650 |
- </ul> |
|
| 651 |
- <p class="tType1_title">환불 금액 입력</p> |
|
| 652 |
- <table class="tType1"> |
|
| 653 |
- <caption>환불 가능, 신청, 예정에 대한 표</caption> |
|
| 654 |
- <colgroup> |
|
| 655 |
- <col style="width: 160px;"> |
|
| 656 |
- <col style="width: auto;"> |
|
| 657 |
- </colgroup> |
|
| 658 |
- <tbody> |
|
| 659 |
- <tr> |
|
| 660 |
- <th scope="row">환불 가능 금액</th> |
|
| 661 |
- <td class="price_ref1"><span>120,000</span>원</td> |
|
| 662 |
- </tr> |
|
| 663 |
- <tr> |
|
| 664 |
- <th scope="row">환불 신청 금액</th> |
|
| 665 |
- <td> |
|
| 666 |
- <input type="text" style="margin-right: 18px;" size="36"> |
|
| 667 |
- <label for="" class="price_input">원</label> |
|
| 668 |
- <input type="checkbox" id="" class="re"> |
|
| 669 |
- <label for="" class="alarm label">선택</label> |
|
| 670 |
- <span class="text_req">전액환불(1,000원 이하 환불 불가)</span> |
|
| 671 |
- </td> |
|
| 672 |
- </tr> |
|
| 673 |
- <tr> |
|
| 674 |
- <th scope="row">환불 예정 금액</th> |
|
| 675 |
- <td class="price_ref1"><span class="c_e40000">120,000</span>원<span class="reqTxt5">(수수료 10% 제외)</span></td> |
|
| 676 |
- </tr> |
|
| 677 |
- </tbody> |
|
| 678 |
- </table> |
|
| 679 |
- <p class="tType1_title">환불 계좌 입력 <span>(가입자가 충전하지 않았거나 타인의 계좌로 환불신청하는 경우 별도 서류가 요구될 수 있으며, 서류 불충분 시 환불되지 않습니다.)</span></p> |
|
| 680 |
- <table class="tType1"> |
|
| 681 |
- <caption>예금주, 계좌정보, 연락처, 통장사본, 증빙서류에 대한 표</caption> |
|
| 682 |
- <colgroup> |
|
| 683 |
- <col style="width: 160px;"> |
|
| 684 |
- <col style="width: auto;"> |
|
| 685 |
- </colgroup> |
|
| 686 |
- <tbody> |
|
| 687 |
- <tr> |
|
| 688 |
- <th scope="row">예금주</th> |
|
| 689 |
- <td class="send_cf"> |
|
| 690 |
- <input id="radio1" type="radio"name="" checked="checked"> |
|
| 691 |
- <label for="radio1">가입자</label> |
|
| 692 |
- <input id="radio2" type="radio" name=""> |
|
| 693 |
- <label for="radio2">가입자 외</label> |
|
| 694 |
- <input id="radio3" type="radio" name=""> |
|
| 695 |
- <label for="radio3">기업</label> |
|
| 696 |
- </td> |
|
| 697 |
- </tr> |
|
| 698 |
- <tr> |
|
| 699 |
- <th scope="row">계좌정보</th> |
|
| 700 |
- <td> |
|
| 701 |
- <label for="" class="label">예금주</label> |
|
| 702 |
- <input type="text" placeholder="예금주 : 홍길동" readonly class="readonly"> |
|
| 703 |
- <select name="" id="" class="selType2"> |
|
| 704 |
- <option value="">은행선택</option> |
|
| 705 |
- <option value="">신한은행</option> |
|
| 706 |
- <option value="">우리은행</option> |
|
| 707 |
- </select> |
|
| 708 |
- <label for="" class="label">계좌번호 입력</label> |
|
| 709 |
- <input type="text" placeholder="계좌번호를 입력해주세요. 숫자만 입력가능" onfocus="this.placeholder=''" onblur="this.placeholder='계좌번호를 입력해주세요. 숫자만 입력가능'" size="36" class="account_put"> |
|
| 710 |
- </td> |
|
| 711 |
- </tr> |
|
| 712 |
- <tr> |
|
| 713 |
- <th scope="row">연락처</th> |
|
| 714 |
- <td> |
|
| 715 |
- <label for="" class="label">연락처 입력</label> |
|
| 716 |
- <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36"> |
|
| 717 |
- </td> |
|
| 718 |
- </tr> |
|
| 719 |
- <tr> |
|
| 720 |
- <th scope="row">통장사본</th> |
|
| 721 |
- <td class="attachedFile_wrap"> |
|
| 722 |
- <label for="" class="label">통장사본 파일첨부</label> |
|
| 723 |
- <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png 각 2MB 이내" readonly size="36"> |
|
| 724 |
- <button type="button" class="btnType btnType9">파일첨부</button> |
|
| 725 |
- <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 munjaon@iten.co.kr로 보내주세요</span> |
|
| 726 |
- </td> |
|
| 727 |
- </tr> |
|
| 728 |
- <tr> |
|
| 729 |
- <th scope="row">증빙서류</th> |
|
| 730 |
- <td class="attachedFile_wrap"> |
|
| 731 |
- <label for="" class="label">증빙서류</label> |
|
| 732 |
- <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png 각 2MB 이내" readonly size="36"> |
|
| 733 |
- <button type="button" class="btnType btnType9">파일첨부</button> |
|
| 734 |
- <span class="reqTxt6">※ 이체확인증 또는 핸드폰 납부 영수증을 첨부해주세요</span> |
|
| 735 |
- </td> |
|
| 736 |
- </tr> |
|
| 737 |
- </tbody> |
|
| 738 |
- </table> |
|
| 739 |
- <p class="tType1_title">환불 사유</p> |
|
| 740 |
- <table class="tType1"> |
|
| 741 |
- <caption>환불사유, 비밀번호에 대한 표</caption> |
|
| 742 |
- <colgroup> |
|
| 743 |
- <col style="width: 160px;"> |
|
| 744 |
- <col style="width: auto;"> |
|
| 745 |
- </colgroup> |
|
| 746 |
- <tbody> |
|
| 747 |
- <tr> |
|
| 748 |
- <th scope="row" style="line-height: 70px;">환불사유</th> |
|
| 749 |
- <td class="send_cf"> |
|
| 750 |
- <div> |
|
| 751 |
- <input id="radio4" type="radio"name="" checked="checked"> |
|
| 752 |
- <label for="radio4">문자 단가가 높음</label> |
|
| 753 |
- <input id="radio5" type="radio" name=""> |
|
| 754 |
- <label for="radio5">사용할 일이 없어서</label> |
|
| 755 |
- <input id="radio6" type="radio" name=""> |
|
| 756 |
- <label for="radio6">사이트 이용 불만</label> |
|
| 757 |
- </div> |
|
| 758 |
- <div> |
|
| 759 |
- <input id="radio7" type="radio" name=""> |
|
| 760 |
- <label for="radio7">다른 사이트 이용</label> |
|
| 761 |
- <input id="radio8" type="radio" name=""> |
|
| 762 |
- <label for="radio8">환불사유 직접 입력</label> |
|
| 763 |
- <label for="" class="label">환불사유 직접 입력</label> |
|
| 764 |
- <input type="text" size="36"> |
|
| 765 |
- </div> |
|
| 766 |
- </td> |
|
| 767 |
- </tr> |
|
| 768 |
- <tr> |
|
| 769 |
- <th scope="row">비밀번호</th> |
|
| 770 |
- <td> |
|
| 771 |
- <label for="" class="label">비밀번호 입력</label> |
|
| 772 |
- <input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36"> |
|
| 773 |
- </td> |
|
| 774 |
- </tr> |
|
| 775 |
- </tbody> |
|
| 776 |
- </table> |
|
| 777 |
- <div style="text-align: center;"> |
|
| 778 |
- <button type="button" class="btnType btnType16">환불신청</button> |
|
| 779 |
- </div> |
|
| 780 |
- </div><!-- 결제내역 - 요금결제내역 - 환불신청 --> |
|
| 781 |
- </div><!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) --> |
|
| 782 |
- </div><!--// send top --> |
|
| 1029 |
+ <div> |
|
| 1030 |
+ <input id="radio7" type="radio" name=""> |
|
| 1031 |
+ <label for="radio7">다른 사이트 이용</label> |
|
| 1032 |
+ <input id="radio8" type="radio" name=""> |
|
| 1033 |
+ <label for="radio8">환불사유 직접 입력</label> |
|
| 1034 |
+ <label for="" class="label">환불사유 직접 입력</label> |
|
| 1035 |
+ <input type="text" size="36"> |
|
| 1036 |
+ </div> |
|
| 1037 |
+ </td> |
|
| 1038 |
+ </tr> |
|
| 1039 |
+ <tr> |
|
| 1040 |
+ <th scope="row">비밀번호</th> |
|
| 1041 |
+ <td> |
|
| 1042 |
+ <label for="" class="label">비밀번호 입력</label> |
|
| 1043 |
+ <input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요." |
|
| 1044 |
+ onfocus="this.placeholder=''" |
|
| 1045 |
+ onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36"> |
|
| 1046 |
+ </td> |
|
| 1047 |
+ </tr> |
|
| 1048 |
+ </tbody> |
|
| 1049 |
+ </table> |
|
| 1050 |
+ <div style="text-align: center;"> |
|
| 1051 |
+ <button type="button" class="btnType btnType16">환불신청</button> |
|
| 1052 |
+ </div> |
|
| 1053 |
+ </div><!-- 결제내역 - 요금결제내역 - 환불신청 --> |
|
| 1054 |
+ </div><!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) --> |
|
| 1055 |
+ </div> |
|
| 1056 |
+ <!--// send top --> |
|
| 783 | 1057 |
</div> |
| 784 |
- </div><!--// content 영역 --> |
|
| 1058 |
+ </div> |
|
| 1059 |
+ <!--// content 영역 --> |
|
| 785 | 1060 |
<!-- footer 영역 --> |
| 786 | 1061 |
<footer id="footer" class="footer"> |
| 787 | 1062 |
<div class="footer_top"> |
... | ... | @@ -799,8 +1074,8 @@ |
| 799 | 1074 |
<div class="table_cell"> |
| 800 | 1075 |
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a> |
| 801 | 1076 |
<div class="footer_info"> |
| 802 |
- <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p> |
|
| 803 |
- <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p> |
|
| 1077 |
+ <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p> |
|
| 1078 |
+ <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p> |
|
| 804 | 1079 |
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p> |
| 805 | 1080 |
</div> |
| 806 | 1081 |
<div class="footer_service_center"> |
... | ... | @@ -814,5 +1089,8 @@ |
| 814 | 1089 |
</div> |
| 815 | 1090 |
</div> |
| 816 | 1091 |
</div> |
| 817 |
- </footer><!--// footer 영역 --> |
|
| 818 |
-</body></html> |
|
| 1092 |
+ </footer> |
|
| 1093 |
+ <!--// footer 영역 --> |
|
| 1094 |
+</body> |
|
| 1095 |
+ |
|
| 1096 |
+</html>(No newline at end of file) |
--- src/main/webapp/publish/sub1_2023.html
+++ src/main/webapp/publish/sub1_2023.html
... | ... | @@ -1507,6 +1507,30 @@ |
| 1507 | 1507 |
</div> |
| 1508 | 1508 |
<div><button type="button" data-tooltip="popup07" class="btnType btnType3 btn_event_cash">이벤트 잔액</button></div> |
| 1509 | 1509 |
</div> |
| 1510 |
+ <!--발송금액 아래 등급별 가격안내 추가--> |
|
| 1511 |
+ <div class="my_price_wrap"> |
|
| 1512 |
+ <div class="center-line"></div> |
|
| 1513 |
+ <ul> |
|
| 1514 |
+ <li class="title"> |
|
| 1515 |
+ <img src="/publish/images/content/icon_mypage_message.png" alt="">나의 단가 <span>:</span> |
|
| 1516 |
+ </li> |
|
| 1517 |
+ <li class="price_line"> |
|
| 1518 |
+ <span class="type">단문</span> |
|
| 1519 |
+ <span class="price">18</span>원 |
|
| 1520 |
+ <span class="line">/ </span> |
|
| 1521 |
+ </li> |
|
| 1522 |
+ <li class="price_line"> |
|
| 1523 |
+ <span class="type">장문</span> |
|
| 1524 |
+ <span class="price">50</span>원 |
|
| 1525 |
+ <span class="line">/ </span> |
|
| 1526 |
+ </li> |
|
| 1527 |
+ <li class="price_line"> |
|
| 1528 |
+ <span class="type">그림</span> |
|
| 1529 |
+ <span class="price">90</span>원 |
|
| 1530 |
+ (2장 : 110원 / 3장 : 130원) |
|
| 1531 |
+ </li> |
|
| 1532 |
+ </ul> |
|
| 1533 |
+ </div> |
|
| 1510 | 1534 |
</div> |
| 1511 | 1535 |
</th> |
| 1512 | 1536 |
</tr> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?