Commit @01d7d378cc6ebf51027f64f3445c56ced6be9d74

정수빈 2025-05-20

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

@01d7d378cc6ebf51027f64f3445c56ced6be9d74

2be84c1

01d7d37

src/main/webapp/publish/css/button.css

--- src/main/webapp/publish/css/button.css

+++ src/main/webapp/publish/css/button.css


 .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에 사용*/
 .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;}
+
+
 /* 기타 반복 사용 */
 
 /* 기타 버튼 타입 */

2be84c1

01d7d37

src/main/webapp/publish/css/common.css

--- src/main/webapp/publish/css/common.css

+++ src/main/webapp/publish/css/common.css


 .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 .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 li {margin-right: 25px;}
+/* .header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} */
+.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 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_mypage {background-image: url(/publish/images/hdTop_mypage.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_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_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 li {padding: 0 20px;}
 .header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;}

 .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 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 p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
-.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
-.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
+.login2 .login_info .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: #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 0;}
+.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.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}

 .login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
 .login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
 /*등급별 아이콘 끝*/
-.login2 .login_info button {margin-right: 2px;}
+.login2 .login_info button {padding:0 14px;}
 .login2 .login_pay {display:flex;}
 .login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
 .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 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 .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 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: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: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 .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.green_box{border:1px solid #0ca448;}
 .security_box p{cursor:pointer;}

     .login_right {margin-right: 20px; text-align: inherit;}
     .login2 .login_info {margin-right: 30px;}
     .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 .login_right button {padding: 0 8px; margin-right: 20px;}
     /* quick Menu */

2be84c1

01d7d37

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 /*// 발송결과 화면개선 */
 .table {display: table;width: 100%;}
 .table_cell {display: table-cell;vertical-align: middle;}
+.table_cell1 {display: table-cell;vertical-align: top; position: relative;/*  top: 25px; */}
 .vMiddle {vertical-align: middle;}
 .tRight {text-align: right !important;}
 .tLeft {text-align: left !important;}

 .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;}
 /* 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>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_general.sec .tType1 tbody tr:first-child {border-top: 0;}
 .send_top .excelWrap {padding: 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 select.selType1 {padding: 0 80px 0 10px;}
 .send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;}

 .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 .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 .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"]+label {font-size: 15px; color: #222;}
+.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 {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.step1 {background-color: #2a57c8; color: #fff;}
 .custom_content.custom3 .tit_text_wrap>span.step2 {background-color: #fbc72b; color: #222; font-weight: 400;}

 .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 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.modify_btn {top: 0;}
 .myphoto_info button.detail_btn {top: 26px;}

 .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 .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 .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 .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 .kakao_template_text {display: flex;justify-content: space-between;}
 .kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}

 /* right area 문자 미리보기 */
 .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 .resultcont_right .tab_phone {display: none; } 
-.send_top .resultcont_right .tab_phone.current {display: block;} 
 /* phone 기본 -- sticky */
 .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>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 .text_length2 {padding: 12px 0;}
 .send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;}

 
 /* 알림톡 미리보기 */
 .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 .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
+.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: 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 .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 .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 .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 .btnType.btnType17 {width:100px; }

 
 .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;}
+
+/*문자전송_안심번호 안내 추가*/
+.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 {

 	.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 .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){

2be84c1

01d7d37

src/main/webapp/publish/css/mem.css

--- src/main/webapp/publish/css/mem.css

+++ src/main/webapp/publish/css/mem.css


 .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 .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: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 .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 .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 span{color: #e40000; font-size: 17px;}
 

2be84c1

01d7d37

src/main/webapp/publish/guide.html

--- src/main/webapp/publish/guide.html

+++ src/main/webapp/publish/guide.html


         <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_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/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li>
         <li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</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/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_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/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>
         <!-- ///////////////이메일 폼/////////////// -->
-         
-
 
     </ul>
 

01d7d37

src/main/webapp/publish/images/icon_header_user.png (Binary) (added)

+++ src/main/webapp/publish/images/icon_header_user.png

Binary file is not shown

01d7d37

src/main/webapp/publish/images/icon_message.png (Binary) (added)

+++ src/main/webapp/publish/images/icon_message.png

Binary file is not shown

2be84c1

01d7d37

src/main/webapp/publish/index.html

--- src/main/webapp/publish/index.html

+++ src/main/webapp/publish/index.html


 		</div>
 	</div>
 
-	<!-- skip 메뉴  -->
-	<div class="skip_menu">
-		<a href="#cont" title="본문 바로가기" class="contGo" rel="nosublink">본문 바로가기</a>
-	</div>
-	<!--// skip 메뉴  -->
 
 	<!--// 요금안내 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">
 		<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 배너 끝-->
 
-	<!--// quick 메뉴 시작 -->
-	<!--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>
+	<div data-include-path="/publish/layout/_header.html"></div>
 
 	<!-- login 영역 -->
 	<!-- content 영역 -->

 		<!--// visual 영역 -->
 		<!-- new_content1 //-->
 		<div class="banner_w">
-			<div class="sw_wrap">
-				<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-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" style="width: 339.5px;">
+	<div class="sw_wrap">
+		<div class="swiper-container swiper2 swiper-container-initialized swiper-container-horizontal">
+			<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="contWrap">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">특정문구 일괄변환 기능</li>
 										<li class="cont_ex">
-											<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
-											</p>
+												<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="6" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">문자 포토에디터 무료 제공</li>
 										<li class="cont_ex">
-											<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
-											</p>
+												<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="7" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="7" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">문자 제목 및 약도 추가</li>
 										<li class="cont_ex">
-											<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
-											</p>
+												<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="8" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">자동화 기반 비용처리</li>
 										<li class="cont_ex">
-											<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
-											</p>
+												<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<!-- 배너수정 250224 -->
+			
+            <!-- 배너수정 250224 -->       
+			
+				
+					
 						<div class="swiper-slide" data-swiper-slide-index="0" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">대량문자·단체문자 전송</li>
 										<li class="cont_ex">
-											<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
-											</p>
+												<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="1" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/api/intrdView.do" title="페이지 이동">
+								
+									<a href="/web/api/intrdView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자연동(API) 서비스 제공</li>
 										<li class="cont_ex">
-											<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
-											</p>
+												<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="2" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">그림문자 맞춤제작</li>
 										<li class="cont_ex">
-											<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
-											</p>
+												<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="3" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">주소록 등록 무료대행</li>
 										<li class="cont_ex">
-											<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
-											</p>
+												<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
+					
 						<div class="swiper-slide" data-swiper-slide-index="4" style="width: 339.5px;">
 							<div class="contWrap">
-								<ul class="slide_cont1 table_cell1">
-									<li class="cont1_title">080수신거부 무료 제공</li>
-									<li class="cont_ex">
-										<p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p>
-										<p class="bg_icon">
-											<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt="">
-										</p>
-									</li>
-								</ul>
+								
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">080수신거부 무료 제공</li>
+										<li class="cont_ex">
+												<p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt="">
+												</p>
+										</li>
+										
+									</ul>
+								
 							</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">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">특정문구 일괄변환 기능</li>
 										<li class="cont_ex">
-											<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
-											</p>
+												<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</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">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자 포토에디터 무료 제공</li>
 										<li class="cont_ex">
-											<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
-											</p>
+												<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="7" style="width: 339.5px;">
-							<div class="contWrap on">
-								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+					
+						<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="7" style="width: 339.5px;">
+							<div class="contWrap">
+								
+									<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자 제목 및 약도 추가</li>
 										<li class="cont_ex">
-											<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
-											</p>
+												<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
 						</div>
-						<div class="swiper-slide" data-swiper-slide-index="8" style="width: 339.5px;">
-							<div class="contWrap">
-								<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+					
+						<div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="8" style="width: 339.5px;">
+							<div class="contWrap on">
+								
+									<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">자동화 기반 비용처리</li>
 										<li class="cont_ex">
-											<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
-											</p>
+												<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</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">
-								<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+								
+									<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">대량문자·단체문자 전송</li>
 										<li class="cont_ex">
-											<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
-											</p>
+												<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
 							<div class="contWrap">
-								<a href="/web/api/intrdView.do" title="페이지 이동">
+								
+									<a href="/web/api/intrdView.do" title="페이지 이동">
+								
 									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">문자연동(API) 서비스 제공</li>
 										<li class="cont_ex">
-											<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
-											</p>
+												<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">그림문자 맞춤제작</li>
 										<li class="cont_ex">
-											<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
-											</p>
+												<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
+						</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
 							<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">
 										<li class="cont1_title">주소록 등록 무료대행</li>
 										<li class="cont_ex">
-											<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
-											<p class="bg_icon">
-												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
-											</p>
+												<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
+												<p class="bg_icon">
+									<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
+												</p>
 										</li>
+										
 										<li class="more">자세히보기</li>
+										
 									</ul>
-								</a>
+								
+									</a>
+								
 							</div>
-						</div>
-					</div>
-					<!-- 버튼 -->
-					<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
-						<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 class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
+				<img src="/publish/images/main/cont1_next.png" alt="다음">
 			</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">
 			<input type="hidden" id="atchFileId1" name="atchFileId1" value="">
 			<input type="hidden" id="fileSn" name="fileSn" value="">

2be84c1

01d7d37

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 	},800);
 });
 
-function sendPhoneFixed(){
-	$('.send_top').each(function(){
-		var ofsT=Math.round($(this).find('.send_right').offset().top);
-		if($(".kakaotalkset_cont .kakao_wrap").length == 1){
-			var pH=Math.round($(this).find('.send_right .phone').outerHeight());
-		}else{
-			var pH=Math.round($(this).find('.send_right .phone').outerHeight()+240);
+function sendPhoneFixed() {
+	$('.send_top').each(function () {
+		var ofsT = Math.round($(this).find('.send_right').offset().top);
+		if ($(".kakaotalkset_cont .kakao_wrap").length == 1) {
+			var pH = Math.round($(this).find('.send_right .phone').outerHeight());
+		} else {
+			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(){
-			var scrT=$(this).scrollTop();
-			var t=scrT+213;
-			var h=Math.round($('.send_top').find('.send_right').outerHeight());
+		$(window).on('scroll', function () {
+			var scrT = $(this).scrollTop();
+			var t = scrT + 213;
+			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){
-				$('.send_top .send_right .phone').css('top',t-ofsT);
-			}else if(t>ofsT){
-				$('.send_top .send_right .phone').css('top',h-pH);
-			}else if(t<=ofsT){
-				$('.send_top .send_right .phone').attr('style','');
+			if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
+				if (t > ofsT && scrT !== 0) {
+					// send_rev 영역에 도달한 경우 멈춤
+					if (scrT + pH > revT) {
+						$('.send_top .send_right .phone:visible').css({
+							'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'
+					});
+				}
+			}
+
 		});
 	});
 }

2be84c1

01d7d37

src/main/webapp/publish/js/popup.js

--- src/main/webapp/publish/js/popup.js

+++ src/main/webapp/publish/js/popup.js


 $(document).ready(function () {
-	
-    /* 포토에디터 스크롤바 꾸미기 */
-	if($(".contWrap_scroll").length>0){
+
+	/* 포토에디터 스크롤바 꾸미기 */
+	if ($(".contWrap_scroll").length > 0) {
 		$(".contWrap_scroll").mCustomScrollbar({
 			axis: 'y',
 			scrollbarPosition: "outside",

 				onOverflowYNone: function () {
 					$(".contWrap").removeClass("on_scroll");
 				},
-				onTotalScroll:function(){
+				onTotalScroll: function () {
 					console.log("Scrolled to end of content.");
 					var pageNo = $('#pageIndex').val();
-					if(pageNo && !isNaN(pageNo)) { // TODO: 총페이지 체크 
+					if (pageNo && !isNaN(pageNo)) { // TODO: 총페이지 체크 
 						linkPhoPage(++pageNo);
 					}
 				}
 			}
 		});
 	}
-	
-    /* 포토에디터 이미지 미리보기 drag  */
-    //div 순서에 따라 숫자 지정
-    $('.image_preview .drag_img').each(function (i) {
-    var dragNum = i + 1;
-    $(this).find(".img_number span").text(dragNum);
-    });
 
-    //드래그 및 드래그 시 숫자 변경
-    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);
-                });
-            }
-        });
-    }
+	/* 포토에디터 이미지 미리보기 drag  */
+	//div 순서에 따라 숫자 지정
+	$('.image_preview .drag_img').each(function (i) {
+		var dragNum = i + 1;
+		$(this).find(".img_number span").text(dragNum);
+	});
+
+	//드래그 및 드래그 시 숫자 변경
+	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

 
 
 /* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈  */
-function showPotoediter() { 
-    //만들려는 팝업의 크기
-    var popup_wid = '950';
-    var popup_ht = '761';
+function showPotoediter() {
+	//만들려는 팝업의 크기
+	var popup_wid = '950';
+	var popup_ht = '761';
 
-    //중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
-    var popup_left = (window.screen.width / 2) - (popup_wid / 2);
-    var popup_top =(window.screen.height / 2) - (popup_ht / 2);
+	//중앙 정렬을 위해 윈도우 스크린의 width,height 구하는 변수 만듦
+	var popup_left = (window.screen.width / 2) - (popup_wid / 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 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).style.display="block";
+		infoPopup.document.getElementById(contId).style.display = "block";
 	}
 
 

2be84c1

01d7d37

src/main/webapp/publish/layout/_header.html

--- src/main/webapp/publish/layout/_header.html

+++ src/main/webapp/publish/layout/_header.html


-  <div class="mask"></div>
-  <!-- skip 메뉴  -->
-  <div class="skip_menu">
-    <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-  </div>
-  <!--// skip 메뉴  -->
+<div class="mask"></div>
+<!-- skip 메뉴  -->
+<div class="skip_menu">
+  <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+</div>
+<!--// skip 메뉴  -->
 
-  <!-- quick 메뉴 -->
-  <div class="quickMenu">
-    <div>
-      <p class="quick_title">QUICK<br>MENU</p>
-      <p class="quick_title2">QUICK</p>
-      <ul class="quickMenuIn">
-        <li id="quickPayGuide">
-          <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
-          <div class="hover_cont">맞춤제작</div>
-        </li>
-        <li>
-          <a href="/web/mjon/addr/selectAddrList.do"><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>
-          <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/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
-          <div class="hover_cont">문자연동</div>
-        </li>
-        <li>
-          <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
-          <div class="hover_cont">결제관리</div>
-        </li>
-        <li>
-          <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
-          <div class="hover_cont">세금계산서</div>
-        </li>
-        <li class="cscenter">
-          <a href="/web/cop/bbs/NoticeList.do"><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">카톡 상담</a>
-              <a href="javascript:void(0);" class="remote">원격지원</a>
-            </div>
+<!-- quick 메뉴 -->
+<div class="quickMenu">
+  <div>
+    <p class="quick_title">QUICK<br>MENU</p>
+    <p class="quick_title2">QUICK</p>
+    <ul class="quickMenuIn">
+      <li id="quickPayGuide">
+        <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
+        <div class="hover_cont">맞춤제작</div>
+      </li>
+      <li>
+        <a href="/web/mjon/addr/selectAddrList.do"><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>
+        <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/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
+        <div class="hover_cont">문자연동</div>
+      </li>
+      <li>
+        <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
+        <div class="hover_cont">결제관리</div>
+      </li>
+      <li>
+        <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
+        <div class="hover_cont">세금계산서</div>
+      </li>
+      <li class="cscenter">
+        <a href="/web/cop/bbs/NoticeList.do"><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">카톡 상담</a>
+            <a href="javascript:void(0);" class="remote">원격지원</a>
           </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>
-      <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+      <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>
     </div>
-    <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></div>
   </div>
-  <!--// quick 메뉴 -->
+  <!-- header top 영역 -->
 
-  
-  <!-- header 영역 -->
-  <header id="header" class="header">
 
-    <!-- header top 영역 -->
-    <div class="header_top">
+  <!-- header body 영역 -->
+  <div class="header_body">
+    <div class="inner table">
+      <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
+      <ul class="gnbWrap table_cell">
+        <li><a href="#">문자전송</a></li>
+        <li><a href="#">카톡발송</a></li>
+        <li><a href="#">팩스발송</a></li>
+        <li><a href="#">맞춤제작</a></li>
+        <li><a href="#">주소록 관리</a></li>
+        <li><a href="#">발송결과</a></li>
+        <li><a href="#">예약문자관리</a></li>
+        <li><a href="#">결제관리</a></li>
+      </ul>
+      <div class="s_menu">
+        <i class="allSearch_info"><span>문자검색</span></i>
+        <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+        <button type="button" title="전체메뉴" onclick="sitemapToggle(this);"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+      </div>
+    </div>
+
+
+    <!-- search popup 영역 -->
+    <div class="pop_search">
       <div class="inner">
-        <ul class="menu_left">
-          <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-          <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-          <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-        </ul>
-        <ul class="menu_right">
-          <li><a href="#">충전하기</a></li>
-          <li class="SortLine"><a href="#">요금안내</a></li>
-          <li class="SortLine"><a href="#">이용안내</a></li>
-          <li class="SortLine"><a href="#">1:1 문의</a></li>
-          <li class="SortLine"><a href="#">불편신고</a></li>
+        <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 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>
       </div>
     </div>
-    <!-- header top 영역 -->
+    <!-- //사이트맵 -->
 
 
-    <!-- header body 영역 -->
-    <div class="header_body">
-      <div class="inner table">
-        <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-        <ul class="gnbWrap table_cell">
-          <li><a href="#">문자전송</a></li>
-          <li><a href="#">카톡발송</a></li>
-          <li><a href="#">팩스발송</a></li>
-          <li><a href="#">맞춤제작</a></li>
-          <li><a href="#">주소록 관리</a></li>
-          <li><a href="#">발송결과</a></li>
-          <li><a href="#">예약문자관리</a></li>
-          <li><a href="#">결제관리</a></li>
-        </ul>
-        <div class="s_menu">
-          <i class="allSearch_info"><span>문자검색</span></i>
-          <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-          <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+  </div>
+  <!--// 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>
-
-
-      <!-- search popup 영역 -->
-      <div class="pop_search">
-        <div class="inner">
-          <div class="area_search">
-            <select name="" id="">
-              <option value="">그림문자</option>
-              <option value="">단문문자</option>
-              <option value="">장문문자</option>
-              <option value="">GIF</option>
-            </select>
-            <input type="text" placeholder="문자샘플 검색하기">
-            <button><img src="/publish/images/search02.png" alt=""></button>
-          </div>
-          <div class="area_popular">
-            <p><i></i>인기검색어</p>
-            <ul class="popular_tag">
-              <li><a href="#">#정월대보름</a></li>
-              <li class="on"><a href="#">#추석</a></li>
-              <li><a href="#">#가을인사</a></li>
-              <li><a href="#">#좋은하루</a></li>
-            </ul>
-          </div>
-          <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-        </div>
-      </div>
-      <!--// search popup 영역 -->
-
-
-    </div>
-    <!--// header body 영역 -->
-    <div id="login" class="login">
-      <div class="inner">
-        <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 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>
-    <!--// login 영역 -->
+  </div> -->
+  <!--// login 영역 -->
 
-    <!-- 로그인 후 영역 -->
-    <!-- <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>
-            </div>
+  <!-- 로그인 후 영역 -->
+  <div id="login" class="login2">
+    <div class="inner">
+      <div class="login_left">
+        <div class="login_info">
+          <div class="login2_name" onclick="location.href='/publish/member_info_change_company.html'">
+            <i class="icon_user"></i>
+            <p>정수빈</p><span>(개인) 님</span>
           </div>
-          <div class="login_pay">
-            <div class="check_money">
-              <div class="holdingsum_box">
-                <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 class="session">
+            <div>
+              <span id="ViewTimer">00:00</span>
             </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>
-              <p>
-                포인트 <span class="fwMd">0</span>원</p>
-              <button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
+              <div class="user_money_wrap">
+                	보유잔액
+                <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>
+            <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> -->
-    <!-- //로그인 후 영역 -->
-  </header>
-  <!--// header 영역 -->
-  <!-- login 영역 -->
+    </div>
+  </div>
+  <!-- //로그인 후 영역 -->
+</header>
+<!--// header 영역 -->
+<!-- login 영역 -->

2be84c1

01d7d37

src/main/webapp/publish/member_info_change_company.html

--- src/main/webapp/publish/member_info_change_company.html

+++ src/main/webapp/publish/member_info_change_company.html


                     <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/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/security_login.html'">보안로그인</button></li>
                 </ul>

 
                                 <div class="input_list_item emailWrap">
                                     <div>
-                                        <div class="input_left"><span class="essential">*</span>이메일</div>
+                                        <div class="input_left">이메일</div>
                                         <div class="input_right">
                                             <div class="email">
                                                 <label for="" class="label">이메일 주소 앞자리</label>

                                         </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_left">마케팅 수신 동의</div>
                                     <div class="input_right">

                                         </div>
                                     </div>
                                 </div>
-                                <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
+                                <p class="poe_noti">이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
                                 <div class="mem_btnWrap2 justify">
                                     <button type="button" class="mem_btn3">변경</button>
                                 </div>

2be84c1

01d7d37

src/main/webapp/publish/member_info_change_passwordCheck.html

--- src/main/webapp/publish/member_info_change_passwordCheck.html

+++ src/main/webapp/publish/member_info_change_passwordCheck.html


                     <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/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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/member_info_change_person.html

--- src/main/webapp/publish/member_info_change_person.html

+++ src/main/webapp/publish/member_info_change_person.html


                     <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/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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage2.html

--- src/main/webapp/publish/mypage2.html

+++ src/main/webapp/publish/mypage2.html


     <link rel="stylesheet" href="/publish/css/mem.css">
     <link rel="stylesheet" href="/publish/css/font.css">
     <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    
-    
+
+
     <script src="/publish/js/jquery-3.5.0.js"></script>
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
     <script src="/publish/js/calendar.js"></script>
-	<script src="/publish/js/popupLayer.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
 
 </head>
+
 <body>
     <div class="mask"></div>
     <div data-include-path="/publish/layout/_header.html"></div>

                     <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>
                 <!--// tab button -->
-				<!-- 마이페이지 - 회원정보 변경 -->
+                <!-- 마이페이지 - 회원정보 변경 -->
                 <div class="mypage_content current" id="tab5_1">
                     <!-- 비밀번호 확인 -->
                     <div class="heading">

                             <p class="reqTxt4">
                                 - 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
                                 - 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
-                        </div><!--// 기본정보 -->
-                    </div><!--// 비밀번호 확인 -->
+                        </div>
+                        <!--// 기본정보 -->
+                    </div>
+                    <!--// 비밀번호 확인 -->
                     <!-- 개인회원 정보변경 -->
                     <div class="heading">
                         <h2>개인회원 정보변경</h2>

                                     </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_left">마케팅 수신 동의</div>
                                 <div class="input_right">

                                     </div>
                                 </div>
                             </div>
-                            <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
+                            <p class="poe_noti">이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
                             <div class="mem_btnWrap2">
                                 <button type="button" class="mem_btn4">기업회원 전환</button>
                                 <button type="button" class="mem_btn3">변경</button>
                             </div>
-                        </div><!--// 회원정보 변경 -->
+                        </div>
+                        <!--// 회원정보 변경 -->
                     </div>
 
-                     <!-- 기업회원 정보변경 -->
-                     <div class="heading">
-                        <h2>기업회원 정보변경</h2>
-                    </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>
-    </div><!--// content 영역 -->
+        <!--// send top -->
+    </div>
+    <!--// content 영역 -->
     <!-- footer 영역 -->
     <!-- footer -->
-	<div data-include-path="/publish/layout/_footer.html"></div>
-	<!--// footer 영역 -->
-</body></html>
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>

2be84c1

01d7d37

src/main/webapp/publish/mypage3.html

--- src/main/webapp/publish/mypage3.html

+++ src/main/webapp/publish/mypage3.html


                     <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/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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage3_return.html

--- src/main/webapp/publish/mypage3_return.html

+++ src/main/webapp/publish/mypage3_return.html


                     <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/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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage4.html

--- src/main/webapp/publish/mypage4.html

+++ src/main/webapp/publish/mypage4.html


                     <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"><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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage5.html

--- src/main/webapp/publish/mypage5.html

+++ src/main/webapp/publish/mypage5.html


                     <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 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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage5_2.html

--- src/main/webapp/publish/mypage5_2.html

+++ src/main/webapp/publish/mypage5_2.html


                     <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 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/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage7.html

--- src/main/webapp/publish/mypage7.html

+++ src/main/webapp/publish/mypage7.html


                     <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/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"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage8.html

--- src/main/webapp/publish/mypage8.html

+++ src/main/webapp/publish/mypage8.html


                     <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/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"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
                 </ul>

2be84c1

01d7d37

src/main/webapp/publish/mypage_security_login.html

--- src/main/webapp/publish/mypage_security_login.html

+++ src/main/webapp/publish/mypage_security_login.html


           <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/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 active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li>
         </ul>

2be84c1

01d7d37

src/main/webapp/publish/textingmsg_detail_allimtalk.html

--- src/main/webapp/publish/textingmsg_detail_allimtalk.html

+++ src/main/webapp/publish/textingmsg_detail_allimtalk.html


 											</dl>
 										</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 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>
 										</div>
 										<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
-										<p>
-										</p>
 									</div>
 								</div>
 								<!--// 카카오 알림톡 미리보기 -->
 								<!-- // 대체문자 -->
-
-
-
 
 							</div>
 						</div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -20,6 +20,7 @@
20	20	/// 발송결과 화면개선 /
21	21	.table {display: table;width: 100%;}
22	22	.table_cell {display: table-cell;vertical-align: middle;}
	23	+.table_cell1 {display: table-cell;vertical-align: top; position: relative;/* top: 25px; */}
23	24	.vMiddle {vertical-align: middle;}
24	25	.tRight {text-align: right !important;}
25	26	.tLeft {text-align: left !important;}
...	...	@@ -530,7 +531,7 @@
530	531	.send_top .send_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
531	532	.send_top .send_general.sec .send_right {min-height:auto;}
532	533	/* phone 기본 -- sticky */
533		-.send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0;}
	534	+.send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0; transition: top 0.1s linear;}
534	535	.send_top .send_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 600px; background-size: 100% auto; background-repeat: no-repeat; }
535	536	.send_top .send_right .phone .phoneIn>div {padding: 45px 25px 0 25px; position: relative; height: 96%; box-sizing: border-box;}
536	537	.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 @@
601	602	.send_general.sec .tType1 tbody tr:first-child {border-top: 0;}
602	603	.send_top .excelWrap {padding: 20px 0;}
603	604	.excel_middle {background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 20px 0;}
	605	+.excel_middle .select_btnWrap div{gap:6px;}
604	606	.send_top .excelWrap .excel_selBox {margin-bottom: 10px; display: flex; justify-content: space-between;}
605	607	.send_top .excelWrap .excel_selBox select.selType1 {padding: 0 80px 0 10px;}
606	608	.send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;}
...	...	@@ -875,11 +877,12 @@
875	877	.search_wrap_btn button {height: 36px;}
876	878	.search_wrap_btn p {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; color: #666; padding-left: 5px;}
877	879	.search_wrap_btn p .add_text {font-size: 14px; padding-left: 5px;}
878		-.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0;}
	880	+.custom_content.custom3 .area_tabcontent.photo_sample{gap:25px 13.4px;}
	881	+.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0; margin:0;}
879	882	.custom_content.custom3 .area_tabcontent li .photo_preview {background-color: #f2f2f2; padding: 0 7px 7px 7px; border: 1px solid #d5d5d5; border-radius: 10px;}
880	883	.custom_content.custom3 .area_tabcontent li .tit_text_wrap {padding: 10px 0; letter-spacing: -1px;}
881		-.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 2px;}
882		-.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"]+label {font-size: 15px; color: #222;}
	884	+.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 4px;}
	885	+.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;}
883	886	.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;}
884	887	.custom_content.custom3 .tit_text_wrap>span.step1 {background-color: #2a57c8; color: #fff;}
885	888	.custom_content.custom3 .tit_text_wrap>span.step2 {background-color: #fbc72b; color: #222; font-weight: 400;}
...	...	@@ -889,6 +892,8 @@
889	892	.myphoto_info p {font-size: 14px; font-weight: 400; color: #222; text-align: left; font-weight: 300; line-height:18px;}
890	893	.myphoto_info p:first-child {padding: 3px 0 8px 0;}
891	894	.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;}
	895	+.custom_content.custom3 .myphoto_info{text-align:right;}
	896	+.custom_content.custom3 .myphoto_info button{position: inherit;}
892	897	.myphoto_info button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
893	898	.myphoto_info button.modify_btn {top: 0;}
894	899	.myphoto_info button.detail_btn {top: 26px;}
...	...	@@ -1733,9 +1738,12 @@
1733	1738	.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;}
1734	1739	.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;}
1735	1740	.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap01{display: none !important;}
	1741	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .btnType{margin:0 0 0 6px;}
1736	1742	.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .listType{width: 100%;}
1737	1743	.send_top .kakaotalksend_cont .kakao_wrap .send_left .receipt_num .list_table_num{width: calc(100% - 60px);}
1738	1744	.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;}
	1745	+.kakaotalksend_cont .kakao_wrap .receipt_num_top{align-items:center;gap:6px;}
	1746	+.kakaotalksend_cont .kakao_wrap .send_right .phone_bottom{top:calc(100% - 230px);}
1739	1747	.kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
1740	1748	.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
1741	1749	.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
...	...	@@ -2139,12 +2147,10 @@
2139	2147	/* right area 문자 미리보기 */
2140	2148	.send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
2141	2149	.send_top .send_general.sec .resultcont_right {min-height:auto;}
2142		-.send_top .resultcont_right .tab_phone {display: none; }
2143		-.send_top .resultcont_right .tab_phone.current {display: block;}
2144	2150	/* phone 기본 -- sticky */
2145	2151	.send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
2146	2152	.send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }
2147		-.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 25px 30px; position: relative; height: 98%; box-sizing: border-box;}
	2153	+.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 0 30px; position: relative; height: 96%; box-sizing: border-box;}
2148	2154	.send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
2149	2155	.send_top .resultcont_right .phone .text_length2 {padding: 12px 0;}
2150	2156	.send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;}
...	...	@@ -2175,8 +2181,8 @@
2175	2181
2176	2182	/* 알림톡 미리보기 */
2177	2183	.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
2178		-.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;}
2179		-.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
	2184	+.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;}
	2185	+.send_top .resultcont_right .phone_kakako .prev_p{padding: 8px 0 0 10px; border: 0; letter-spacing: -0.25px;}
2180	2186	.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
2181	2187	.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;}
2182	2188	.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 @@
2199	2205	.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;}
2200	2206	.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;}
2201	2207	.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;}
2202		-.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:-25px 0 10px 0;}
	2208	+.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
2203	2209
2204	2210	.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
2205	2211	.btn_list_type1 .btnType.btnType17 {width:100px; }
...	...	@@ -2392,6 +2398,11 @@
2392	2398
2393	2399	.tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
2394	2400	.tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
	2401	+
	2402	+/문자전송_안심번호 안내 추가/
	2403	+.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;}
	2404	+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
	2405	+.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
2395	2406
2396	2407
2397	2408	@keyframes rotate-loading {
...	...	@@ -2588,6 +2599,10 @@
2588	2599	.sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
2589	2600	.sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
2590	2601	.sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
	2602	+
	2603	+ /문자전송_안심번호 안내 추가/
	2604	+ .top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: 0 0 0 11px; text-indent: -11px;}
	2605	+ .tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
2591	2606	}
2592	2607
2593	2608	@media only screen and (max-width:1380px){

...	...	@@ -319,13 +319,13 @@
319	319	.my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
320	320	.my_dashboard .send_price::after{display: none;}
321	321	.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;}
322		-.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
	322	+.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0; padding: 0 10px;}
323	323	.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;}
324	324	.my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;}
325	325	.my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0}
326	326	.my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;}
327	327	.my_dashboard .send_price .price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
328		-.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0 0 0;}
	328	+.my_dashboard .send_price .event_wrap{width: 100%; background-color: #f5f5f5; border-radius: 5px; text-align: center; margin: 10px 0;}
329	329	.my_dashboard .send_price .event_wrap .event_text{font-size: 15px; color: #444; padding: 8px 0;}
330	330	.my_dashboard .send_price .event_wrap .event_text span{color: #e40000; font-size: 17px;}
331	331

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

...	...	@@ -1346,27 +1346,86 @@
1346	1346	},800);
1347	1347	});
1348	1348
1349		-function sendPhoneFixed(){
1350		- $('.send_top').each(function(){
1351		- var ofsT=Math.round($(this).find('.send_right').offset().top);
1352		- if($(".kakaotalkset_cont .kakao_wrap").length == 1){
1353		- var pH=Math.round($(this).find('.send_right .phone').outerHeight());
1354		- }else{
1355		- var pH=Math.round($(this).find('.send_right .phone').outerHeight()+240);
	1349	+function sendPhoneFixed() {
	1350	+ $('.send_top').each(function () {
	1351	+ var ofsT = Math.round($(this).find('.send_right').offset().top);
	1352	+ if ($(".kakaotalkset_cont .kakao_wrap").length == 1) {
	1353	+ var pH = Math.round($(this).find('.send_right .phone').outerHeight());
	1354	+ } else {
	1355	+ var pH = Math.round($(this).find('.send_right .phone').outerHeight() + 240);
1356	1356	}
	1357	+ var sendRightOft = Math.round($(this).find('.send_right:visible').offset().top);
1357	1358
1358		- $(window).on('scroll',function(){
1359		- var scrT=$(this).scrollTop();
1360		- var t=scrT+213;
1361		- var h=Math.round($('.send_top').find('.send_right').outerHeight());
	1359	+ $(window).on('scroll', function () {
	1360	+ var scrT = $(this).scrollTop();
	1361	+ var t = scrT + 213;
	1362	+ var h = Math.round($('.send_top').find('.send_right').outerHeight());
	1363	+ var revT = $('.send_rev').length ? Math.round($('.send_rev:visible').offset().top) : null;
1362	1364
1363		- if(t>ofsT && t-ofsT<h-pH){
1364		- $('.send_top .send_right .phone').css('top',t-ofsT);
1365		- }else if(t>ofsT){
1366		- $('.send_top .send_right .phone').css('top',h-pH);
1367		- }else if(t<=ofsT){
1368		- $('.send_top .send_right .phone').attr('style','');
	1365	+ if ($(".cont").find(".tabType1 .tab.active").text().trim() == "대량문자(광고문자)") {
	1366	+ if (t > ofsT && scrT !== 0) {
	1367	+ // send_rev 영역에 도달한 경우 멈춤
	1368	+ if (scrT + pH > revT) {
	1369	+ $('.send_top .send_right .phone:visible').css({
	1370	+ 'top': revT - pH - sendRightOft + 470,
	1371	+ 'transition':'all 0.2s'
	1372	+ });
	1373	+ }
	1374	+ // 스크롤 위치에 맞춰 부드럽게 이동
	1375	+ else {
	1376	+ $('.send_top .send_right .phone:visible').css({
	1377	+ 'top': t - sendRightOft,
	1378	+ 'transition':'all 0.2s'
	1379	+ });
	1380	+ }
	1381	+ }
	1382	+ // send_right 상단에 도달하면 스타일 제거
	1383	+ else {
	1384	+ $('.send_top .send_right .phone:visible').css({
	1385	+ 'top': '0',
	1386	+ 'transition':'all 0.2s'
	1387	+ });
	1388	+ }
1369	1389	}
	1390	+
	1391	+ else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
	1392	+ if (t > ofsT && t - ofsT < h - pH) {
	1393	+ $('.send_top .send_right .phone').css({
	1394	+ 'top': t - ofsT,
	1395	+ 'transition':'all 0.2s'
	1396	+ });
	1397	+ } else if (t > ofsT) {
	1398	+ $('.send_top .send_right .phone').css({
	1399	+ 'top': h - pH + 100,
	1400	+ 'transition':'all 0.2s'
	1401	+ });
	1402	+ } else if (t <= ofsT) {
	1403	+ $('.send_top .send_right .phone').css({
	1404	+ 'top': '0',
	1405	+ 'transition':'all 0.2s'
	1406	+ });
	1407	+ }
	1408	+ }
	1409	+
	1410	+ else {
	1411	+ if (t > ofsT && t - ofsT < h - pH) {
	1412	+ $('.send_top .send_right .phone').css({
	1413	+ 'top': t - ofsT,
	1414	+ 'transition':'all 0.2s'
	1415	+ });
	1416	+ } else if (t > ofsT) {
	1417	+ $('.send_top .send_right .phone').css({
	1418	+ 'top': h - pH,
	1419	+ 'transition':'all 0.2s'
	1420	+ });
	1421	+ } else if (t <= ofsT) {
	1422	+ $('.send_top .send_right .phone').css({
	1423	+ 'top': '0',
	1424	+ 'transition':'all 0.2s'
	1425	+ });
	1426	+ }
	1427	+ }
	1428	+
1370	1429	});
1371	1430	});
1372	1431	}

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

...	...	@@ -83,7 +83,20 @@
83	83	.btnType22:hover {background-color:#eea301;}
84	84	.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /api에 사용/
85	85	.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;} /재사용 버튼 추가/
86		-.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5; }
	86	+.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5;}
	87	+
	88	+.btnType.fill_gray{background:#6a6c72;color:#fff;}
	89	+.btnType.fill_lightgray{background:#8e8e8e;color:#fff;}
	90	+.btnType.fill_blue{background:#002c9a;color:#fff;}
	91	+.btnType.fill_lightblue{background:#b1c6ee;color:#222;}
	92	+.btnType.fill_yellow{background:#eea301;color:#222;}
	93	+
	94	+.btnType.border_gray{border:1px solid #b1b1b1;color:#222;}
	95	+.btnType.border_lightgray{border:1px solid #d5d5d5;color:#555;}
	96	+.btnType.border_blue{border:1px solid #002c9a;color:#002c9a;}
	97	+.btnType.border_lightblue{border:1px solid #b1c6ee;color:#222;}
	98	+
	99	+
87	100	/* 기타 반복 사용 */
88	101
89	102	/* 기타 버튼 타입 */

...	...	@@ -21,13 +21,14 @@
21	21	.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);}
22	22	/* header top */
23	23	.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;}
24		-.header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;}
25		-.header .header_top .menu_left li {margin-right: 25px;}
	24	+/* .header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} */
	25	+.header .header_top .menu_left{display:flex;height:100%;align-items:center;gap:20px;}
	26	+.header .header_top .menu_left li {}
26	27	.header .header_top .menu_left li:hover {color: #fff;text-decoration: underline;}
27		-.header .header_top .menu_left i {padding-right: 4px;}
	28	+.header .header_top .menu_left i {padding-right: 7px;vertical-align:bottom;}
28	29	.header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;}
29		-.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
30		-.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
	30	+.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
	31	+.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
31	32	.header .header_top .menu_right {right: 0;position: absolute;top: 50%;transform: translateY(-50%);background-color: #2c2c2c;height: 100%;line-height: 40px; display: flex;}
32	33	.header .header_top .menu_right li {padding: 0 20px;}
33	34	.header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;}
...	...	@@ -95,10 +96,10 @@
95	96	.login2 .login_info {position: relative;vertical-align: middle;}
96	97	/.login2 .login_info::after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d3d3d3;top: 50%;right: -15px;transform: translateY(-50%);}/
97	98	.login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
98		-.login2 .login_info .login2_name {display: inline-block; min-width: 155px; position: relative; vertical-align: middle;}
99		-.login2 .login_info .login2_name p {color: #222; font-weight: 400; vertical-align: top; font-weight: 500; height: 16px; white-space:nowrap;}
100		-.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin: 0 0 0 -5px;}
101		-.login2 .login_info i {background-image: url(/publish/images/mypageIcon2.png);width: 34px;height: 34px;margin-right: 5px;}
	99	+.login2 .login_info .login2_name {display: inline-flex; min-width: 110px; position: relative; vertical-align: middle;align-items:center; cursor:pointer;}
	100	+.login2 .login_info .login2_name p {color: #002c9a; font-weight: 600; vertical-align: top; height: 16px; white-space:nowrap;}
	101	+.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin:0 0 0 0;}
	102	+.login2 .login_info .icon_user{background-image: url(/publish/images/icon_header_user.png);width: 28px;height: 28px;}
102	103	/등급별 아이콘/
103	104	.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
104	105	.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
...	...	@@ -113,12 +114,12 @@
113	114	.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
114	115	.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
115	116	/등급별 아이콘 끝/
116		-.login2 .login_info button {margin-right: 2px;}
	117	+.login2 .login_info button {padding:0 14px;}
117	118	.login2 .login_pay {display:flex;}
118	119	.login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
119	120	.login2 .check_money {margin-right: 20px; display: inline-flex;}
120	121	.login2 .check_money p {padding-right: 6px;display: inline-block;vertical-align: middle;}
121		-.login2 .check_money i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
	122	+.login2 .check_money>.holdingsum_box>i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
122	123	.login2 .check_money button {margin-right: 2px;}
123	124	.login2 .check_money .account_box {position:relative;display:inline-block;}
124	125	.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 @@
127	128	.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;}
128	129	.login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;}
129	130	.login2 .check_money .account_box:hover dl {display:block;}
130		- /후불 회원에게만 노출되는 안내레이어/
131		-.login2 .check_money .holdingsum_box {position: relative;}
	131	+
	132	+.login2 .check_money .user_money_wrap{display:flex;align-items:center;gap:4px;margin:0 6px 0 0;}
	133	+.login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
	134	+.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;}
	135	+.login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
	136	+.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;}
	137	+.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;}
	138	+.login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
	139	+.login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
	140	+.login2 .check_money .hover_content .hover_content_title img{width:16px;margin:-4px 0 0 0;}
	141	+.login2 .check_money .hover_content .send_available_number{display:flex;flex-direction:column;gap:7px;}
	142	+.login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
	143	+.login2 .check_money .hover_content .title{min-width:70px;}
	144	+.login2 .check_money .hover_content .number{text-align:right;padding:0;}
	145	+.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;}
	146	+
	147	+/후불 회원에게만 노출되는 안내레이어/
	148	+.login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
132	149	.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%);}
133	150	.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;}
134	151	.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 @@
153	170	.login2 .event {white-space:nowrap;}
154	171
155	172	/* 보안로그인 */
156		-.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;}
	173	+.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;}
157	174	.security_box.red_box{border:1px solid #ca1a1a;}
158	175	.security_box.green_box{border:1px solid #0ca448;}
159	176	.security_box p{cursor:pointer;}
...	...	@@ -356,6 +373,9 @@
356	373	.login_right {margin-right: 20px; text-align: inherit;}
357	374	.login2 .login_info {margin-right: 30px;}
358	375	.login2 .login_info::after {right: -25px;}
	376	+ .login2 .login_info .login2_name p{font-size:14px;}
	377	+ .login2 .login_info button.btn_36.fill_gray{padding:0 8px;font-size:14px;}
	378	+ .security_box,.login2 .check_money .user_money_wrap, .login2 .point,.login2 .session span,.login2 .login_info .login2_name span{font-size:14px;}
359	379	.login2 .check_money {margin-right: 15px;}
360	380	.login2 .login_right button {padding: 0 8px; margin-right: 20px;}
361	381	/* quick Menu */

...	...	@@ -53,7 +53,6 @@
53	53	<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
54	54	<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
55	55	<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
56		- <li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
57	56	<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
58	57	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
59	58	</ul>
...	...	@@ -123,7 +122,7 @@
123	122
124	123	<div class="input_list_item emailWrap">
125	124	<div>
126		- <div class="input_left"><span class="essential">*</span>이메일</div>
	125	+ <div class="input_left">이메일</div>
127	126	<div class="input_right">
128	127	<div class="email">
129	128	<label for="" class="label">이메일 주소 앞자리</label>
...	...	@@ -146,6 +145,26 @@
146	145	</div>
147	146	</div>
148	147	</div>
	148	+ <!-- <div class="input_list_item send_agree">
	149	+ <div class="input_left">알림 설정</div>
	150	+ <div class="input_right">
	151	+ <div>
	152	+ <div class="checkbox_wrap">
	153	+ <input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
	154	+ <label for="allim_1">뉴스레터</label>
	155	+ </div>
	156	+ </div>
	157	+ <div>
	158	+ <div class="checkbox_wrap">
	159	+ <input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
	160	+ <label for="allim_2">안내문자</label>
	161	+ </div>
	162	+ </div>
	163	+ <div class="list_alert reqest_text">
	164	+ <span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
	165	+ </div>
	166	+ </div>
	167	+ </div> -->
149	168	<div class="input_list_item send_agree">
150	169	<div class="input_left">마케팅 수신 동의</div>
151	170	<div class="input_right">
...	...	@@ -172,7 +191,7 @@
172	191	</div>
173	192	</div>
174	193	</div>
175		- <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
	194	+ <p class="poe_noti">이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
176	195	<div class="mem_btnWrap2 justify">
177	196	<button type="button" class="mem_btn3">변경</button>
178	197	</div>

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

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

...	...	@@ -15,16 +15,17 @@
15	15	<link rel="stylesheet" href="/publish/css/mem.css">
16	16	<link rel="stylesheet" href="/publish/css/font.css">
17	17	<link rel="stylesheet" href="/publish/css/popupLayer.css">
18		-
19		-
	18	+
	19	+
20	20	<script src="/publish/js/jquery-3.5.0.js"></script>
21	21	<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
22	22	<script src="/publish/js/common.js"></script>
23	23	<script src="/publish/js/content.js"></script>
24	24	<script src="/publish/js/calendar.js"></script>
25		- <script src="/publish/js/popupLayer.js"></script>
	25	+ <script src="/publish/js/popupLayer.js"></script>
26	26
27	27	</head>
	28	+
28	29	<body>
29	30	<div class="mask"></div>
30	31	<div data-include-path="/publish/layout/_header.html"></div>
...	...	@@ -45,7 +46,7 @@
45	46	<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
46	47	</ul>
47	48	<!--// tab button -->
48		- <!-- 마이페이지 - 회원정보 변경 -->
	49	+ <!-- 마이페이지 - 회원정보 변경 -->
49	50	<div class="mypage_content current" id="tab5_1">
50	51	<!-- 비밀번호 확인 -->
51	52	<div class="heading">
...	...	@@ -78,8 +79,10 @@
78	79	<p class="reqTxt4">
79	80	- 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
80	81	- 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
81		- </div><!--// 기본정보 -->
82		- </div><!--// 비밀번호 확인 -->
	82	+ </div>
	83	+ <!--// 기본정보 -->
	84	+ </div>
	85	+ <!--// 비밀번호 확인 -->
83	86	<!-- 개인회원 정보변경 -->
84	87	<div class="heading">
85	88	<h2>개인회원 정보변경</h2>
...	...	@@ -138,6 +141,26 @@
138	141	</div>
139	142	</div>
140	143	</div>
	144	+ <!-- <div class="input_list_item send_agree">
	145	+ <div class="input_left">알림 설정</div>
	146	+ <div class="input_right">
	147	+ <div>
	148	+ <div class="checkbox_wrap">
	149	+ <input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
	150	+ <label for="allim_1">뉴스레터</label>
	151	+ </div>
	152	+ </div>
	153	+ <div>
	154	+ <div class="checkbox_wrap">
	155	+ <input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
	156	+ <label for="allim_2">안내문자</label>
	157	+ </div>
	158	+ </div>
	159	+ <div class="list_alert reqest_text">
	160	+ <span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
	161	+ </div>
	162	+ </div>
	163	+ </div> -->
141	164	<div class="input_list_item send_agree">
142	165	<div class="input_left">마케팅 수신 동의</div>
143	166	<div class="input_right">
...	...	@@ -164,261 +187,28 @@
164	187	</div>
165	188	</div>
166	189	</div>
167		- <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
	190	+ <p class="poe_noti">이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
168	191	<div class="mem_btnWrap2">
169	192	<button type="button" class="mem_btn4">기업회원 전환</button>
170	193	<button type="button" class="mem_btn3">변경</button>
171	194	</div>
172		- </div><!--// 회원정보 변경 -->
	195	+ </div>
	196	+ <!--// 회원정보 변경 -->
173	197	</div>
174	198
175		- <!-- 기업회원 정보변경 -->
176		- <div class="heading">
177		- <h2>기업회원 정보변경</h2>
178		- </div>
179		- <div class="mem_cont_in">
180		- <div class="text_top">
181		- <p>회원님의 정보를 <span class="c_002c9a">확인</span>및 <span class="c_002c9a">변경</span> 하실 수 있습니다.</p>
182		- </div>
183		- <div class="input_wrap">
184		- <!-- 기본정보 -->
185		- <div class="input_list">
186		- <p class="list_title">기본정보</p>
187		- <div class="input_list_item colorW">
188		- <div class="input_left">아이디</div>
189		- <div class="input_right">
190		- <label for="" class="label">아이디</label>
191		- <input type="text" class="list_inputType1" placeholder="hong5678" readonly>
192		- </div>
193		- </div>
194		- <div class="input_list_item colorW">
195		- <div class="input_left">이름</div>
196		- <div class="input_right">
197		- <label for="" class="label">이름</label>
198		- <input type="text" class="list_inputType1" placeholder="홍길동" readonly>
199		- </div>
200		- </div>
201		- <div class="input_list_item colorW">
202		- <div class="input_left">휴대전화</div>
203		- <div class="input_right">
204		- <label for="" class="label">휴대전화</label>
205		- <input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
206		- <div class="list_btn_wrap">
207		- <span><span class="vMiddle">*</span>본인 명의의 휴대폰번호로만 변경가능</span>
208		- <button type="button">번호 변경</button>
209		- </div>
210		- </div>
211		- </div>
212		- <div class="input_list_item emailWrap">
213		- <div>
214		- <div class="input_left">이메일</div>
215		- <div class="input_right">
216		- <div class="email">
217		- <label for="" class="label">이메일 주소 앞자리</label>
218		- <input type="text" class="list_inputType1" placeholder="hong1234" readonly>
219		- <span>@</span>
220		- <label for="" class="label">이메일 주소 뒷자리</label>
221		- <input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
222		- </div>
223		- <div class="email_select">
224		- <label for="" class="label">이메일 선택</label>
225		- <select class="list_selType1">
226		- <option>직접입력</option>
227		- <option>네이버</option>
228		- <option>네이트</option>
229		- <option>한메일(다음)</option>
230		- <option>지메일</option>
231		- </select>
232		- </div>
233		- </div>
234		- </div>
235		- </div>
236		- <div class="input_list_item send_agree">
237		- <div class="input_left">마케팅 수신 동의</div>
238		- <div class="input_right">
239		- <div>
240		- <div class="checkbox_wrap">
241		- <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
242		- <label for="agree1_1">휴대폰</label>
243		- </div>
244		- </div>
245		- </>
246		- <div>
247		- <div class="checkbox_wrap">
248		- <input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
249		- <label for="agree1_3">이메일</label>
250		- </div>
251		- </div>
252		- <div class="list_alert reqest_text">
253		- <span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
254		- </div>
255		- </div>
256		- </div>
257		- </div><!--// 기본정보 -->
258		- <!-- 기업정보 -->
259		- <div class="input_list">
260		- <p class="list_title">기업정보</p>
261		- <div class="input_list_item">
262		- <div class="input_left">기업유형</div>
263		- <div class="input_right">
264		- <input id="radio1" type="radio"name="sel_type" checked="checked">
265		- <label for="radio1">개인</label>
266		- <input id="radio2" type="radio" name="sel_type">
267		- <label for="radio2">영리법인</label>
268		- <input id="radio3" type="radio" name="sel_type">
269		- <label for="radio3">비영리법인</label>
270		- <input id="radio4" type="radio" name="sel_type">
271		- <label for="radio4">기타</label>
272		- </div>
273		- </div>
274		- <div class="input_list_item">
275		- <div class="input_left">회사명</div>
276		- <div class="input_right">
277		- <label for="" class="label">회사명 입력</label>
278		- <input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널" readonly>
279		- </div>
280		- </div>
281		- <div class="input_list_item">
282		- <div class="input_left">사업자등록번호</div>
283		- <div class="input_right">
284		- <label for="" class="label">사업자등록번호 입력</label>
285		- <input type="text" class="list_inputType1" placeholder="653-12-34567" readonly>
286		- <div class="list_btn_wrap">
287		- <button type="button">사업자등록번호 확인</button>
288		- </div>
289		- </div>
290		- </div>
291		- <div class="input_list_item">
292		- <div class="input_left">사업자등록증 첨부</div>
293		- <div class="input_right">
294		- <label for="" class="label">사업자등록증 첨부</label>
295		- <input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널 사업자.jpg" readonly>
296		- <div class="list_btn_wrap">
297		- <span>사업자등록증 첨부(5MB 이내)</span>
298		- <button type="button">파일첨부</button>
299		- </div>
300		- </div>
301		- </div>
302		- <div class="input_list_item bis_status">
303		- <div class="input_left">업태/종목</div>
304		- <div class="input_right">
305		- <label for="" class="label">업태 입력</label>
306		- <input type="text" class="list_inputType1" placeholder="F.건설업" readonly>
307		- <span>/</span>
308		- <label for="" class="label">종목 입력</label>
309		- <input type="text" class="list_inputType1" placeholder="소매업" readonly>
310		- </div>
311		- </div>
312		- <div class="input_list_item">
313		- <div class="input_left">사업장 주소</div>
314		- <div class="input_right">
315		- <label for="" class="label">사업장 주소 입력</label>
316		- <input type="text" class="list_inputType1" placeholder="경기도 남양주시 다산중앙로 1234" readonly>
317		- <div class="list_btn_wrap">
318		- <button type="button">우편번호 찾기</button>
319		- </div>
320		- </div>
321		- </div>
322		- <div class="input_list_item">
323		- <div>
324		- <label for="" class="label">사업장 주소 상세 입력</label>
325		- <input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
326		- </div>
327		- </div>
328		- </div><!--// 기업정보 -->
329		- <!-- 계산서정보 -->
330		- <div class="input_list listType2">
331		- <p class="list_title">계산서정보</p>
332		- <div class="input_list_item">
333		- <div class="input_left">계산서 자동 발행</div>
334		- <div class="input_right">
335		- <input id="radio5" type="radio"name="publish" checked="checked">
336		- <label for="radio5">자동발행</label>
337		- <input id="radio6" type="radio" name="publish">
338		- <label for="radio6">발행하지 않음</label>
339		- </div>
340		- </div>
341		- <div class="invoice">
342		- <div class="invoice_wrap">
343		- <div class="input_list_item2">
344		- <div class="input_left" style="width: 150px;">계산서 수신이메일</div>
345		- <div class="input_right">
346		- <div class="email">
347		- <label for="" class="label">이메일 주소 앞자리</label>
348		- <input type="text" class="list_inputType1" placeholder="sbitnsasa1234" readonly>
349		- <span>@</span>
350		- <label for="" class="label">이메일 주소 뒷자리</label>
351		- <input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
352		- <label for="" class="label">이메일 선택</label>
353		- <select class="list_selType1">
354		- <option>직접입력</option>
355		- <option>네이버</option>
356		- <option>네이트</option>
357		- <option>한메일(다음)</option>
358		- <option>지메일</option>
359		- </select>
360		- </div>
361		- </div>
362		- </div>
363		- <div class="input_list_item2">
364		- <div class="input_half">
365		- <div>담당자</div>
366		- <div>
367		- <label for="" class="label">담당자 입력</label>
368		- <input type="text" class="list_inputType1" placeholder="홍길동" readonly>
369		- </div>
370		- </div>
371		- <div class="input_half">
372		- <div>직위</div>
373		- <div>
374		- <label for="" class="label">직위 입력</label>
375		- <input type="text" class="list_inputType1" placeholder="주임" readonly>
376		- </div>
377		- </div>
378		- </div>
379		- <div class="input_list_item2 number">
380		- <div class="input_left">휴대폰</div>
381		- <div class="input_right">
382		- <label for="" class="label">휴대폰 번호 입력</label>
383		- <input type="text" class="list_inputType1" placeholder="010" readonly>
384		- <span>-</span>
385		- <label for="" class="label">휴대폰 번호 입력</label>
386		- <input type="text" class="list_inputType1" placeholder="1234" readonly>
387		- <span>-</span>
388		- <label for="" class="label">휴대폰 번호 입력</label>
389		- <input type="text" class="list_inputType1" placeholder="5678" readonly>
390		- </div>
391		- </div>
392		- <div class="input_list_item2 number">
393		- <div class="input_left">일반전화</div>
394		- <div class="input_right">
395		- <label for="" class="label">일반전화 번호 입력</label>
396		- <input type="text" class="list_inputType1" placeholder="070" readonly>
397		- <span>-</span>
398		- <label for="" class="label">일반전화 번호 입력</label>
399		- <input type="text" class="list_inputType1" placeholder="5858" readonly>
400		- <span>-</span>
401		- <label for="" class="label">일반전화 번호 입력</label>
402		- <input type="text" class="list_inputType1" placeholder="1212" readonly>
403		- </div>
404		- </div>
405		- </div>
406		- </div>
407		- <div class="mem_btnWrap2">
408		- <button type="button" class="mem_btn3">변경</button>
409		- <button type="button" class="mem_btn2">취소</button>
410		- </div>
411		- </div>
412		- </div><!--// 계산서정보 -->
413		- </div>
414		- </div>
415		- </div><!--// 마이페이지 - 회원정보 변경 -->
416		-
417		- </div><!--// send top -->
	199	+
	200	+ </div>
	201	+ </div>
	202	+ <!--// 마이페이지 - 회원정보 변경 -->
	203	+
418	204	</div>
419		- </div><!--// content 영역 -->
	205	+ <!--// send top -->
	206	+ </div>
	207	+ <!--// content 영역 -->
420	208	<!-- footer 영역 -->
421	209	<!-- footer -->
422		- <div data-include-path="/publish/layout/_footer.html"></div>
423		- <!--// footer 영역 -->
424		-</body></html>
	210	+ <div data-include-path="/publish/layout/_footer.html"></div>
	211	+ <!--// footer 영역 -->
	212	+</body>
	213	+
	214	+</html> (No newline at end of file)

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

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

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

...	...	@@ -702,19 +702,20 @@
702	702	</dl>
703	703	</div>
704	704	</div>
	705	+ <div class="table_btn clearfix" style="margin:15px 0 0 0;">
	706	+ <div class="table_btn_left">
	707	+ <!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	708	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
	709	+ </div>
	710	+ <div class="table_btn_right">
	711	+ <p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
	712	+ </div>
	713	+ </div>
705	714	</div>
706	715	</div>
707	716	<!--// 발송결과-->
708	717
709		- <div class="table_btn clearfix">
710		- <div class="table_btn_left">
711		- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
712		- <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
713		- </div>
714		- <div class="table_btn_right">
715		- <p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
716		- </div>
717		- </div>
	718	+
718	719	</div>
719	720	<!--// 발송결과 상세 정보 -->
720	721
...	...	@@ -798,15 +799,10 @@
798	799	</div>
799	800	</div>
800	801	<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
801		- <p>
802		- </p>
803	802	</div>
804	803	</div>
805	804	<!--// 카카오 알림톡 미리보기 -->
806	805	<!-- // 대체문자 -->
807		-
808		-
809		-
810	806
811	807	</div>
812	808	</div>

Delete comment