diff --git a/src/main/webapp/publish/css/button.css b/src/main/webapp/publish/css/button.css index cc100ba9..0373df87 100644 --- a/src/main/webapp/publish/css/button.css +++ b/src/main/webapp/publish/css/button.css @@ -83,7 +83,20 @@ textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-we .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;} + + /* 기타 반복 사용 */ /* 기타 버튼 타입 */ diff --git a/src/main/webapp/publish/css/common.css b/src/main/webapp/publish/css/common.css index b6224f13..ad3a7148 100644 --- a/src/main/webapp/publish/css/common.css +++ b/src/main/webapp/publish/css/common.css @@ -21,13 +21,14 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: .header {position: fixed;top: 0;left: 0;width: 100%;min-width: 1240px; z-index: 10;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);} /* header 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;} @@ -95,10 +96,10 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: .login2 .login_info {position: relative;vertical-align: middle;} /*.login2 .login_info::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);} @@ -113,12 +114,12 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: .login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);} .login2 .login_info i.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%);} @@ -127,8 +128,24 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: .login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;} .login2 .check_money .account_box dl 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;} @@ -153,7 +170,7 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: .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;} @@ -356,6 +373,9 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: .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 */ diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index d37dfb69..ae8a01f5 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -20,6 +20,7 @@ /*// 발송결과 화면개선 */ .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;} @@ -530,7 +531,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email .send_top .send_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;} .send_top .send_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;} @@ -601,6 +602,7 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email .send_general.sec .tType1 tbody tr:first-child {border-top: 0;} .send_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;} @@ -875,11 +877,12 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .search_wrap_btn button {height: 36px;} .search_wrap_btn 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;} @@ -889,6 +892,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .myphoto_info p {font-size: 14px; font-weight: 400; color: #222; text-align: left; font-weight: 300; line-height:18px;} .myphoto_info p: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;} @@ -1733,9 +1738,12 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn{height: 40px; border: 5px solid #129738; color: #129738; font-size: 16px; font-weight: 500; padding: 0 15px; border-radius: 5px;} .send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn 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;} @@ -2139,12 +2147,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px /* 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;} @@ -2175,8 +2181,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px /* 알림톡 미리보기 */ .send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;} -.send_top .resultcont_right .phone_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;} @@ -2199,7 +2205,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;} .send_top .resultcont_right .phone_kakako .phoneIn .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; } @@ -2393,6 +2399,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;} .tb_wrap1 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 { 0% {transform:rotate(0)} @@ -2588,6 +2599,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .sub .election .receipt_number_table_wrap .list_bottom{width:100%;} .sub .election .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){ diff --git a/src/main/webapp/publish/css/mem.css b/src/main/webapp/publish/css/mem.css index 4d02f316..217e02b4 100644 --- a/src/main/webapp/publish/css/mem.css +++ b/src/main/webapp/publish/css/mem.css @@ -319,13 +319,13 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare .my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;} .my_dashboard .send_price::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;} diff --git a/src/main/webapp/publish/guide.html b/src/main/webapp/publish/guide.html index 16073bfa..c3ad67b7 100644 --- a/src/main/webapp/publish/guide.html +++ b/src/main/webapp/publish/guide.html @@ -139,7 +139,7 @@
  • mypage4.html마이페이지 > 비밀번호 변경
  • mypage5.html마이페이지 > 발신번호 관리
  • mypage5_2.html마이페이지 > 발신번호 관리 > 번호 추가
    • -
  • mypage6.html마이페이지 > 알림설정
    • +
  • mypage7.html마이페이지 > 회원탈퇴
  • mypage8.html마이페이지 > 회원탈퇴 > 상세
  • mypage_security_login.html마이페이지 > 보안로그인
    • @@ -188,6 +188,7 @@
  • 기타
  • email_form_dormant.html휴면회원 메일
    • +
  • maintenance.html시스템 점검 페이지
  • intro_service.html문자온 소개 > 서비스 소개
  • intro_function.html문자온 소개 > 주요기능
  • intro_bestsample.html문자온 소개 > 베스트문자샘플
    • @@ -219,8 +220,6 @@
  • email_form_terms_2024_clause.html서비스 이용약관 개정
  • email_form_terms_2024_privacy.html개인정보처리방침 개정
    • - - diff --git a/src/main/webapp/publish/images/icon_header_user.png b/src/main/webapp/publish/images/icon_header_user.png new file mode 100644 index 00000000..5cf3f5c7 Binary files /dev/null and b/src/main/webapp/publish/images/icon_header_user.png differ diff --git a/src/main/webapp/publish/images/icon_message.png b/src/main/webapp/publish/images/icon_message.png new file mode 100644 index 00000000..2269f995 Binary files /dev/null and b/src/main/webapp/publish/images/icon_message.png differ diff --git a/src/main/webapp/publish/index.html b/src/main/webapp/publish/index.html index 3d1c2243..1e5e215d 100644 --- a/src/main/webapp/publish/index.html +++ b/src/main/webapp/publish/index.html @@ -92,265 +92,15 @@ - -
    - 본문 바로가기 -
    - - 최저 8.1원 요금안내 + - - - -
    -
    -

    QUICK
    MENU

    -

    QUICK

    - - -
    -
    카카오톡 상담
    -
    - - - - - -
    +
    @@ -392,295 +142,400 @@ -

    이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.

    +

    이메일, 알림 설정 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.

    - + + - -
    -

    기업회원 정보변경

    -
    -
    -
    -

    회원님의 정보를 확인및 변경 하실 수 있습니다.

    -
    -
    - -
    -

    기본정보

    -
    -
    아이디
    -
    - - -
    -
    -
    -
    이름
    -
    - - -
    -
    -
    -
    휴대전화
    -
    - - -
    - *본인 명의의 휴대폰번호로만 변경가능 - -
    -
    -
    -
    -
    -
    이메일
    -
    - - -
    -
    -
    -
    -
    마케팅 수신 동의
    -
    -
    -
    - - -
    -
    - -
    -
    - - -
    -
    -
    - 수신동의 시 각종 혜택 및
    이벤트 정보를 받아보실 수 있습니다.     -
    -
    -
    -
    - -
    -

    기업정보

    -
    -
    기업유형
    -
    - - - - - - - - -
    -
    -
    -
    회사명
    -
    - - -
    -
    -
    -
    사업자등록번호
    -
    - - -
    - -
    -
    -
    -
    -
    사업자등록증 첨부
    -
    - - -
    - 사업자등록증 첨부(5MB 이내) - -
    -
    -
    -
    -
    업태/종목
    -
    - - - / - - -
    -
    -
    -
    사업장 주소
    -
    - - -
    - -
    -
    -
    -
    -
    - - -
    -
    -
    - -
    -

    계산서정보

    -
    -
    계산서 자동 발행
    -
    - - - - -
    -
    -
    -
    -
    -
    계산서 수신이메일
    -
    - -
    -
    -
    -
    -
    담당자
    -
    - - -
    -
    -
    -
    직위
    -
    - - -
    -
    -
    -
    -
    휴대폰
    -
    - - - - - - - - - - -
    -
    -
    -
    일반전화
    -
    - - - - - - - - - - -
    -
    -
    -
    -
    - - -
    -
    -
    -
    - - - - + + + + + - + + + -
    - - +
    + + + + \ No newline at end of file diff --git a/src/main/webapp/publish/mypage3.html b/src/main/webapp/publish/mypage3.html index 6971988e..4cf8d1ad 100644 --- a/src/main/webapp/publish/mypage3.html +++ b/src/main/webapp/publish/mypage3.html @@ -41,7 +41,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage3_return.html b/src/main/webapp/publish/mypage3_return.html index f74f7e75..c5595a8f 100644 --- a/src/main/webapp/publish/mypage3_return.html +++ b/src/main/webapp/publish/mypage3_return.html @@ -41,7 +41,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage4.html b/src/main/webapp/publish/mypage4.html index 23891e82..11d99b19 100644 --- a/src/main/webapp/publish/mypage4.html +++ b/src/main/webapp/publish/mypage4.html @@ -40,7 +40,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage5.html b/src/main/webapp/publish/mypage5.html index d0847eab..bd6f42ef 100644 --- a/src/main/webapp/publish/mypage5.html +++ b/src/main/webapp/publish/mypage5.html @@ -103,7 +103,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage5_2.html b/src/main/webapp/publish/mypage5_2.html index 35fed3ad..b41e85ae 100644 --- a/src/main/webapp/publish/mypage5_2.html +++ b/src/main/webapp/publish/mypage5_2.html @@ -315,7 +315,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage7.html b/src/main/webapp/publish/mypage7.html index 325226ad..b19a7504 100644 --- a/src/main/webapp/publish/mypage7.html +++ b/src/main/webapp/publish/mypage7.html @@ -40,7 +40,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage8.html b/src/main/webapp/publish/mypage8.html index cf38e5f4..0a32e356 100644 --- a/src/main/webapp/publish/mypage8.html +++ b/src/main/webapp/publish/mypage8.html @@ -41,7 +41,6 @@
    • -
    • diff --git a/src/main/webapp/publish/mypage_security_login.html b/src/main/webapp/publish/mypage_security_login.html index f5633d15..8a1731ea 100644 --- a/src/main/webapp/publish/mypage_security_login.html +++ b/src/main/webapp/publish/mypage_security_login.html @@ -64,7 +64,6 @@
    • -
    • diff --git a/src/main/webapp/publish/textingmsg_detail_allimtalk.html b/src/main/webapp/publish/textingmsg_detail_allimtalk.html index de742253..fd7141e4 100644 --- a/src/main/webapp/publish/textingmsg_detail_allimtalk.html +++ b/src/main/webapp/publish/textingmsg_detail_allimtalk.html @@ -702,19 +702,20 @@ +
    +
    + +
    +
    +

    * 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.

    +
    +
    -
    -
    - - -
    -
    -

    * 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.

    -
    -
    + @@ -798,16 +799,11 @@

    ※ 단말기 설정에 따라 다르게 보일 수 있습니다

    -

    -

    - - -