ITN_디자인팀 2023-07-07
2023/07/07 등급제 콘텐츠 추가, 간편결제 콘텐츠 추가
@8f40c2888810032a7256cd9688ab1d91bd64d336
src/main/webapp/publish/css/common.css
--- src/main/webapp/publish/css/common.css
+++ src/main/webapp/publish/css/common.css
@@ -99,6 +99,20 @@
 .login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
 .login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
 .login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
+/*등급별 아이콘*/
+.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
+.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
+.login2 .login_info i.gold{background-image: url(/publish/images/level/level_icon/gold_icon.png);}
+.login2 .login_info i.sliver{background-image: url(/publish/images/level/level_icon/sliver_icon.png);}
+.login2 .login_info i.black{background-image: url(/publish/images/level/level_icon/black_icon.png);}
+.login2 .login_info i.red{background-image: url(/publish/images/level/level_icon/red_icon.png);}
+.login2 .login_info i.purple{background-image: url(/publish/images/level/level_icon/purple_icon.png);}
+.login2 .login_info i.blue{background-image: url(/publish/images/level/level_icon/blue_icon.png);}
+.login2 .login_info i.orange{background-image: url(/publish/images/level/level_icon/orange_icon.png);}
+.login2 .login_info i.green{background-image: url(/publish/images/level/level_icon/green_icon.png);}
+.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
+.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
+/*등급별 아이콘 끝*/
 .login2 .login_info button {margin-right: 2px;}
 .login2 .login_pay {display:flex;}
 .login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
@@ -220,6 +234,7 @@
 .quickMenu .quickMenuIn li i.quick9 {background-image: url(/publish/images/quick9.png);width: 24px; height:20px;}
 .quickMenu .quickMenuIn li i.quick10 {background-image: url(/publish/images/quick10.png);width: 21px; height:20px;}
 .quickMenu .quickMenuIn li i.quick11 {background-image: url(/publish/images/quick11.png);width: 20px; height:20px;}
+.quickMenu .quickMenuIn li i.quick12 {background-image: url(/publish/images/level/quick12.png);width: 20px; height:20px;}
 .quickMenu .quickMenuIn li span {display: block;font-size: 12px;color: #555;padding-top: 8px;}
 .quickMenu .goTop {background-color: #929599;color: #fff;width: 90px;padding: 10px 0;border-radius: 0 0 8px 8px;font-size: 20px;}
 .quickMenu .goTop i {background-image: url(/publish/images/goTop.png);width: 12px;height: 10px;margin-left: 5px;margin-bottom: 5px;}
@@ -234,6 +249,7 @@
 .quickMenu .quickMenuIn li:hover i.quick9 {background-image: url(/publish/images/quick9_hover.png);width: 24px; height:20px;}
 .quickMenu .quickMenuIn li:hover i.quick10 {background-image: url(/publish/images/quick10_hover.png);width: 21px; height:20px;}
 .quickMenu .quickMenuIn li:hover i.quick11 {background-image: url(/publish/images/quick11_hover.png);width: 20px; height:20px;}
+.quickMenu .quickMenuIn li:hover i.quick12 {background-image: url(/publish/images/level/quick12_hover.png);width: 20px; height:20px;}
 .quickMenu .quickMenuIn li:hover span {color: #002c9a;font-weight: 500;}
 .quickMenu .quick_kakaobtn {position:absolute;right:0;bottom:-100px;width:90px;height:90px;font-size:0;text-indent:-9999em;background:url(/publish/images/content/icon_quick_kakao.png) no-repeat left top;z-index:15;}
 .quickMenu .quick_kakaobtn a {display:block;width:100%;height:100%;}
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -90,7 +90,7 @@
 /* tabTpye1 */
 .tabType1 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:2px solid #46484a;}
 .tabType1 li {flex-basis: calc(100%/2); position: relative;}
-.tabType1 li button {width: 100%;padding: 13px 0;font-size: 18px;position:relative;z-index:1;}
+.tabType1 li button {width: 100%;padding: 13px 0;font-size: 16px;position:relative;z-index:1;}
 .tabType1 li.active {background-color: #46484a;}
 .tabType1 li.active:after {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #46484a;}
 .tabType1 li.active button {color: #fff;border:1px solid #46484a;background-color: #46484a;}
@@ -427,7 +427,7 @@
 .tType1 tbody tr th.billingAmount button.cal_btn {position: absolute;right: 0; top: 50%;transform: translateY(-50%);background-color: #fbc72b;width: 88px;height: 32px;border-radius: 5px;}
 .tType1 tbody tr th.billingAmount button.cal_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
 .tType1 tbody tr th.billingAmount button.cal_btn i {background-image: url(/publish/images/content/calIcon.png);width: 12px;height: 16px;margin: 0 3px 2px 0;}
-.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;}
+.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px 5px 0 0; height: 60px; padding: 12px 13px; box-sizing: border-box;}
 .tType1 tbody tr th.billingAmount .pay_type button.btn_event_cash{width: 100px;}
 .tType1 tbody tr th.billingAmount .pay_type:last-child {margin-top: 10px;}
 .tType1 tbody tr th.billingAmount .pay_type>div:first-child {float: left;margin:0 0 0 5px;}
@@ -447,6 +447,21 @@
 .tType1 tbody select.sel_number {width: 340px; height: 40px; padding: 0 20px; background-color: #f2f2f2;border-radius: 5px; border: 0;color: #002c9a;font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 94% center;}
 .tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;}
 .tType1 tbody input:disabled {background-color: #dedede;}
+
+/*발송금액 아래 등급별 가격안내 추가*/
+.my_price_wrap .center-line{width: 96%; height: 1px; background-color: #e5e5e5; margin: 0 auto;}
+.my_price_wrap{letter-spacing: -0.5px; width: calc(100% - 100px); background-color: #fff; border-radius: 0 0 5px 5px; width: 100%;}
+.my_price_wrap ul{display: flex; width: calc(100% - 20px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 15px 0px 15px 5px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
+.my_price_wrap ul:last-child{border: 0; align-items: flex-start;}
+.my_price_wrap ul:first-child li:last-child{margin: 0; padding: 0}
+.my_price_wrap .title{font-size: 17px; font-weight: 400; color: #222; margin-top: 1px;}
+.my_price_wrap .title span{font-size: 15px;}
+.my_price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
+.my_price_wrap .type{border: 1px solid #46484a; border-radius: 3px; margin-right: 3px; color: #46484a; padding: 0 4px 1px 4px;}
+.my_price_wrap .type, .price_line{font-size: 16px; font-weight: 400; color: #555;}
+.my_price_wrap .price{color: #e40000; font-size: 18px; font-weight: 700;}
+.my_price_wrap .line{font-size: 14px; color: #ababab;}
+
 /*// tType1 */
 /*// sub page 반복 */
 
@@ -916,6 +931,11 @@
 .pay_cont .excel_middle {margin: 20px 0 10px 0;}
 .pay_cont .excel_middle .selType2 {width: 82px; height: 32px; margin-left: 0;}
 .pay_cont .select_btnWrap .add_text2 {font-size: 16px; padding-top: 7px; color: #666; font-weight: 300;}
+
+/*등급 및 누적결제액 확인 버튼 추가*/
+.pay_cont .excel_middle .level_btn{margin: 0 5px; border: 1px solid #002c9a; color: #002c9a;}
+.pay_cont .excel_middle .level_btn img{margin-top: -3px;}
+
 .pay_cont .excel_middle .print_btn {margin: 0 5px;}
 .pay_cont .pay_info {display: flex; justify-content: center; background-color: #efeff0; width: 100%; padding: 16px 0; border-radius: 5px; margin: 20px 0 50px 0; box-sizing: border-box; }
 .pay_cont .pay_info p:nth-child(1) {font-size: 18px;}
@@ -1055,13 +1075,13 @@
 .charg_cont.current {display: block;}
 .charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;}
 .charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between;}
-.charg_cont .area_tab li{ width: calc((100% - 80px)/4); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;}
+.charg_cont .area_tab li{ width: calc((100% - 80px)/5); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;}
 .charg_cont .area_tab li button {font-size: 22px; font-weight: 400; width: 100%; height: 100%; padding: 60px 20px 40px 20px;position:relative;z-index:1;}
 .charg_cont .area_tab li.active {border: 3px solid #fbc72b;}
 .charg_cont .area_tab li.active::before{background-image: url(/publish/images/content/icon_chargeCheck2.png); background-color: #fbc72b; border: 2px solid #fbc72b;}
 .charg_cont .area_tab li::before{position: absolute; content: " "; width: 31px; height: 31px; border: 3px solid #ccc; right: 15px; top: 15px; border-radius: 100%; background-image: url(/publish/images/content/icon_chargeCheck1.png); background-repeat: no-repeat; background-position: center 58%;}
 .charg_cont .area_tab button i{width: 65px; height: 55px; display: block; margin: 0 auto 15px auto; background-position: center;}
-.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging1.png);}
+.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/simple.png);}
 .charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging2.png);}
 .charg_cont .area_tab .btn_charge3 i{background-image: url(/publish/images/content/icon_charging3.png);}
 .charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging4.png);}
@@ -1143,6 +1163,33 @@
 .charg_cont .tType1 .box_input.flex input{border: 1px solid #ccc;}
 .charg_cont .tType1 .box_input.flex input[type="text"] {width: 200px;background-color: #fff;}
 .charg_cont .tType1 .box_input.flex button{background-color: #002c9a; color: #fff; border: 0; margin-left: 10px;}
+
+
+/*누적결제액별 등급 및 단간 추가*/
+.accrue_price{width: 100%; height: 105px; border-radius: 5px; background-color: #f2f2f2;}
+.accrue_price p{font-size: 22px; font-weight: 700; line-height: 105px; margin-left: 53px;}
+.accrue_price p span{border-radius: 5px; background-color: #fff; padding: 10px 10px 10px 10px; font-size: 18px; font-weight: 400;}
+.accrue_price p span img{margin-right: 5px; margin-top: -5px;}
+.accrue_price p span span{padding: 0; font-size: 22px; font-weight: 700; color: #e40000;}
+.accrue_level .tType1_title{margin-top: 40px;}
+.accrue_level .tType1_title img{margin-top: -5px;}
+.accrue_level .tType2{width: 100%; border-top: 1px solid #000; text-align: center;}
+.accrue_level .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
+.accrue_level .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
+.accrue_level .tType2 thead tr th:last-child{border-right: 0;}
+.accrue_level .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
+.accrue_level .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 42px; vertical-align: middle;}
+.accrue_level .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
+.accrue_level .tType2 tbody tr td:last-child{border-right: 0;}
+.accrue_level .tType2 tbody tr td:last-child>span {font-weight: 400;}
+
+.accrue_level .tType2_level tbody tr th{font-weight: 300;}
+.accrue_level .tType2_level tbody tr .level_price{font-weight: 500;}
+.accrue_level .level_first{font-weight: 400; font-size: 18px; color: #666;}
+.accrue_level .level span{font-weight: 400; font-size: 18px; color: #666;}
+.accrue_level .tType2 .th_second span{font-size: 15px; font-weight: 300;}
+.accrue_level .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
+
 /* //결제하기 */
 
 /* 요금안내/견적내기 */
@@ -1153,10 +1200,14 @@
 .fee_cont .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
 .fee_cont .tType2 thead tr th:last-child{border-right: 0;}
 .fee_cont .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
+
 .fee_cont .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 50px; vertical-align: middle;}
 .fee_cont .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
 .fee_cont .tType2 tbody tr td:last-child{border-right: 0;}
 .fee_cont .tType2 tbody tr td:last-child>span {font-weight: 400;}
+
+/*문자(등급별 요금 안내) 테이블 높이 수정*/
+.fee_cont .tType2 .level_table th{height: 42px;}
 
 .fee_cont .tType1 select, .fee_cont .tType1 input{border: 0; background-color: #f2f2f2;}
 .fee_cont .btn_add{float: right;}
@@ -1189,6 +1240,14 @@
 .tb_wrap.totalPrice_tb .tType4 tbody td {font-size: 18px; font-weight: 400; color: #222; height: 52px; line-height: 31px; position: relative;}
 .tb_wrap.totalPrice_tb .tType4 tbody td select {height: 36px; top: 8px; border: 2px solid; }
 
+
+/*문자(등급별 요금 안내)*/
+.fee_cont .tType2_level tbody tr th{font-weight: 300;}
+.fee_cont .tType2_level tbody tr .level_price{font-weight: 500;}
+.fee_cont .level_first{font-weight: 400; font-size: 18px; color: #666;}
+.fee_cont .level span{font-weight: 400; font-size: 18px; color: #666;}
+.fee_cont .tType2 .th_second span{font-size: 15px; font-weight: 300;}
+.fee_cont .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
 /* //요금안내/견적내기 */
 
 /* 예약관리 */
@@ -1559,7 +1618,7 @@
 /* .fax_content .final_wrap .pay_type {border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;} */
 .fax_content .final_wrap .pay_type:last-child {margin-top: 10px;}
 /* .fax_content .final_wrap .pay_type>div:first-child {float: left;margin:0 0 0 5px; background-color: #fff;} */
-.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff;padding: 8px 15px; border-radius: 5px;}
+.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff; padding: 8px 15px; border-radius: 5px;}
 .fax_content .final_wrap .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
 .fax_content .final_wrap .pay_type>div:last-child {display:inline-block;max-width: 150px; width: 100%;}
 .fax_content .final_wrap .pay_type>div:last-child button{width: 100%;}
@@ -1598,6 +1657,9 @@
 .fax_content .qmMark:hover+.send_hover_cont{display: block;}
 .fax_content .qmMark+.send_hover_cont li{text-indent: -9px; margin: 0 0 0 9px;}
 
+
+
+
 /* 카톡전송 > 알림톡 소개 */
 .kakao_intro_cont{letter-spacing: -0.5px; /*word-break: keep-all;*/}
 .kakao_intro_cont .heading h2{letter-spacing: 0;}
src/main/webapp/publish/css/main.css
--- src/main/webapp/publish/css/main.css
+++ src/main/webapp/publish/css/main.css
@@ -202,6 +202,9 @@
 .btn_custom img{vertical-align: middle; margin-top: -4px; margin-right: 2px;}
 .btn_custom:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
 
+/*요금안내 top 배너 시작*/
+.price_top_banner{position: fixed; right: 4%; top: 160px; z-index: 20;}
+
 /* media queries */
 @media screen and (max-width: 1800px){
    /* content2 문자샘플 영역 */
src/main/webapp/publish/css/mem.css
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
@@ -293,7 +293,7 @@
 /* //join4 - 가입완료 */
 
  
-/* 마이페이지 */
+
 
 /* 메인화면 */
 .my_dashboard {margin-top: 40px;}
@@ -359,6 +359,7 @@
 .my_dashboard table tbody tr:last-child td {border-bottom: 1px solid transparent; }
 .my_dashboard table tbody tr:last-child td:first-child {border-bottom: 1px solid transparent; border-radius: 0 0 0 5px;}
 .my_dashboard table tbody tr:last-child td:last-child {border-bottom: 1px solid transparent; border-radius: 0 0 5px 0 ;}
+
 /* mypage dashboard cont1 */
 .my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
 .my_dashboard_cont1>div {display: flex; align-items: center;}
@@ -367,6 +368,18 @@
 .my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 15px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
 .my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
 .my_dashboard_cont1>span>span {font-weight: 500;}
+
+/* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
+.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
+.my_dashboard_cont1>div {display: flex; align-items: center;}
+.my_dashboard_cont1 p {font-size: 16px; font-weight: 300;}
+.my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; margin-left: -20px;}
+.my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 8px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
+.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
+.my_dashboard_cont1>span>span {font-weight: 500;}
+.my_dashboard .my_dashboard_cont1 .level_icon{margin: 0 7px 0 0; display: block; width: 46px; height: 80px; text-align: center; padding: 0; background-color: transparent; border: 0;}
+.my_dashboard_cont1 .level_icon p{font-size: 14px; font-weight: 400; margin-top: 2px; color: #444;}
+
 /* mypage dashboard cont2 */
 .my_dashboard .my_dashboard_cont2 {width: 100%; flex-flow: wrap;}
 .dashboard_info {display: flex; flex-flow: wrap; width: 100%; justify-content: space-between;}
@@ -642,6 +655,11 @@
 .limited_wrap .limited_button {margin:40px 0;}
 .limited_wrap .limited_button .btnType {width:160px;margin:0 3px;}
 
+/* 마이페이지 */
+/*등급제 아이콘 추가*/
+
+
+
 
 /* media queries */
 
@@ -652,6 +670,14 @@
     .my_dashboard .send_price{width: calc(100% - 340px);}
     .send_top .send_price li{letter-spacing: -1px;}
     .send_top .send_price .title{padding: 0 4px 0 0;}
+
+    /* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
+    .my_dashboard_cont1 p {font-size: 17px;}
+    .my_dashboard_cont1 p span {font-size: 22px;}
+    .my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;}
+    .my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;}
+    .my_dashboard .send_price{margin: 0 -24px 0 0;}
+    .my_dashboard .send_price .price_title{width: 75px;}
 }
 
 @media only screen and (max-width:1380px){
src/main/webapp/publish/css/popupLayer.css
--- src/main/webapp/publish/css/popupLayer.css
+++ src/main/webapp/publish/css/popupLayer.css
@@ -1114,6 +1114,15 @@
 
 /* 결제완료 */
 
+/* 누적결제액 세부내역 팝업 */
+.level_popup .popup_heading p span{font-size: 18px; font-weight: 400;}
+.level_popup .candidate_table .tb_wrap{min-height: auto;}
+.level_popup .candidate_table table tr:first-child{border-top: 0;}
+.level_popup .level_tx{margin: -20px 0 3px 0; font-size: 16px; font-weight: 300;}
+.level_popup .layer_in .level_title th{ font-size: 15px; font-weight: 400; text-align: center;}
+.level_popup .layer_in .level_text td{font-size: 15px; font-weight: 300; text-align: center; height: 40px;}
+.level_popup .pagination{margin-top: 20px;}
+
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      /* 특수문자 */
src/main/webapp/publish/firstpay_event.html
--- src/main/webapp/publish/firstpay_event.html
+++ src/main/webapp/publish/firstpay_event.html
@@ -286,26 +286,19 @@
                                             <div>
                                                 <p class="tab_tit">충전수단 선택</p>
                                                 <ul class="area_tab">
-                                                    <li class="btn_charge1 btn_tab active"><button type="button"
-                                                            onclick="TabTypePay(this,'1');"><i></i>신용카드</button></li>
-                                                    <li class="btn_charge2 btn_tab"><button type="button"
-                                                            onclick="TabTypePay(this,'2');"
-                                                            id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
+                                                    <li class="btn_charge1 btn_tab active"><button type="button" onclick="TabTypePay(this,'1');"><i></i>간편결제</button></li>
+                                                    <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'2');"><i></i>신용카드</button></li>
+                                                    <li class="btn_charge3 btn_tab"><button type="button" onclick="TabTypePay(this,'3');" id="btnDdedicatedAccount"><i></i>전용계좌</button></li>
                                                     <!-- <li class="btn_charge2 btn_tab"><button type="button" onclick="TabTypePay(this,'3');"><i></i>무통장입금</button></li> -->
-                                                    <li class="btn_charge4 btn_tab"><button type="button"
-                                                            onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li>
-                                                    <li class="btn_charge5 btn_tab"><button type="button"
-                                                            onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li>
+                                                    <li class="btn_charge4 btn_tab"><button type="button" onclick="TabTypePay(this,'4');"><i></i>휴대폰결제</button></li>
+                                                    <li class="btn_charge5 btn_tab"><button type="button" onclick="TabTypePay(this,'5');"><i></i>즉시이체</button></li>
                                                 </ul>
-                                                <div class="checkbox_wrap"><input type="checkbox" id="agree"><label
-                                                        for="agree">선택한 수단을 다음 충전 시에도
-                                                        이용합니다.</label></div>
+                                                <div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree">선택한 수단을 다음 충전 시에도 이용합니다.</label></div>
 
-                                                <!-- 신용카드 -->
+                                                <!-- 간편결제 -->
                                                 <div class="area_tabcont on" id="tab2_1">
-                                                    <p class="tType1_title"><img
-                                                            src="/publish/images/content/icon_charging1_small.png"
-                                                            alt=""> 신용카드</p>
+                                                    <p class="tType1_title">
+                                                    <img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘"> 간편결제</p>
                                                     <table class="tType1">
                                                         <caption></caption>
                                                         <colgroup>
@@ -345,6 +338,7 @@
                                                                     <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
                                                                     <p class="input_in">원</p> -->
                                                                     <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+                                                                    <p class="input_in">원</p>
                                                                 </td>
                                                             </tr>
                                                             <tr>
@@ -354,12 +348,86 @@
                                                                             <dt>최종 결제금액 :</dt>
                                                                             <dd>
                                                                                 <ul>
-                                                                                    <li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
-                                                                                    </li>
-                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
-                                                                                    </li>
-                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
-                                                                                    </li>
+                                                                                    <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
+                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
+                                                                                </ul>
+                                                                            </dd>
+                                                                        </dl>
+                                                                        <button type="button" class="btnType"
+                                                                            onclick="pgOpenerPopup(); return false;">충전하기</button>
+                                                                    </div>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td colspan="2">
+                                                                    <div class="area_text">
+                                                                        <!-- <p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 문자온 고객센터(010-8432-9333)를 통해서도 ARS 신용카드 결제를 하실 수 있습니다.</span></p> -->
+                                                                        <p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+                                                                        <p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
+                                                                    </div>
+                                                                </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </div>
+                                                <!-- //간편결제 -->
+
+                                                <!-- 신용카드 -->
+                                                <div class="area_tabcont" id="tab2_2">
+                                                    <p class="tType1_title"><img src="/publish/images/credit_small.png" alt=""> 신용카드</p>
+                                                    <table class="tType1">
+                                                        <caption></caption>
+                                                        <colgroup>
+                                                            <col style="width: 100px;">
+                                                            <col style="width: auto;">
+                                                        </colgroup>
+                                                        <tbody>
+                                                            <tr class="charge_content">
+                                                                <th scope="row">충전금액</th>
+                                                                <td class="flex">
+                                                                    <select name="tempPrice" id="tempPrice"
+                                                                        class="list_seType1">
+                                                                        <option value="5000">5,000</option>
+                                                                        <option value="10000">10,000</option>
+                                                                        <option value="20000">20,000</option>
+                                                                        <option value="30000">30,000</option>
+                                                                        <option value="50000" selected>50,000</option>
+                                                                        <option value="100000">100,000</option>
+                                                                        <option value="200000">200,000</option>
+                                                                        <option value="300000">300,000</option>
+                                                                        <option value="500000">500,000</option>
+                                                                        <option value="700000">700,000</option>
+                                                                        <option value="900000">900,000</option>
+                                                                        <option value="1000000">1,000,000</option>
+                                                                        <option value="1200000">1,200,000</option>
+                                                                        <option value="1500000">1,500,000</option>
+                                                                        <option value="2000000">2,000,000</option>
+                                                                        <option value="2500000">2,500,000</option>
+                                                                        <option value="3000000">3,000,000</option>
+                                                                    </select>
+                                                                    <!-- <input type="text" numberOnly placeholder="금액을 입력해주세요"  name="tempPrice" class="tempPrice" onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
+                                                                    <p class="input_in">원</p>
+                                                                    <button type="button" class="btnType1" onclick="setPrice(this , '3000'); return false;">+ 3천원</button>
+                                                                    <button type="button" onclick="setPrice(this , '5000'); return false;">+ 5천원</button>
+                                                                    <button type="button" onclick="setPrice(this , '10000'); return false;">+ 1만원</button>
+                                                                    <button type="button" onclick="setPrice(this , '100000'); return false;">+ 10만원</button>
+                                                                    <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
+                                                                    <p class="input_in">원</p> -->
+                                                                    <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+                                                                    <p class="input_in">원</p>
+                                                                </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td colspan="2">
+                                                                    <div class="amount_wrap">
+                                                                        <dl>
+                                                                            <dt>최종 결제금액 :</dt>
+                                                                            <dd>
+                                                                                <ul>
+                                                                                    <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
+                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
                                                                                 </ul>
                                                                             </dd>
                                                                         </dl>
@@ -385,7 +453,7 @@
                                                 <!-- //신용카드 -->
 
                                                 <!-- 전용계좌 -->
-                                                <div class="area_tabcont" id="tab2_2">
+                                                <div class="area_tabcont" id="tab2_3">
                                                     <!-- 신규계좌발급 시 -->
                                                     <p class="tType1_title"><img
                                                             src="/publish/images/content/icon_charging1_small.png"
@@ -400,18 +468,8 @@
                                                             <tr>
                                                                 <td>
                                                                     <div class="area_text">
-                                                                        <c:choose>
-                                                                            <c:when test="${not empty resultMyList}">
-                                                                                <p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능,
-                                                                                    5천원 이상 입금 가능)</p>
-                                                                            </c:when>
-                                                                            <c:otherwise>
-                                                                                <p>1. 현재 발급받은 전용계좌가 없습니다.</p>
-                                                                                <p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능,
-                                                                                    5천원 이상 입금 가능)</p>
-                                                                            </c:otherwise>
-                                                                        </c:choose>
-
+                                                                        <p>1. 현재 발급받은 전용계좌가 없습니다.</p>
+                                                                        <p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
                                                                         <!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
                                                                     </div>
                                                                 </td>
@@ -419,11 +477,12 @@
                                                                     <label for="bankCd" class="label">은행선택</label>
                                                                     <select name="bankCd" id="bankCd">
                                                                         <option value="">은행선택</option>
-                                                                        <c:forEach var="result" items="${resultList}"
-                                                                            varStatus="status">
-                                                                            <option value="${result.bankCd}">
-                                                                                ${result.codeNm}</option>
-                                                                        </c:forEach>
+                                                                        <option value="003">기업은행</option>
+                                                                        <option value="004">국민은행</option>
+                                                                        <option value="011">농협은행</option>
+                                                                        <option value="020">우리은행</option>
+                                                                        <option value="081">하나은행</option>
+                                                                        <option value="088">신한은행</option>
                                                                     </select>
                                                                     <p class="input_in" style="margin-right:5px;">원</p>
                                                                     <button type="button"
@@ -434,9 +493,7 @@
                                                     </table>
 
                                                     <!-- 기존 계좌있을 시 -->
-                                                    <p class="tType1_title"><img
-                                                            src="/publish/images/content/icon_charging1_small.png"
-                                                            alt="계좌 이미"> 전용계좌</p>
+                                                    <p class="tType1_title" style="margin-top: 50px;"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
                                                     <table class="tType1">
                                                         <caption></caption>
                                                         <colgroup>
@@ -444,59 +501,28 @@
                                                             <col style="width: 35%;">
                                                         </colgroup>
                                                         <tbody>
-                                                            <c:choose>
-                                                                <c:when test="${not empty resultMyList}">
-                                                                    <c:forEach var="result" items="${resultMyList}"
-                                                                        varStatus="status">
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="checkbox_wrap">
-                                                                                    <input type="radio"
-                                                                                        id="chkAccount${status.count}"
-                                                                                        name="chkAccount"
-                                                                                        value="<c:out value='${result.bankCd}'/>_<c:out value='${result.codeNm}'/>_<c:out value='${result.acctNo}'/>">
-                                                                                    <label
-                                                                                        for="chkAccount${status.count}"></label>
-                                                                                    <c:out value='${result.codeNm}' />
-                                                                                    <c:out value='${result.acctNo}' />
-                                                                                </div>
-                                                                                <div class="account_holder">
-                                                                                    (예금주 :
-                                                                                    <c:out value="${result.cmfNm}" />)
-                                                                                </div>
-                                                                            </td>
-                                                                            <td class="right">
-                                                                            </td>
-                                                                        </tr>
-                                                                    </c:forEach>
-                                                                </c:when>
-                                                                <c:otherwise>
-                                                                    <tr>
-                                                                        <td colspan="2">
-                                                                            <div>
-                                                                                보유한 전용 계좌가 없습니다.
-                                                                            </div>
-                                                                        </td>
-                                                                    </tr>
-                                                                </c:otherwise>
-                                                            </c:choose>
+                                                            <tr>
+                                                                <td colspan="2">
+                                                                    <div>
+                                                                        보유한 전용 계좌가 없습니다.
+                                                                    </div>
+                                                                </td>
+                                                            </tr>
                                                             <tr>
                                                                 <td colspan="2">
                                                                     <div class="area_text">
-                                                                        <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동
-                                                                                해지</span>됩니다.</p>
-                                                                        <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴
-                                                                            <span>실시간 자동 충전이</span> 가능합니다.</p>
+                                                                        <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
+                                                                        <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span>
+                                                                            가능합니다.</p>
                                                                         <!-- <p>- 예금주 : 문자온</p> -->
                                                                         <p>- 계좌번호 문자로 받기(일/3회까지)
                                                                             <label for="" class="label">전화번호 입력</label>
-                                                                            <input type="text" id="callTo" name="callTo"
-                                                                                maxLength="11"
+                                                                            <input type="text" id="callTo" name="callTo" maxlength="11"
                                                                                 placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요."
                                                                                 onfocus="this.placeholder=''"
                                                                                 onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
                                                                             <button type="button"
-                                                                                onclick="fnSmsSend(<c:out value='${resultMsgInfo.sendCnt}'/>); return false;">문자받기</button>
+                                                                                onclick="fnSmsSend(); return false;">문자받기</button>
                                                                         </p>
                                                                     </div>
                                                                 </td>
@@ -540,6 +566,7 @@
                                                                     <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
                                                                     <p class="input_in">원</p> -->
                                                                     <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+                                                                    <p class="input_in">원</p>
                                                                 </td>
                                                             </tr>
                                                             <tr>
@@ -549,12 +576,9 @@
                                                                             <dt>최종 결제금액 :</dt>
                                                                             <dd>
                                                                                 <ul>
-                                                                                    <li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
-                                                                                    </li>
-                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
-                                                                                    </li>
-                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
-                                                                                    </li>
+                                                                                    <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
+                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
                                                                                 </ul>
                                                                             </dd>
                                                                         </dl>
@@ -623,6 +647,7 @@
                                                                     <button type="button" onclick="setPrice(this , '1000000'); return false;">+ 100만원</button>--%>
                                                                     <p class="input_in">원</p> -->
                                                                     <!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+                                                                    <p class="input_in">원</p>
                                                                 </td>
                                                             </tr>
                                                             <tr>
@@ -632,12 +657,9 @@
                                                                             <dt>최종 결제금액 :</dt>
                                                                             <dd>
                                                                                 <ul>
-                                                                                    <li><strong id="supplyPriceStr">5,000</strong>원(공급가액)
-                                                                                    </li>
-                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">500</strong>원(부가세)
-                                                                                    </li>
-                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">5,500</strong>원(최종금액)
-                                                                                    </li>
+                                                                                    <li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+                                                                                    <li><span class="plus"></span><strong id="vatPriceStr">5,000</strong>원(부가세)</li>
+                                                                                    <li class="total"><span class="equal"></span><strong id="lastPriceStr">55,000</strong>원(최종금액)</li>
                                                                                 </ul>
                                                                             </dd>
                                                                         </dl>
src/main/webapp/publish/guide_2022.html
--- src/main/webapp/publish/guide_2022.html
+++ src/main/webapp/publish/guide_2022.html
@@ -18,6 +18,13 @@
     <!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
     <p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
     <ul class="page">
+        <li><a href="/publish/index_2023.html">index_2023.html</a>로그인 바 > 등급별 아이콘 이미지 추가 + 홍길동(개인)으로 이름 변경 (님)자 제거 + 요금안내 페이지 이동 탑 배너 추가 + 퀵메뉴 > 맞춤제작을 요금안내로 변경</li>
+        <li><a href="/publish/mypage_index_2023.html">mypage_index_2023.html</a>마이페이지 > 등급별 아이콘 버튼 추가 + 등급별 아이콘 버튼 클릭 > 팝업추가</li>
+        <li><a href="/publish/firstpay_event.html">firstpay_event.html</a>고객센터 > 이벤트페이지 > 충전수단 선택 내용 추가 </li>
+        <li><a href="/publish/payment3.html">payment3.html</a>결제관리 > 요금결제내역 > 간편결제 결제내역 tap추가 + 등급 및 누적결제액 확인 버튼 추가 + 등급 및 누적결제액 확인 버튼 클릭 > 팝업추가</li>
+        <li><a href="/publish/sub1_2023.html">sub1_2023.html</a>문자발송 > 문자전송 > 발송금액 > 나의단가 금액 추가</li>
+        <li><a href="/publish/payment2.html">payment2.html</a>결제관리 > 결제하기 > 충전수단 선택 > 간편결제추가 + 등급별금액&누적결제액별 등급 및 단가(테이블 및 텍스트 추가)</li>
+        <li><a href="/publish/payment1.html">payment1.html</a>결제관리 > 요금안내/견적안내(테이블 및 텍스트 추가)</li>
     	<li><a href="/publish/kakao_allimtalk_intro.html">kakao_allimtalk_intro.html</a>카카오톡 소개</li>
     	<li><a href="/publish/popup_pay_complete.html">popup_pay_complete.html</a>결제완료 팝업</li>
     	<li><a href="/publish/payment4.html">payment4.html</a>요금사용내역(발송내역, 세부내역 타이틀 추가)</li>
 
src/main/webapp/publish/images/credit_small.png (Binary) (added)
+++ src/main/webapp/publish/images/credit_small.png
Binary file is not shown
 
src/main/webapp/publish/images/level/accrue.png (Binary) (added)
+++ src/main/webapp/publish/images/level/accrue.png
Binary file is not shown
 
src/main/webapp/publish/images/level/level_btn_icon.png (Binary) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ 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) (added)
+++ src/main/webapp/publish/images/level/quick12.png
Binary file is not shown
 
src/main/webapp/publish/images/level/quick12_hover.png (Binary) (added)
+++ src/main/webapp/publish/images/level/quick12_hover.png
Binary file is not shown
 
src/main/webapp/publish/images/level/top_banner.png (Binary) (added)
+++ src/main/webapp/publish/images/level/top_banner.png
Binary file is not shown
 
src/main/webapp/publish/images/simple.png (Binary) (added)
+++ src/main/webapp/publish/images/simple.png
Binary file is not shown
 
src/main/webapp/publish/images/simple_small.png (Binary) (added)
+++ 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
+++ src/main/webapp/publish/index_2023.html
@@ -70,7 +70,16 @@
   </div>
   <!--// skip 메뉴  -->
 
-  <div class="quickMenu">
+  <!--// 요금안내 top 배너 시작 -->
+  <img class="price_top_banner"  src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
+  <map name="topbanner">
+    <area shape="poly" coords="45,165,194,164,182,183,155,200,124,208,85,202,63,187,46,167" href="https://www.munjaon.co.kr/web/pay/PayGuide.do" alt="">
+  </map>
+  <!--// 요금안내 top 배너 끝-->
+  
+  <!--// quick 메뉴 시작 -->
+  <!--quick 메뉴 변경전
+    <div class="quickMenu">
     <div>
       <p class="quick_title">QUICK<br>MENU</p>
       <p class="quick_title2">QUICK</p>
@@ -115,7 +124,87 @@
       <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
     </div>
   </div>
-  <!--// quick 메뉴 -->
+  -->
+  <!--quick 메뉴 변경후 시작-->
+  <div class="quickMenu main">
+    <div>
+        <p class="quick_title">QUICK<br>MENU</p>
+        <p class="quick_title2">QUICK</p>
+        <ul class="quickMenuIn">
+          <!--  
+            <li>
+                <a href="#" rel="nosublink"><i class="quick2"></i><span>카톡상담</span></a>
+                <div class="hover_cont">카톡상담</div>
+            </li>
+            <li>
+                <a href="#" rel="nosublink"><i class="quick3"></i><span>원격지원</span></a>
+                <div class="hover_cont">원격지원</div>
+            </li>
+            -->
+            <!-- 맞춤제작
+            <li>
+                <a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick4"></i><span>맞춤제작</span></a>
+                <div class="hover_cont">맞춤제작</div>
+            </li>
+             -->
+            <li>
+              <a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick12"></i><span>요금안내</span></a>
+              <div class="hover_cont">요금안내</div>
+            </li>
+            <li>
+                <a href="/web/mjon/addr/selectAddrList.do" rel="nosublink"><i class="quick10"></i><span>주소록 관리</span></a>
+                <div class="hover_cont">주소록 관리</div>
+            </li>
+            <li>
+                <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
+                <div class="hover_cont">발신번호 관리</div>
+            </li>
+            <li style="margin-top: 1px;">
+                <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
+                <div class="hover_cont">엑셀 대량전송</div>
+            </li>
+            <li>
+                <a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i class="quick7"></i><span>견적서</span></a>
+                <div class="hover_cont">견적서</div>
+            </li>
+            <li style="margin-top: 1px;">
+                <a href="/web/member/pay/PayList.do" rel="nosublink"><i class="quick8"></i><span>결제관리</span></a>
+                <div class="hover_cont">결제관리</div>
+            </li>
+            <!-- 
+            <li>
+                <a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>계산서/영수증</span></a>
+                <div class="hover_cont">계산서/영수증</div>
+            </li>
+             -->
+             <li>
+                <a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>세금계산서</span></a>
+                <div class="hover_cont">세금계산서</div>
+            </li>
+            <li class="cscenter">
+                <a href="/web/cop/bbs/NoticeList.do" rel="nosublink"><i class="quick11"></i><span>고객센터</span></a>
+                <div class="hover_cont">
+                  <div class="title">고객센터</div>
+                  <div class="number">010-8432-9333<br>010-2290-4786</div>
+                  
+                  <ul class="info">
+                    <li>· 월~금 : 09:30 ~ 18:30</li>
+                    <li>· 점심시간 : 13:00 ~ 14:00</li>
+                    <li>· 토, 일요일 및 법정공휴일 휴무</li>
+                  </ul>
+                  <div class="cskakao">
+                    <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank" rel="nosublink">카톡 상담</a>
+                    <a href="javascript:void(0);" class="remote" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a>
+                  </div>
+                </div>
+            </li>
+        </ul>
+        <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+    </div>
+    <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카카오톡 상담</a></div>
+  </div>
+  <!--// quick 메뉴 끝 -->
+
   <!-- header 영역 -->
   <header id="header" class="header sub">
     <!-- header top 영역 -->
@@ -188,8 +277,8 @@
           <div class="login_info">
             <i></i>
             <div class="login2_name">
-              <p>홍길동홍길동홍길동홍길동</p>
-              <span>(개인) 님</span>
+              <p>홍길동</p>
+              <span>(개인)</span>
             </div>
             <div class="session">
               <span>08:46</span>
src/main/webapp/publish/kakao_allimtalk_intro.html
--- src/main/webapp/publish/kakao_allimtalk_intro.html
+++ src/main/webapp/publish/kakao_allimtalk_intro.html
@@ -264,7 +264,7 @@
                                         <div class="fight-img">
                                             <p class="name">문자</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
+                                                <img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
                                                 <p class="price">18원</p>
                                             </div>
                                         </div>
@@ -272,7 +272,7 @@
                                         <div class="fight-img kakao">
                                             <p class="name">알림톡</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
+                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
                                                 <p class="price">6.5원</p>
                                             </div>
                                         </div>
@@ -285,7 +285,7 @@
                                         <div class="fight-img">
                                             <p class="name">문자</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
+                                                <img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
                                                 <p class="price">90Byte</p>
                                             </div>
                                         </div>
@@ -293,7 +293,7 @@
                                         <div class="fight-img kakao">
                                             <p class="name">알림톡</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
+                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
                                                 <p class="price">1,000글자</p>
                                             </div>
                                         </div>
src/main/webapp/publish/mypage_index_2023.html
--- src/main/webapp/publish/mypage_index_2023.html
+++ src/main/webapp/publish/mypage_index_2023.html
@@ -23,6 +23,85 @@
 
 <body>
 	<div class="mask"></div>
+
+	    <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 시작 -->
+		<div class="tooltip-wrap level_popup">
+			<div class="popup-com candidate_layer level_check_popup01" tabindex="0" data-tooltip-con="level_check_popup01" data-focus="level_check_popup01" data-focus-prev="level_check_popup01-close" style="width: 680px;">
+				<div class="popup_heading">
+					<p>누적결제액 세부내역<span>(2023-06-28 ~ 현재)</span></p>
+					<button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+				</div>
+				<div class="layer_in">
+					<div class="candidate_table">
+						<p class="level_tx">등급 : 오렌지(2,100,000원)</p>
+						<div class="tb_wrap">
+							<table class="tType4">
+								<colgroup>
+									<col style="width: 50px;">
+									<col style="width: 40%;">
+									<col style="width: 20%;">
+									<col style="width: 20%;">
+									<col style="width: 20%;">
+								</colgroup>
+								<thead>
+									<tr class="level_title">
+										<th>구분</th>
+										<th>결제일시</th>
+										<th>결제금액</th>
+										<th>누적금액</th>
+										<th>등급</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr class="level_text">
+										<td>1</td>
+										<td>2023-06-15 10:00</td>
+										<td>1,500,000</td>
+										<td>2,100,000</td>
+										<td>오렌지</td>
+									</tr>
+									<tr class="level_text">
+										<td>2</td>
+										<td>2023-05-16 10:00</td>
+										<td>500,000</td>
+										<td>600,000</td>
+										<td>옐로우</td>
+									</tr>
+									<tr class="level_text">
+										<td>3</td>
+										<td>2023-04-15 10:00</td>
+										<td>100,000</td>
+										<td>100,000</td>
+										<td>화이트</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</div>
+					<ul class="pagination">
+						<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+						<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+						<li class="on"><button>1</button></li>
+						<li><button>2</button></li>
+						<li><button>3</button></li>
+						<li><button>4</button></li>
+						<li><button>5</button></li>
+						<li><button>6</button></li>
+						<li><button>7</button></li>
+						<li><button>8</button></li>
+						<li><button>9</button></li>
+						<li><button>10</button></li>
+						<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+						<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+					</ul>
+					<div class="popup_btn_wrap2">
+						<button type="button" class="tooltip-close" data-focus="level_check_popup01-close">닫기</button>                      
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 끝 -->
+
 	<div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div>
 	<div class="quickMenu">
 		<div>
@@ -149,28 +228,65 @@
 						<h2>마이페이지</h2>
 					</div>
 					<div class="my_dashboard">
-						<div class="my_dashboard_cont1">
+						<div class="my_dashboard_cont1 dash_cont">
+							<button type="button" class="level_icon" data-tooltip="level_check_popup01">
+								<img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급별 스몰 아이콘">
+								<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
+								<p>오렌지</p>
+							</button>
 							<div>
-								<p><span>홍길동</span>회원님 반갑습니다</p><button type="button" class="btnType">기업회원전환</button>
+								<p>
+									<span>홍길동</span>회원님 반갑습니다
+								</p>
+								<button type="button" class="btnType " onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button>
 							</div>
 							<div class="send_price">
-								<div class="price_title">나의<br />단가</div>
+								<div class="price_title">나의<br>단가</div>
 								<div class="price_wrap">
-									<ul>
-										<li class="title"><img src="/publish/images/content/icon_mypage_message.png" alt="" />문자</li>
-										<li class="price_line"><span class="type">단문</span><span class="price">18 </span>원 </li>
-										<li class="price_line"><span class="type">장문</span><span class="price">50 </span>원 </li>
-										<li><span class="type">그림</span><span class="price">90 </span>원 (2장 : 110원 / 3장 : 130원)</li>
-									</ul>
-									<ul>
-										<li class="title"><img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="" />카톡</li>
-										<li class="price_line"><span class="type">알림톡</span><span class="price">6.9 </span>원 </li>
-										<li class="title"><img src="/publish/images/content/icon_mypage_fax.png" alt="" />팩스</li>
-										<li><span class="type">팩스</span><span class="price">58 </span>원 </li>
-										<li class="event_wrap">
-											<p class="event_text">※ 이벤트 단가 적용기간 : 2022-05-13 ~ 2022-07-12(<span>29</span>일 남음)</p>
-										</li>
-									</ul>
+										<ul>
+											<li class="title">
+												<img src="/publish/images/content/icon_mypage_message.png" alt="">문자
+											</li>
+											<li class="price_line">
+												<span class="type">단문</span>
+												<span class="price">
+													18
+												</span>원 
+											</li>
+											<li class="price_line">
+												<span class="type">장문</span>
+												<span class="price">
+													50
+												</span>원 
+											</li>
+											<li>
+												<span class="type">그림</span>
+												<span class="price">
+													90
+												</span>원 
+												(2장 : 110원 / 3장 : 130원)
+											</li>
+										</ul>
+										<ul>
+											<li class="title">
+												<img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
+											</li>
+											<li class="price_line">
+												<span class="type">알림톡</span>
+												<span class="price">
+													6.9
+												</span>원 
+											</li>
+											<li class="title">
+												<img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
+											</li>
+											<li>
+												<span class="type">팩스</span>
+												<span class="price">
+													58
+												</span>원
+											</li>
+										</ul>
 								</div>
 							</div>
 						</div>
src/main/webapp/publish/payment1.html
--- src/main/webapp/publish/payment1.html
+++ src/main/webapp/publish/payment1.html
@@ -247,7 +247,7 @@
 					</div>
 					<div class="fee_cont current" id="tab1_1">
 						<div>
-							<p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자</p>
+							<p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first">(등급 : 화이트)</span></p>
 							<table class="tType2">
 								<caption></caption>
 								<colgroup>
@@ -259,28 +259,173 @@
 									<tr>
 										<th>구분</th>
 										<th>특징</th>
-										<th>가격</th>
+										<th>단가</th>
 									</tr>
 								</thead>
 								<tbody>
 									<tr>
 										<th>단문(SMS)</th>
 										<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td>
-										<td><span>25</span>원</td>
+										<td><span>18.0</span>원</td>
 									</tr>
 									<tr>
 										<th>장문(LMS)</th>
 										<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td>
-										<td><span>50</span>원</td>
+										<td><span>50.0</span>원</td>
 									</tr>
 									<tr>
 										<th>그림문자(MMS)</th>
 										<td>2,000Byte 이하 문자 및 이미지를 포함하는그림메시지(이미지 최대 3장 첨부 가능) </td>
-										<td>1장 : <span>90</span>원 / 2장 : <span>120<span>원/ 3장 : <span>150</span>원</td>
+										<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</td>
 									</tr>
 								</tbody>
 							</table>
-							<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
+							<!--문자_등급별 요금 안내 추가 시작-->
+							<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
+							<table class="tType2 tType2_level">
+								<caption></caption>
+								<colgroup>
+									<col style="width: 13%;">
+									<col style="width: auto;">
+									<col style="width: 11%;">
+									<col style="width: 11%;">
+									<col style="width: 11%;">
+									<col style="width: 11%;">
+									<col style="width: 11%;">
+								</colgroup>
+								<thead>
+									<tr>
+										<th>등급</th>
+										<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
+										<th>단문</th>
+										<th>장문</th>
+										<th>그림(1장)</th>
+										<th>그림(2장)</th>
+										<th>그림(3장)</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr class="level_table">
+										<th>VVIP</th>
+										<td class="level_price">10,000,000</td>
+										<td>8.1</td>
+										<td>32</td>
+										<td>65</td>
+										<td>75</td>
+										<td>80</td>
+									</tr>
+									<tr class="level_table">
+										<th>VIP</th>
+										<td class="level_price">9,000,000</td>
+										<td>8.5</td>
+										<td>33</td>
+										<td>66</td>
+										<td>76</td>
+										<td>83</td>
+									</tr>
+									<tr class="level_table">
+										<th>골드</th>
+										<td class="level_price">8,000,000</td>
+										<td>9</td>
+										<td>34</td>
+										<td>67</td>
+										<td>77</td>
+										<td>85</td>
+									</tr>
+									<tr class="level_table">
+										<th>실버</th>
+										<td class="level_price">7,000,000</td>
+										<td>10</td>
+										<td>35</td>
+										<td>68</td>
+										<td>78</td>
+										<td>90</td>
+									</tr>
+									<tr class="level_table">
+										<th>블랙</th>
+										<td class="level_price">6,000,000</td>
+										<td>11</td>
+										<td>36</td>
+										<td>69</td>
+										<td>79</td>
+										<td>95</td>
+									</tr>
+									<tr class="level_table">
+										<th>레드</th>
+										<td class="level_price">5,000,000</td>
+										<td>12</td>
+										<td>38</td>
+										<td>72</td>
+										<td>80</td>
+										<td>100</td>
+									</tr>
+									<tr class="level_table">
+										<th>퍼플</th>
+										<td class="level_price">4,000,000</td>
+										<td>13</td>
+										<td>40</td>
+										<td>75</td>
+										<td>85</td>
+										<td>105</td>
+									</tr>
+									<tr class="level_table">
+										<th>블루</th>
+										<td class="level_price">3,000,000</td>
+										<td>14</td>
+										<td>42</td>
+										<td>78</td>
+										<td>90</td>
+										<td>110</td>
+									</tr>
+									<tr class="level_table">
+										<th>오렌지</th>
+										<td class="level_price">2,000,000</td>
+										<td>15</td>
+										<td>44</td>
+										<td>81</td>
+										<td>95</td>
+										<td>115</td>
+									</tr>
+									<tr class="level_table">
+										<th>그린</th>
+										<td class="level_price">1,000,000</td>
+										<td>16</td>
+										<td>46</td>
+										<td>84</td>
+										<td>100</td>
+										<td>120</td>
+									</tr>
+									<tr class="level_table">
+										<th>옐로우</th>
+										<td class="level_price">500,000</td>
+										<td>17</td>
+										<td>48</td>
+										<td>87</td>
+										<td>105</td>
+										<td>125</td>
+									</tr>
+									<tr class="level_table">
+										<th>화이트</th>
+										<td class="level_price">0</td>
+										<td>18</td>
+										<td>50</td>
+										<td>90</td>
+										<td>110</td>
+										<td>130</td>
+									</tr>
+								</tbody>
+							</table>
+							<span class="reqTxt4">
+								* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
+								* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
+								* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
+							</span> 
+							<p class="reqTxt4 reqTxt4_last">
+								* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
+   								이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다. 
+							</p>
+							<!--문자_등급별 요금 안내 추가 끝-->
+
 							<p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 알림톡</p>
 							<table class="tType2">
 								<colgroup>
src/main/webapp/publish/payment2.html
--- src/main/webapp/publish/payment2.html
+++ src/main/webapp/publish/payment2.html
@@ -2,257 +2,378 @@
 <html lang="ko">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>문자온</title>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>문자온</title>
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/publish/css/reset.css">
-    <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
-    <link rel="stylesheet" href="/publish/css/common.css">
-    <link rel="stylesheet" href="/publish/css/button.css">
-    <link rel="stylesheet" href="/publish/css/content.css">
-    <link rel="stylesheet" href="/publish/css/mem.css">
-    <link rel="stylesheet" href="/publish/css/font.css">
-    <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    
-    
-    <script src="/publish/js/jquery-3.5.0.js"></script>
-    <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
-    <script src="/publish/js/common.js"></script>
-    <script src="/publish/js/content.js"></script>
-    <script src="/publish/js/calendar.js"></script>
+	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+	<link rel="stylesheet" href="/publish/css/reset.css">
+	<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
+	<link rel="stylesheet" href="/publish/css/common.css">
+	<link rel="stylesheet" href="/publish/css/button.css">
+	<link rel="stylesheet" href="/publish/css/content.css">
+	<link rel="stylesheet" href="/publish/css/mem.css">
+	<link rel="stylesheet" href="/publish/css/font.css">
+	<link rel="stylesheet" href="/publish/css/popupLayer.css">
+
+	<script src="/publish/js/jquery-3.5.0.js"></script>
+	<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
+	<script src="/publish/js/common.js"></script>
+	<script src="/publish/js/content.js"></script>
+	<script src="/publish/js/calendar.js"></script>
 	<script src="/publish/js/popupLayer.js"></script>
 
 
 </head>
+
 <body>
-    <div class="mask"></div>
-    <!-- skip 메뉴  -->
-    <div class="skip_menu">
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <!-- send top -->
-            <div class="send_top">
-                <!-- tab button -->
-                <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'1');">결제하기</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li>
-                </ul><!--// tab button -->
+	<div class="mask"></div>
+	<!-- skip 메뉴  -->
+	<div class="skip_menu">
+		<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+	</div>
+	<!--// skip 메뉴  -->
+	<!-- quick 메뉴 -->
+	<div class="quickMenu">
+		<div>
+			<p class="quick_title">QUICK<br>MENU</p>
+			<p class="quick_title2">QUICK</p>
+			<ul class="quickMenuIn">
+				<li>
+					<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
+					<div class="hover_cont">이용안내</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
+					<div class="hover_cont">채팅상담</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick3"></i><span>원격지원</span></a>
+					<div class="hover_cont">원격지원</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
+					<div class="hover_cont">맞춤제작</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
+					<div class="hover_cont">주소록 등록</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
+					<div class="hover_cont">엑셀 대량전송</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick7"></i><span>견적서</span></a>
+					<div class="hover_cont">견적서</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick8"></i><span>결제</span></a>
+					<div class="hover_cont">결제</div>
+				</li>
+				<li>
+					<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
+					<div class="hover_cont">영수증/계산서</div>
+				</li>
+			</ul>
+			<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+		</div>
+	</div>
+	<!--// quick 메뉴 -->
+	<!-- header 영역 -->
+	<header id="header" class="header">
+		<!-- header top 영역 -->
+		<div class="header_top">
+			<div class="inner">
+				<ul class="menu_left">
+					<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
+					<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
+					<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
+				</ul>
+				<ul class="menu_right">
+					<li><a href="#">충전하기</a></li>
+					<li class="SortLine"><a href="#">요금안내</a></li>
+					<li class="SortLine"><a href="#">이용안내</a></li>
+					<li class="SortLine"><a href="#">1:1고객상담</a></li>
+				</ul>
+			</div>
+		</div><!-- header top 영역 -->
+		<!-- header body 영역 -->
+		<div class="header_body">
+			<div class="inner table">
+				<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
+							alt="문자온 CI"></a></h1>
+				<ul class="gnbWrap table_cell">
+					<li><a href="#">문자발송</a></li>
+					<li><a href="#">선거문자</a></li>
+					<li><a href="#">맞춤제작</a></li>
+					<li><a href="#">비즈톡</a></li>
+					<li><a href="#">주소록 관리</a></li>
+					<li><a href="#">발송결과</a></li>
+					<li><a href="#">예약관리</a></li>
+					<li><a href="#">결제내역</a></li>
+				</ul>
+				<div class="s_menu">
+					<i class="allSearch_info"><span>문자검색</span></i>
+					<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();">
+						<img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu">
+					</button>
+					<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+				</div>
+			</div>
+			<!-- search popup 영역 -->
+			<div class="pop_search">
+				<div class="inner">
+					<div class="area_search">
+						<select name="" id="">
+							<option value="">그림문자</option>
+							<option value="">단문문자</option>
+							<option value="">장문문자</option>
+							<option value="">GIF</option>
+						</select>
+						<input type="text" placeholder="문자샘플 검색하기">
+						<button><img src="/publish/images/search02.png" alt=""></button>
+					</div>
+					<div class="area_popular">
+						<p><i></i>인기검색어</p>
+						<ul class="popular_tag">
+							<li><a href="#">#정월대보름</a></li>
+							<li class="on"><a href="#">#추석</a></li>
+							<li><a href="#">#가을인사</a></li>
+							<li><a href="#">#좋은하루</a></li>
+						</ul>
+					</div>
+					<button class="btn_close" onclick="searchToggle();">
+						<img src="/publish/images/btn_searchclose.png" alt="">
+					</button>
+				</div>
+			</div>
+			<!--// search popup 영역 -->
+		</div>
+		<!--// header body 영역 -->
+		<div id="login" class="login">
+			<div class="inner table">
+				<div class="login_left table_cell">
+					<div class="login_put">
+						<label for="id_text" class="label"></label>
+						<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
+							size="18">
+						<label for="password_text" class="label"></label>
+						<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
+							maxlength="30" size="18">
+						<label for="login_button" class="label"></label>
+						<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
+					</div>
+					<div class="login_save">
+						<input type="checkbox" id="save_id">
+						<label for="save_id">아이디 저장</label>
+					</div>
+					<div class="login_find">
+						<a href="#">아이디찾기 /</a>
+						<a href="#">비밀번호 찾기</a>
+					</div>
+					<div>
+						<button type="button" class="btnType btnType2">회원가입</button>
+						<button type="button" class="btnType btnType3">둘러보기</button>
+					</div>
+				</div>
+				<div class="login_right">
+					<span><i></i>이달의 이벤트</span>
+					<button type="button" class="btnType btnType4">바로가기</button>
+				</div>
+			</div>
+		</div>
+		<!--// login 영역 -->
+	</header>
+	<!--// header 영역 -->
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- tab button -->
+				<ul class="tabType4">
+					<li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li>
+					<li class="tab active"><button type="button" onclick="TabType5(this,'1');">결제하기</button></li>
+					<li class="tab"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li>
+					<li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li>
+					<li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li>
+				</ul>
+				<!--// tab button -->
 				<!-- 결제관리 - 결제하기 -->
-                <div class="serv_content charg_cont current" id="tab5_2">
-                    <div class="heading">
-                        <h2>결제하기</h2>
-                    </div>
-                    <div class="titBox">
+				<div class="serv_content charg_cont current" id="tab5_2">
+					<div class="heading">
+						<h2>결제하기</h2>
+					</div>
+					<!--<div class="titBox">
 						<p>- 서비스 이용을 위해 충전이 필수 입니다.</p>
 						<p>- 충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</p>
 						<p>- 모든 요금은 VAT별도 금액입니다.</p>
-					</div>
+					</div>-->
 					<div>
 						<p class="tab_tit">충전수단 선택</p>
 						<ul class="area_tab">
-							<li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>신용카드</button></li>
-							<li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>전용계좌</button></li>
+							<li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>간편결제</button></li>
+							<li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>신용카드</button>
+							</li>
+							<li class="btn_charge3 btn_tab"><button onclick="TabType2(this,'3');"><i></i>전용계좌</button>
+							</li>
 							<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
-							<li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>휴대폰결제</button></li>
-							<li class="btn_charge5 btn_tab"><button onclick="TabType2(this,'5');"><i></i>즉시이체</button></li>
+							<li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>휴대폰결제</button>
+							</li>
+							<li class="btn_charge5 btn_tab"><button onclick="TabType2(this,'5');"><i></i>즉시이체</button>
+							</li>
 						</ul>
-						<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 다음 충전 시에도
+						<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을
+							다음 충전 시에도
 							이용합니다.</div>
 
-						<!-- 신용카드 -->
+						<!-- 간편결제 -->
 						<div class="area_tabcont on" id="tab2_1">
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt=""> 신용카드</p>
+							<p class="tType1_title"><img src="./images/simple_small.png" alt="간편결제 스몰 아이콘">
+							간편결제</p>
 							<table class="tType1">
-								<caption></caption>
 								<colgroup>
 									<col style="width: 100px;">
 									<col style="width: auto;">
 								</colgroup>
 								<tbody>
-									<tr>
+									<tr class="charge_content">
 										<th scope="row">충전금액</th>
 										<td class="flex">
-											<input type="text" placeholder="금액을 입력해주세요"  onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
+											<select name="tempPrice" id="tempPrice" class="list_seType1">
+												<option value="5000">5,000</option>
+												<option value="10000">10,000</option>
+												<option value="20000">20,000</option>
+												<option value="30000">30,000</option>
+												<option value="50000" selected="">50,000</option>
+												<option value="100000">100,000</option>
+												<option value="200000">200,000</option>
+												<option value="300000">300,000</option>
+												<option value="500000">500,000</option>
+												<option value="700000">700,000</option>
+												<option value="900000">900,000</option>
+												<option value="1000000">1,000,000</option>
+												<option value="1200000">1,200,000</option>
+												<option value="1500000">1,500,000</option>
+												<option value="2000000">2,000,000</option>
+												<option value="2500000">2,500,000</option>
+												<option value="3000000">3,000,000</option>
+											</select>
+
 											<p class="input_in">원</p>
-											<button class="btnType1">+ 3천원</button>
-											<button>+ 5천원</button>
-											<button>+ 1만원</button>
-											<button>+ 10만원</button>
-											<button>+ 100만원</button>
-											<span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span>
+											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="amount_wrap">
+												<dl>
+													<dt>최종 결제금액 :</dt>
+													<dd>
+														<ul>
+															<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong
+																	id="vatPriceStr">5,000</strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong
+																	id="lastPriceStr">55,000</strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType"
+													onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
 										</td>
 									</tr>
 									<tr>
 										<td colspan="2">
 											<div class="area_text">
-												<p><span class="c_222222">- 신용카드 결제가 어려우신 고객께서는 ARS 신용카드 결제(080-1234-5678 전화 후 결제정보 입력)를 통해서도 이용 가능합니다. </span></p>
-												<p>- 팝업차단 해제 후 충전 가능합니다(도구 → 팝업차단 메뉴에서 설정)</p>
-                                                <p>- 카드사별 정책상 금액제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한없이 이용하실 수 있습니다.</p>
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
 											</div>
 										</td>
 									</tr>
 								</tbody>
 							</table>
-							<div style="text-align: center;">
-								<button class="btnType btnType16">충전하기</button>
-							</div>
+						</div>
+
+						<!-- 신용카드 -->
+						<div class="area_tabcont " id="tab2_2">
+							<p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드">
+								신용카드</p>
+							<table class="tType1">
+								<colgroup>
+									<col style="width: 100px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<tr class="charge_content">
+										<th scope="row">충전금액</th>
+										<td class="flex">
+											<select name="tempPrice" id="tempPrice" class="list_seType1">
+												<option value="5000">5,000</option>
+												<option value="10000">10,000</option>
+												<option value="20000">20,000</option>
+												<option value="30000">30,000</option>
+												<option value="50000" selected="">50,000</option>
+												<option value="100000">100,000</option>
+												<option value="200000">200,000</option>
+												<option value="300000">300,000</option>
+												<option value="500000">500,000</option>
+												<option value="700000">700,000</option>
+												<option value="900000">900,000</option>
+												<option value="1000000">1,000,000</option>
+												<option value="1200000">1,200,000</option>
+												<option value="1500000">1,500,000</option>
+												<option value="2000000">2,000,000</option>
+												<option value="2500000">2,500,000</option>
+												<option value="3000000">3,000,000</option>
+											</select>
+
+											<p class="input_in">원</p>
+											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="amount_wrap">
+												<dl>
+													<dt>최종 결제금액 :</dt>
+													<dd>
+														<ul>
+															<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong
+																	id="vatPriceStr">5,000</strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong
+																	id="lastPriceStr">55,000</strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType"
+													onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="area_text">
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
+												<p>- 카드사별 정책상 충전금액 제한이 있을 수 있습니다. 단, ARS 신용카드 결제는 충전금액 제한 없이 이용하실 수
+													있습니다.</p>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
 						</div>
 						<!-- //신용카드 -->
 
-                        <!-- 전용계좌 -->
-						<div class="area_tabcont" id="tab2_2">
-                            <!-- 신규계좌발급 시 -->
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
+						<!-- 전용계좌 -->
+						<div class="area_tabcont current" id="tab2_3">
+							<!-- 신규계좌발급 시 -->
+							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png"
+									alt="계좌 이미"> 전용계좌</p>
 							<table class="tType1">
 								<caption></caption>
 								<colgroup>
@@ -264,32 +385,32 @@
 										<td>
 											<div class="area_text">
 												<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
-												<p>2. 평생 같은 계좌번호로 입금 즉시 자동 충전되는 전용계좌를 사용해보세요(5,000원 이상부터 입금 가능)</p>
-                                                <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p>
+												<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
+												<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
 											</div>
 										</td>
 										<td class="right">
-                                            <label for="" class="label">은행선택</label>
-											<select name="" id="">
+											<label for="bankCd" class="label">은행선택</label>
+											<select name="bankCd" id="bankCd">
 												<option value="">은행선택</option>
-												<option value="">기업은행</option>
-												<option value="">국민은행</option>
-												<option value="">외환은행</option>
-												<option value="">농협</option>
-												<option value="">우리은행</option>
-												<option value="">신한은행</option>
-												<option value="">SC은행</option>
-												<option value="">부산은행</option>
-												<option value="">우체국</option>
+												<option value="003">기업은행</option>
+												<option value="004">국민은행</option>
+												<option value="011">농협은행</option>
+												<option value="020">우리은행</option>
+												<option value="081">하나은행</option>
+												<option value="088">신한은행</option>
 											</select>
-											<button type="button" data-tooltip="popup05">신규계좌받기</button>
+											<p class="input_in" style="margin-right:5px;">원</p>
+											<button type="button"
+												onclick="fnNewBankAccount(); return false;">신규계좌받기</button>
 										</td>
 									</tr>
 								</tbody>
 							</table>
 
-                            <!-- 기존 계좌있을 시 -->
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png" alt="계좌 이미"> 전용계좌</p>
+							<!-- 기존 계좌있을 시 -->
+							<p class="tType1_title"><img src="/publish/images/content/icon_charging1_small.png"
+									alt="계좌 이미"> 전용계좌</p>
 							<table class="tType1">
 								<caption></caption>
 								<colgroup>
@@ -298,23 +419,28 @@
 								</colgroup>
 								<tbody>
 									<tr>
-										<td>
-											<div class="checkbox_wrap"><input type="checkbox"><label for=""></label> 기업은행 08202827497137</div>
-										</td>
-										<td class="right">
+										<td colspan="2">
+											<div>
+												보유한 전용 계좌가 없습니다.
+											</div>
 										</td>
 									</tr>
 									<tr>
 										<td colspan="2">
 											<div class="area_text">
 												<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
-												<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전</span>됩니다.</p>
-												<p>- 예금주 : 문자온</p>
-												<p>- 계좌번호 문자로 받기(일/3회까지) 
-                                                    <label for="" class="label">전화번호 입력</label>
-                                                    <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> 
-                                                    <button>문자받기</button>
-                                                </p>
+												<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span>
+													가능합니다.</p>
+												<!-- <p>- 예금주 : 문자온</p> -->
+												<p>- 계좌번호 문자로 받기(일/3회까지)
+													<label for="" class="label">전화번호 입력</label>
+													<input type="text" id="callTo" name="callTo" maxlength="11"
+														placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요."
+														onfocus="this.placeholder=''"
+														onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
+													<button type="button"
+														onclick="fnSmsSend(); return false;">문자받기</button>
+												</p>
 											</div>
 										</td>
 									</tr>
@@ -324,7 +450,7 @@
 						<!-- //전용계좌 -->
 
 						<!-- 무통장입금 -->
-						<div class="area_tabcont" id="tab2_3">
+						<!-- <div class="area_tabcont" id="tab2_4">
 							<p class="tType1_title"><img src="/publish/images/content/icon_charging3_small.png" alt=""> 무통장입금</p>
 							<table class="tType1">
 								<caption></caption>
@@ -337,29 +463,36 @@
 										<td colspan="2">
 											<ul class="info_bank">
 												<li><a href="#"><i></i>
-													<p>신한은행 <span>389-01-106644</span></p></a>
+														<p>신한은행 <span>389-01-106644</span></p>
+													</a>
 												</li>
 												<li><a href="#"><i></i>
-													<p>농협은행 <span>7700-7700-28</span></p></a>
+														<p>농협은행 <span>7700-7700-28</span></p>
+													</a>
 												</li>
 												<li><a href="#"><i></i>
-													<p>국민은행 <span>839-25-0027-299</span></p></a>
+														<p>국민은행 <span>839-25-0027-299</span></p>
+													</a>
 												</li>
 												<li><a href href="#"><i></i>
-													<p>기업은행 <span>065-048245-04-013</span></p></a>
+														<p>기업은행 <span>065-048245-04-013</span></p>
+													</a>
 												</li>
 												<li><a href="#"><i></i>
-													<p>외환(하나)은행 <span>241-22-04685-7</span></p></a>
+														<p>외환(하나)은행 <span>241-22-04685-7</span></p>
+													</a>
 												</li>
 												<li><a href="#"><i></i>
-													<p>우리은행 <span>119-301098-13-101</span></p></a>
+														<p>우리은행 <span>119-301098-13-101</span></p>
+													</a>
 												</li>
 											</ul>
 											<div class="area_text">
 												<p>※ 입금자명은 반드시 <span>본인의 아이디</span>로 입력하셔야 합니다(동명이인 식별 불가)</p>
 												<p>※ 반드시 은행명, 입금액, 예금주를 먼저 입력하신 후 송금을 하셔야 하며, <span>송금이 완료된 상태에서 입금알림 버튼</span>을 눌러주셔야 합니다.</p>
 												<ul class="box_input flex">
-													<li class="flex">은행명 <select name="" id="">
+													<li class="flex">은행명 
+														<select name="" id="">
 															<option value="">국민은행</option>
 														</select>
 													</li>
@@ -371,24 +504,25 @@
 														<input type="checkbox"> 상기 계좌에 입금 알림 <button>입금알림</button>
 													</li>
 												</ul>
-												<p>-  무통장입금 계좌번호 문자로 받기(일 / 최대 3회) 
-                                                    <label for="" class="sel_type2_label">은행명</label>
-											        <select name="" id="" class="sel_type2">
-											        	<option value="">은행선택</option>
-											        	<option value="">기업은행</option>
-											        	<option value="">국민은행</option>
-											        	<option value="">외환은행</option>
-											        	<option value="">농협</option>
-											        	<option value="">우리은행</option>
-											        	<option value="">신한은행</option>
-											        	<option value="">SC은행</option>
-											        	<option value="">부산은행</option>
-											        	<option value="">우체국</option>
-											        </select>
-                                                    <label for="" class="label">전화번호 입력</label>
-                                                    <input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'"> 
-                                                    <button>문자받기</button>
-                                                </p>
+												<p>- 무통장입금 계좌번호 문자로 받기(일 / 최대 3회)
+													<label for="" class="sel_type2_label">은행명</label>
+													<select name="" id="" class="sel_type2">
+														<option value="">은행선택</option>
+														<option value="">기업은행</option>
+														<option value="">국민은행</option>
+														<option value="">외환은행</option>
+														<option value="">농협</option>
+														<option value="">우리은행</option>
+														<option value="">신한은행</option>
+														<option value="">SC은행</option>
+														<option value="">부산은행</option>
+														<option value="">우체국</option>
+													</select>
+													<label for="" class="label">전화번호 입력</label>
+													<input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''"
+														onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
+													<button>문자받기</button>
+												</p>
 											</div>
 										</td>
 									</tr>
@@ -397,12 +531,13 @@
 							<div style="text-align: center;">
 								<button class="btnType btnType16">충전하기</button>
 							</div>
-						</div>
+						</div> -->
 						<!-- //무통장입금 -->
 
 						<!-- 휴대폰 -->
-						<div class="area_tabcont" id="tab2_4">
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt=""> 휴대폰결제</p>
+						<div class="area_tabcont current" id="tab2_4">
+							<p class="tType1_title"><img src="/publish/images/content/icon_charging4_small.png" alt="">
+								휴대폰결제</p>
 							<table class="tType1">
 								<caption></caption>
 								<colgroup>
@@ -410,39 +545,61 @@
 									<col style="width: auto;">
 								</colgroup>
 								<tbody>
-									<tr>
+									<tr class="charge_content">
 										<th scope="row">충전금액</th>
 										<td class="flex">
-											<input type="text" placeholder="금액을 입력해주세요"  onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
+											<select name="tempPrice" id="tempPrice" class="list_seType1">
+												<option value="5000">5,000</option>
+												<option value="10000">10,000</option>
+												<option value="20000">20,000</option>
+												<option value="30000">30,000</option>
+												<option value="50000" selected="">50,000</option>
+												<option value="100000">100,000</option>
+												<option value="150000">150,000</option>
+											</select>
+
 											<p class="input_in">원</p>
-											<button class="btnType1">+ 3천원</button>
-											<button>+ 5천원</button>
-											<button>+ 1만원</button>
-											<button>+ 10만원</button>
-											<button>+ 100만원</button>
-											<span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span>
+											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="amount_wrap">
+												<dl>
+													<dt>최종 결제금액 :</dt>
+													<dd>
+														<ul>
+															<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong
+																	id="vatPriceStr">5,000</strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong
+																	id="lastPriceStr">55,000</strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType"
+													onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
 										</td>
 									</tr>
 									<tr>
 										<td colspan="2">
 											<div class="area_text">
-												<p>- 월 30만원 한도 내에서 충전할 수 있습니다.</p>
-												<p>- 그 외 휴대폰 소액결제 제한은 가입하신 통신사를 통해 확인할 수 있습니다.</p>
-												<p>- 팝업차단 해제 후 충전 가능합니다.(도구>팝업차단 메뉴에서 설정)</p>
+												<p>- 월 30만원 한도 내에서 충전하실 수 있습니다.</p>
+												<p>- 휴대폰 소액결제 제한에 관한 사항은 가입하신 통신사를 통해 확인하실 수 있습니다.</p>
+												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
 											</div>
 										</td>
 									</tr>
 								</tbody>
 							</table>
-							<div style="text-align: center;">
-								<button class="btnType btnType16">충전하기</button>
-							</div>
 						</div>
 						<!-- //휴대폰 -->
 
 						<!-- 즉시이체 -->
-						<div class="area_tabcont" id="tab2_5">
-							<p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt=""> 즉시이체</p>
+						<div class="area_tabcont current" id="tab2_5">
+							<p class="tType1_title"><img src="/publish/images/content/icon_charging5_small.png" alt="">
+								즉시이체</p>
 							<table class="tType1">
 								<caption></caption>
 								<colgroup>
@@ -450,70 +607,262 @@
 									<col style="width: auto;">
 								</colgroup>
 								<tbody>
-									<tr>
+									<tr class="charge_content">
 										<th scope="row">충전금액</th>
 										<td class="flex">
-											<input type="text" placeholder="금액을 입력해주세요"  onfocus="this.placeholder=''" onblur="this.placeholder='금액을 입력해주세요'">
+											<select name="tempPrice" id="tempPrice" class="list_seType1">
+												<option value="5000">5,000</option>
+												<option value="10000">10,000</option>
+												<option value="20000">20,000</option>
+												<option value="30000">30,000</option>
+												<option value="50000" selected="">50,000</option>
+												<option value="100000">100,000</option>
+												<option value="200000">200,000</option>
+												<option value="300000">300,000</option>
+												<option value="500000">500,000</option>
+												<option value="700000">700,000</option>
+												<option value="900000">900,000</option>
+												<option value="1000000">1,000,000</option>
+												<option value="1200000">1,200,000</option>
+												<option value="1500000">1,500,000</option>
+												<option value="2000000">2,000,000</option>
+												<option value="2500000">2,500,000</option>
+												<option value="3000000">3,000,000</option>
+											</select>
+
 											<p class="input_in">원</p>
-											<button class="btnType1">+ 3천원</button>
-											<button>+ 5천원</button>
-											<button>+ 1만원</button>
-											<button>+ 10만원</button>
-											<button>+ 100만원</button>
-											<span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span>
+											<!-- <span class="reqTxt6">※ 최소 3천원 이상부터 결제 가능합니다.</span> -->
+										</td>
+									</tr>
+									<tr>
+										<td colspan="2">
+											<div class="amount_wrap">
+												<dl>
+													<dt>최종 결제금액 :</dt>
+													<dd>
+														<ul>
+															<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
+															<li><span class="plus"></span><strong
+																	id="vatPriceStr">5,000</strong>원(부가세)</li>
+															<li class="total"><span class="equal"></span><strong
+																	id="lastPriceStr">55,000</strong>원(최종금액)</li>
+														</ul>
+													</dd>
+												</dl>
+												<button type="button" class="btnType"
+													onclick="pgOpenerPopup(); return false;">충전하기</button>
+											</div>
 										</td>
 									</tr>
 									<tr>
 										<td colspan="2">
 											<div class="area_text">
-												<p>- 결제사의 인터넷뱅킹을 이용한 계좌이체(법인계좌불가)입니다.</p>
-												<p>- 기존 인터넷뱅킹을 이용하시는 경우 해당 이체를 통해 무통장입금을 이용하시는게 편리할 수 있습니다,</p>
+												<p>- 나이스페이 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p>
+												<p>&nbsp; (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
 											</div>
 										</td>
 									</tr>
 								</tbody>
 							</table>
-							<div style="text-align: center;">
-								<button class="btnType btnType16">충전하기</button>
-							</div>
 						</div>
 						<!-- //즉시이체 -->
 					</div>
+
+					<!--누적결제액별 등급 및 단가 추가 시작-->
+					<div class="accrue_price">
+						<p>등급 : <span><img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급 스몰 아이콘">오렌지(누적결제액 : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;  &nbsp;<span>200,000</span>원)</span></p> 
+						<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
+					</div>
+					<div class="accrue_level">
+						<p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가
+						</p>
+						<table class="tType2 tType2_level">
+							<caption></caption>
+							<colgroup>
+								<col style="width: 13%;">
+								<col style="width: auto;">
+								<col style="width: 11%;">
+								<col style="width: 11%;">
+								<col style="width: 11%;">
+								<col style="width: 11%;">
+								<col style="width: 11%;">
+							</colgroup>
+							<thead>
+								<tr>
+									<th>등급</th>
+									<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
+									<th>단문</th>
+									<th>장문</th>
+									<th>그림(1장)</th>
+									<th>그림(2장)</th>
+									<th>그림(3장)</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<th>VVIP</th>
+									<td class="level_price">10,000,000</td>
+									<td>8.1</td>
+									<td>32</td>
+									<td>65</td>
+									<td>75</td>
+									<td>80</td>
+								</tr>
+								<tr>
+									<th>VIP</th>
+									<td class="level_price">9,000,000</td>
+									<td>8.5</td>
+									<td>33</td>
+									<td>66</td>
+									<td>76</td>
+									<td>83</td>
+								</tr>
+								<tr>
+									<th>골드</th>
+									<td class="level_price">8,000,000</td>
+									<td>9</td>
+									<td>34</td>
+									<td>67</td>
+									<td>77</td>
+									<td>85</td>
+								</tr>
+								<tr>
+									<th>실버</th>
+									<td class="level_price">7,000,000</td>
+									<td>10</td>
+									<td>35</td>
+									<td>68</td>
+									<td>78</td>
+									<td>90</td>
+								</tr>
+								<tr>
+									<th>블랙</th>
+									<td class="level_price">6,000,000</td>
+									<td>11</td>
+									<td>36</td>
+									<td>69</td>
+									<td>79</td>
+									<td>95</td>
+								</tr>
+								<tr>
+									<th>레드</th>
+									<td class="level_price">5,000,000</td>
+									<td>12</td>
+									<td>38</td>
+									<td>72</td>
+									<td>80</td>
+									<td>100</td>
+								</tr>
+								<tr>
+									<th>퍼플</th>
+									<td class="level_price">4,000,000</td>
+									<td>13</td>
+									<td>40</td>
+									<td>75</td>
+									<td>85</td>
+									<td>105</td>
+								</tr>
+								<tr>
+									<th>블루</th>
+									<td class="level_price">3,000,000</td>
+									<td>14</td>
+									<td>42</td>
+									<td>78</td>
+									<td>90</td>
+									<td>110</td>
+								</tr>
+								<tr>
+									<th>오렌지</th>
+									<td class="level_price">2,000,000</td>
+									<td>15</td>
+									<td>44</td>
+									<td>81</td>
+									<td>95</td>
+									<td>115</td>
+								</tr>
+								<tr>
+									<th>그린</th>
+									<td class="level_price">1,000,000</td>
+									<td>16</td>
+									<td>46</td>
+									<td>84</td>
+									<td>100</td>
+									<td>120</td>
+								</tr>
+								<tr>
+									<th>옐로우</th>
+									<td class="level_price">500,000</td>
+									<td>17</td>
+									<td>48</td>
+									<td>87</td>
+									<td>105</td>
+									<td>125</td>
+								</tr>
+								<tr>
+									<th>화이트</th>
+									<td class="level_price">0</td>
+									<td>18</td>
+									<td>50</td>
+									<td>90</td>
+									<td>110</td>
+									<td>130</td>
+								</tr>
+							</tbody>
+						</table>
+						<span class="reqTxt4">
+							* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
+							* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
+							* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
+						</span>
+						<p class="reqTxt4 reqTxt4_last">
+							* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작
+							등으로 인지되는 문자에 대해서는
+							사전 또는 즉시 발송을 차단하고
+							이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을
+							취소합니다.
+						</p>
+						<!--문자_등급별 요금 안내 추가 끝-->
+					</div>
 				</div><!-- 결제관리 - 결제하기 -->
-            </div><!--// send top -->
-        </div>
-    </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+			</div>
+			<!--// send top -->
+		</div>
+	</div>
+	<!--// content 영역 -->
+	<!-- footer 영역 -->
+	<footer id="footer" class="footer">
+		<div class="footer_top">
+			<div class="inner table">
+				<ul class="table_cell">
+					<li><a href="#">이용약관</a></li>
+					<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
+					<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
+					<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="footer_body">
+			<div class="inner table">
+				<div class="table_cell">
+					<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
+					<div class="footer_info">
+						<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
+						<p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
+						<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
+					</div>
+					<div class="footer_service_center">
+						<i></i>
+						<div>
+							<p>고객센터</p>
+							<span class="footer_service_num">070-4786-0008</span>
+							<span>E-mail : help@iten.co.kr</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</footer>
+	<!--// footer 영역 -->
+</body>
+
+</html>
(No newline at end of file)
src/main/webapp/publish/payment3.html
--- src/main/webapp/publish/payment3.html
+++ src/main/webapp/publish/payment3.html
@@ -6,7 +6,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>문자온</title>
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
+        rel="stylesheet">
     <link rel="stylesheet" href="/publish/css/reset.css">
     <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
     <link rel="stylesheet" href="/publish/css/common.css">
@@ -15,29 +16,32 @@
     <link rel="stylesheet" href="/publish/css/mem.css">
     <link rel="stylesheet" href="/publish/css/font.css">
     <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    
-    
+
+
     <script src="/publish/js/jquery-3.5.0.js"></script>
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
     <script src="/publish/js/calendar.js"></script>
-	<script src="/publish/js/popupLayer.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
 
 
 </head>
+
 <body>
     <div class="mask"></div>
 
     <!-- 현금영수증 팝업 data-tooltip:cashReceipt_popup01 -->
-	<div class="tooltip-wrap">
-		<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;">
-			<div class="popup_heading">
-				<p>현금영수증 발행정보</p>
-				<button type="button" class="tooltip-close" data-focus="cashReceipt_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
-				<div class="candidate_table">
+    <div class="tooltip-wrap">
+        <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;">
+            <div class="popup_heading">
+                <p>현금영수증 발행정보</p>
+                <button type="button" class="tooltip-close" data-focus="cashReceipt_popup01-close"><img
+                        src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
+                <div class="candidate_table">
                     <!-- <p>현금영수증 발행정보</p> -->
                     <table>
                         <caption>후보자 등록을 위한 성명, 주민등록번호, 주소를 입력하는 표</caption>
@@ -67,16 +71,100 @@
                 </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">발행하기</button>
-                    <button type="button">수정하기</button>                      
+                    <button type="button">수정하기</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 현금영수증 팝업 -->
+            </div>
+        </div>
+    </div>
+    <!--// 현금영수증 팝업 -->
+
+
+    <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 시작 -->
+    <div class="tooltip-wrap level_popup">
+        <div class="popup-com candidate_layer level_check_popup01" tabindex="0" data-tooltip-con="level_check_popup01"
+            data-focus="level_check_popup01" data-focus-prev="level_check_popup01-close" style="width: 680px;">
+            <div class="popup_heading">
+                <p>누적결제액 세부내역<span>(2023-06-28 ~ 현재)</span></p>
+                <button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img
+                        src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
+                <div class="candidate_table">
+                    <p class="level_tx">등급 : 오렌지(2,100,000원)</p>
+                    <div class="tb_wrap">
+                        <table class="tType4">
+                            <colgroup>
+                                <col style="width: 50px;">
+                                <col style="width: 40%;">
+                                <col style="width: 20%;">
+                                <col style="width: 20%;">
+                                <col style="width: 20%;">
+                            </colgroup>
+                            <thead>
+                                <tr class="level_title">
+                                    <th>구분</th>
+                                    <th>결제일시</th>
+                                    <th>결제금액</th>
+                                    <th>누적금액</th>
+                                    <th>등급</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="level_text">
+                                    <td>1</td>
+                                    <td>2023-06-15 10:00</td>
+                                    <td>1,500,000</td>
+                                    <td>2,100,000</td>
+                                    <td>오렌지</td>
+                                </tr>
+                                <tr class="level_text">
+                                    <td>2</td>
+                                    <td>2023-05-16 10:00</td>
+                                    <td>500,000</td>
+                                    <td>600,000</td>
+                                    <td>옐로우</td>
+                                </tr>
+                                <tr class="level_text">
+                                    <td>3</td>
+                                    <td>2023-04-15 10:00</td>
+                                    <td>100,000</td>
+                                    <td>100,000</td>
+                                    <td>화이트</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <ul class="pagination">
+                    <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button>
+                    </li>
+                    <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                    <li class="on"><button>1</button></li>
+                    <li><button>2</button></li>
+                    <li><button>3</button></li>
+                    <li><button>4</button></li>
+                    <li><button>5</button></li>
+                    <li><button>6</button></li>
+                    <li><button>7</button></li>
+                    <li><button>8</button></li>
+                    <li><button>9</button></li>
+                    <li><button>10</button></li>
+                    <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                    <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+                </ul>
+                <div class="popup_btn_wrap2">
+                    <button type="button" class="tooltip-close" data-focus="level_check_popup01-close">닫기</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 끝 -->
 
     <!-- skip 메뉴  -->
     <div class="skip_menu">
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
+    </div>
+    <!--// skip 메뉴  -->
     <!-- quick 메뉴 -->
     <div class="quickMenu">
         <div>
@@ -122,7 +210,8 @@
             </ul>
             <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
         </div>
-    </div><!--// quick 메뉴 -->
+    </div>
+    <!--// quick 메뉴 -->
     <!-- header 영역 -->
     <header id="header" class="header">
         <!-- header top 영역 -->
@@ -144,7 +233,8 @@
         <!-- header body 영역 -->
         <div class="header_body">
             <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
+                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
+                            alt="문자온 CI"></a></h1>
                 <ul class="gnbWrap table_cell">
                     <li><a href="#">문자발송</a></li>
                     <li><a href="#">선거문자</a></li>
@@ -157,7 +247,8 @@
                 </ul>
                 <div class="s_menu">
                     <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
+                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
                     <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
                 </div>
             </div>
@@ -171,8 +262,8 @@
                             <option value="">장문문자</option>
                             <option value="">GIF</option>
                         </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
+                        <input type="text" placeholder="문자샘플 검색하기">
+                        <button><img src="/publish/images/search02.png" alt=""></button>
                     </div>
                     <div class="area_popular">
                         <p><i></i>인기검색어</p>
@@ -183,18 +274,23 @@
                             <li><a href="#">#좋은하루</a></li>
                         </ul>
                     </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
+                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
+                            alt=""></button>
                 </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
+            </div>
+            <!--// search popup 영역 -->
+        </div>
+        <!--// header body 영역 -->
         <div id="login" class="login">
             <div class="inner table">
                 <div class="login_left table_cell">
                     <div class="login_put">
                         <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
+                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
+                            size="18">
                         <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
+                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
+                            maxlength="30" size="18">
                         <label for="login_button" class="label"></label>
                         <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
                     </div>
@@ -216,8 +312,10 @@
                     <button type="button" class="btnType btnType4">바로가기</button>
                 </div>
             </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
+        </div>
+        <!--// login 영역 -->
+    </header>
+    <!--// header 영역 -->
     <!-- login 영역 -->
     <!-- content 영역 -->
     <div id="container" class="cont sub">
@@ -231,331 +329,494 @@
                     <li class="tab active"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li>
                     <li class="tab"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li>
                     <li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li>
-                </ul><!--// tab button -->
-				<!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) -->
+                </ul>
+                <!--// tab button -->
+                <!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) -->
                 <div class="serv_content current" id="tab5_1">
                     <div class="heading">
                         <h2>요금결제내역</h2>
                     </div>
-                        <div class="pay_tab_wrap">
-                            <!-- tab button -->
-                            <ul class="tabType1">
-                                <li class="tab active"><button type="button" onclick="TabType1(this,'1');">전체</button></li>
-                                <li class="tab"><button type="button" onclick="TabType1(this,'2');">전용계좌 결제내역</button></li>
-                                <li class="tab"><button type="button" onclick="TabType1(this,'3');">신용카드 결제내역</button></li>
-                                <li class="tab"><button type="button" onclick="TabType1(this,'4');">무통장입금</button></li>
-                                <li class="tab"><button type="button" onclick="TabType1(this,'5');">휴대폰결제</button></li>
-                                <li class="tab"><button type="button" onclick="TabType1(this,'6');">환불신청</button></li>
-                            </ul><!--// tab button -->
-                        </div>
-                        <!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) -->
-                        <div class="pay_cont current" id="tab1_1">
-                            <table class="tType1">
-                                <caption>요금결제내역 기간설정에 대한 표</caption>
-                                <colgroup>
-                                    <col style="width: 160px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">기간설정</th>
-                                        <td>
-                                            <div class="calendar_wrap">
-                                                <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
-                                                <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
-                                                    <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
-                                                    <div id="startDate-lry" class="calendarPop" style="display: none;">
-                                                        <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
-                                                    </div>
-                                                </div>
-                                                <span class="dateEtc">~</span>
-                                                <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
-                                                <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
-                                                    <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
+                    <div class="pay_tab_wrap">
+                        <!-- tab button -->
+                        <ul class="tabType1">
+                            <li class="tab active"><button type="button" onclick="TabType1(this,'1');">전체</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'2');">간편결제 결제내역</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'3');">전용계좌 결제내역</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'4');">신용카드 결제내역</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'5');">휴대폰 결제내역</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'6');">즉시이체 결제내역</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'7');">포인트 교환내역</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'8');">환불신청</button></li>
+                        </ul>
+                        <!--// tab button -->
+                    </div>
+                    <!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) -->
+                    <div class="pay_cont current" id="tab1_1">
+                        <table class="tType1">
+                            <caption>요금결제내역 기간설정에 대한 표</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">기간설정</th>
+                                    <td>
+                                        <div class="calendar_wrap">
+                                            <input type="text" class="startDate inp" title="검색 시작일" id="startDate"
+                                                name="startDate" value="" data-datecontrol="true">
+                                            <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
+                                                <button type="button" value="달력 팝업 열기"
+                                                    onclick="return calendarOpen('startDate-lry','',this)"></button>
+                                                <div id="startDate-lry" class="calendarPop" style="display: none;">
+                                                    <iframe id="startDate3-ifrm" name="startDate-ifrm"
+                                                        class="calendar-frame" src="/publish/calendar.html"
+                                                        title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
                                                 </div>
                                             </div>
-                                            <button type="button" class="btnType btnType19">전월</button>
-                                            <button type="button" class="btnType btnType19">당월</button>
-                                            <button type="button" class="btnType btnType6">조회</button>
-                                            <button type="button" class="btnType btnType17">기간 초기화</button>
+                                            <span class="dateEtc">~</span>
+                                            <input type="text" class="endDate inp" title="검색 종료일" id="endDate"
+                                                name="endDate" value="" data-datecontrol="true">
+                                            <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
+                                                <button type="button" value="달력 팝업 열기"
+                                                    onclick="return calendarOpen('endDate-lry','',this)"></button>
+                                            </div>
+                                        </div>
+                                        <button type="button" class="btnType btnType19">전월</button>
+                                        <button type="button" class="btnType btnType19">당월</button>
+                                        <button type="button" class="btnType btnType6">조회</button>
+                                        <button type="button" class="btnType btnType17">기간 초기화</button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div class="excel_middle">
+                            <div class="select_btnWrap clearfix">
+                                <div class="add_text2">※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회 가능합니다.</div>
+                                <div>
+                                    <button type="button" class="level_btn" data-tooltip="level_check_popup01">
+                                        <img src="/publish/images/level/level_btn_icon.png" alt="등급 및 누적결제액 확인 버튼">등급 및 누적결제액 확인
+                                    </button>
+                                    <button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
+                                    <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
+                                    <label for="" class="label">검색조건 선택</label>
+                                    <select name="" id="" class="selType2">
+                                        <option value="">10개</option>
+                                        <option value="">10개</option>
+                                        <option value="">10개</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 현금영수증 발행 전 -->
+                        <div class="tb_wrap pay3_list">
+                            <table class="tType4">
+                                <colgroup>
+                                    <col style="width: 40px;">
+                                    <col style="width: 5%;">
+                                    <col style="width: 20%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 25%;">
+                                    <col style="width: 20%;">
+                                </colgroup>
+                                <thead>
+                                    <tr>
+                                        <th>
+                                            <label for="" class="label">전체 선택</label>
+                                            <input type="checkbox">
+                                        </th>
+                                        <th>
+                                            번호
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제일시
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제방식
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제금액
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>결제정보</th>
+                                        <th>증빙서류 발행 요청</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>1</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>신용카드</p>
+                                        </td>
+                                        <td class="td_price">
+                                            <p>199,000</p>
+                                        </td>
+                                        <td class="td_payInfo">
+                                            <p>신한카드<span></span> 카드승인번호 : 12345678</p>
+                                        </td>
+                                        <td><button class="btnType btnType20">카드전표</button></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>2</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>무통장입금</p>
+                                        </td>
+                                        <td class="td_price">
+                                            <p>199,000</p>
+                                        </td>
+                                        <td class="td_payInfo">
+                                            <p>신한카드<span></span> 우리은행 : 1234-56-78901</p>
+                                        </td>
+                                        <td><button class="btnType btnType20"
+                                                data-tooltip="cashReceipt_popup01">현금영수증</button><button
+                                                class="btnType btnType20">간이영수증</button></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>3</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>포인트</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td class="td_payInfo">
+                                            <p>사용포인트(수수료 포함) : 5,250</p>
+                                        </td>
+                                        <td></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>4</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>전용계좌</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td class="td_payInfo">
+                                            <p>전용계좌번호 : 1234-56-78901</p>
+                                        </td>
+                                        <td><button class="btnType btnType20">현금영수증</button><button
+                                                class="btnType btnType20">간이영수증</button></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>5</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>휴대폰</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td class="td_payInfo">
+                                            <p>결제 휴대폰 번호 : 010-1234-5678</p>
+                                        </td>
+                                        <td><button class="btnType btnType20">간이영수증</button></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>6</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>즉시이체</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td class="td_payInfo">
+                                            <p>출금계좌<span></span> 국민은행 : 1234-56-78901</p>
+                                        </td>
+                                        <td><button class="btnType btnType20">현금영수증</button><button
+                                                class="btnType btnType20">간이영수증</button></td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <!-- //현금영수증 발행 전 -->
+
+                        <!-- 현금영수증 발행 후 -->
+                        <div class="tb_wrap pay3_list">
+                            <table class="tType4">
+                                <colgroup>
+                                    <col style="width: 40px;">
+                                    <col style="width: 5%;">
+                                    <col style="width: 20%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 25%;">
+                                    <col style="width: 20%;">
+                                </colgroup>
+                                <thead>
+                                    <tr>
+                                        <th>
+                                            <label for="" class="label">전체 선택</label>
+                                            <input type="checkbox">
+                                        </th>
+                                        <th>
+                                            번호
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제일시
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제방식
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제금액
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png"
+                                                        alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png"
+                                                        alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>결제정보</th>
+                                        <th>증빙서류 발행 요청</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>1</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>신용카드</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td>
+                                            <p>신한카드 <span></span> 카드승인번호 : 12345678</p>
+                                        </td>
+                                        <td><button class="btnType btnType20">카드전표</button></td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>2</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>무통장입금</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td>
+                                            <p>신한카드 <span></span> 우리은행 : 1234-56-78901</p>
+                                        </td>
+                                        <td>
+                                            <p class="fwRg c_222">세금계산서 발행완료</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>3</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>포인트</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td>
+                                            <p>사용포인트(수수료 포함) : 5,250</p>
+                                        </td>
+                                        <td>-</td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>4</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>전용계좌</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td>
+                                            <p>전용계좌번호 : 1234-56-78901</p>
+                                        </td>
+                                        <td>
+                                            <p class="fwRg c_222">현금계산서 발행완료</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>5</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>휴대폰</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td>
+                                            <p>결제 휴대폰 번호 : 010-1234-5678</p>
+                                        </td>
+                                        <td>
+                                            <p class="fwRg c_002c9a">세금계산서 발행대기</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>
+                                            <p>6</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-25, 09:30:52</p>
+                                        </td>
+                                        <td>
+                                            <p>즉시이체</p>
+                                        </td>
+                                        <td>
+                                            <p>199,000</p>
+                                        </td>
+                                        <td>
+                                            <p>출금계좌 <span></span> 국민은행 : 1234-56-78901</p>
+                                        </td>
+                                        <td>
+                                            <p class="fwRg c_002c9a">세금계산서 발행대기</p>
                                         </td>
                                     </tr>
                                 </tbody>
                             </table>
-                            <div class="excel_middle">
-								<div class="select_btnWrap clearfix">
-                                    <div class="add_text2">※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회 가능합니다.</div>
-									<div>
-										<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
-                                        <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
-                                        <label for="" class="label">검색조건 선택</label>
-                                        <select name="" id="" class="selType2">
-                                            <option value="">10개</option>
-                                            <option value="">10개</option>
-                                            <option value="">10개</option>
-                                        </select>
-									</div>
-								</div>
-							</div>
-                            <!-- 현금영수증 발행 전 -->
-						<div class="tb_wrap pay3_list">
-							<table class="tType4">
-								<colgroup>
-									<col style="width: 40px;">
-									<col style="width: 5%;">
-									<col style="width: 20%;">
-									<col style="width: 15%;">
-									<col style="width: 15%;">
-									<col style="width: 25%;">
-									<col style="width: 20%;">
-								</colgroup>
-								<thead>
-									<tr>
-										<th>
-											<label for="" class="label">전체 선택</label>
-											<input type="checkbox">
-										</th>
-										<th>
-											번호
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>
-											결제일시
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>
-											결제방식
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>
-											결제금액
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>결제정보</th>
-										<th>증빙서류 발행 요청</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>1</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>신용카드</p></td>
-										<td class="td_price"><p>199,000</p></td>
-										<td class="td_payInfo"><p>신한카드<span></span> 카드승인번호 : 12345678</p></td>
-										<td><button class="btnType btnType20">카드전표</button></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>2</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>무통장입금</p></td>
-										<td class="td_price"><p>199,000</p></td>
-										<td class="td_payInfo"><p>신한카드<span></span> 우리은행 : 1234-56-78901</p></td>
-										<td><button class="btnType btnType20" data-tooltip="cashReceipt_popup01">현금영수증</button><button class="btnType btnType20">간이영수증</button></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>3</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>포인트</p></td>
-										<td><p>199,000</p></td>
-										<td class="td_payInfo"><p>사용포인트(수수료 포함) : 5,250</p></td>
-										<td></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>4</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>전용계좌</p></td>
-										<td><p>199,000</p></td>
-										<td class="td_payInfo"><p>전용계좌번호 : 1234-56-78901</p></td>
-										<td><button class="btnType btnType20">현금영수증</button><button class="btnType btnType20">간이영수증</button></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>5</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>휴대폰</p></td>
-										<td><p>199,000</p></td>
-										<td class="td_payInfo"><p>결제 휴대폰 번호 : 010-1234-5678</p></td>
-										<td><button class="btnType btnType20">간이영수증</button></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>6</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>즉시이체</p></td>
-										<td><p>199,000</p></td>
-										<td class="td_payInfo"><p>출금계좌<span></span> 국민은행 : 1234-56-78901</p></td>
-										<td><button class="btnType btnType20">현금영수증</button><button class="btnType btnType20">간이영수증</button></td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-						<!-- //현금영수증 발행 전 -->
-
-						<!-- 현금영수증 발행 후 -->
-						<div class="tb_wrap pay3_list">
-							<table class="tType4">
-								<colgroup>
-									<col style="width: 40px;">
-									<col style="width: 5%;">
-									<col style="width: 20%;">
-									<col style="width: 15%;">
-									<col style="width: 15%;">
-									<col style="width: 25%;">
-									<col style="width: 20%;">
-								</colgroup>
-								<thead>
-									<tr>
-										<th>
-											<label for="" class="label">전체 선택</label>
-											<input type="checkbox">
-										</th>
-										<th>
-											번호
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>
-											결제일시
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>
-											결제방식
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>
-											결제금액
-											<div class="sort_wrap">
-												<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-												<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-											</div>
-										</th>
-										<th>결제정보</th>
-										<th>증빙서류 발행 요청</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>1</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>신용카드</p></td>
-										<td><p>199,000</p></td>
-										<td><p>신한카드 <span></span> 카드승인번호 : 12345678</p></td>
-										<td><button class="btnType btnType20">카드전표</button></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>2</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>무통장입금</p></td>
-										<td><p>199,000</p></td>
-										<td><p>신한카드 <span></span> 우리은행 : 1234-56-78901</p></td>
-										<td><p class="fwRg c_222">세금계산서 발행완료</p></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>3</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>포인트</p></td>
-										<td><p>199,000</p></td>
-										<td><p>사용포인트(수수료 포함) : 5,250</p></td>
-										<td>-</td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>4</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>전용계좌</p></td>
-										<td><p>199,000</p></td>
-										<td><p>전용계좌번호 : 1234-56-78901</p></td>
-										<td><p class="fwRg c_222">현금계산서 발행완료</p></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>5</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>휴대폰</p></td>
-										<td><p>199,000</p></td>
-										<td><p>결제 휴대폰 번호 : 010-1234-5678</p></td>
-										<td><p class="fwRg c_002c9a">세금계산서 발행대기</p></td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td><p>6</p></td>
-										<td><p>2021-06-25, 09:30:52</p></td>
-										<td><p>즉시이체</p></td>
-										<td><p>199,000</p></td>
-										<td><p>출금계좌 <span></span> 국민은행 : 1234-56-78901</p></td>
-										<td><p class="fwRg c_002c9a">세금계산서 발행대기</p></td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-						<!-- //현금영수증 발행 후 -->
+                        </div>
+                        <!-- //현금영수증 발행 후 -->
                         <!-- pagination -->
                         <ul class="pagination">
-                            <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                            <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
+                            <li class="page_first"><button><img src="/publish/images/content/page_first.png"
+                                        alt=""></button></li>
+                            <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"
+                                        alt=""></button></li>
                             <li class="on"><button>1</button></li>
                             <li><button>2</button></li>
                             <li><button>3</button></li>
@@ -566,222 +827,236 @@
                             <li><button>8</button></li>
                             <li><button>9</button></li>
                             <li><button>10</button></li>
-                            <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                            <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
+                            <li class="page_next"><button><img src="/publish/images/content/page_next.png"
+                                        alt=""></button></li>
+                            <li class="page_last"><button><img src="/publish/images/content/page_last.png"
+                                        alt=""></button></li>
                         </ul><!-- pagination -->
-                        </div><!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) -->
-                       <!-- 결제내역 - 요금결제내역 - 환불신청 -->
-                        <div class="pay_cont current" id="tab1_6">
-                            <div class="titBox">
-                                <p>- 포인트는 환불되지 않습니다.</p>
-                                <p>- 환불 신청 금액에 따라 환불 수수료가 차감됩니다.</p>
-                                <p>- 결제 방식에 따라 환불 수수료는 다르게 적용될 수 있습니다.</p>
-                                <p>- 취소 처리기간 경과시에 증빙서류를 첨부해야 환불처리 가능하며, 결제대행 수수료가 부과됩니다.</p>
-                                <p>- 1,000원 이하의 잔액은 환불이 불가합니다.</p>
-                                <p>- 무통장입금 제외 모든 결제는 부분취소가 불가하여, 사용금액(차액) 결제 후 전액취소를 원칙으로 합니다.</p>
-                                <p>&nbsp;(예) 핸드폰 3만원 결제 후 3천원 사용한 경우, 3,300원(부가세포함)송금 또는 3천원 핸드폰 결제 후 3만원 전액취소</p>
-                                <p><span>- 환불업무는 매주 수요일에 순차적으로 처리됩니다.</span></p>
-                            </div>
-                            <!-- <div class="pay_info">
+                    </div><!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) -->
+                    <!-- 결제내역 - 요금결제내역 - 환불신청 -->
+                    <div class="pay_cont current" id="tab1_8">
+                        <div class="titBox">
+                            <p>- 포인트는 환불되지 않습니다.</p>
+                            <p>- 환불 신청 금액에 따라 환불 수수료가 차감됩니다.</p>
+                            <p>- 결제 방식에 따라 환불 수수료는 다르게 적용될 수 있습니다.</p>
+                            <p>- 취소 처리기간 경과시에 증빙서류를 첨부해야 환불처리 가능하며, 결제대행 수수료가 부과됩니다.</p>
+                            <p>- 1,000원 이하의 잔액은 환불이 불가합니다.</p>
+                            <p>- 무통장입금 제외 모든 결제는 부분취소가 불가하여, 사용금액(차액) 결제 후 전액취소를 원칙으로 합니다.</p>
+                            <p>&nbsp;(예) 핸드폰 3만원 결제 후 3천원 사용한 경우, 3,300원(부가세포함)송금 또는 3천원 핸드폰 결제 후 3만원 전액취소</p>
+                            <p><span>- 환불업무는 매주 수요일에 순차적으로 처리됩니다.</span></p>
+                        </div>
+                        <!-- <div class="pay_info">
                                 <p>※ 환불 수수료 안내</p>
                                 <p>- 10,000원 이하  :  <span>1,000</span>원</p>
                                 <p>- 10,000원 초과  :  <span>10</span>%</p>
                             </div> -->
-                            <ul class="clause_list">
-                                <li class="list_open on">
-                                    <div class="clause_list_head">
-                                        <div class="list_head_in">
-                                            <span><i></i>증빙서류 및 환불수수료 안내</span>
-                                            <button type="button" onclick="clause_list(this);"><i></i></button>
+                        <ul class="clause_list">
+                            <li class="list_open on">
+                                <div class="clause_list_head">
+                                    <div class="list_head_in">
+                                        <span><i></i>증빙서류 및 환불수수료 안내</span>
+                                        <button type="button" onclick="clause_list(this);"><i></i></button>
+                                    </div>
+                                </div>
+                                <div class="clause_list_body">
+                                    <table class="refund_info">
+                                        <caption>증빙서류 및 환불수수료 안내</caption>
+                                        <colgroup>
+                                            <col style="width: 15%;">
+                                            <col style="width: 22%;">
+                                            <col style="width: auto;">
+                                            <col style="width: 14%;">
+                                        </colgroup>
+                                        <thead>
+                                            <tr>
+                                                <th>결제방법</th>
+                                                <th>취소가능기간</th>
+                                                <th>증빙서류</th>
+                                                <th>환불수수료</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <tr>
+                                                <td>전용계좌</td>
+                                                <td>명의자 계좌로 환불</td>
+                                                <td>이체확인증(이체한 통장내역) 통장사본</td>
+                                                <td>환불금액의 3%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>신용카드</td>
+                                                <td>결제일 기준 2개월 내 취소가능</td>
+                                                <td>통장사본</td>
+                                                <td>환불금액의 5%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>무통장입금</td>
+                                                <td>명의자 계좌로 환불</td>
+                                                <td>이체확인증(이체한 통장내역) 통장사본</td>
+                                                <td>환불금액의 3%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>휴대폰결제</td>
+                                                <td>결제 당월 취소가능</td>
+                                                <td>결제당월 일반 전화요금 납입영수증, 일반전화 명의자의 통장사본</td>
+                                                <td>환불금액의 8%</td>
+                                            </tr>
+                                            <tr>
+                                                <td>즉시이체</td>
+                                                <td>결제 당일건만 취소가능</td>
+                                                <td>통장사본</td>
+                                                <td>환불금액의 5%</td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </li>
+                        </ul>
+                        <p class="tType1_title">환불 금액 입력</p>
+                        <table class="tType1">
+                            <caption>환불 가능, 신청, 예정에 대한 표</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">환불 가능 금액</th>
+                                    <td class="price_ref1"><span>120,000</span>원</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">환불 신청 금액</th>
+                                    <td>
+                                        <input type="text" style="margin-right: 18px;" size="36">
+                                        <label for="" class="price_input">원</label>
+                                        <input type="checkbox" id="" class="re">
+                                        <label for="" class="alarm label">선택</label>
+                                        <span class="text_req">전액환불(1,000원 이하 환불 불가)</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">환불 예정 금액</th>
+                                    <td class="price_ref1"><span class="c_e40000">120,000</span>원<span
+                                            class="reqTxt5">(수수료 10% 제외)</span></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <p class="tType1_title">환불 계좌 입력 <span>(가입자가 충전하지 않았거나 타인의 계좌로 환불신청하는 경우 별도 서류가 요구될 수 있으며, 서류
+                                불충분 시 환불되지 않습니다.)</span></p>
+                        <table class="tType1">
+                            <caption>예금주, 계좌정보, 연락처, 통장사본, 증빙서류에 대한 표</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">예금주</th>
+                                    <td class="send_cf">
+                                        <input id="radio1" type="radio" name="" checked="checked">
+                                        <label for="radio1">가입자</label>
+                                        <input id="radio2" type="radio" name="">
+                                        <label for="radio2">가입자 외</label>
+                                        <input id="radio3" type="radio" name="">
+                                        <label for="radio3">기업</label>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">계좌정보</th>
+                                    <td>
+                                        <label for="" class="label">예금주</label>
+                                        <input type="text" placeholder="예금주  :  홍길동" readonly class="readonly">
+                                        <select name="" id="" class="selType2">
+                                            <option value="">은행선택</option>
+                                            <option value="">신한은행</option>
+                                            <option value="">우리은행</option>
+                                        </select>
+                                        <label for="" class="label">계좌번호 입력</label>
+                                        <input type="text" placeholder="계좌번호를 입력해주세요. 숫자만 입력가능"
+                                            onfocus="this.placeholder=''"
+                                            onblur="this.placeholder='계좌번호를 입력해주세요. 숫자만 입력가능'" size="36"
+                                            class="account_put">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">연락처</th>
+                                    <td>
+                                        <label for="" class="label">연락처 입력</label>
+                                        <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''"
+                                            onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">통장사본</th>
+                                    <td class="attachedFile_wrap">
+                                        <label for="" class="label">통장사본 파일첨부</label>
+                                        <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly
+                                            size="36">
+                                        <button type="button" class="btnType btnType9">파일첨부</button>
+                                        <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 munjaon@iten.co.kr로 보내주세요</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">증빙서류</th>
+                                    <td class="attachedFile_wrap">
+                                        <label for="" class="label">증빙서류</label>
+                                        <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly
+                                            size="36">
+                                        <button type="button" class="btnType btnType9">파일첨부</button>
+                                        <span class="reqTxt6">※ 이체확인증 또는 핸드폰 납부 영수증을 첨부해주세요</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <p class="tType1_title">환불 사유</p>
+                        <table class="tType1">
+                            <caption>환불사유, 비밀번호에 대한 표</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row" style="line-height: 70px;">환불사유</th>
+                                    <td class="send_cf">
+                                        <div>
+                                            <input id="radio4" type="radio" name="" checked="checked">
+                                            <label for="radio4">문자 단가가 높음</label>
+                                            <input id="radio5" type="radio" name="">
+                                            <label for="radio5">사용할 일이 없어서</label>
+                                            <input id="radio6" type="radio" name="">
+                                            <label for="radio6">사이트 이용 불만</label>
                                         </div>
-                                    </div>
-                                    <div class="clause_list_body">
-                                        <table class="refund_info">
-                                            <caption>증빙서류 및 환불수수료 안내</caption>
-                                            <colgroup>
-                                                <col style="width: 15%;">
-                                                <col style="width: 22%;">
-                                                <col style="width: auto;">
-                                                <col style="width: 14%;">
-                                            </colgroup>
-                                            <thead>
-                                                <tr>
-                                                    <th>결제방법</th>
-                                                    <th>취소가능기간</th>
-                                                    <th>증빙서류</th>
-                                                    <th>환불수수료</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>전용계좌</td>
-                                                    <td>명의자 계좌로 환불</td>
-                                                    <td>이체확인증(이체한 통장내역) 통장사본</td>
-                                                    <td>환불금액의 3%</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>신용카드</td>
-                                                    <td>결제일 기준 2개월 내 취소가능</td>
-                                                    <td>통장사본</td>
-                                                    <td>환불금액의 5%</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>무통장입금</td>
-                                                    <td>명의자 계좌로 환불</td>
-                                                    <td>이체확인증(이체한 통장내역) 통장사본</td>
-                                                    <td>환불금액의 3%</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>휴대폰결제</td>
-                                                    <td>결제 당월 취소가능</td>
-                                                    <td>결제당월 일반 전화요금 납입영수증, 일반전화 명의자의 통장사본</td>
-                                                    <td>환불금액의 8%</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>즉시이체</td>
-                                                    <td>결제 당일건만 취소가능</td>
-                                                    <td>통장사본</td>
-                                                    <td>환불금액의 5%</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </li>
-                            </ul>
-                            <p class="tType1_title">환불 금액 입력</p>
-                            <table class="tType1">
-                                <caption>환불 가능, 신청, 예정에 대한 표</caption>
-                                <colgroup>
-                                    <col style="width: 160px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">환불 가능 금액</th>
-                                        <td class="price_ref1"><span>120,000</span>원</td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">환불 신청 금액</th>
-                                        <td>
-                                            <input type="text" style="margin-right: 18px;" size="36">
-                                            <label for="" class="price_input">원</label>
-                                            <input type="checkbox" id="" class="re">
-                                            <label for="" class="alarm label">선택</label>
-                                            <span class="text_req">전액환불(1,000원 이하 환불 불가)</span>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">환불 예정 금액</th>
-                                        <td class="price_ref1"><span class="c_e40000">120,000</span>원<span class="reqTxt5">(수수료 10% 제외)</span></td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <p class="tType1_title">환불 계좌 입력 <span>(가입자가 충전하지 않았거나 타인의 계좌로 환불신청하는 경우 별도 서류가 요구될 수 있으며, 서류 불충분 시 환불되지 않습니다.)</span></p>
-                            <table class="tType1">
-                                <caption>예금주, 계좌정보, 연락처, 통장사본, 증빙서류에 대한 표</caption>
-                                <colgroup>
-                                    <col style="width: 160px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">예금주</th>
-                                        <td class="send_cf">
-                                            <input id="radio1" type="radio"name="" checked="checked">
-                                            <label for="radio1">가입자</label>
-                                            <input id="radio2" type="radio" name="">
-                                            <label for="radio2">가입자 외</label>
-                                            <input id="radio3" type="radio" name="">
-                                            <label for="radio3">기업</label>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">계좌정보</th>
-                                        <td>
-                                            <label for="" class="label">예금주</label>
-                                            <input type="text" placeholder="예금주  :  홍길동" readonly  class="readonly">
-                                            <select name="" id="" class="selType2">
-                                                <option value="">은행선택</option>
-                                                <option value="">신한은행</option>
-                                                <option value="">우리은행</option>
-                                            </select>
-                                            <label for="" class="label">계좌번호 입력</label>
-                                            <input type="text" placeholder="계좌번호를 입력해주세요. 숫자만 입력가능" onfocus="this.placeholder=''" onblur="this.placeholder='계좌번호를 입력해주세요. 숫자만 입력가능'"  size="36" class="account_put">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">연락처</th>
-                                        <td>
-                                            <label for="" class="label">연락처 입력</label>
-                                            <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">통장사본</th>
-                                        <td class="attachedFile_wrap">
-                                            <label for="" class="label">통장사본 파일첨부</label>
-                                            <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly size="36">
-                                            <button type="button" class="btnType btnType9">파일첨부</button>
-                                            <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 munjaon@iten.co.kr로 보내주세요</span>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">증빙서류</th>
-                                        <td class="attachedFile_wrap">
-                                            <label for="" class="label">증빙서류</label>
-                                            <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly size="36">
-                                            <button type="button" class="btnType btnType9">파일첨부</button>
-                                            <span class="reqTxt6">※ 이체확인증 또는 핸드폰 납부 영수증을 첨부해주세요</span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <p class="tType1_title">환불 사유</p>
-                            <table class="tType1">
-                                <caption>환불사유, 비밀번호에 대한 표</caption>
-                                <colgroup>
-                                    <col style="width: 160px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row" style="line-height: 70px;">환불사유</th>
-                                        <td class="send_cf">
-                                            <div>
-                                                <input id="radio4" type="radio"name="" checked="checked">
-                                                <label for="radio4">문자 단가가 높음</label>
-                                                <input id="radio5" type="radio" name="">
-                                                <label for="radio5">사용할 일이 없어서</label>
-                                                <input id="radio6" type="radio" name="">
-                                                <label for="radio6">사이트 이용 불만</label>
-                                            </div>
-                                            <div>
-                                                <input id="radio7" type="radio" name="">
-                                                <label for="radio7">다른 사이트 이용</label>
-                                                <input id="radio8" type="radio" name="">
-                                                <label for="radio8">환불사유 직접 입력</label>
-                                                <label for="" class="label">환불사유 직접 입력</label>
-                                                <input type="text" size="36">
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">비밀번호</th>
-                                        <td>
-                                            <label for="" class="label">비밀번호 입력</label>
-                                            <input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36">
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <div style="text-align: center;">
-                                <button type="button" class="btnType btnType16">환불신청</button>
-                            </div>
-                        </div><!-- 결제내역 - 요금결제내역 - 환불신청 -->
-				</div><!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) -->
-            </div><!--// send top -->
+                                        <div>
+                                            <input id="radio7" type="radio" name="">
+                                            <label for="radio7">다른 사이트 이용</label>
+                                            <input id="radio8" type="radio" name="">
+                                            <label for="radio8">환불사유 직접 입력</label>
+                                            <label for="" class="label">환불사유 직접 입력</label>
+                                            <input type="text" size="36">
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">비밀번호</th>
+                                    <td>
+                                        <label for="" class="label">비밀번호 입력</label>
+                                        <input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요."
+                                            onfocus="this.placeholder=''"
+                                            onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36">
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div style="text-align: center;">
+                            <button type="button" class="btnType btnType16">환불신청</button>
+                        </div>
+                    </div><!-- 결제내역 - 요금결제내역 - 환불신청 -->
+                </div><!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) -->
+            </div>
+            <!--// send top -->
         </div>
-    </div><!--// content 영역 -->
+    </div>
+    <!--// content 영역 -->
     <!-- footer 영역 -->
     <footer id="footer" class="footer">
         <div class="footer_top">
@@ -799,8 +1074,8 @@
                 <div class="table_cell">
                     <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
                     <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
+                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
+                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
                         <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
                     </div>
                     <div class="footer_service_center">
@@ -814,5 +1089,8 @@
                 </div>
             </div>
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </footer>
+    <!--// footer 영역 -->
+</body>
+
+</html>
(No newline at end of file)
src/main/webapp/publish/sub1_2023.html
--- src/main/webapp/publish/sub1_2023.html
+++ src/main/webapp/publish/sub1_2023.html
@@ -1507,6 +1507,30 @@
 													</div>
 													<div><button type="button" data-tooltip="popup07" class="btnType btnType3 btn_event_cash">이벤트 잔액</button></div>
 												</div>
+												<!--발송금액 아래 등급별 가격안내 추가-->
+												<div class="my_price_wrap">
+													<div class="center-line"></div>
+													<ul>
+														<li class="title">
+															<img src="/publish/images/content/icon_mypage_message.png" alt="">나의 단가 &nbsp;<span>:</span> &nbsp;
+														</li>
+														<li class="price_line">
+															<span class="type">단문</span>
+															<span class="price">18</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">장문</span>
+															<span class="price">50</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">그림</span>
+															<span class="price">90</span>원 
+															(2장 : 110원 / 3장 : 130원)
+														</li>
+													</ul>
+												</div>
 											</div>
 										</th>
 									</tr>
Add a comment
List