--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -20,7 +20,6 @@ |
| 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;}
|
|
| 24 | 23 |
.vMiddle {vertical-align: middle;}
|
| 25 | 24 |
.tRight {text-align: right !important;}
|
| 26 | 25 |
.tLeft {text-align: left !important;}
|
... | ... | @@ -602,7 +601,6 @@ |
| 602 | 601 |
.send_general.sec .tType1 tbody tr:first-child {border-top: 0;}
|
| 603 | 602 |
.send_top .excelWrap {padding: 20px 0;}
|
| 604 | 603 |
.excel_middle {background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 20px 0;}
|
| 605 |
-.excel_middle .select_btnWrap div{gap:6px;}
|
|
| 606 | 604 |
.send_top .excelWrap .excel_selBox {margin-bottom: 10px; display: flex; justify-content: space-between;}
|
| 607 | 605 |
.send_top .excelWrap .excel_selBox select.selType1 {padding: 0 80px 0 10px;}
|
| 608 | 606 |
.send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;}
|
... | ... | @@ -1468,8 +1466,8 @@ |
| 1468 | 1466 |
/* 발송관리 */ |
| 1469 | 1467 |
.table_tab_wrap .tab_depth1 {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); text-align: center;}
|
| 1470 | 1468 |
.table_tab_wrap .tab_depth1 a {width: 150px;}
|
| 1471 |
-.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px);}
|
|
| 1472 |
-/*.kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);}*/
|
|
| 1469 |
+.kakao_rev_content .rev_admin {justify-content:flex-start ;} /*친구톡 추가되면 삭제*/
|
|
| 1470 |
+.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px); margin:0 25px 0 0;} /*친구톡 추가되면 margin만 삭제*/
|
|
| 1473 | 1471 |
/*// 발송관리 */ |
| 1474 | 1472 |
|
| 1475 | 1473 |
/*발송결과*/ |
... | ... | @@ -1578,9 +1576,8 @@ |
| 1578 | 1576 |
.kakaotalkset_cont .list_info .btn_list{background-image: url(/publish/images/btn_list_icon.png);}
|
| 1579 | 1577 |
.kakaotalkset_cont .list_info .btn_thumbnail{background-image: url(/publish/images/btn_thumbnail_icon.png);}
|
| 1580 | 1578 |
.kakaotalkset_cont .list_info .btnType8{width: 140px;}
|
| 1581 |
-.kakaotalkset_cont .kakao_template_list{display:flex;margin: 20px 0 0 0;flex-wrap:wrap;gap:13px;}
|
|
| 1582 |
-/* .kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 135px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 20px 40px 0;} */
|
|
| 1583 |
-.kakaotalkset_cont .kakao_template_list li{position: relative; width:calc((100%/4) - 26px); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
|
|
| 1579 |
+.kakaotalkset_cont .kakao_template_list{margin: 20px 0 0 0;}
|
|
| 1580 |
+.kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 135px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 20px 40px 0;}
|
|
| 1584 | 1581 |
.kakaotalkset_cont .kakao_template_list li.template_none{box-shadow: none; width: 100%; text-align: center; font-size: 18px; font-weight: 400;}
|
| 1585 | 1582 |
.kakaotalkset_cont .kakao_template_list li.template_none::after{display: none;}
|
| 1586 | 1583 |
.kakaotalkset_cont .kakao_template_list li:nth-child(4n){margin: 0 0 0 0;}
|
... | ... | @@ -1736,7 +1733,6 @@ |
| 1736 | 1733 |
.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;}
|
| 1737 | 1734 |
.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;}
|
| 1738 | 1735 |
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap01{display: none !important;}
|
| 1739 |
-.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .btnType{margin:0 0 0 6px;}
|
|
| 1740 | 1736 |
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .listType{width: 100%;}
|
| 1741 | 1737 |
.send_top .kakaotalksend_cont .kakao_wrap .send_left .receipt_num .list_table_num{width: calc(100% - 60px);}
|
| 1742 | 1738 |
.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;}
|
... | ... | @@ -1744,7 +1740,7 @@ |
| 1744 | 1740 |
.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
|
| 1745 | 1741 |
.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
|
| 1746 | 1742 |
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
|
| 1747 |
-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 80px);}
|
|
| 1743 |
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 58px);}
|
|
| 1748 | 1744 |
.kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
|
| 1749 | 1745 |
.kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
| 1750 | 1746 |
.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
... | ... | @@ -2126,11 +2122,6 @@ |
| 2126 | 2122 |
|
| 2127 | 2123 |
.res_info .res_info_in .res_info_btm {margin:20px 0 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
|
| 2128 | 2124 |
.res_info .res_info_in .res_info_btm dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
|
| 2129 |
-.res_info .res_info_in .res_info_btm .charge_line {border-top:1px solid #e6e6e6; text-align:center; margin:0 10px; padding:7px 0 5px 0; }
|
|
| 2130 |
-.res_info .res_info_in .res_info_btm .charge_line dl {padding:7px 0 5px 10px; }
|
|
| 2131 |
-.res_info .res_info_in .res_info_btm .charge_line dl dt {font-size:15px;}
|
|
| 2132 |
-.res_info .res_info_in .res_info_btm .charge_line dl dd {padding:0; font-size:16px;}
|
|
| 2133 |
-.res_info .res_info_in .res_info_btm dl dt.charge_title {font-size:15px; padding:0 0 0 5px;}
|
|
| 2134 | 2125 |
.res_info .res_info_in .res_info_btm dl dt {font-weight:400;}
|
| 2135 | 2126 |
.res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:16px;}
|
| 2136 | 2127 |
.res_info .res_info_in .res_info_btm dl dd span {font-weight:500;}
|
... | ... | @@ -2148,13 +2139,10 @@ |
| 2148 | 2139 |
/* right area 문자 미리보기 */ |
| 2149 | 2140 |
.send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
|
| 2150 | 2141 |
.send_top .send_general.sec .resultcont_right {min-height:auto;}
|
| 2151 |
-.send_top .resultcont_right .tab_phone {display: none; }
|
|
| 2152 |
-.send_top .resultcont_right .tab_phone.current {display: block;}
|
|
| 2153 |
- |
|
| 2154 | 2142 |
/* phone 기본 -- sticky */ |
| 2155 | 2143 |
.send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
|
| 2156 | 2144 |
.send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }
|
| 2157 |
-.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 25px 30px; position: relative; height: 96%; box-sizing: border-box;}
|
|
| 2145 |
+.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 0 30px; position: relative; height: 96%; box-sizing: border-box;}
|
|
| 2158 | 2146 |
.send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
|
| 2159 | 2147 |
.send_top .resultcont_right .phone .text_length2 {padding: 12px 0;}
|
| 2160 | 2148 |
.send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;}
|
... | ... | @@ -2185,7 +2173,7 @@ |
| 2185 | 2173 |
|
| 2186 | 2174 |
/* 알림톡 미리보기 */ |
| 2187 | 2175 |
.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
|
| 2188 |
-.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;}
|
|
| 2176 |
+.send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px;}
|
|
| 2189 | 2177 |
.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
|
| 2190 | 2178 |
.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
|
| 2191 | 2179 |
.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;}
|
... | ... | @@ -2209,7 +2197,7 @@ |
| 2209 | 2197 |
.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;}
|
| 2210 | 2198 |
.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;}
|
| 2211 | 2199 |
.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;}
|
| 2212 |
-.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:-27px 0 10px 0;}
|
|
| 2200 |
+.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
|
|
| 2213 | 2201 |
|
| 2214 | 2202 |
.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
|
| 2215 | 2203 |
.btn_list_type1 .btnType.btnType17 {width:100px; }
|
... | ... | @@ -2402,11 +2390,6 @@ |
| 2402 | 2390 |
|
| 2403 | 2391 |
.tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
|
| 2404 | 2392 |
.tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
|
| 2405 |
- |
|
| 2406 |
-/*문자전송_안심번호 안내 추가*/ |
|
| 2407 |
-.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;}
|
|
| 2408 |
-.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
|
|
| 2409 |
-.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
|
|
| 2410 | 2393 |
|
| 2411 | 2394 |
|
| 2412 | 2395 |
@keyframes rotate-loading {
|
... | ... | @@ -2603,10 +2586,6 @@ |
| 2603 | 2586 |
.sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
|
| 2604 | 2587 |
.sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
|
| 2605 | 2588 |
.sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
|
| 2606 |
- |
|
| 2607 |
- /*문자전송_안심번호 안내 추가*/ |
|
| 2608 |
- .top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: 0 0 0 11px; text-indent: -11px;}
|
|
| 2609 |
- .tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
|
|
| 2610 | 2589 |
} |
| 2611 | 2590 |
|
| 2612 | 2591 |
@media only screen and (max-width:1380px){
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?