Commit @c6cfaba19440bbb22770fe3c45496b96a9471ace

subsub 2023-12-07

2023/12/07 선거문자 table → ul로 변경

@c6cfaba19440bbb22770fe3c45496b96a9471ace

b0f3477

c6cfaba

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

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

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


 .sub .heading i.election_btn3 {background-image: url(/publish/images/content/print_icon2.png); width: 20px; height: 19px; margin: 0 3px 2px 0;}
 
 /* 2023/12/01 선거문자 - 20건문자(수동문자)전송 추가 */
-.sub .election .receipt_number_table_wrap .listType{height:346px;}
+/* .sub .election .receipt_number_table_wrap .listType{height:346px;} */
+.sub .election .receipt_number_table_wrap .listType{height:351px;}
 .sub .election .receipt_number_table_wrap .receipt_number_table tbody{height:calc(100% - 38px);}
 .sub .election .receipt_number_table_wrap .receipt_number_table thead tr,.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr{border-top:0;}
 .sub .election .receipt_number_table_wrap .receipt_number_table th,.sub .election .receipt_number_table_wrap .receipt_number_table td{position:relative;}

 .sub .election .list_bottom .list_bottom_right .btn_yellow{display:inline-flex;align-items:center;padding:0 10px;}
 .sub .election .list_bottom .list_bottom_right .btn_yellow i.qmMark{background:url(/publish/images/content/qmIcon_black.png) no-repeat center;margin:0 0 0 2px;}
 
+/* 2023/12/07 선거문자 - 20건문자(수동문자) 전송 추가 table에서 ul로 변경 */
+.sub .election .receipt_number_table_wrap .table_ul{display:flex;flex-wrap:wrap;text-align:center;align-content:flex-start;}
+.sub .election .receipt_number_table_wrap .table_ul li{position:relative;display:flex;border:0;background:transparent;justify-content:center;align-items:center;}
+.sub .election .receipt_number_table_wrap .table_ul li::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
+.sub .election .receipt_number_table_wrap .table_ul li:nth-child(2n)::after{display:none;}
+.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(odd){width:60px;}
+.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(even){width:calc((100% - 120px)/2);}
+.sub .election .receipt_number_table_wrap .thead_ul{position:relative;border-bottom:1px solid #a2a2a2;}
+.sub .election .receipt_number_table_wrap .thead_ul::after{position:absolute;content:"";width:100%;height:1px;background:#e5e6e7;}
+.sub .election .receipt_number_table_wrap .thead_ul li{height:38px;font-size:16px;font-weight:400;background:#e8e8e8;}
+.sub .election .receipt_number_table_wrap .thead_ul li button{margin:-4px 1px 0 1px;}
+.sub .election .receipt_number_table_wrap .thead_ul li .btn_sort_up{margin:-4px 0 0 4px;}
+.sub .election .receipt_number_table_wrap .tbody_ul{position:relative;height:calc(100% - 40px);overflow:hidden;}
+.sub .election .receipt_number_table_wrap .tbody_ul::after{position:absolute;content:"";width:100%;height:100%;background:url(/publish/images/content/tbody_li_line.png) left 0px;left:0;top:0;}
+.sub .election .receipt_number_table_wrap .tbody_ul li{width:calc(100%/2);height:31px;justify-content:flex-start;}
+.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap{position:relative;width:60px;}
+.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
+.sub .election .receipt_number_table_wrap .tbody_ul li label{width:calc(100% - 60px);}
+
 /* send_bottom */ 
 .send_bottom {position: relative;margin: 60px 0 0 0;}
 .send_bottom .bottom_content {background-color: #fff;padding: 40px;border-radius: 10px;}

b0f3477

c6cfaba

src/main/webapp/publish/sub_election_2023.html

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

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


 
 	<script>
 		$(document).ready(function () {
-			$(".receipt_number_table tbody").selectable({
+			$(".receipt_number_table_wrap .tbody_ul").selectable({
 				selecting: function (event, ui) {
 					$(ui.selecting).find("input[type='checkbox']").attr("checked", "checked");
 				},

 				unselected: function (event, ui) {
 					$(ui.unselected).find("input[type='checkbox']").removeAttr("checked");
 				},
-				filter: "td"
+				filter: "li"
 			});
-
-			$(".receipt_number_table tbody tr.ui-selectee").removeClass("ui-selectee");
 
 			onlongclick(".btn_check_one", 1000, function () {
 				var checkbox = $('[name=receipt_number_check]');
-				publishCommon.longMousePressCheck(checkbox, 10);
+				publishCommon.longMousePressCheck(checkbox, 300);
 			});
 
 			$(".btn_check_one").click(function(){

 												</div>
 												<div class="receipt_num_midde receipt_number_table_wrap">
 													<div class="listType list">
-														<table class="receipt_number_table">
+														<!-- <table class="receipt_number_table">
 															<colgroup>
 																<col style="width:60px;">
 																<col style="width:calc((100% - 60px)/2);">

 																		<input type="checkbox" id="check2" name="receipt_number_check">
 																		<label for="check2">010-1234-5678</label></td>
 																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check3" name="receipt_number_check">
-																		<label for="check3">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check4" name="receipt_number_check">
-																		<label for="check4">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check5" name="receipt_number_check">
-																		<label for="check5">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check6" name="receipt_number_check">
-																		<label for="check6">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check7" name="receipt_number_check">
-																		<label for="check7">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check8" name="receipt_number_check">
-																		<label for="check8">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check9" name="receipt_number_check">
-																		<label for="check9">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check10" name="receipt_number_check">
-																		<label for="check10">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check11" name="receipt_number_check">
-																		<label for="check11">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check12" name="receipt_number_check">
-																		<label for="check12">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check13" name="receipt_number_check">
-																		<label for="check13">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check14" name="receipt_number_check">
-																		<label for="check14">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check15" name="receipt_number_check">
-																		<label for="check15">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check16" name="receipt_number_check">
-																		<label for="check16">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check17" name="receipt_number_check">
-																		<label for="check17">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check18" name="receipt_number_check">
-																		<label for="check18">010-1234-5678</label></td>
-																</tr>
-																<tr>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check19" name="receipt_number_check">
-																		<label for="check19">010-1234-5678</label></td>
-																	<td colspan="2" class="ui-widget-content">
-																		<input type="checkbox" id="check20" name="receipt_number_check">
-																		<label for="check20">010-1234-5678</label></td>
-																</tr>
 															</tbody>
-														</table>
+														</table> -->
 
-														<!-- <ul class="thead_ul">
+														<ul class="thead_ul table_ul">
 															<li></li>
 															<li>
 																번호

 																<button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>
 																<button type="button" class="btn_sort_down"><img src="/publish/images/sortDown.png"></button></li>
 														</ul>
-														<ul class="tbody_ul">
-															<li class="ui-widget-content"><input type="checkbox" id="check1"></li>
-															<li class="ui-widget-content"><label for="check1">010-1234-5678</label></li>
-															<li class="ui-widget-content"><input type="checkbox" id="check2"></li>
-															<li class="ui-widget-content"><label for="check2">010-1234-5678</label></li>
-														</ul> -->
+														<ul class="tbody_ul table_ul">
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check1" name="receipt_number_check"></div>
+																<label for="check1">010-1234-0001</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check2" name="receipt_number_check"></div>
+																<label for="check2">010-1234-0002</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check3" name="receipt_number_check"></div>
+																<label for="check3">010-1234-0003</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check4" name="receipt_number_check"></div>
+																<label for="check4">010-1234-0004</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check5" name="receipt_number_check"></div>
+																<label for="check5">010-1234-0005</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check6" name="receipt_number_check"></div>
+																<label for="check6">010-1234-0006</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check7" name="receipt_number_check"></div>
+																<label for="check7">010-1234-0007</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check8" name="receipt_number_check"></div>
+																<label for="check8">010-1234-0008</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check9" name="receipt_number_check"></div>
+																<label for="check9">010-1234-0009</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check10" name="receipt_number_check"></div>
+																<label for="check10">010-1234-0010</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check11" name="receipt_number_check"></div>
+																<label for="check11">010-1234-0011</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check12" name="receipt_number_check"></div>
+																<label for="check12">010-1234-0012</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check13" name="receipt_number_check"></div>
+																<label for="check13">010-1234-0013</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check14" name="receipt_number_check"></div>
+																<label for="check14">010-1234-0014</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check15" name="receipt_number_check"></div>
+																<label for="check15">010-1234-0015</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check16" name="receipt_number_check"></div>
+																<label for="check16">010-1234-0016</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check17" name="receipt_number_check"></div>
+																<label for="check17">010-1234-0017</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check18" name="receipt_number_check"></div>
+																<label for="check18">010-1234-0018</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check19" name="receipt_number_check"></div>
+																<label for="check19">010-1234-0019</label>
+															</li>
+															<li class="ui-widget-content">
+																<div class="input_wrap"><input type="checkbox" id="check20" name="receipt_number_check"></div>
+																<label for="check20">010-1234-0020</label>
+															</li>
+														</ul>
 													</div>
 													<div class="put_right">
 														<button type="button" class="btnType btnType7">주소록 불러오기</button>

 														<div class="btn_popup_wrap">
 															<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button>
 															<div class="error_hover_cont send_hover_cont">
-																<p style="line-height:1.3;">마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p>
+																<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+																<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
 															</div>
 														</div>
 													</div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -596,7 +596,8 @@
596	596	.sub .heading i.election_btn3 {background-image: url(/publish/images/content/print_icon2.png); width: 20px; height: 19px; margin: 0 3px 2px 0;}
597	597
598	598	/* 2023/12/01 선거문자 - 20건문자(수동문자)전송 추가 */
599		-.sub .election .receipt_number_table_wrap .listType{height:346px;}
	599	+/* .sub .election .receipt_number_table_wrap .listType{height:346px;} */
	600	+.sub .election .receipt_number_table_wrap .listType{height:351px;}
600	601	.sub .election .receipt_number_table_wrap .receipt_number_table tbody{height:calc(100% - 38px);}
601	602	.sub .election .receipt_number_table_wrap .receipt_number_table thead tr,.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr{border-top:0;}
602	603	.sub .election .receipt_number_table_wrap .receipt_number_table th,.sub .election .receipt_number_table_wrap .receipt_number_table td{position:relative;}
...	...	@@ -622,6 +623,25 @@
622	623	.sub .election .list_bottom .list_bottom_right .btn_yellow{display:inline-flex;align-items:center;padding:0 10px;}
623	624	.sub .election .list_bottom .list_bottom_right .btn_yellow i.qmMark{background:url(/publish/images/content/qmIcon_black.png) no-repeat center;margin:0 0 0 2px;}
624	625
	626	+/* 2023/12/07 선거문자 - 20건문자(수동문자) 전송 추가 table에서 ul로 변경 */
	627	+.sub .election .receipt_number_table_wrap .table_ul{display:flex;flex-wrap:wrap;text-align:center;align-content:flex-start;}
	628	+.sub .election .receipt_number_table_wrap .table_ul li{position:relative;display:flex;border:0;background:transparent;justify-content:center;align-items:center;}
	629	+.sub .election .receipt_number_table_wrap .table_ul li::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
	630	+.sub .election .receipt_number_table_wrap .table_ul li:nth-child(2n)::after{display:none;}
	631	+.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(odd){width:60px;}
	632	+.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(even){width:calc((100% - 120px)/2);}
	633	+.sub .election .receipt_number_table_wrap .thead_ul{position:relative;border-bottom:1px solid #a2a2a2;}
	634	+.sub .election .receipt_number_table_wrap .thead_ul::after{position:absolute;content:"";width:100%;height:1px;background:#e5e6e7;}
	635	+.sub .election .receipt_number_table_wrap .thead_ul li{height:38px;font-size:16px;font-weight:400;background:#e8e8e8;}
	636	+.sub .election .receipt_number_table_wrap .thead_ul li button{margin:-4px 1px 0 1px;}
	637	+.sub .election .receipt_number_table_wrap .thead_ul li .btn_sort_up{margin:-4px 0 0 4px;}
	638	+.sub .election .receipt_number_table_wrap .tbody_ul{position:relative;height:calc(100% - 40px);overflow:hidden;}
	639	+.sub .election .receipt_number_table_wrap .tbody_ul::after{position:absolute;content:"";width:100%;height:100%;background:url(/publish/images/content/tbody_li_line.png) left 0px;left:0;top:0;}
	640	+.sub .election .receipt_number_table_wrap .tbody_ul li{width:calc(100%/2);height:31px;justify-content:flex-start;}
	641	+.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap{position:relative;width:60px;}
	642	+.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
	643	+.sub .election .receipt_number_table_wrap .tbody_ul li label{width:calc(100% - 60px);}
	644	+
625	645	/* send_bottom */
626	646	.send_bottom {position: relative;margin: 60px 0 0 0;}
627	647	.send_bottom .bottom_content {background-color: #fff;padding: 40px;border-radius: 10px;}

...	...	@@ -30,7 +30,7 @@
30	30
31	31	<script>
32	32	$(document).ready(function () {
33		- $(".receipt_number_table tbody").selectable({
	33	+ $(".receipt_number_table_wrap .tbody_ul").selectable({
34	34	selecting: function (event, ui) {
35	35	$(ui.selecting).find("input[type='checkbox']").attr("checked", "checked");
36	36	},
...	...	@@ -47,14 +47,12 @@
47	47	unselected: function (event, ui) {
48	48	$(ui.unselected).find("input[type='checkbox']").removeAttr("checked");
49	49	},
50		- filter: "td"
	50	+ filter: "li"
51	51	});
52		-
53		- $(".receipt_number_table tbody tr.ui-selectee").removeClass("ui-selectee");
54	52
55	53	onlongclick(".btn_check_one", 1000, function () {
56	54	var checkbox = $('[name=receipt_number_check]');
57		- publishCommon.longMousePressCheck(checkbox, 10);
	55	+ publishCommon.longMousePressCheck(checkbox, 300);
58	56	});
59	57
60	58	$(".btn_check_one").click(function(){
...	...	@@ -1335,7 +1333,7 @@
1335	1333	</div>
1336	1334	<div class="receipt_num_midde receipt_number_table_wrap">
1337	1335	<div class="listType list">
1338		- <table class="receipt_number_table">
	1336	+ <!-- <table class="receipt_number_table">
1339	1337	<colgroup>
1340	1338	<col style="width:60px;">
1341	1339	<col style="width:calc((100% - 60px)/2);">
...	...	@@ -1365,82 +1363,10 @@
1365	1363	<input type="checkbox" id="check2" name="receipt_number_check">
1366	1364	<label for="check2">010-1234-5678</label></td>
1367	1365	</tr>
1368		- <tr>
1369		- <td colspan="2" class="ui-widget-content">
1370		- <input type="checkbox" id="check3" name="receipt_number_check">
1371		- <label for="check3">010-1234-5678</label></td>
1372		- <td colspan="2" class="ui-widget-content">
1373		- <input type="checkbox" id="check4" name="receipt_number_check">
1374		- <label for="check4">010-1234-5678</label></td>
1375		- </tr>
1376		- <tr>
1377		- <td colspan="2" class="ui-widget-content">
1378		- <input type="checkbox" id="check5" name="receipt_number_check">
1379		- <label for="check5">010-1234-5678</label></td>
1380		- <td colspan="2" class="ui-widget-content">
1381		- <input type="checkbox" id="check6" name="receipt_number_check">
1382		- <label for="check6">010-1234-5678</label></td>
1383		- </tr>
1384		- <tr>
1385		- <td colspan="2" class="ui-widget-content">
1386		- <input type="checkbox" id="check7" name="receipt_number_check">
1387		- <label for="check7">010-1234-5678</label></td>
1388		- <td colspan="2" class="ui-widget-content">
1389		- <input type="checkbox" id="check8" name="receipt_number_check">
1390		- <label for="check8">010-1234-5678</label></td>
1391		- </tr>
1392		- <tr>
1393		- <td colspan="2" class="ui-widget-content">
1394		- <input type="checkbox" id="check9" name="receipt_number_check">
1395		- <label for="check9">010-1234-5678</label></td>
1396		- <td colspan="2" class="ui-widget-content">
1397		- <input type="checkbox" id="check10" name="receipt_number_check">
1398		- <label for="check10">010-1234-5678</label></td>
1399		- </tr>
1400		- <tr>
1401		- <td colspan="2" class="ui-widget-content">
1402		- <input type="checkbox" id="check11" name="receipt_number_check">
1403		- <label for="check11">010-1234-5678</label></td>
1404		- <td colspan="2" class="ui-widget-content">
1405		- <input type="checkbox" id="check12" name="receipt_number_check">
1406		- <label for="check12">010-1234-5678</label></td>
1407		- </tr>
1408		- <tr>
1409		- <td colspan="2" class="ui-widget-content">
1410		- <input type="checkbox" id="check13" name="receipt_number_check">
1411		- <label for="check13">010-1234-5678</label></td>
1412		- <td colspan="2" class="ui-widget-content">
1413		- <input type="checkbox" id="check14" name="receipt_number_check">
1414		- <label for="check14">010-1234-5678</label></td>
1415		- </tr>
1416		- <tr>
1417		- <td colspan="2" class="ui-widget-content">
1418		- <input type="checkbox" id="check15" name="receipt_number_check">
1419		- <label for="check15">010-1234-5678</label></td>
1420		- <td colspan="2" class="ui-widget-content">
1421		- <input type="checkbox" id="check16" name="receipt_number_check">
1422		- <label for="check16">010-1234-5678</label></td>
1423		- </tr>
1424		- <tr>
1425		- <td colspan="2" class="ui-widget-content">
1426		- <input type="checkbox" id="check17" name="receipt_number_check">
1427		- <label for="check17">010-1234-5678</label></td>
1428		- <td colspan="2" class="ui-widget-content">
1429		- <input type="checkbox" id="check18" name="receipt_number_check">
1430		- <label for="check18">010-1234-5678</label></td>
1431		- </tr>
1432		- <tr>
1433		- <td colspan="2" class="ui-widget-content">
1434		- <input type="checkbox" id="check19" name="receipt_number_check">
1435		- <label for="check19">010-1234-5678</label></td>
1436		- <td colspan="2" class="ui-widget-content">
1437		- <input type="checkbox" id="check20" name="receipt_number_check">
1438		- <label for="check20">010-1234-5678</label></td>
1439		- </tr>
1440	1366	</tbody>
1441		- </table>
	1367	+ </table> -->
1442	1368
1443		- <!-- <ul class="thead_ul">
	1369	+ <ul class="thead_ul table_ul">
1444	1370	<li></li>
1445	1371	<li>
1446	1372	번호
...	...	@@ -1452,12 +1378,88 @@
1452	1378	<button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>
1453	1379	<button type="button" class="btn_sort_down"><img src="/publish/images/sortDown.png"></button></li>
1454	1380	</ul>
1455		- <ul class="tbody_ul">
1456		- <li class="ui-widget-content"><input type="checkbox" id="check1"></li>
1457		- <li class="ui-widget-content"><label for="check1">010-1234-5678</label></li>
1458		- <li class="ui-widget-content"><input type="checkbox" id="check2"></li>
1459		- <li class="ui-widget-content"><label for="check2">010-1234-5678</label></li>
1460		- </ul> -->
	1381	+ <ul class="tbody_ul table_ul">
	1382	+ <li class="ui-widget-content">
	1383	+ <div class="input_wrap"><input type="checkbox" id="check1" name="receipt_number_check"></div>
	1384	+ <label for="check1">010-1234-0001</label>
	1385	+ </li>
	1386	+ <li class="ui-widget-content">
	1387	+ <div class="input_wrap"><input type="checkbox" id="check2" name="receipt_number_check"></div>
	1388	+ <label for="check2">010-1234-0002</label>
	1389	+ </li>
	1390	+ <li class="ui-widget-content">
	1391	+ <div class="input_wrap"><input type="checkbox" id="check3" name="receipt_number_check"></div>
	1392	+ <label for="check3">010-1234-0003</label>
	1393	+ </li>
	1394	+ <li class="ui-widget-content">
	1395	+ <div class="input_wrap"><input type="checkbox" id="check4" name="receipt_number_check"></div>
	1396	+ <label for="check4">010-1234-0004</label>
	1397	+ </li>
	1398	+ <li class="ui-widget-content">
	1399	+ <div class="input_wrap"><input type="checkbox" id="check5" name="receipt_number_check"></div>
	1400	+ <label for="check5">010-1234-0005</label>
	1401	+ </li>
	1402	+ <li class="ui-widget-content">
	1403	+ <div class="input_wrap"><input type="checkbox" id="check6" name="receipt_number_check"></div>
	1404	+ <label for="check6">010-1234-0006</label>
	1405	+ </li>
	1406	+ <li class="ui-widget-content">
	1407	+ <div class="input_wrap"><input type="checkbox" id="check7" name="receipt_number_check"></div>
	1408	+ <label for="check7">010-1234-0007</label>
	1409	+ </li>
	1410	+ <li class="ui-widget-content">
	1411	+ <div class="input_wrap"><input type="checkbox" id="check8" name="receipt_number_check"></div>
	1412	+ <label for="check8">010-1234-0008</label>
	1413	+ </li>
	1414	+ <li class="ui-widget-content">
	1415	+ <div class="input_wrap"><input type="checkbox" id="check9" name="receipt_number_check"></div>
	1416	+ <label for="check9">010-1234-0009</label>
	1417	+ </li>
	1418	+ <li class="ui-widget-content">
	1419	+ <div class="input_wrap"><input type="checkbox" id="check10" name="receipt_number_check"></div>
	1420	+ <label for="check10">010-1234-0010</label>
	1421	+ </li>
	1422	+ <li class="ui-widget-content">
	1423	+ <div class="input_wrap"><input type="checkbox" id="check11" name="receipt_number_check"></div>
	1424	+ <label for="check11">010-1234-0011</label>
	1425	+ </li>
	1426	+ <li class="ui-widget-content">
	1427	+ <div class="input_wrap"><input type="checkbox" id="check12" name="receipt_number_check"></div>
	1428	+ <label for="check12">010-1234-0012</label>
	1429	+ </li>
	1430	+ <li class="ui-widget-content">
	1431	+ <div class="input_wrap"><input type="checkbox" id="check13" name="receipt_number_check"></div>
	1432	+ <label for="check13">010-1234-0013</label>
	1433	+ </li>
	1434	+ <li class="ui-widget-content">
	1435	+ <div class="input_wrap"><input type="checkbox" id="check14" name="receipt_number_check"></div>
	1436	+ <label for="check14">010-1234-0014</label>
	1437	+ </li>
	1438	+ <li class="ui-widget-content">
	1439	+ <div class="input_wrap"><input type="checkbox" id="check15" name="receipt_number_check"></div>
	1440	+ <label for="check15">010-1234-0015</label>
	1441	+ </li>
	1442	+ <li class="ui-widget-content">
	1443	+ <div class="input_wrap"><input type="checkbox" id="check16" name="receipt_number_check"></div>
	1444	+ <label for="check16">010-1234-0016</label>
	1445	+ </li>
	1446	+ <li class="ui-widget-content">
	1447	+ <div class="input_wrap"><input type="checkbox" id="check17" name="receipt_number_check"></div>
	1448	+ <label for="check17">010-1234-0017</label>
	1449	+ </li>
	1450	+ <li class="ui-widget-content">
	1451	+ <div class="input_wrap"><input type="checkbox" id="check18" name="receipt_number_check"></div>
	1452	+ <label for="check18">010-1234-0018</label>
	1453	+ </li>
	1454	+ <li class="ui-widget-content">
	1455	+ <div class="input_wrap"><input type="checkbox" id="check19" name="receipt_number_check"></div>
	1456	+ <label for="check19">010-1234-0019</label>
	1457	+ </li>
	1458	+ <li class="ui-widget-content">
	1459	+ <div class="input_wrap"><input type="checkbox" id="check20" name="receipt_number_check"></div>
	1460	+ <label for="check20">010-1234-0020</label>
	1461	+ </li>
	1462	+ </ul>
1461	1463	</div>
1462	1464	<div class="put_right">
1463	1465	<button type="button" class="btnType btnType7">주소록 불러오기</button>
...	...	@@ -1502,7 +1504,8 @@
1502	1504	<div class="btn_popup_wrap">
1503	1505	<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button>
1504	1506	<div class="error_hover_cont send_hover_cont">
1505		- <p style="line-height:1.3;">마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p>
	1507	+ <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
	1508	+ <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
1506	1509	</div>
1507	1510	</div>
1508	1511	</div>

Delete comment