2023/07/07 등급제 콘텐츠 추가, 간편결제 콘텐츠 추가
This commit is contained in:
ITN_디자인팀
parent
45d8771ba5
commit
8f40c28888
@ -99,6 +99,20 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
|
||||
.login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
|
||||
.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
|
||||
.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
|
||||
/*등급별 아이콘*/
|
||||
.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
|
||||
.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
|
||||
.login2 .login_info i.gold{background-image: url(/publish/images/level/level_icon/gold_icon.png);}
|
||||
.login2 .login_info i.sliver{background-image: url(/publish/images/level/level_icon/sliver_icon.png);}
|
||||
.login2 .login_info i.black{background-image: url(/publish/images/level/level_icon/black_icon.png);}
|
||||
.login2 .login_info i.red{background-image: url(/publish/images/level/level_icon/red_icon.png);}
|
||||
.login2 .login_info i.purple{background-image: url(/publish/images/level/level_icon/purple_icon.png);}
|
||||
.login2 .login_info i.blue{background-image: url(/publish/images/level/level_icon/blue_icon.png);}
|
||||
.login2 .login_info i.orange{background-image: url(/publish/images/level/level_icon/orange_icon.png);}
|
||||
.login2 .login_info i.green{background-image: url(/publish/images/level/level_icon/green_icon.png);}
|
||||
.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
|
||||
.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
|
||||
/*등급별 아이콘 끝*/
|
||||
.login2 .login_info button {margin-right: 2px;}
|
||||
.login2 .login_pay {display:flex;}
|
||||
.login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
|
||||
@ -220,6 +234,7 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
|
||||
.quickMenu .quickMenuIn li i.quick9 {background-image: url(/publish/images/quick9.png);width: 24px; height:20px;}
|
||||
.quickMenu .quickMenuIn li i.quick10 {background-image: url(/publish/images/quick10.png);width: 21px; height:20px;}
|
||||
.quickMenu .quickMenuIn li i.quick11 {background-image: url(/publish/images/quick11.png);width: 20px; height:20px;}
|
||||
.quickMenu .quickMenuIn li i.quick12 {background-image: url(/publish/images/level/quick12.png);width: 20px; height:20px;}
|
||||
.quickMenu .quickMenuIn li span {display: block;font-size: 12px;color: #555;padding-top: 8px;}
|
||||
.quickMenu .goTop {background-color: #929599;color: #fff;width: 90px;padding: 10px 0;border-radius: 0 0 8px 8px;font-size: 20px;}
|
||||
.quickMenu .goTop i {background-image: url(/publish/images/goTop.png);width: 12px;height: 10px;margin-left: 5px;margin-bottom: 5px;}
|
||||
@ -234,6 +249,7 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
|
||||
.quickMenu .quickMenuIn li:hover i.quick9 {background-image: url(/publish/images/quick9_hover.png);width: 24px; height:20px;}
|
||||
.quickMenu .quickMenuIn li:hover i.quick10 {background-image: url(/publish/images/quick10_hover.png);width: 21px; height:20px;}
|
||||
.quickMenu .quickMenuIn li:hover i.quick11 {background-image: url(/publish/images/quick11_hover.png);width: 20px; height:20px;}
|
||||
.quickMenu .quickMenuIn li:hover i.quick12 {background-image: url(/publish/images/level/quick12_hover.png);width: 20px; height:20px;}
|
||||
.quickMenu .quickMenuIn li:hover span {color: #002c9a;font-weight: 500;}
|
||||
.quickMenu .quick_kakaobtn {position:absolute;right:0;bottom:-100px;width:90px;height:90px;font-size:0;text-indent:-9999em;background:url(/publish/images/content/icon_quick_kakao.png) no-repeat left top;z-index:15;}
|
||||
.quickMenu .quick_kakaobtn a {display:block;width:100%;height:100%;}
|
||||
|
||||
@ -90,7 +90,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
|
||||
/* tabTpye1 */
|
||||
.tabType1 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:2px solid #46484a;}
|
||||
.tabType1 li {flex-basis: calc(100%/2); position: relative;}
|
||||
.tabType1 li button {width: 100%;padding: 13px 0;font-size: 18px;position:relative;z-index:1;}
|
||||
.tabType1 li button {width: 100%;padding: 13px 0;font-size: 16px;position:relative;z-index:1;}
|
||||
.tabType1 li.active {background-color: #46484a;}
|
||||
.tabType1 li.active:after {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #46484a;}
|
||||
.tabType1 li.active button {color: #fff;border:1px solid #46484a;background-color: #46484a;}
|
||||
@ -427,7 +427,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
|
||||
.tType1 tbody tr th.billingAmount button.cal_btn {position: absolute;right: 0; top: 50%;transform: translateY(-50%);background-color: #fbc72b;width: 88px;height: 32px;border-radius: 5px;}
|
||||
.tType1 tbody tr th.billingAmount button.cal_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
|
||||
.tType1 tbody tr th.billingAmount button.cal_btn i {background-image: url(/publish/images/content/calIcon.png);width: 12px;height: 16px;margin: 0 3px 2px 0;}
|
||||
.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;}
|
||||
.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px 5px 0 0; height: 60px; padding: 12px 13px; box-sizing: border-box;}
|
||||
.tType1 tbody tr th.billingAmount .pay_type button.btn_event_cash{width: 100px;}
|
||||
.tType1 tbody tr th.billingAmount .pay_type:last-child {margin-top: 10px;}
|
||||
.tType1 tbody tr th.billingAmount .pay_type>div:first-child {float: left;margin:0 0 0 5px;}
|
||||
@ -447,6 +447,21 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
|
||||
.tType1 tbody select.sel_number {width: 340px; height: 40px; padding: 0 20px; background-color: #f2f2f2;border-radius: 5px; border: 0;color: #002c9a;font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 94% center;}
|
||||
.tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;}
|
||||
.tType1 tbody input:disabled {background-color: #dedede;}
|
||||
|
||||
/*발송금액 아래 등급별 가격안내 추가*/
|
||||
.my_price_wrap .center-line{width: 96%; height: 1px; background-color: #e5e5e5; margin: 0 auto;}
|
||||
.my_price_wrap{letter-spacing: -0.5px; width: calc(100% - 100px); background-color: #fff; border-radius: 0 0 5px 5px; width: 100%;}
|
||||
.my_price_wrap ul{display: flex; width: calc(100% - 20px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 15px 0px 15px 5px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
|
||||
.my_price_wrap ul:last-child{border: 0; align-items: flex-start;}
|
||||
.my_price_wrap ul:first-child li:last-child{margin: 0; padding: 0}
|
||||
.my_price_wrap .title{font-size: 17px; font-weight: 400; color: #222; margin-top: 1px;}
|
||||
.my_price_wrap .title span{font-size: 15px;}
|
||||
.my_price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
|
||||
.my_price_wrap .type{border: 1px solid #46484a; border-radius: 3px; margin-right: 3px; color: #46484a; padding: 0 4px 1px 4px;}
|
||||
.my_price_wrap .type, .price_line{font-size: 16px; font-weight: 400; color: #555;}
|
||||
.my_price_wrap .price{color: #e40000; font-size: 18px; font-weight: 700;}
|
||||
.my_price_wrap .line{font-size: 14px; color: #ababab;}
|
||||
|
||||
/*// tType1 */
|
||||
/*// sub page 반복 */
|
||||
|
||||
@ -916,6 +931,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.pay_cont .excel_middle {margin: 20px 0 10px 0;}
|
||||
.pay_cont .excel_middle .selType2 {width: 82px; height: 32px; margin-left: 0;}
|
||||
.pay_cont .select_btnWrap .add_text2 {font-size: 16px; padding-top: 7px; color: #666; font-weight: 300;}
|
||||
|
||||
/*등급 및 누적결제액 확인 버튼 추가*/
|
||||
.pay_cont .excel_middle .level_btn{margin: 0 5px; border: 1px solid #002c9a; color: #002c9a;}
|
||||
.pay_cont .excel_middle .level_btn img{margin-top: -3px;}
|
||||
|
||||
.pay_cont .excel_middle .print_btn {margin: 0 5px;}
|
||||
.pay_cont .pay_info {display: flex; justify-content: center; background-color: #efeff0; width: 100%; padding: 16px 0; border-radius: 5px; margin: 20px 0 50px 0; box-sizing: border-box; }
|
||||
.pay_cont .pay_info p:nth-child(1) {font-size: 18px;}
|
||||
@ -1055,13 +1075,13 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.charg_cont.current {display: block;}
|
||||
.charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;}
|
||||
.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between;}
|
||||
.charg_cont .area_tab li{ width: calc((100% - 80px)/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 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.charg_cont .tType1 .box_input.flex input{border: 1px solid #ccc;}
|
||||
.charg_cont .tType1 .box_input.flex input[type="text"] {width: 200px;background-color: #fff;}
|
||||
.charg_cont .tType1 .box_input.flex button{background-color: #002c9a; color: #fff; border: 0; margin-left: 10px;}
|
||||
|
||||
|
||||
/*누적결제액별 등급 및 단간 추가*/
|
||||
.accrue_price{width: 100%; height: 105px; border-radius: 5px; background-color: #f2f2f2;}
|
||||
.accrue_price p{font-size: 22px; font-weight: 700; line-height: 105px; margin-left: 53px;}
|
||||
.accrue_price p span{border-radius: 5px; background-color: #fff; padding: 10px 10px 10px 10px; font-size: 18px; font-weight: 400;}
|
||||
.accrue_price p span img{margin-right: 5px; margin-top: -5px;}
|
||||
.accrue_price p span span{padding: 0; font-size: 22px; font-weight: 700; color: #e40000;}
|
||||
.accrue_level .tType1_title{margin-top: 40px;}
|
||||
.accrue_level .tType1_title img{margin-top: -5px;}
|
||||
.accrue_level .tType2{width: 100%; border-top: 1px solid #000; text-align: center;}
|
||||
.accrue_level .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
|
||||
.accrue_level .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
|
||||
.accrue_level .tType2 thead tr th:last-child{border-right: 0;}
|
||||
.accrue_level .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
||||
.accrue_level .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 42px; vertical-align: middle;}
|
||||
.accrue_level .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
|
||||
.accrue_level .tType2 tbody tr td:last-child{border-right: 0;}
|
||||
.accrue_level .tType2 tbody tr td:last-child>span {font-weight: 400;}
|
||||
|
||||
.accrue_level .tType2_level tbody tr th{font-weight: 300;}
|
||||
.accrue_level .tType2_level tbody tr .level_price{font-weight: 500;}
|
||||
.accrue_level .level_first{font-weight: 400; font-size: 18px; color: #666;}
|
||||
.accrue_level .level span{font-weight: 400; font-size: 18px; color: #666;}
|
||||
.accrue_level .tType2 .th_second span{font-size: 15px; font-weight: 300;}
|
||||
.accrue_level .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
|
||||
|
||||
/* //결제하기 */
|
||||
|
||||
/* 요금안내/견적내기 */
|
||||
@ -1153,11 +1200,15 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.fee_cont .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
|
||||
.fee_cont .tType2 thead tr th:last-child{border-right: 0;}
|
||||
.fee_cont .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
|
||||
|
||||
.fee_cont .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 50px; vertical-align: middle;}
|
||||
.fee_cont .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
|
||||
.fee_cont .tType2 tbody tr td:last-child{border-right: 0;}
|
||||
.fee_cont .tType2 tbody tr td:last-child>span {font-weight: 400;}
|
||||
|
||||
/*문자(등급별 요금 안내) 테이블 높이 수정*/
|
||||
.fee_cont .tType2 .level_table th{height: 42px;}
|
||||
|
||||
.fee_cont .tType1 select, .fee_cont .tType1 input{border: 0; background-color: #f2f2f2;}
|
||||
.fee_cont .btn_add{float: right;}
|
||||
.fee_cont .btn_add img{margin-left: 5px;}
|
||||
@ -1189,6 +1240,14 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.tb_wrap.totalPrice_tb .tType4 tbody td {font-size: 18px; font-weight: 400; color: #222; height: 52px; line-height: 31px; position: relative;}
|
||||
.tb_wrap.totalPrice_tb .tType4 tbody td select {height: 36px; top: 8px; border: 2px solid; }
|
||||
|
||||
|
||||
/*문자(등급별 요금 안내)*/
|
||||
.fee_cont .tType2_level tbody tr th{font-weight: 300;}
|
||||
.fee_cont .tType2_level tbody tr .level_price{font-weight: 500;}
|
||||
.fee_cont .level_first{font-weight: 400; font-size: 18px; color: #666;}
|
||||
.fee_cont .level span{font-weight: 400; font-size: 18px; color: #666;}
|
||||
.fee_cont .tType2 .th_second span{font-size: 15px; font-weight: 300;}
|
||||
.fee_cont .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
|
||||
/* //요금안내/견적내기 */
|
||||
|
||||
/* 예약관리 */
|
||||
@ -1559,7 +1618,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
/* .fax_content .final_wrap .pay_type {border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;} */
|
||||
.fax_content .final_wrap .pay_type:last-child {margin-top: 10px;}
|
||||
/* .fax_content .final_wrap .pay_type>div:first-child {float: left;margin:0 0 0 5px; background-color: #fff;} */
|
||||
.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff;padding: 8px 15px; border-radius: 5px;}
|
||||
.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff; padding: 8px 15px; border-radius: 5px;}
|
||||
.fax_content .final_wrap .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
|
||||
.fax_content .final_wrap .pay_type>div:last-child {display:inline-block;max-width: 150px; width: 100%;}
|
||||
.fax_content .final_wrap .pay_type>div:last-child button{width: 100%;}
|
||||
@ -1598,6 +1657,9 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.fax_content .qmMark:hover+.send_hover_cont{display: block;}
|
||||
.fax_content .qmMark+.send_hover_cont li{text-indent: -9px; margin: 0 0 0 9px;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 카톡전송 > 알림톡 소개 */
|
||||
.kakao_intro_cont{letter-spacing: -0.5px; /*word-break: keep-all;*/}
|
||||
.kakao_intro_cont .heading h2{letter-spacing: 0;}
|
||||
|
||||
@ -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 문자샘플 영역 */
|
||||
|
||||
@ -293,7 +293,7 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
|
||||
/* //join4 - 가입완료 */
|
||||
|
||||
|
||||
/* 마이페이지 */
|
||||
|
||||
|
||||
/* 메인화면 */
|
||||
.my_dashboard {margin-top: 40px;}
|
||||
@ -359,6 +359,7 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
|
||||
.my_dashboard table tbody tr:last-child td {border-bottom: 1px solid transparent; }
|
||||
.my_dashboard table tbody tr:last-child td:first-child {border-bottom: 1px solid transparent; border-radius: 0 0 0 5px;}
|
||||
.my_dashboard table tbody tr:last-child td:last-child {border-bottom: 1px solid transparent; border-radius: 0 0 5px 0 ;}
|
||||
|
||||
/* mypage dashboard cont1 */
|
||||
.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
|
||||
.my_dashboard_cont1>div {display: flex; align-items: center;}
|
||||
@ -367,6 +368,18 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
|
||||
.my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 15px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
|
||||
.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
|
||||
.my_dashboard_cont1>span>span {font-weight: 500;}
|
||||
|
||||
/* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
|
||||
.my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
|
||||
.my_dashboard_cont1>div {display: flex; align-items: center;}
|
||||
.my_dashboard_cont1 p {font-size: 16px; font-weight: 300;}
|
||||
.my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; margin-left: -20px;}
|
||||
.my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 8px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
|
||||
.my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
|
||||
.my_dashboard_cont1>span>span {font-weight: 500;}
|
||||
.my_dashboard .my_dashboard_cont1 .level_icon{margin: 0 7px 0 0; display: block; width: 46px; height: 80px; text-align: center; padding: 0; background-color: transparent; border: 0;}
|
||||
.my_dashboard_cont1 .level_icon p{font-size: 14px; font-weight: 400; margin-top: 2px; color: #444;}
|
||||
|
||||
/* mypage dashboard cont2 */
|
||||
.my_dashboard .my_dashboard_cont2 {width: 100%; flex-flow: wrap;}
|
||||
.dashboard_info {display: flex; flex-flow: wrap; width: 100%; justify-content: space-between;}
|
||||
@ -642,6 +655,11 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
|
||||
.limited_wrap .limited_button {margin:40px 0;}
|
||||
.limited_wrap .limited_button .btnType {width:160px;margin:0 3px;}
|
||||
|
||||
/* 마이페이지 */
|
||||
/*등급제 아이콘 추가*/
|
||||
|
||||
|
||||
|
||||
|
||||
/* media queries */
|
||||
|
||||
@ -652,6 +670,14 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
|
||||
.my_dashboard .send_price{width: calc(100% - 340px);}
|
||||
.send_top .send_price li{letter-spacing: -1px;}
|
||||
.send_top .send_price .title{padding: 0 4px 0 0;}
|
||||
|
||||
/* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
|
||||
.my_dashboard_cont1 p {font-size: 17px;}
|
||||
.my_dashboard_cont1 p span {font-size: 22px;}
|
||||
.my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;}
|
||||
.my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;}
|
||||
.my_dashboard .send_price{margin: 0 -24px 0 0;}
|
||||
.my_dashboard .send_price .price_title{width: 75px;}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1380px){
|
||||
|
||||
@ -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) {
|
||||
/* 특수문자 */
|
||||
|
||||
@ -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>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,33 +501,6 @@
|
||||
<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>
|
||||
@ -478,25 +508,21 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<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>
|
||||
|
||||
@ -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>
|
||||
|
||||
BIN
src/main/webapp/publish/images/credit_small.png
Normal file
BIN
src/main/webapp/publish/images/credit_small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 682 B |
BIN
src/main/webapp/publish/images/level/accrue.png
Normal file
BIN
src/main/webapp/publish/images/level/accrue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 822 B |
BIN
src/main/webapp/publish/images/level/level_btn_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_btn_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 644 B |
BIN
src/main/webapp/publish/images/level/level_icon/black_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/black_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/blue_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/blue_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/gold_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/gold_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/green_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/green_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/orange_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/orange_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/purple_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/purple_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/red_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/red_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/sliver_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/sliver_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/vip_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/vip_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/vvip_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/vvip_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/white_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/white_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/webapp/publish/images/level/level_icon/yellow_icon.png
Normal file
BIN
src/main/webapp/publish/images/level/level_icon/yellow_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/publish/images/level/quick12.png
Normal file
BIN
src/main/webapp/publish/images/level/quick12.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 703 B |
BIN
src/main/webapp/publish/images/level/quick12_hover.png
Normal file
BIN
src/main/webapp/publish/images/level/quick12_hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 665 B |
BIN
src/main/webapp/publish/images/level/top_banner.png
Normal file
BIN
src/main/webapp/publish/images/level/top_banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
src/main/webapp/publish/images/simple.png
Normal file
BIN
src/main/webapp/publish/images/simple.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/publish/images/simple_small.png
Normal file
BIN
src/main/webapp/publish/images/simple_small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 791 B |
@ -70,6 +70,15 @@
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
|
||||
<!--// 요금안내 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>
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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,26 +228,63 @@
|
||||
<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>
|
||||
<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 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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -16,7 +16,6 @@
|
||||
<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>
|
||||
@ -26,12 +25,14 @@
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
<!-- skip 메뉴 -->
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div><!--// skip 메뉴 -->
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
<!-- quick 메뉴 -->
|
||||
<div class="quickMenu">
|
||||
<div>
|
||||
@ -77,7 +78,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 영역 -->
|
||||
@ -99,7 +101,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>
|
||||
@ -112,7 +115,9 @@
|
||||
</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>
|
||||
@ -138,18 +143,24 @@
|
||||
<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>
|
||||
@ -171,8 +182,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">
|
||||
@ -186,73 +199,181 @@
|
||||
<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 -->
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 결제관리 - 결제하기 -->
|
||||
<div class="serv_content charg_cont current" id="tab5_2">
|
||||
<div class="heading">
|
||||
<h2>결제하기</h2>
|
||||
</div>
|
||||
<div class="titBox">
|
||||
<!--<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 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">
|
||||
<div class="area_tabcont current" id="tab2_3">
|
||||
<!-- 신규계좌발급 시 -->
|
||||
<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>
|
||||
@ -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,22 +419,27 @@
|
||||
</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>- 전용계좌에 <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>
|
||||
<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>
|
||||
@ -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>
|
||||
@ -386,7 +519,8 @@
|
||||
<option value="">우체국</option>
|
||||
</select>
|
||||
<label for="" class="label">전화번호 입력</label>
|
||||
<input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||||
<input type="text" placeholder="‘-’ 없이 전화번호를 입력해주세요" onfocus="this.placeholder=''"
|
||||
onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||||
<button>문자받기</button>
|
||||
</p>
|
||||
</div>
|
||||
@ -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,39 +607,228 @@
|
||||
<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> (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="text-align: center;">
|
||||
<button class="btnType btnType16">충전하기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //즉시이체 -->
|
||||
</div>
|
||||
</div><!-- 결제관리 - 결제하기 -->
|
||||
</div><!--// send top -->
|
||||
|
||||
<!--누적결제액별 등급 및 단가 추가 시작-->
|
||||
<div class="accrue_price">
|
||||
<p>등급 : <span><img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급 스몰 아이콘">오렌지(누적결제액 : <span>200,000</span>원)</span></p>
|
||||
<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<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">
|
||||
@ -515,5 +861,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</footer>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</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">
|
||||
@ -26,15 +27,18 @@
|
||||
|
||||
|
||||
</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-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>
|
||||
<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">
|
||||
@ -71,12 +75,96 @@
|
||||
</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>
|
||||
@ -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,7 +329,8 @@
|
||||
<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">
|
||||
@ -241,12 +340,15 @@
|
||||
<!-- 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 -->
|
||||
<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">
|
||||
@ -261,17 +363,23 @@
|
||||
<th scope="row">기간설정</th>
|
||||
<td>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
|
||||
<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>
|
||||
<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>
|
||||
<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">
|
||||
<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>
|
||||
<button type="button" value="달력 팝업 열기"
|
||||
onclick="return calendarOpen('endDate-lry','',this)"></button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btnType btnType19">전월</button>
|
||||
@ -286,6 +394,9 @@
|
||||
<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>
|
||||
@ -318,29 +429,37 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@ -353,11 +472,21 @@
|
||||
<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>
|
||||
<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>
|
||||
@ -365,23 +494,45 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@ -389,23 +540,44 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@ -413,12 +585,23 @@
|
||||
<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>
|
||||
<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>
|
||||
@ -446,29 +629,37 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@ -481,11 +672,21 @@
|
||||
<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>
|
||||
<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>
|
||||
@ -493,23 +694,45 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@ -517,36 +740,72 @@
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
@ -554,8 +813,10 @@
|
||||
<!-- //현금영수증 발행 후 -->
|
||||
<!-- 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,12 +827,14 @@
|
||||
<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="pay_cont current" id="tab1_8">
|
||||
<div class="titBox">
|
||||
<p>- 포인트는 환불되지 않습니다.</p>
|
||||
<p>- 환불 신청 금액에 따라 환불 수수료가 차감됩니다.</p>
|
||||
@ -672,11 +935,13 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">환불 예정 금액</th>
|
||||
<td class="price_ref1"><span class="c_e40000">120,000</span>원<span class="reqTxt5">(수수료 10% 제외)</span></td>
|
||||
<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>
|
||||
<p class="tType1_title">환불 계좌 입력 <span>(가입자가 충전하지 않았거나 타인의 계좌로 환불신청하는 경우 별도 서류가 요구될 수 있으며, 서류
|
||||
불충분 시 환불되지 않습니다.)</span></p>
|
||||
<table class="tType1">
|
||||
<caption>예금주, 계좌정보, 연락처, 통장사본, 증빙서류에 대한 표</caption>
|
||||
<colgroup>
|
||||
@ -687,7 +952,7 @@
|
||||
<tr>
|
||||
<th scope="row">예금주</th>
|
||||
<td class="send_cf">
|
||||
<input id="radio1" type="radio"name="" checked="checked">
|
||||
<input id="radio1" type="radio" name="" checked="checked">
|
||||
<label for="radio1">가입자</label>
|
||||
<input id="radio2" type="radio" name="">
|
||||
<label for="radio2">가입자 외</label>
|
||||
@ -706,21 +971,26 @@
|
||||
<option value="">우리은행</option>
|
||||
</select>
|
||||
<label for="" class="label">계좌번호 입력</label>
|
||||
<input type="text" placeholder="계좌번호를 입력해주세요. 숫자만 입력가능" onfocus="this.placeholder=''" onblur="this.placeholder='계좌번호를 입력해주세요. 숫자만 입력가능'" size="36" class="account_put">
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
@ -729,7 +999,8 @@
|
||||
<th scope="row">증빙서류</th>
|
||||
<td class="attachedFile_wrap">
|
||||
<label for="" class="label">증빙서류</label>
|
||||
<input type="text" placeholder="* 첨부가능 파일 jpg, gif, png 각 2MB 이내" readonly size="36">
|
||||
<input type="text" placeholder="* 첨부가능 파일 jpg, gif, png 각 2MB 이내" readonly
|
||||
size="36">
|
||||
<button type="button" class="btnType btnType9">파일첨부</button>
|
||||
<span class="reqTxt6">※ 이체확인증 또는 핸드폰 납부 영수증을 첨부해주세요</span>
|
||||
</td>
|
||||
@ -748,7 +1019,7 @@
|
||||
<th scope="row" style="line-height: 70px;">환불사유</th>
|
||||
<td class="send_cf">
|
||||
<div>
|
||||
<input id="radio4" type="radio"name="" checked="checked">
|
||||
<input id="radio4" type="radio" name="" checked="checked">
|
||||
<label for="radio4">문자 단가가 높음</label>
|
||||
<input id="radio5" type="radio" name="">
|
||||
<label for="radio5">사용할 일이 없어서</label>
|
||||
@ -769,7 +1040,9 @@
|
||||
<th scope="row">비밀번호</th>
|
||||
<td>
|
||||
<label for="" class="label">비밀번호 입력</label>
|
||||
<input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36">
|
||||
<input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요."
|
||||
onfocus="this.placeholder=''"
|
||||
onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -779,9 +1052,11 @@
|
||||
</div>
|
||||
</div><!-- 결제내역 - 요금결제내역 - 환불신청 -->
|
||||
</div><!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) -->
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<footer id="footer" class="footer">
|
||||
<div class="footer_top">
|
||||
@ -814,5 +1089,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</footer>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</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="">나의 단가 <span>:</span>
|
||||
</li>
|
||||
<li class="price_line">
|
||||
<span class="type">단문</span>
|
||||
<span class="price">18</span>원
|
||||
<span class="line">/ </span>
|
||||
</li>
|
||||
<li class="price_line">
|
||||
<span class="type">장문</span>
|
||||
<span class="price">50</span>원
|
||||
<span class="line">/ </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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user