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

2025/05/20 마이페이지 삭제, 보유잔액 옆에 아이콘 호버시 나의단가 노출

Browse Source
This commit is contained in:
subsub 2025-05-20 16:19:36 +09:00
parent 2be84c1958
commit 01d7d378cc
24 changed files with 906 additions and 963 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/main/webapp/publish/css/button.css
View File

@ -83,7 +83,20 @@ textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-we
.btnType22:hover {background-color:#eea301;} .btnType22:hover {background-color:#eea301;}
.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/ .btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/
.btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼 추가*/ .btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼 추가*/
.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5; } .btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5;}
.btnType.fill_gray{background:#6a6c72;color:#fff;}
.btnType.fill_lightgray{background:#8e8e8e;color:#fff;}
.btnType.fill_blue{background:#002c9a;color:#fff;}
.btnType.fill_lightblue{background:#b1c6ee;color:#222;}
.btnType.fill_yellow{background:#eea301;color:#222;}
.btnType.border_gray{border:1px solid #b1b1b1;color:#222;}
.btnType.border_lightgray{border:1px solid #d5d5d5;color:#555;}
.btnType.border_blue{border:1px solid #002c9a;color:#002c9a;}
.btnType.border_lightblue{border:1px solid #b1c6ee;color:#222;}
/* 기타 반복 사용 */ /* 기타 반복 사용 */
/* 기타 버튼 타입 */ /* 기타 버튼 타입 */

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

@ -21,13 +21,14 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.header {position: fixed;top: 0;left: 0;width: 100%;min-width: 1240px; z-index: 10;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);} .header {position: fixed;top: 0;left: 0;width: 100%;min-width: 1240px; z-index: 10;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);}
/* header top */ /* header top */
.header .header_top {background-color: #393939;color: #d1d1d1;height: 40px;font-weight: 300;font-size: 14px;font-weight: 300;transition: all 0.2s ease-in-out;} .header .header_top {background-color: #393939;color: #d1d1d1;height: 40px;font-weight: 300;font-size: 14px;font-weight: 300;transition: all 0.2s ease-in-out;}
.header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} /* .header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} */
.header .header_top .menu_left li {margin-right: 25px;} .header .header_top .menu_left{display:flex;height:100%;align-items:center;gap:20px;}
.header .header_top .menu_left li {}
.header .header_top .menu_left li:hover {color: #fff;text-decoration: underline;} .header .header_top .menu_left li:hover {color: #fff;text-decoration: underline;}
.header .header_top .menu_left i {padding-right: 4px;} .header .header_top .menu_left i {padding-right: 7px;vertical-align:bottom;}
.header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;} .header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;}
.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;} .header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;} .header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
.header .header_top .menu_right {right: 0;position: absolute;top: 50%;transform: translateY(-50%);background-color: #2c2c2c;height: 100%;line-height: 40px; display: flex;} .header .header_top .menu_right {right: 0;position: absolute;top: 50%;transform: translateY(-50%);background-color: #2c2c2c;height: 100%;line-height: 40px; display: flex;}
.header .header_top .menu_right li {padding: 0 20px;} .header .header_top .menu_right li {padding: 0 20px;}
.header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;} .header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;}
@ -95,10 +96,10 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login2 .login_info {position: relative;vertical-align: middle;} .login2 .login_info {position: relative;vertical-align: middle;}
/*.login2 .login_info::after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d3d3d3;top: 50%;right: -15px;transform: translateY(-50%);}*/ /*.login2 .login_info::after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d3d3d3;top: 50%;right: -15px;transform: translateY(-50%);}*/
.login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.login2 .login_info .login2_name {display: inline-block; min-width: 155px; position: relative; vertical-align: middle;} .login2 .login_info .login2_name {display: inline-flex; min-width: 110px; position: relative; vertical-align: middle;align-items:center; cursor:pointer;}
.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 p {color: #002c9a; font-weight: 600; vertical-align: top; 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 .login2_name span {width: 61px;padding:0 10px 0 0;margin:0 0 0 0;}
.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;} .login2 .login_info .icon_user{background-image: url(/publish/images/icon_header_user.png);width: 28px;height: 28px;}
/*등급별 아이콘*/ /*등급별 아이콘*/
.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);} .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.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
@ -113,12 +114,12 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_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 i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
/*등급별 아이콘 끝*/ /*등급별 아이콘 끝*/
.login2 .login_info button {margin-right: 2px;} .login2 .login_info button {padding:0 14px;}
.login2 .login_pay {display:flex;} .login2 .login_pay {display:flex;}
.login2 .check_money p span, .login2 .point p span {padding-left: 4px;} .login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
.login2 .check_money {margin-right: 20px; display: inline-flex;} .login2 .check_money {margin-right: 20px; display: inline-flex;}
.login2 .check_money p {padding-right: 6px;display: inline-block;vertical-align: middle;} .login2 .check_money p {padding-right: 6px;display: inline-block;vertical-align: middle;}
.login2 .check_money i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;} .login2 .check_money>.holdingsum_box>i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
.login2 .check_money button {margin-right: 2px;} .login2 .check_money button {margin-right: 2px;}
.login2 .check_money .account_box {position:relative;display:inline-block;} .login2 .check_money .account_box {position:relative;display:inline-block;}
.login2 .check_money .account_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px 24px 14px 14px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);} .login2 .check_money .account_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px 24px 14px 14px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
@ -127,8 +128,24 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;} .login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;}
.login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;} .login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;}
.login2 .check_money .account_box:hover dl {display:block;} .login2 .check_money .account_box:hover dl {display:block;}
/*후불 회원에게만 노출되는 안내레이어*/
.login2 .check_money .holdingsum_box {position: relative;} .login2 .check_money .user_money_wrap{display:flex;align-items:center;gap:4px;margin:0 6px 0 0;}
.login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
.login2 .check_money .hover_content_wrap .qmMark{width:17px;height:17px;margin:0 4px 0 0;background:#6a6c72;border-radius:100%;color:#fff;text-align:center;}
.login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 10px 8px 10px;border:2px solid #002c9a;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
.login2 .check_money .hover_content::after{content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
.login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
.login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
.login2 .check_money .hover_content .hover_content_title img{width:16px;margin:-4px 0 0 0;}
.login2 .check_money .hover_content .send_available_number{display:flex;flex-direction:column;gap:7px;}
.login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
.login2 .check_money .hover_content .title{min-width:70px;}
.login2 .check_money .hover_content .number{text-align:right;padding:0;}
.login2 .check_money .hover_content .event_term{width:100%;padding:2px 0;margin:8px 0 0 0;background:#e5e5e5;font-size:13px;color:#444;text-align:center;border-radius:25px;}
/*후불 회원에게만 노출되는 안내레이어*/
.login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
.login2 .check_money .holdingsum_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);} .login2 .check_money .holdingsum_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
.login2 .check_money .holdingsum_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;} .login2 .check_money .holdingsum_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
.login2 .check_money .holdingsum_box dl dd {margin:3px;font-size:15px;font-weight:500;white-space:nowrap; line-height:20px;} .login2 .check_money .holdingsum_box dl dd {margin:3px;font-size:15px;font-weight:500;white-space:nowrap; line-height:20px;}
@ -153,7 +170,7 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login2 .event {white-space:nowrap;} .login2 .event {white-space:nowrap;}
/* 보안로그인 */ /* 보안로그인 */
.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;} .security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;box-sizing:border-box;}
.security_box.red_box{border:1px solid #ca1a1a;} .security_box.red_box{border:1px solid #ca1a1a;}
.security_box.green_box{border:1px solid #0ca448;} .security_box.green_box{border:1px solid #0ca448;}
.security_box p{cursor:pointer;} .security_box p{cursor:pointer;}
@ -356,6 +373,9 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
.login_right {margin-right: 20px; text-align: inherit;} .login_right {margin-right: 20px; text-align: inherit;}
.login2 .login_info {margin-right: 30px;} .login2 .login_info {margin-right: 30px;}
.login2 .login_info::after {right: -25px;} .login2 .login_info::after {right: -25px;}
.login2 .login_info .login2_name p{font-size:14px;}
.login2 .login_info button.btn_36.fill_gray{padding:0 8px;font-size:14px;}
.security_box,.login2 .check_money .user_money_wrap, .login2 .point,.login2 .session span,.login2 .login_info .login2_name span{font-size:14px;}
.login2 .check_money {margin-right: 15px;} .login2 .check_money {margin-right: 15px;}
.login2 .login_right button {padding: 0 8px; margin-right: 20px;} .login2 .login_right button {padding: 0 8px; margin-right: 20px;}
/* quick Menu */ /* quick Menu */

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

@ -20,6 +20,7 @@
/*// 발송결과 화면개선 */ /*// 발송결과 화면개선 */
.table {display: table;width: 100%;} .table {display: table;width: 100%;}
.table_cell {display: table-cell;vertical-align: middle;} .table_cell {display: table-cell;vertical-align: middle;}
.table_cell1 {display: table-cell;vertical-align: top; position: relative;/* top: 25px; */}
.vMiddle {vertical-align: middle;} .vMiddle {vertical-align: middle;}
.tRight {text-align: right !important;} .tRight {text-align: right !important;}
.tLeft {text-align: left !important;} .tLeft {text-align: left !important;}
@ -530,7 +531,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
.send_top .send_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;} .send_top .send_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
.send_top .send_general.sec .send_right {min-height:auto;} .send_top .send_general.sec .send_right {min-height:auto;}
/* phone 기본 -- sticky */ /* phone 기본 -- sticky */
.send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0;} .send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0; transition: top 0.1s linear;}
.send_top .send_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 600px; background-size: 100% auto; background-repeat: no-repeat; } .send_top .send_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 600px; background-size: 100% auto; background-repeat: no-repeat; }
.send_top .send_right .phone .phoneIn>div {padding: 45px 25px 0 25px; position: relative; height: 96%; box-sizing: border-box;} .send_top .send_right .phone .phoneIn>div {padding: 45px 25px 0 25px; position: relative; height: 96%; box-sizing: border-box;}
.send_top .send_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;} .send_top .send_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
@ -601,6 +602,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
.send_general.sec .tType1 tbody tr:first-child {border-top: 0;} .send_general.sec .tType1 tbody tr:first-child {border-top: 0;}
.send_top .excelWrap {padding: 20px 0;} .send_top .excelWrap {padding: 20px 0;}
.excel_middle {background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 20px 0;} .excel_middle {background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 20px 0;}
.excel_middle .select_btnWrap div{gap:6px;}
.send_top .excelWrap .excel_selBox {margin-bottom: 10px; display: flex; justify-content: space-between;} .send_top .excelWrap .excel_selBox {margin-bottom: 10px; display: flex; justify-content: space-between;}
.send_top .excelWrap .excel_selBox select.selType1 {padding: 0 80px 0 10px;} .send_top .excelWrap .excel_selBox select.selType1 {padding: 0 80px 0 10px;}
.send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;} .send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;}
@ -875,11 +877,12 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.search_wrap_btn button {height: 36px;} .search_wrap_btn button {height: 36px;}
.search_wrap_btn p {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; color: #666; padding-left: 5px;} .search_wrap_btn p {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; color: #666; padding-left: 5px;}
.search_wrap_btn p .add_text {font-size: 14px; padding-left: 5px;} .search_wrap_btn p .add_text {font-size: 14px; padding-left: 5px;}
.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0;} .custom_content.custom3 .area_tabcontent.photo_sample{gap:25px 13.4px;}
.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0; margin:0;}
.custom_content.custom3 .area_tabcontent li .photo_preview {background-color: #f2f2f2; padding: 0 7px 7px 7px; border: 1px solid #d5d5d5; border-radius: 10px;} .custom_content.custom3 .area_tabcontent li .photo_preview {background-color: #f2f2f2; padding: 0 7px 7px 7px; border: 1px solid #d5d5d5; border-radius: 10px;}
.custom_content.custom3 .area_tabcontent li .tit_text_wrap {padding: 10px 0; letter-spacing: -1px;} .custom_content.custom3 .area_tabcontent li .tit_text_wrap {padding: 10px 0; letter-spacing: -1px;}
.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 2px;} .custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 4px;}
.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"]+label {font-size: 15px; color: #222;} .custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"]+label {display: inline-block; max-width: calc(100% - 100px); font-size: 15px; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.custom_content.custom3 .tit_text_wrap>span {font-size: 14px; width: 60px; text-align: center; padding: 4px; display: inline-block; border-radius: 11px; margin-left: 2px; font-weight: 300;} .custom_content.custom3 .tit_text_wrap>span {font-size: 14px; width: 60px; text-align: center; padding: 4px; display: inline-block; border-radius: 11px; margin-left: 2px; font-weight: 300;}
.custom_content.custom3 .tit_text_wrap>span.step1 {background-color: #2a57c8; color: #fff;} .custom_content.custom3 .tit_text_wrap>span.step1 {background-color: #2a57c8; color: #fff;}
.custom_content.custom3 .tit_text_wrap>span.step2 {background-color: #fbc72b; color: #222; font-weight: 400;} .custom_content.custom3 .tit_text_wrap>span.step2 {background-color: #fbc72b; color: #222; font-weight: 400;}
@ -889,6 +892,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.myphoto_info p {font-size: 14px; font-weight: 400; color: #222; text-align: left; font-weight: 300; line-height:18px;} .myphoto_info p {font-size: 14px; font-weight: 400; color: #222; text-align: left; font-weight: 300; line-height:18px;}
.myphoto_info p:first-child {padding: 3px 0 8px 0;} .myphoto_info p:first-child {padding: 3px 0 8px 0;}
.myphoto_info button {position: absolute; right: 0; background-color: #fff; height: 24px; padding: 0 6px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; color: #555;} .myphoto_info button {position: absolute; right: 0; background-color: #fff; height: 24px; padding: 0 6px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; color: #555;}
.custom_content.custom3 .myphoto_info{text-align:right;}
.custom_content.custom3 .myphoto_info button{position: inherit;}
.myphoto_info button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);} .myphoto_info button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
.myphoto_info button.modify_btn {top: 0;} .myphoto_info button.modify_btn {top: 0;}
.myphoto_info button.detail_btn {top: 26px;} .myphoto_info button.detail_btn {top: 26px;}
@ -1733,9 +1738,12 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn{height: 40px; border: 5px solid #129738; color: #129738; font-size: 16px; font-weight: 500; padding: 0 15px; border-radius: 5px;} .send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn{height: 40px; border: 5px solid #129738; color: #129738; font-size: 16px; font-weight: 500; padding: 0 15px; border-radius: 5px;}
.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn i{width: 17px; height: 15px; background-image: url(/publish/images/content/excel_img.png); margin: 0 5px 5px 0;} .send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn i{width: 17px; height: 15px; background-image: url(/publish/images/content/excel_img.png); margin: 0 5px 5px 0;}
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap01{display: none !important;} .send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap01{display: none !important;}
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .btnType{margin:0 0 0 6px;}
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .listType{width: 100%;} .send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .listType{width: 100%;}
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receipt_num .list_table_num{width: calc(100% - 60px);} .send_top .kakaotalksend_cont .kakao_wrap .send_left .receipt_num .list_table_num{width: calc(100% - 60px);}
.kakaotalksend_cont .kakao_wrap .put_right .qmMark{width: 19px; height: 19px; background-image: url(/publish/images/content/qmIcon_s.png); margin: -0.3px 0 2px 4px;} .kakaotalksend_cont .kakao_wrap .put_right .qmMark{width: 19px; height: 19px; background-image: url(/publish/images/content/qmIcon_s.png); margin: -0.3px 0 2px 4px;}
.kakaotalksend_cont .kakao_wrap .receipt_num_top{align-items:center;gap:6px;}
.kakaotalksend_cont .kakao_wrap .send_right .phone_bottom{top:calc(100% - 230px);}
.kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;} .kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;} .kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;} .kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
@ -2139,12 +2147,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
/* right area 문자 미리보기 */ /* right area 문자 미리보기 */
.send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;} .send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
.send_top .send_general.sec .resultcont_right {min-height:auto;} .send_top .send_general.sec .resultcont_right {min-height:auto;}
.send_top .resultcont_right .tab_phone {display: none; }
.send_top .resultcont_right .tab_phone.current {display: block;}
/* phone 기본 -- sticky */ /* phone 기본 -- sticky */
.send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;} .send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
.send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; } .send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }
.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 25px 30px; position: relative; height: 98%; box-sizing: border-box;} .send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 0 30px; position: relative; height: 96%; box-sizing: border-box;}
.send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;} .send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
.send_top .resultcont_right .phone .text_length2 {padding: 12px 0;} .send_top .resultcont_right .phone .text_length2 {padding: 12px 0;}
.send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;} .send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;}
@ -2175,8 +2181,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
/* 알림톡 미리보기 */ /* 알림톡 미리보기 */
.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;} .send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg_01.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;} .send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg_01.png); background-position:-10px top; padding: 27px 25px 0 25px;}
.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;} .send_top .resultcont_right .phone_kakako .prev_p{padding: 8px 0 0 10px; border: 0; letter-spacing: -0.25px;}
.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;} .send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
.send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;} .send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
.send_top .resultcont_right .phone_kakako .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;} .send_top .resultcont_right .phone_kakako .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}
@ -2199,7 +2205,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;} .send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap{display: flex; width: calc(85% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -3px; border-radius: 0 0 25px 25px;} .send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap{display: flex; width: calc(85% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -3px; border-radius: 0 0 25px 25px;}
.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;} .send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:-25px 0 10px 0;} .send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;} .btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
.btn_list_type1 .btnType.btnType17 {width:100px; } .btn_list_type1 .btnType.btnType17 {width:100px; }
@ -2393,6 +2399,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;} .tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
.tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;} .tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
/*문자전송_안심번호 안내 추가*/
.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; text-align: left; line-height: 1.3; font-size: 14px; color: #e40000; font-weight: 400;}
.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
@keyframes rotate-loading { @keyframes rotate-loading {
0% {transform:rotate(0)} 0% {transform:rotate(0)}
@ -2588,6 +2599,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.sub .election .receipt_number_table_wrap .list_bottom{width:100%;} .sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
.sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;} .sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
.sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;} .sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
/*문자전송_안심번호 안내 추가*/
.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: 0 0 0 11px; text-indent: -11px;}
.tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
} }
@media only screen and (max-width:1380px){ @media only screen and (max-width:1380px){

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

@ -319,13 +319,13 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;} .my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
.my_dashboard .send_price::after{display: none;} .my_dashboard .send_price::after{display: none;}
.my_dashboard .send_price .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 18px; font-weight: bold; border-radius: 10px 0 0 10px; align-items: center; justify-content: center; line-height: 1.5;} .my_dashboard .send_price .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 18px; font-weight: bold; border-radius: 10px 0 0 10px; align-items: center; justify-content: center; line-height: 1.5;}
.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;} .my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0; padding: 0 10px;}
.my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 14px; align-items: center; flex-wrap: wrap; box-sizing: border-box;} .my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 14px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
.my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;} .my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;}
.my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0} .my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0}
.my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;} .my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;}
.my_dashboard .send_price .price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;} .my_dashboard .send_price .price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0 0 0;} .my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0;}
.my_dashboard .send_price .event_wrap .event_text{font-size: 15px; color: #444; padding: 8px 0;} .my_dashboard .send_price .event_wrap .event_text{font-size: 15px; color: #444; padding: 8px 0;}
.my_dashboard .send_price .event_wrap .event_text span{color: #e40000; font-size: 17px;} .my_dashboard .send_price .event_wrap .event_text span{color: #e40000; font-size: 17px;}

5
src/main/webapp/publish/guide.html
View File

@ -139,7 +139,7 @@
<li><a target="_blank" href="/publish/mypage4.html">mypage4.html</a>마이페이지 > 비밀번호 변경</li> <li><a target="_blank" href="/publish/mypage4.html">mypage4.html</a>마이페이지 > 비밀번호 변경</li>
<li><a target="_blank" href="/publish/mypage5.html">mypage5.html</a>마이페이지 > 발신번호 관리</li> <li><a target="_blank" href="/publish/mypage5.html">mypage5.html</a>마이페이지 > 발신번호 관리</li>
<li><a target="_blank" href="/publish/mypage5_2.html">mypage5_2.html</a>마이페이지 > 발신번호 관리 > 번호 추가</li> <li><a target="_blank" href="/publish/mypage5_2.html">mypage5_2.html</a>마이페이지 > 발신번호 관리 > 번호 추가</li>
<li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li> <!-- <li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li> -->
<li><a target="_blank" href="/publish/mypage7.html">mypage7.html</a>마이페이지 > 회원탈퇴</li> <li><a target="_blank" href="/publish/mypage7.html">mypage7.html</a>마이페이지 > 회원탈퇴</li>
<li><a target="_blank" href="/publish/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li> <li><a target="_blank" href="/publish/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li>
<li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</li> <li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</li>
@ -188,6 +188,7 @@
<li><b>기타</b></li> <li><b>기타</b></li>
<li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li> <li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
<li><a target="_blank" href="/publish/maintenance.html">maintenance.html</a>시스템 점검 페이지</li>
<li><a target="_blank" href="/publish/intro_service.html">intro_service.html</a>문자온 소개 > 서비스 소개</li> <li><a target="_blank" href="/publish/intro_service.html">intro_service.html</a>문자온 소개 > 서비스 소개</li>
<li><a target="_blank" href="/publish/intro_function.html">intro_function.html</a>문자온 소개 > 주요기능</li> <li><a target="_blank" href="/publish/intro_function.html">intro_function.html</a>문자온 소개 > 주요기능</li>
<li><a target="_blank" href="/publish/intro_bestsample.html">intro_bestsample.html</a>문자온 소개 > 베스트문자샘플</li> <li><a target="_blank" href="/publish/intro_bestsample.html">intro_bestsample.html</a>문자온 소개 > 베스트문자샘플</li>
@ -219,8 +220,6 @@
<li><a target="_blank" href="/publish/email_form_terms_2024_clause.html">email_form_terms_2024_clause.html</a>서비스 이용약관 개정</li> <li><a target="_blank" href="/publish/email_form_terms_2024_clause.html">email_form_terms_2024_clause.html</a>서비스 이용약관 개정</li>
<li><a target="_blank" href="/publish/email_form_terms_2024_privacy.html">email_form_terms_2024_privacy.html</a>개인정보처리방침 개정</li> <li><a target="_blank" href="/publish/email_form_terms_2024_privacy.html">email_form_terms_2024_privacy.html</a>개인정보처리방침 개정</li>
<!-- ///////////////이메일 폼/////////////// --> <!-- ///////////////이메일 폼/////////////// -->
</ul> </ul>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 476 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 345 B

651
src/main/webapp/publish/index.html
View File

@ -92,265 +92,15 @@
</div> </div>
</div> </div>
<!-- skip 메뉴 -->
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo" rel="nosublink">본문 바로가기</a>
</div>
<!--// skip 메뉴 -->
<!--// 요금안내 top 배너 시작 --> <!--// 요금안내 top 배너 시작 -->
<img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner"> <!-- <img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
<map name="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=""> <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> </map> -->
<!--// 요금안내 top 배너 끝--> <!--// 요금안내 top 배너 끝-->
<!--// quick 메뉴 시작 --> <div data-include-path="/publish/layout/_header.html"></div>
<!--quick 메뉴 변경전
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<li>
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
<div class="hover_cont">이용안내</div>
</li>
<li>
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
<div class="hover_cont">채팅상담</div>
</li>
<li>
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
<li>
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
<li>
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
<div class="hover_cont">주소록 등록</div>
</li>
<li>
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="#"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li>
<a href="#"><i class="quick8"></i><span>결제</span></a>
<div class="hover_cont">결제</div>
</li>
<li>
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
<div class="hover_cont">영수증/계산서</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div>
-->
<!--quick 메뉴 변경후 시작-->
<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">1551-8011</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 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가2222</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li class="new"><a href="#">카톡전송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기" onfocus="this.placeholder=''" onblur="this.placeholder='문자샘플 검색하기'">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div>
<!--// search popup 영역 -->
</div>
<!--// header body 영역 -->
<div id="login" class="login2">
<div class="inner">
<div class="login_left">
<div class="login_info">
<i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
<div class="login2_name">
<p>정수빈</p><span>(개인) 님</span>
</div>
<div class="session">
<div>
<span id="ViewTimer">00:00</span>
</div>
<button type="button" onclick="sessionExpend(); return false;">연장</button>
</div>
<button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
<button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
<div class="security_box green_box">
<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a><!-- 보안로그인 클릭시 보안로그인 홈페이지로 -->
<a href="#" id="secuLoginFlag" class="state on">ON</a><!-- ON/OFF 클릭시 이벤트 발생 -->
</div>
</div>
<div class="login_pay">
<div class="check_money">
<div class="holdingsum_box">
<i></i>
<p>보유잔액
<!-- <em>(캐시)</em> --> <span class="fwMd" id="hdUserMoney">0</span>원</p>
</div>
<button type="button" class="btnType btnType3">충전</button>
<div class="account_box">
<button type="button" class="btnType btnType3">전용계좌</button>
<dl>
<dt>전용계좌</dt>
<dd>기업은행 48011304697636</dd>
</dl>
</div>
</div>
<div class="point">
<i></i>
<p>
<!-- <em>적립</em> -->포인트 <span class="fwMd">0</span>원</p>
<button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
</div>
</div>
</div>
</div>
</div>
<!--// login 영역 -->
</header>
<!--// header 영역 -->
<div class="mask"></div>
<!-- login 영역 --> <!-- login 영역 -->
<!-- content 영역 --> <!-- content 영역 -->
@ -392,295 +142,400 @@
<!--// visual 영역 --> <!--// visual 영역 -->
<!-- new_content1 //--> <!-- new_content1 //-->
<div class="banner_w"> <div class="banner_w">
<div class="sw_wrap"> <div class="sw_wrap">
<div class="swiper-container swiper2 swiper-container-initialized swiper-container-horizontal"> <div class="swiper-container swiper2 swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-3395px, 0px, 0px);"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-3734.5px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">특정문구 일괄변환 기능</li> <li class="cont1_title">특정문구 일괄변환 기능</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p> <p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="6" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">문자 포토에디터 무료 제공</li> <li class="cont1_title">문자 포토에디터 무료 제공</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p> <p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="7" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="7" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">문자 제목 및 약도 추가</li> <li class="cont1_title">문자 제목 및 약도 추가</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p> <p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="8" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/member/pay/BillPub.do" title="페이지 이동">
<a href="/web/member/pay/BillPub.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">자동화 기반 비용처리</li> <li class="cont1_title">자동화 기반 비용처리</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p> <p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<!-- 배너수정 250224 -->
<!-- 배너수정 250224 -->
<div class="swiper-slide" data-swiper-slide-index="0" style="width: 339.5px;"> <div class="swiper-slide" data-swiper-slide-index="0" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">대량문자·단체문자 전송</li> <li class="cont1_title">대량문자·단체문자 전송</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p> <p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="1" style="width: 339.5px;"> <div class="swiper-slide" data-swiper-slide-index="1" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/api/intrdView.do" title="페이지 이동">
<a href="/web/api/intrdView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">문자연동(API) 서비스 제공</li> <li class="cont1_title">문자연동(API) 서비스 제공</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p> <p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="2" style="width: 339.5px;"> <div class="swiper-slide" data-swiper-slide-index="2" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">그림문자 맞춤제작</li> <li class="cont1_title">그림문자 맞춤제작</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p> <p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="3" style="width: 339.5px;"> <div class="swiper-slide" data-swiper-slide-index="3" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">주소록 등록 무료대행</li> <li class="cont1_title">주소록 등록 무료대행</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p> <p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="4" style="width: 339.5px;"> <div class="swiper-slide" data-swiper-slide-index="4" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<ul class="slide_cont1 table_cell1">
<li class="cont1_title">080수신거부 무료 제공</li> <ul class="slide_cont1 table_cell1">
<li class="cont_ex"> <li class="cont1_title">080수신거부 무료 제공</li>
<p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p> <li class="cont_ex">
<p class="bg_icon"> <p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p>
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt=""> <p class="bg_icon">
</p> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt="">
</li> </p>
</ul> </li>
</ul>
</div> </div>
</div> </div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" style="width: 339.5px;">
<div class="swiper-slide" data-swiper-slide-index="5" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">특정문구 일괄변환 기능</li> <li class="cont1_title">특정문구 일괄변환 기능</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p> <p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="6" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="6" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">문자 포토에디터 무료 제공</li> <li class="cont1_title">문자 포토에디터 무료 제공</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p> <p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="7" style="width: 339.5px;">
<div class="contWrap on"> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="7" style="width: 339.5px;">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동"> <div class="contWrap">
<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">문자 제목 및 약도 추가</li> <li class="cont1_title">문자 제목 및 약도 추가</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p> <p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="8" style="width: 339.5px;">
<div class="contWrap"> <div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="8" style="width: 339.5px;">
<a href="/web/member/pay/BillPub.do" title="페이지 이동"> <div class="contWrap on">
<a href="/web/member/pay/BillPub.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">자동화 기반 비용처리</li> <li class="cont1_title">자동화 기반 비용처리</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p> <p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div>
<!--// 배너수정 250224 -->
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="width: 339.5px;">
<!--// 배너수정 250224 -->
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">대량문자·단체문자 전송</li> <li class="cont1_title">대량문자·단체문자 전송</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p> <p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/api/intrdView.do" title="페이지 이동">
<a href="/web/api/intrdView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">문자연동(API) 서비스 제공</li> <li class="cont1_title">문자연동(API) 서비스 제공</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p> <p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">그림문자 맞춤제작</li> <li class="cont1_title">그림문자 맞춤제작</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p> <p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
<div class="contWrap"> <div class="contWrap">
<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
<ul class="slide_cont1 table_cell1"> <ul class="slide_cont1 table_cell1">
<li class="cont1_title">주소록 등록 무료대행</li> <li class="cont1_title">주소록 등록 무료대행</li>
<li class="cont_ex"> <li class="cont_ex">
<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p> <p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
<p class="bg_icon"> <p class="bg_icon">
<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt=""> <img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
</p> </p>
</li> </li>
<li class="more">자세히보기</li> <li class="more">자세히보기</li>
</ul> </ul>
</a>
</a>
</div> </div>
</div> </div></div>
</div> <!-- 버튼 -->
<!-- 버튼 --> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"> <img src="/publish/images/main/cont1_next.png" alt="다음">
<img src="/publish/images/main/cont1_next.png" alt="다음">
</div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
<img src="/publish/images/main/cont1_prev.png" alt="이전">
</div>
<!-- 페이징 -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div> </div>
</div> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
<img src="/publish/images/main/cont1_prev.png" alt="이전">
</div>
<!-- 페이징 -->
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 8"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 9"></span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
<form id="mainImgSendForm" name="mainImgSendForm" method="post"> <form id="mainImgSendForm" name="mainImgSendForm" method="post">
<input type="hidden" id="atchFileId1" name="atchFileId1" value=""> <input type="hidden" id="atchFileId1" name="atchFileId1" value="">
<input type="hidden" id="fileSn" name="fileSn" value=""> <input type="hidden" id="fileSn" name="fileSn" value="">

93
src/main/webapp/publish/js/content.js
View File

@ -1346,27 +1346,86 @@ $(window).on('load',function(){
},800); },800);
}); });
function sendPhoneFixed(){ function sendPhoneFixed() {
$('.send_top').each(function(){ $('.send_top').each(function () {
var ofsT=Math.round($(this).find('.send_right').offset().top); var ofsT = Math.round($(this).find('.send_right').offset().top);
if($(".kakaotalkset_cont .kakao_wrap").length == 1){ if ($(".kakaotalkset_cont .kakao_wrap").length == 1) {
var pH=Math.round($(this).find('.send_right .phone').outerHeight()); var pH = Math.round($(this).find('.send_right .phone').outerHeight());
}else{ } else {
var pH=Math.round($(this).find('.send_right .phone').outerHeight()+240); var pH = Math.round($(this).find('.send_right .phone').outerHeight() + 240);
} }
var sendRightOft = Math.round($(this).find('.send_right:visible').offset().top);
$(window).on('scroll',function(){ $(window).on('scroll', function () {
var scrT=$(this).scrollTop(); var scrT = $(this).scrollTop();
var t=scrT+213; var t = scrT + 213;
var h=Math.round($('.send_top').find('.send_right').outerHeight()); var h = Math.round($('.send_top').find('.send_right').outerHeight());
var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;
if(t>ofsT && t-ofsT<h-pH){ if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
$('.send_top .send_right .phone').css('top',t-ofsT); if (t > ofsT && scrT !== 0) {
}else if(t>ofsT){ // send_rev 영역에 도달한 경우 멈춤
$('.send_top .send_right .phone').css('top',h-pH); if (scrT + pH > revT) {
}else if(t<=ofsT){ $('.send_top .send_right .phone:visible').css({
$('.send_top .send_right .phone').attr('style',''); 'top': revT - pH - sendRightOft + 470,
'transition':'all 0.2s'
});
}
// 스크롤 위치에 맞춰 부드럽게 이동
else {
$('.send_top .send_right .phone:visible').css({
'top': t - sendRightOft,
'transition':'all 0.2s'
});
}
}
// send_right 상단에 도달하면 스타일 제거
else {
$('.send_top .send_right .phone:visible').css({
'top': '0',
'transition':'all 0.2s'
});
}
} }
else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
if (t > ofsT && t - ofsT < h - pH) {
$('.send_top .send_right .phone').css({
'top': t - ofsT,
'transition':'all 0.2s'
});
} else if (t > ofsT) {
$('.send_top .send_right .phone').css({
'top': h - pH + 100,
'transition':'all 0.2s'
});
} else if (t <= ofsT) {
$('.send_top .send_right .phone').css({
'top': '0',
'transition':'all 0.2s'
});
}
}
else {
if (t > ofsT && t - ofsT < h - pH) {
$('.send_top .send_right .phone').css({
'top': t - ofsT,
'transition':'all 0.2s'
});
} else if (t > ofsT) {
$('.send_top .send_right .phone').css({
'top': h - pH,
'transition':'all 0.2s'
});
} else if (t <= ofsT) {
$('.send_top .send_right .phone').css({
'top': '0',
'transition':'all 0.2s'
});
}
}
}); });
}); });
} }

72
src/main/webapp/publish/js/popup.js
View File

@ -1,7 +1,7 @@
$(document).ready(function () { $(document).ready(function () {
/* 포토에디터 스크롤바 꾸미기 */ /* 포토에디터 스크롤바 꾸미기 */
if($(".contWrap_scroll").length>0){ if ($(".contWrap_scroll").length > 0) {
$(".contWrap_scroll").mCustomScrollbar({ $(".contWrap_scroll").mCustomScrollbar({
axis: 'y', axis: 'y',
scrollbarPosition: "outside", scrollbarPosition: "outside",
@ -17,35 +17,35 @@ $(document).ready(function () {
onOverflowYNone: function () { onOverflowYNone: function () {
$(".contWrap").removeClass("on_scroll"); $(".contWrap").removeClass("on_scroll");
}, },
onTotalScroll:function(){ onTotalScroll: function () {
console.log("Scrolled to end of content."); console.log("Scrolled to end of content.");
var pageNo = $('#pageIndex').val(); var pageNo = $('#pageIndex').val();
if(pageNo && !isNaN(pageNo)) { // TODO: 총페이지 체크 if (pageNo && !isNaN(pageNo)) { // TODO: 총페이지 체크
linkPhoPage(++pageNo); linkPhoPage(++pageNo);
} }
} }
} }
}); });
} }
/* 포토에디터 이미지 미리보기 drag */
//div 순서에 따라 숫자 지정
$('.image_preview .drag_img').each(function (i) {
var dragNum = i + 1;
$(this).find(".img_number span").text(dragNum);
});
//드래그 및 드래그 시 숫자 변경 /* 포토에디터 이미지 미리보기 drag */
if($(".image_preview").length>0){ //div 순서에 따라 숫자 지정
$(".image_preview").sortable({ $('.image_preview .drag_img').each(function (i) {
update: function (event, ui) { var dragNum = i + 1;
$('.image_preview .drag_img').each(function (i) { $(this).find(".img_number span").text(dragNum);
var numbering = i + 1; });
$(this).find(".img_number span").text(numbering);
}); //드래그 및 드래그 시 숫자 변경
} if ($(".image_preview").length > 0) {
}); $(".image_preview").sortable({
} update: function (event, ui) {
$('.image_preview .drag_img').each(function (i) {
var numbering = i + 1;
$(this).find(".img_number span").text(numbering);
});
}
});
}
}); });
// 포토에디터 헤더 tab // 포토에디터 헤더 tab
@ -69,31 +69,31 @@ function TabType3(obj, tabId) {
/* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈 */ /* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈 */
function showPotoediter() { function showPotoediter() {
//만들려는 팝업의 크기 //만들려는 팝업의 크기
var popup_wid = '950'; var popup_wid = '950';
var popup_ht = '761'; var popup_ht = '761';
//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦 //중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
var popup_left = (window.screen.width / 2) - (popup_wid / 2); var popup_left = (window.screen.width / 2) - (popup_wid / 2);
var popup_top =(window.screen.height / 2) - (popup_ht / 2); var popup_top = (window.screen.height / 2) - (popup_ht / 2);
window.open('photo_editer.html', 'a', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top ); window.open('photo_editer.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
} }
/* 윈도우팝업 열기 */ /* 윈도우팝업 열기 */
function infoListPop(contId, _width, _height){ function infoListPop(contId, _width, _height) {
var popupUrl = "/publish/info_popup.html"; var popupUrl = "/publish/info_popup.html";
var popupName = "사용안내 팝업" var popupName = "사용안내 팝업"
var popupOption = "width="+_width+", height="+_height+", top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1" var popupOption = "width=" + _width + ", height=" + _height + ", top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1"
var infoPopup = window.open(popupUrl,popupName,popupOption); var infoPopup = window.open(popupUrl, popupName, popupOption);
infoPopup.onload = function() { infoPopup.onload = function () {
infoPopup.document.getElementById('contId').value = contId; infoPopup.document.getElementById('contId').value = contId;
infoPopup.document.getElementById(contId).style.display="block"; infoPopup.document.getElementById(contId).style.display = "block";
} }

587
src/main/webapp/publish/layout/_header.html
View File

@ -1,225 +1,412 @@
<div class="mask"></div> <div class="mask"></div>
<!-- skip 메뉴 --> <!-- skip 메뉴 -->
<div class="skip_menu"> <div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div> </div>
<!--// skip 메뉴 --> <!--// skip 메뉴 -->
<!-- quick 메뉴 --> <!-- quick 메뉴 -->
<div class="quickMenu"> <div class="quickMenu">
<div> <div>
<p class="quick_title">QUICK<br>MENU</p> <p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p> <p class="quick_title2">QUICK</p>
<ul class="quickMenuIn"> <ul class="quickMenuIn">
<li id="quickPayGuide"> <li id="quickPayGuide">
<a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a> <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div> <div class="hover_cont">맞춤제작</div>
</li> </li>
<li> <li>
<a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a> <a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a>
<div class="hover_cont">주소록 관리</div> <div class="hover_cont">주소록 관리</div>
</li> </li>
<li> <li>
<a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a> <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
<div class="hover_cont">발신번호 관리</div> <div class="hover_cont">발신번호 관리</div>
</li> </li>
<li> <li>
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a> <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
<div class="hover_cont">엑셀 대량전송</div> <div class="hover_cont">엑셀 대량전송</div>
</li> </li>
<li> <li>
<a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a> <a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
<div class="hover_cont">문자연동</div> <div class="hover_cont">문자연동</div>
</li> </li>
<li> <li>
<a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a> <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
<div class="hover_cont">결제관리</div> <div class="hover_cont">결제관리</div>
</li> </li>
<li> <li>
<a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a> <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
<div class="hover_cont">세금계산서</div> <div class="hover_cont">세금계산서</div>
</li> </li>
<li class="cscenter"> <li class="cscenter">
<a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a> <a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a>
<div class="hover_cont"> <div class="hover_cont">
<div class="title">고객센터</div> <div class="title">고객센터</div>
<div class="number">1551-8011</div> <div class="number">1551-8011</div>
<ul class="info"> <ul class="info">
<li>· 월~금 : 09:30 ~ 18:30</li> <li>· 월~금 : 09:30 ~ 18:30</li>
<li>· 점심시간 : 13:00 ~ 14:00</li> <li>· 점심시간 : 13:00 ~ 14:00</li>
<li>· 토, 일요일 및 법정공휴일 휴무</li> <li>· 토, 일요일 및 법정공휴일 휴무</li>
</ul> </ul>
<div class="cskakao"> <div class="cskakao">
<a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a> <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a>
<a href="javascript:void(0);" class="remote">원격지원</a> <a href="javascript:void(0);" class="remote">원격지원</a>
</div>
</div> </div>
</li> </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">카카오톡 상담</a></div>
</div>
<!--// quick 메뉴 -->
<!-- header 영역 -->
<header id="header" class="header">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="/publish/member_info_change_company.html"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>1:1 문의</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">고객센터</a></li>
<li class="SortLine"><a href="#">불편신고</a></li>
</ul> </ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div> </div>
<div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></div>
</div> </div>
<!--// quick 메뉴 --> <!-- header top 영역 -->
<!-- header 영역 -->
<header id="header" class="header">
<!-- header top 영역 --> <!-- header body 영역 -->
<div class="header_top"> <div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자전송</a></li>
<li><a href="#">카톡발송</a></li>
<li><a href="#">팩스발송</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약문자관리</a></li>
<li><a href="#">결제관리</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴" onclick="sitemapToggle(this);"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner"> <div class="inner">
<ul class="menu_left"> <div class="area_search">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li> <select name="" id="">
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li> <option value="">그림문자</option>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li> <option value="">단문문자</option>
</ul> <option value="">장문문자</option>
<ul class="menu_right"> <option value="">GIF</option>
<li><a href="#">충전하기</a></li> </select>
<li class="SortLine"><a href="#">요금안내</a></li> <input type="text" placeholder="문자샘플 검색하기">
<li class="SortLine"><a href="#">이용안내</a></li> <button><img src="/publish/images/search02.png" alt=""></button>
<li class="SortLine"><a href="#">1:1 문의</a></li> </div>
<li class="SortLine"><a href="#">불편신고</a></li> <div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div>
<!--// search popup 영역 -->
<!-- 사이트맵 -->
<div class="layer_sitemap">
<div class="inner">
<ul class="menu">
<li>
<dl>
<dt><a href="/web/mjon/msgdata/selectMsgDataView.do">문자전송</a></dt>
<dd>
<ul>
<li><a href="/web/mjon/msgdata/selectMsgDataView.do">단문·장문·그림문자</a></li>
<li><a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do">대량문자</a></li>
<li><a href="/web/api/intrdView.do">문자연동(API)</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">카톡전송</a></dt>
<dd>
<ul>
<li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
<li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
<li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">알림톡 소개</a></li>
</ul>
</dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작</a></dt>
<dd>
<ul>
<li><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작 샘플</a></li>
<li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=2">제작방법 및 이용안내</a></li>
<li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=3">내보관함</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/web/info/mjonInfo.do">문자온소개</a></dt>
<dd>
<ul>
<li><a href="/web/info/mjonInfo.do">서비스 소개</a></li>
<li><a href="/web/info/mjonFunc.do">주요기능</a></li>
<li><a href="/web/mjon/msgdata/selectBestMsgDataView.do">베스트문자샘플</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/web/info/mjonInfo.do">팩스전송</a></dt>
<dd>
<ul>
<li><a href="/web/mjon/fax/faxDataView.do">팩스전송</a></li>
<li><a href="/web/mjon/fax/faxSendList.do">팩스전송내역</a></li>
</ul>
</dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></dt>
<dd>
<ul>
<li><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></li>
<li><a href="/web/mjon/addrBlock/selectBlockList.do">수신거부</a></li>
<li><a href="/web/mjon/addr/addrMobGuide.do">폰주소록 등록</a></li>
<li><a href="/web/mjon/addragency/selectAddrAgencyList.do">주소록 입력 대행(무료)</a></li>
</ul>
</dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></dt>
<dd>
<ul>
<li><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></li>
</ul>
</dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/publish/member_info_change_company.html">마이페이지</a></dt>
<dd>
<ul>
<li><a href="/web/user/mberInfoChange.do">회원정보 변경</a></li>
<!-- 개인회원 일때만 노출되는 영역 -->
<li><a href="/web/user/passwordChange.do">비밀번호 변경</a></li>
<li><a href="/web/user/sendNumberManage.do">발신번호 관리</a></li>
<!-- <li><a href="/web/user/notifyManage.do">알림설정</a></li> -->
</ul>
</dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/web/member/pay/PayList.do">결제관리</a></dt>
<dd>
<ul>
<li><a href="/web/pay/PayGuide.do">요금안내/견적내기</a></li>
<li><a href="/web/member/pay/PayView.do">결제하기</a></li>
<li><a href="/web/member/pay/PayList.do">요금 결제내역</a></li>
<li><a href="/web/member/pay/PayUserSWList.do">요금 사용내역</a></li>
<!-- 현금영수증 자동발행 주석 -->
<li><a href="/web/member/pay/BillPub.do">세금계산서 발행</a></li>
</ul>
</dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/web/cop/bbs/NoticeList.do">고객센터</a></dt>
<dd>
<ul>
<li><a href="/web/cop/bbs/NoticeList.do">공지사항</a></li>
<li><a href="/web/cop/bbs/TermsList.do?menuNm=02&amp;termsMastNo=2023">이용약관</a></li>
<li><a href="/web/cop/bbs/FaqList.do">자주하는 질문</a></li>
<li><a href="/web/cop/bbs/QnaList.do">1:1 문의</a></li>
<li><a href="/web/cop/bbs/SuggestList.do">불편신고</a></li>
<li><a href="/web/cop/bbs/EventList.do">이벤트</a></li>
<li><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');">원격지원</a></li>
</ul>
</dd>
</dl>
</li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- header top 영역 --> <!-- //사이트맵 -->
<!-- header body 영역 --> </div>
<div class="header_body"> <!--// header body 영역 -->
<div class="inner table"> <!-- <div id="login" class="login">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1> <div class="inner">
<ul class="gnbWrap table_cell"> <div class="login_left">
<li><a href="#">문자전송</a></li> <div class="login_put">
<li><a href="#">카톡발송</a></li> <label for="id_text" class="label"></label>
<li><a href="#">팩스발송</a></li> <input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
<li><a href="#">맞춤제작</a></li> <label for="password_text" class="label"></label>
<li><a href="#">주소록 관리</a></li> <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
<li><a href="#">발송결과</a></li> <label for="login_button" class="label"></label>
<li><a href="#">예약문자관리</a></li> <button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
<li><a href="#">결제관리</a></li> </div>
</ul> <div class="login_save">
<div class="s_menu"> <input type="checkbox" id="save_id" name="checkId">
<i class="allSearch_info"><span>문자검색</span></i> <label for="save_id">아이디 저장</label>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button> </div>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button> <div class="login_find">
<a href="/web/user/findUserId.do">아이디찾기</a>
/
<a href="/web/user/rePassword.do">비밀번호 재설정</a>
</div>
<div>
<button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
</div> </div>
</div> </div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<!-- search popup 영역 --> <button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div>
<!--// search popup 영역 -->
</div>
<!--// header body 영역 -->
<div id="login" class="login">
<div class="inner">
<div class="login_left">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
<label for="login_button" class="label"></label>
<button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id" name="checkId">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="/web/user/findUserId.do">아이디찾기</a>
/
<a href="/web/user/rePassword.do">비밀번호 재설정</a>
</div>
<div>
<button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
</div>
</div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
</div>
</div> </div>
</div> </div>
<!--// login 영역 --> </div> -->
<!--// login 영역 -->
<!-- 로그인 후 영역 --> <!-- 로그인 후 영역 -->
<!-- <div id="login" class="login2"> <div id="login" class="login2">
<div class="inner"> <div class="inner">
<div class="login_left"> <div class="login_left">
<div class="login_info"> <div class="login_info">
<i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i> <div class="login2_name" onclick="location.href='/publish/member_info_change_company.html'">
<div class="login2_name"> <i class="icon_user"></i>
<p>정수빈</p><span>(개인) 님</span> <p>정수빈</p><span>(개인) 님</span>
</div>
<div class="session">
<div>
<span id="ViewTimer">00:00</span>
</div>
<button type="button" onclick="sessionExpend(); return false;">연장</button>
</div>
<button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
<button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
<div class="security_box green_box">
<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
<a href="#" id="secuLoginFlag" class="state on">ON</a>
</div>
</div> </div>
<div class="login_pay"> <div class="session">
<div class="check_money"> <div>
<div class="holdingsum_box"> <span id="ViewTimer">00:00</span>
<i></i>
<p>보유잔액
<span class="fwMd" id="hdUserMoney">0</span>원</p>
</div>
<button type="button" class="btnType btnType3">충전</button>
<div class="account_box">
<button type="button" class="btnType btnType3">전용계좌</button>
<dl>
<dt>전용계좌</dt>
<dd>기업은행 48011304697636</dd>
</dl>
</div>
</div> </div>
<div class="point"> <button type="button" onclick="sessionExpend(); return false;">연장</button>
</div>
<!-- <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button> -->
<button type="button" class="btnType btn_36 fill_gray" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
<div class="security_box green_box">
<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
<a href="#" id="secuLoginFlag" class="state on">ON</a>
</div>
</div>
<div class="login_pay">
<div class="check_money">
<div class="holdingsum_box">
<i></i> <i></i>
<p> <div class="user_money_wrap">
포인트 <span class="fwMd">0</span>원</p> 보유잔액
<button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button> <div class="hover_content_wrap">
<i class="qmMark">?</i>
<div class="hover_content">
<p class="hover_content_title">
<img src="/publish/images/content/icon_mypage_message.png" alt=""> 나의단가 <span>(발송가능 건수)</span>
</p>
<ul class="send_available_number">
<li>
<p class="title">· 단문</p>
<p class="number"><span class="c_002c9a fwBold">18</span>원(345건)</p>
</li>
<li>
<p class="title">· 장문</p>
<p class="number"><span class="c_002c9a fwBold">50</span>원(99건)</p>
</li>
<li>
<p class="title">· 그림(1장)</p>
<p class="number"><span class="c_002c9a fwBold">90</span>원(8건)</p>
</li>
<li>
<p class="title">· 그림(2장)</p>
<p class="number"><span class="c_002c9a fwBold">110</span>원(3건)</p>
</li>
<li>
<p class="title">· 그림(3장)</p>
<p class="number"><span class="c_002c9a fwBold">130</span>원(1건)</p>
</li>
<li>
<p class="title">· 알림톡</p>
<p class="number"><span class="c_002c9a fwBold">6.9</span>원(983건)</p>
</li>
<li>
<p class="title">· 팩스</p>
<p class="number"><span class="c_002c9a fwBold">58</span>원(345매)</p>
</li>
</ul>
<p class="event_term">이벤트 적용중 <span class="fwBold">D-60</span></p>
</div>
</div>
<span class="fwMd" id="hdUserMoney">999,999,999.99</span>원
</div>
</div> </div>
<button type="button" class="btnType btnType3">충전</button>
<!-- <div class="account_box">
<button type="button" class="btnType btnType3">전용계좌</button>
<dl>
<dt>전용계좌</dt>
<dd>기업은행 48011304697636</dd>
</dl>
</div> -->
</div>
<!-- <div class="check_money">
<div class="holdingsum_box">
<i></i>
<p>보유잔액<span class="fwMd" id="hdUserMoney">123</span>원</p>
<dl>
<dd>후불제 고객의 보유잔액(캐시)은 당월 발송 가능<br>금액을 말하며 <span>매월 1일 자동으로 충전</span>됩니다.</dd>
</dl>
</div>
<button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
<div class="account_box">
<button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do?tabType=2'">전용계좌</button>
</div>
</div> -->
<div class="point">
<i></i>
<p>포인트 <span class="fwMd">9,999,999</span>원</p>
<button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
</div> </div>
</div> </div>
</div> </div>
</div> --> </div>
<!-- //로그인 후 영역 --> </div>
</header> <!-- //로그인 후 영역 -->
<!--// header 영역 --> </header>
<!-- login 영역 --> <!--// header 영역 -->
<!-- login 영역 -->

25
src/main/webapp/publish/member_info_change_company.html
View File

@ -53,7 +53,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>
@ -123,7 +122,7 @@
<div class="input_list_item emailWrap"> <div class="input_list_item emailWrap">
<div> <div>
<div class="input_left"><span class="essential">*</span>이메일</div> <div class="input_left">이메일</div>
<div class="input_right"> <div class="input_right">
<div class="email"> <div class="email">
<label for="" class="label">이메일 주소 앞자리</label> <label for="" class="label">이메일 주소 앞자리</label>
@ -146,6 +145,26 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="input_list_item send_agree">
<div class="input_left">알림 설정</div>
<div class="input_right">
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
<label for="allim_1">뉴스레터</label>
</div>
</div>
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
<label for="allim_2">안내문자</label>
</div>
</div>
<div class="list_alert reqest_text">
<span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
</div>
</div>
</div> -->
<div class="input_list_item send_agree"> <div class="input_list_item send_agree">
<div class="input_left">마케팅 수신 동의</div> <div class="input_left">마케팅 수신 동의</div>
<div class="input_right"> <div class="input_right">
@ -172,7 +191,7 @@
</div> </div>
</div> </div>
</div> </div>
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p> <p class="poe_noti">이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
<div class="mem_btnWrap2 justify"> <div class="mem_btnWrap2 justify">
<button type="button" class="mem_btn3">변경</button> <button type="button" class="mem_btn3">변경</button>
</div> </div>

1
src/main/webapp/publish/member_info_change_passwordCheck.html
View File

@ -41,7 +41,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/member_info_change_person.html
View File

@ -42,7 +42,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

300
src/main/webapp/publish/mypage2.html
View File

@ -15,16 +15,17 @@
<link rel="stylesheet" href="/publish/css/mem.css"> <link rel="stylesheet" href="/publish/css/mem.css">
<link rel="stylesheet" href="/publish/css/font.css"> <link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css"> <link rel="stylesheet" href="/publish/css/popupLayer.css">
<script src="/publish/js/jquery-3.5.0.js"></script> <script src="/publish/js/jquery-3.5.0.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/common.js"></script> <script src="/publish/js/common.js"></script>
<script src="/publish/js/content.js"></script> <script src="/publish/js/content.js"></script>
<script src="/publish/js/calendar.js"></script> <script src="/publish/js/calendar.js"></script>
<script src="/publish/js/popupLayer.js"></script> <script src="/publish/js/popupLayer.js"></script>
</head> </head>
<body> <body>
<div class="mask"></div> <div class="mask"></div>
<div data-include-path="/publish/layout/_header.html"></div> <div data-include-path="/publish/layout/_header.html"></div>
@ -45,7 +46,7 @@
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>
<!--// tab button --> <!--// tab button -->
<!-- 마이페이지 - 회원정보 변경 --> <!-- 마이페이지 - 회원정보 변경 -->
<div class="mypage_content current" id="tab5_1"> <div class="mypage_content current" id="tab5_1">
<!-- 비밀번호 확인 --> <!-- 비밀번호 확인 -->
<div class="heading"> <div class="heading">
@ -78,8 +79,10 @@
<p class="reqTxt4"> <p class="reqTxt4">
- 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br> - 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
- 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p> - 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
</div><!--// 기본정보 --> </div>
</div><!--// 비밀번호 확인 --> <!--// 기본정보 -->
</div>
<!--// 비밀번호 확인 -->
<!-- 개인회원 정보변경 --> <!-- 개인회원 정보변경 -->
<div class="heading"> <div class="heading">
<h2>개인회원 정보변경</h2> <h2>개인회원 정보변경</h2>
@ -138,6 +141,26 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="input_list_item send_agree">
<div class="input_left">알림 설정</div>
<div class="input_right">
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
<label for="allim_1">뉴스레터</label>
</div>
</div>
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
<label for="allim_2">안내문자</label>
</div>
</div>
<div class="list_alert reqest_text">
<span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
</div>
</div>
</div> -->
<div class="input_list_item send_agree"> <div class="input_list_item send_agree">
<div class="input_left">마케팅 수신 동의</div> <div class="input_left">마케팅 수신 동의</div>
<div class="input_right"> <div class="input_right">
@ -164,261 +187,28 @@
</div> </div>
</div> </div>
</div> </div>
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p> <p class="poe_noti">이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
<div class="mem_btnWrap2"> <div class="mem_btnWrap2">
<button type="button" class="mem_btn4">기업회원 전환</button> <button type="button" class="mem_btn4">기업회원 전환</button>
<button type="button" class="mem_btn3">변경</button> <button type="button" class="mem_btn3">변경</button>
</div> </div>
</div><!--// 회원정보 변경 --> </div>
<!--// 회원정보 변경 -->
</div> </div>
<!-- 기업회원 정보변경 -->
<div class="heading"> </div>
<h2>기업회원 정보변경</h2> </div>
</div> <!--// 마이페이지 - 회원정보 변경 -->
<div class="mem_cont_in">
<div class="text_top">
<p>회원님의 정보를 <span class="c_002c9a">확인</span>및 <span class="c_002c9a">변경</span> 하실 수 있습니다.</p>
</div>
<div class="input_wrap">
<!-- 기본정보 -->
<div class="input_list">
<p class="list_title">기본정보</p>
<div class="input_list_item colorW">
<div class="input_left">아이디</div>
<div class="input_right">
<label for="" class="label">아이디</label>
<input type="text" class="list_inputType1" placeholder="hong5678" readonly>
</div>
</div>
<div class="input_list_item colorW">
<div class="input_left">이름</div>
<div class="input_right">
<label for="" class="label">이름</label>
<input type="text" class="list_inputType1" placeholder="홍길동" readonly>
</div>
</div>
<div class="input_list_item colorW">
<div class="input_left">휴대전화</div>
<div class="input_right">
<label for="" class="label">휴대전화</label>
<input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
<div class="list_btn_wrap">
<span><span class="vMiddle">*</span>본인 명의의 휴대폰번호로만 변경가능</span>
<button type="button">번호 변경</button>
</div>
</div>
</div>
<div class="input_list_item emailWrap">
<div>
<div class="input_left">이메일</div>
<div class="input_right">
<div class="email">
<label for="" class="label">이메일 주소 앞자리</label>
<input type="text" class="list_inputType1" placeholder="hong1234" readonly>
<span>@</span>
<label for="" class="label">이메일 주소 뒷자리</label>
<input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
</div>
<div class="email_select">
<label for="" class="label">이메일 선택</label>
<select class="list_selType1">
<option>직접입력</option>
<option>네이버</option>
<option>네이트</option>
<option>한메일(다음)</option>
<option>지메일</option>
</select>
</div>
</div>
</div>
</div>
<div class="input_list_item send_agree">
<div class="input_left">마케팅 수신 동의</div>
<div class="input_right">
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
<label for="agree1_1">휴대폰</label>
</div>
</div>
</>
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
<label for="agree1_3">이메일</label>
</div>
</div>
<div class="list_alert reqest_text">
<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
</div>
</div>
</div>
</div><!--// 기본정보 -->
<!-- 기업정보 -->
<div class="input_list">
<p class="list_title">기업정보</p>
<div class="input_list_item">
<div class="input_left">기업유형</div>
<div class="input_right">
<input id="radio1" type="radio"name="sel_type" checked="checked">
<label for="radio1">개인</label>
<input id="radio2" type="radio" name="sel_type">
<label for="radio2">영리법인</label>
<input id="radio3" type="radio" name="sel_type">
<label for="radio3">비영리법인</label>
<input id="radio4" type="radio" name="sel_type">
<label for="radio4">기타</label>
</div>
</div>
<div class="input_list_item">
<div class="input_left">회사명</div>
<div class="input_right">
<label for="" class="label">회사명 입력</label>
<input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널" readonly>
</div>
</div>
<div class="input_list_item">
<div class="input_left">사업자등록번호</div>
<div class="input_right">
<label for="" class="label">사업자등록번호 입력</label>
<input type="text" class="list_inputType1" placeholder="653-12-34567" readonly>
<div class="list_btn_wrap">
<button type="button">사업자등록번호 확인</button>
</div>
</div>
</div>
<div class="input_list_item">
<div class="input_left">사업자등록증 첨부</div>
<div class="input_right">
<label for="" class="label">사업자등록증 첨부</label>
<input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널 사업자.jpg" readonly>
<div class="list_btn_wrap">
<span>사업자등록증 첨부(5MB 이내)</span>
<button type="button">파일첨부</button>
</div>
</div>
</div>
<div class="input_list_item bis_status">
<div class="input_left">업태/종목</div>
<div class="input_right">
<label for="" class="label">업태 입력</label>
<input type="text" class="list_inputType1" placeholder="F.건설업" readonly>
<span>/</span>
<label for="" class="label">종목 입력</label>
<input type="text" class="list_inputType1" placeholder="소매업" readonly>
</div>
</div>
<div class="input_list_item">
<div class="input_left">사업장 주소</div>
<div class="input_right">
<label for="" class="label">사업장 주소 입력</label>
<input type="text" class="list_inputType1" placeholder="경기도 남양주시 다산중앙로 1234" readonly>
<div class="list_btn_wrap">
<button type="button">우편번호 찾기</button>
</div>
</div>
</div>
<div class="input_list_item">
<div>
<label for="" class="label">사업장 주소 상세 입력</label>
<input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
</div>
</div>
</div><!--// 기업정보 -->
<!-- 계산서정보 -->
<div class="input_list listType2">
<p class="list_title">계산서정보</p>
<div class="input_list_item">
<div class="input_left">계산서 자동 발행</div>
<div class="input_right">
<input id="radio5" type="radio"name="publish" checked="checked">
<label for="radio5">자동발행</label>
<input id="radio6" type="radio" name="publish">
<label for="radio6">발행하지 않음</label>
</div>
</div>
<div class="invoice">
<div class="invoice_wrap">
<div class="input_list_item2">
<div class="input_left" style="width: 150px;">계산서 수신이메일</div>
<div class="input_right">
<div class="email">
<label for="" class="label">이메일 주소 앞자리</label>
<input type="text" class="list_inputType1" placeholder="sbitnsasa1234" readonly>
<span>@</span>
<label for="" class="label">이메일 주소 뒷자리</label>
<input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
<label for="" class="label">이메일 선택</label>
<select class="list_selType1">
<option>직접입력</option>
<option>네이버</option>
<option>네이트</option>
<option>한메일(다음)</option>
<option>지메일</option>
</select>
</div>
</div>
</div>
<div class="input_list_item2">
<div class="input_half">
<div>담당자</div>
<div>
<label for="" class="label">담당자 입력</label>
<input type="text" class="list_inputType1" placeholder="홍길동" readonly>
</div>
</div>
<div class="input_half">
<div>직위</div>
<div>
<label for="" class="label">직위 입력</label>
<input type="text" class="list_inputType1" placeholder="주임" readonly>
</div>
</div>
</div>
<div class="input_list_item2 number">
<div class="input_left">휴대폰</div>
<div class="input_right">
<label for="" class="label">휴대폰 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="010" readonly>
<span>-</span>
<label for="" class="label">휴대폰 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="1234" readonly>
<span>-</span>
<label for="" class="label">휴대폰 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="5678" readonly>
</div>
</div>
<div class="input_list_item2 number">
<div class="input_left">일반전화</div>
<div class="input_right">
<label for="" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="070" readonly>
<span>-</span>
<label for="" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="5858" readonly>
<span>-</span>
<label for="" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="1212" readonly>
</div>
</div>
</div>
</div>
<div class="mem_btnWrap2">
<button type="button" class="mem_btn3">변경</button>
<button type="button" class="mem_btn2">취소</button>
</div>
</div>
</div><!--// 계산서정보 -->
</div>
</div>
</div><!--// 마이페이지 - 회원정보 변경 -->
</div><!--// send top -->
</div> </div>
</div><!--// content 영역 --> <!--// send top -->
</div>
<!--// content 영역 -->
<!-- footer 영역 --> <!-- footer 영역 -->
<!-- footer --> <!-- footer -->
<div data-include-path="/publish/layout/_footer.html"></div> <div data-include-path="/publish/layout/_footer.html"></div>
<!--// footer 영역 --> <!--// footer 영역 -->
</body></html> </body>
</html>

1
src/main/webapp/publish/mypage3.html
View File

@ -41,7 +41,6 @@
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage3_return.html
View File

@ -41,7 +41,6 @@
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage4.html
View File

@ -40,7 +40,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">비밀번호 변경</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'4');">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage5.html
View File

@ -103,7 +103,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage5_2.html
View File

@ -315,7 +315,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage7.html
View File

@ -40,7 +40,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage8.html
View File

@ -41,7 +41,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
</ul> </ul>

1
src/main/webapp/publish/mypage_security_login.html
View File

@ -64,7 +64,6 @@
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'6');">알림설정</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
<li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li> <li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li>
</ul> </ul>

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

@ -702,19 +702,20 @@
</dl> </dl>
</div> </div>
</div> </div>
<div class="table_btn clearfix" style="margin:15px 0 0 0;">
<div class="table_btn_left">
<!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
</div>
<div class="table_btn_right">
<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
</div>
</div>
</div> </div>
</div> </div>
<!--// 발송결과--> <!--// 발송결과-->
<div class="table_btn clearfix">
<div class="table_btn_left">
<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
</div>
<div class="table_btn_right">
<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
</div>
</div>
</div> </div>
<!--// 발송결과 상세 정보 --> <!--// 발송결과 상세 정보 -->
@ -798,16 +799,11 @@
</div> </div>
</div> </div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p> <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
<p>
</p>
</div> </div>
</div> </div>
<!--// 카카오 알림톡 미리보기 --> <!--// 카카오 알림톡 미리보기 -->
<!-- // 대체문자 --> <!-- // 대체문자 -->
</div> </div>
</div> </div>