Home Explore Help
Register Sign In
orderqueen
/
oqpo-view
Watch 3
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

juney 2 years ago
parent
dbcd2bb202 aa4520345c
commit
9bccd996b3
5 changed files with 198 additions and 150 deletions
Split View Show Diff Stats
  1. 3 3
      src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html
  2. 14 11
      src/main/webapp/mobile/app/mloanmng/MLOANMNG01011.html
  3. 63 50
      src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html
  4. 88 67
      src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html
  5. 30 19
      src/main/webapp/mobile/css/style.css

+ 3 - 3
src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html
View File 

@@ -207,7 +207,7 @@
207 207 
 		<div class="pop">
208 208 
 			<div class="header">
209 209 
 				<div class="header_left">
210 
-					<label>> 매장</label>
210 
+					<label>매장</label>
211 211 
 				</div>
212 212 
 				<div class="header_right">
213 213 
 					<button type="button" id="ITP_BTN_MLOANMNG01010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
 
@@ -229,8 +229,8 @@
229 229 
 				<div id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY" style="display: none;">
230 230 
 					<li class="row_2">
231 231 
 						<div class="scroll_left">
232 
-							<div class="fnStoreNm"></div>
233 
-							<div class="fnStoreStNm"></div>
232 
+							<div class="con_2 fnStoreNm"></div>
233 
+							<div class="con_2 sub fnStoreStNm"></div>
234 234 
 						</div>
235 235 
 						<div class="scroll_right">
236 236 
 							<button id="ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>

+ 14 - 11
src/main/webapp/mobile/app/mloanmng/MLOANMNG01011.html
View File 

@@ -6,45 +6,48 @@
6 6 
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
7 7 
 		</form>
8 8 
 		  <div class="content">
9 
+			  <div class="line header">
10 
+			  	  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
11 
+		      </div>
9 12 
 			  <div class="line">
10 13 
 				  <label>매장명</label>
11 
-				  <div class="search_wrap">
14 
+				  <div class="line_right">
12 15 
 					  <div class="fnStoreNm"></div>
13 16 
 				  </div>
14 17 
 			  </div>
15 18 
 			  <div class="line">
16 19 
 				  <label>정산타입</label>
17 
-				  <div class="search_wrap">
20 
+				  <div class="line_right">
18 21 
 					  <div class="fnLoanDvsnNm"></div>
19 22 
 				  </div>
20 23 
 			  </div>
21 24 
 			  <div class="line">
22 25 
 				  <label>한도금액</label>
23 
-				  <div class="search_wrap">
26 
+				  <div class="line_right">
24 27 
 					  <div class="fnLimitAmt">0원</div>
25 28 
 				  </div>
26 29 
 			  </div>
27 30 
 			  <div class="line">
28 31 
 				  <label>사용여부</label>
29 
-				  <div class="search_wrap">
32 
+				  <div class="line_right">
30 33 
 					  <div class="fnUseYnNm"></div>
31 34 
 				  </div>
32 35 
 			  </div>
33 36 
 			  <div class="line">
34 37 
 				  <label>가용한도금액</label>
35 
-				  <div class="search_wrap">
38 
+				  <div class="line_right">
36 39 
 					  <div class="fnPosbLimitAmt">0원</div>
37 40 
 				  </div>
38 41 
 			  </div>
39 42 
 			  <div class="line">
40 43 
 				  <label>가수금</label>
41 
-				  <div class="search_wrap">
44 
+				  <div class="line_right">
42 45 
 					  <div class="fnTmpRcvAcctTotal">0원</div>
43 46 
 				  </div>
44 47 
 			  </div>
45 48 
 			  <div class="line">
46 49 
 				  <label>사용금액</label>
47 
-				  <div class="search_wrap">
50 
+				  <div class="line_right">
48 51 
 					  <div class="fnUseAmtTotal">0원</div>
49 52 
 				  </div>
50 53 
 			  </div>
 
@@ -58,7 +61,7 @@
58 61 
 			</div>
59 62 
 			  <div class="line">
60 63 
 				  <label>입금지급구분</label>
61 
-				  <div class="line_right">
64 
+				  <div class="float_left" style="margin-left:5px;">
62 65 
 					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01011_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
63 66 
 						  <option value=""></option>
64 67 
 					  </select>
 
@@ -70,12 +73,12 @@
70 73 
 			  </div>
71 74 
 			</div>
72 75 
 			<div class="table_header">
73 
-			  <h1>> 여신 입출금 이력</h1>
76 
+			  <h1><여신 입출금 이력></h1>
74 77 
 			</div>
75 78 
 		  </div>
76 79 
 			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-6">
77 
-			  <ul id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS" class="panel-group"></ul>
78 
-			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: none;">
80 
+			  <ul id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
81 
+			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: block;">
79 82 
 				<li class="history_list4 list-row">
80 83 
 				  <div>
81 84 
 					<div class="detail_line">

+ 63 - 50
src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html
View File 

@@ -1,5 +1,5 @@
1 1 
 <section id="ITP_MOBILE_MLOANMNG02010">
2 
-	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: block;">
2 
+	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: none;">
3 3 
 		<form id="ITP_FORM_MLOANMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4 4 
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5 5 
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 
@@ -57,45 +57,49 @@
57 57 
 					<button id="ITP_BTN_MLOANMNG02010_LIST_AGREE" class="btn-primary AGR">승인</button>
58 58 
 					<button id="ITP_BTN_MLOANMNG02010_LIST_REJECT" class="btn-danger RJT">반려</button>
59 59 
 				  </div>
60 
-				  <div class="left btn">
60 
+				  <div class="left btn_list">
61 61 
 					<div class="nomal">
62 
-					  <label>매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
62 
+					  <label class="sub_info">매장명</label>
63 
+					  <span>:</span>
63 64 
 					  <div >
64 
-						<div class="col_5 fnStoreNm"></div>
65 
+						<div class="col_5 fnStoreNm">asdfsadf</div>
65 66 
 					  </div>
66 
-					  <label class="col_0">입금일자&nbsp;:</label>
67 
+					  <label class="sub_info">입금일자&nbsp;:</label>
67 68 
 					  <div class="history">
68 
-						<div class="fnDpstDt"></div>
69 
+						<div class="fnDpstDt">2002.10.10</div>
69 70 
 					  </div>
70 71 
 					</div>
71 72 
 				  </div>
72 
-				  <div class="left btn">
73 
+				  <div class="left btn_list">
73 74 
 					<div class="nomal">
74 
-					  <label class="col_0">입금금액&nbsp;:</label>
75 
+					  <label class="sub_info">입금금액</label>
76 
+					  <span>:</span>
75 77 
 					  <div class="history">
76 
-						<div class="fnDpstAmt"></div>
78 
+						<div class="fnDpstAmt">afsdfasdf</div>
77 79 
 					  </div>
78 
-					  <label class="col_0">입금자&nbsp;:</label>
80 
+					  <label class="sub_info">입금자&nbsp;:</label>
79 81 
 					  <div class="col_5">
80 
-						<div class="col_5 fnDpstNm"></div>
82 
+						<div class="col_5 fnDpstNm">fasdf</div>
81 83 
 					  </div>
82 84 
 					</div>
83 85 
 				  </div>
84 
-				  <div class="left btn">
86 
+				  <div class="left btn_list">
85 87 
 					<div class="nomal">
86 
-					  <label class="col_0">입금정보&nbsp;:</label>
88 
+					  <label class="sub_info">입금정보</label>
89 
+					  <span>:</span>
87 90 
 					  <div class="history">
88 
-						<div class="fnRcvAcctNo"></div>
89 
-						<div class="fnDpstBnkNm"></div>
91 
+						<div class="fnRcvAcctNo">asdf</div>
92 
+						<div class="fnDpstBnkNm">asdf</div>
90 93 
 					  </div>
91 94 
 					</div>
92 95 
 				  </div>
93 
-				  <div class="left btn">
96 
+				  <div class="left btn_list">
94 97 
 					<div class="nomal">
95 
-					  <label class="col_0">처리결과&nbsp;:</label>
98 
+					  <label class="sub_info">처리결과</label>
99 
+					  <span>:</span>
96 100 
 					  <div class="history">
97 
-						<div class="fnDpstStNm"></div>
98 
-						<div class="fnDpstDt"></div>
101 
+						<div class="fnDpstStNm">asdf</div>
102 
+						<div class="fnDpstDt">fasdf</div>
99 103 
 					  </div>
100 104 
 					</div>
101 105 
 				  </div>
 
@@ -116,7 +120,7 @@
116 120 
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
117 121 
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_PAY_JS_URL" name="kicc_javascript_url" value="">
118 122 
 			<div class="content">
119 
-				<div class="line" style="height:100px;">
123 
+				<div class="line" style="height:140px;">
120 124 
 					<label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
121 125 
 				</div>
122 126 
 				<div class="list_line">
 
@@ -124,7 +128,7 @@
124 128 
 						<label>주문번호</label>
125 129 
 					</div>
126 130 
 					<div class="list_info">
127 
-						<div class="pay_info fnPoOrdNo"></div>
131 
+						<div class="pay_info fnPoOrdNo">asdf324234324</div>
128 132 
 					</div>
129 133 
 				</div>
130 134 
 				<div class="list_line">
 
@@ -132,7 +136,7 @@
132 136 
 						<label>구매자명</label>
133 137 
 					</div>
134 138 
 					<div class="list_info">
135 
-						<div class="pay_info fnOrdNm"></div>
139 
+						<div class="pay_info fnOrdNm">asdfa</div>
136 140 
 					</div>
137 141 
 				</div>
138 142 
 				<div class="list_line">
 
@@ -140,15 +144,15 @@
140 144 
 						<label>상품명</label>
141 145 
 					</div>
142 146 
 					<div class="list_info">
143 
-						<div class="pay_info fnGoodsNm"></div>
147 
+						<div class="pay_info fnGoodsNm">afsdfasdf</div>
144 148 
 					</div>
145 149 
 				</div>
146 150 
 				<div class="list_line">
147 151 
 					<div class="list_label">
148 152 
 						<label>결제금액 *</label>
149 153 
 					</div>
150 
-					<div class="list_info" style="padding-top:10px;">
151 
-						<div class="pay_info fnItemNm"></div>
154 
+					<div class="list_info" style="padding-top:4px;">
155 
+						<!-- <div class="pay_info fnItemNm"></div> -->
152 156 
 						<input id="ITP_FORM_MLOANMNG02010_PAY_GOODS_AMT" name="goodsAmt" value="100" type="text" readonly>
153 157 
 					</div>
154 158 
 				</div>
 
@@ -156,8 +160,8 @@
156 160 
 					<div class="list_label">
157 161 
 						<label>결제방법 *</label>
158 162 
 					</div>
159 
-					<div class="list_info mail" style="padding-top:10px;">
160 
-						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod">
163 
+					<div class="list_info mail" style="padding-top:4px;">
164 
+						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod" style="width:90%;">
161 165 
 							<option value="11">신용카드</option>
162 166 
 							<option value="21">계좌이체</option>
163 167 
 						</select>
 
@@ -167,7 +171,7 @@
167 171 
 					<div class="list_label">
168 172 
 						<label>휴대전화번호 *</label>
169 173 
 					</div>
170 
-					<div class="list_info" style="padding-top:10px;">
174 
+					<div class="list_info" style="padding-top:4px;">
171 175 
 						<input id="ITP_FORM_MLOANMNG02010_PAY_ORD_TEL" name="ordTel" value="010-2329-8816" type="text" data-check-required="empty" data-key-up="number">
172 176 
 					</div>
173 177 
 				</div>
 
@@ -175,7 +179,7 @@
175 179 
 					<div class="list_label border">
176 180 
 						<label>E-mail</label>
177 181 
 					</div>
178 
-					<div class="list_info mail" style="padding-top:10px;">
182 
+					<div class="list_info mail" style="padding-top:4px;">
179 183 
 						<input id="ITP_FORM_MLOANMNG02010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
180 184 
 						<input id="ITP_FORM_MLOANMNG02010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
181 185 
 						<span>@</span>
 
@@ -191,6 +195,12 @@
191 195 
 						<button id="ITP_BTN_MLOANMNG02010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
192 196 
 					</div>
193 197 
 				</div>
198 
+				<div class="line"></div>
199 
+				<div class="line"></div>
200 
+				<div class="line"></div>
201 
+				<div class="line"></div>
202 
+				<div class="line"></div>
203 
+				<div class="line"></div>
194 204 
 			</div>
195 205 
 		</form>
196 206 
 	</div>
 
@@ -199,7 +209,7 @@
199 209 
 		<div class="pop">
200 210 
 			<div class="header">
201 211 
 				<div class="header_left">
202 
-					<label>> 매장</label>
212 
+					<label>매장</label>
203 213 
 				</div>
204 214 
 				<div class="header_right">
205 215 
 					<button type="button" id="ITP_BTN_MLOANMNG02010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
 
@@ -213,13 +223,16 @@
213 223 
 					<button id="ITP_BTN_MLOANMNG02010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
214 224 
 				</form>
215 225 
 			</div>
226 
+			<div class="select_btn">
227 
+				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_blue">매 장 ▼</button>
228 
+			</div>
216 229 
 			<div id="ITP_LIST_MLOANMNG02010_POP_STORE_AREA" class="popup_scroll">
217 
-				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
218 
-				<div id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWCOPY" style="display:none;">
219 
-					<li class="list-row">
230 
+				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
231 
+				<div id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWCOPY" style="display: block;">
232 
+					<li class="row_2">
220 233 
 						<div class="scroll_left">
221 
-							<div class="fnStoreNm"></div>
222 
-							<div class="fnStoreStNm"></div>
234 
+							<div class="con_2 fnStoreNm"></div>
235 
+							<div class="con_2 sub fnStoreStNm"></div>
223 236 
 						</div>
224 237 
 						<div class="scroll_right">
225 238 
 							<button id="ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
 
@@ -236,13 +249,13 @@
236 249 
 			<div class="pop">
237 250 
 				<div class="header">
238 251 
 					<div class="header_left">
239 
-						<label>> 입금등록</label>
252 
+						<label>입금등록</label>
240 253 
 					</div>
241 254 
 					<div class="header_right">
242 255 
 						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_REQ_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
243 256 
 					</div>
244 257 
 				</div>
245 
-				<div class="content">
258 
+				<div class="content" style="border:none;">
246 259 
 					<div class="line">
247 260 
 						<label>브랜드명</label>
248 261 
 						<div class="search_wrap itp_ip">
 
@@ -264,7 +277,7 @@
264 277 
 					<div class="line">
265 278 
 						<label>입금일자</label>
266 279 
 						<div class="search_wrap itp_ip">
267 
-							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" data-check-required="empty" type="date" style="width: 178px;">
280 
+							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" data-check-required="empty" type="date">
268 281 
 						</div>
269 282 
 					</div>
270 283 
 					<div class="line itp_ip">
 
@@ -276,7 +289,7 @@
276 289 
 					<div class="line">
277 290 
 						<label>입금은행</label>
278 291 
 						<div class="search_wrap itp_ip">
279 
-							<select name="dpstBnkCd" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" data-select-code="BNK_CD" data-check-required="empty" style="width: 178px;">
292 
+							<select name="dpstBnkCd" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" data-select-code="BNK_CD" data-check-required="empty" >
280 293 
 								<option value="">은행코드 선택</option>
281 294 
 							</select>
282 295 
 						</div>
 
@@ -295,59 +308,59 @@
295 308 
 			</div>
296 309 
 		</form>
297 310 
 	</div>
298 
-	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup3 mobile-pop-close" style="display: none;">
311 
+	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup2 mobile-pop-close" style="display: none;">
299 312 
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT" class="form-horizontal" onsubmit="return false;">
300 313 
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_BRAND_ID" name="sbrandId" value="">
301 314 
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_STORE_ID" name="sstoreId" value="">
302 315 
 		<div class="pop">
303 316 
 			<div class="header">
304 317 
 				<div class="header_left">
305 
-					<label>> 입금요청반려</label>
318 
+					<label>입금요청반려</label>
306 319 
 				</div>
307 320 
 				<div class="header_right">
308 321 
 					<button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
309 322 
 				</div>
310 323 
 			</div>
311 
-			<div class="content">
324 
+			<div class="content" style="border:none;">
312 325 
 				<div class="line">
313 326 
 					<label>브랜드명</label>
314 
-					<div class="float_left">
327 
+					<div class="pop_right">
315 328 
 						<div class="fnBrandNm"></div>
316 329 
 					</div>
317 330 
 				</div>
318 331 
 				<div class="line">
319 332 
 					<label>매장명</label>
320 
-					<div class="float_left">
333 
+					<div class="pop_right">
321 334 
 						<div class="fnStoreNm"></div>
322 335 
 					</div>
323 336 
 				</div>
324 337 
 				<div class="line">
325 338 
 					<label>입금금액</label>
326 
-					<div class="float_left">
339 
+					<div class="pop_right">
327 340 
 						<div class="fnDpstAmt"></div>
328 341 
 					</div>
329 342 
 				</div>
330 343 
 				<div class="line">
331 344 
 					<label>입금일자</label>
332 
-					<div class="float_left">
345 
+					<div class="pop_right">
333 346 
 						<div class="fnDpstDt"></div>
334 347 
 					</div>
335 348 
 				</div>
336 349 
 				<div class="line">
337 350 
 					<label>입금자명</label>
338 
-					<div class="float_left">
351 
+					<div class="pop_right">
339 352 
 						<div class="fnDpstNm"></div>
340 353 
 					</div>
341 354 
 				</div>
342 355 
 				<div class="line">
343 356 
 					<label>입금은행</label>
344 
-					<div class="float_left">
345 
-						<div class="fnDpstBnk"></div>
357 
+					<div class="pop_right">
358 
+						<div class="fnDpstBnk">></div>
346 359 
 					</div>
347 360 
 				</div>
348 361 
 				<div class="line">
349 362 
 					<label>입금계좌번호</label>
350 
-					<div class="float_left">
363 
+					<div class="pop_right">
351 364 
 						<div class="fnDpstAcctNo"></div>
352 365 
 					</div>
353 366 
 				</div>

+ 88 - 67
src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html
View File 

@@ -4,17 +4,20 @@
4 4 
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5 5 
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6 6 
 		  <div class="content">
7 
+		  <div class="line header">
8 
+				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
9 
+	      	</div>
7 10 
 			<div class="line">
8 
-			  <label>매장선택</label>
9 
-				<div class="search_wrap">
10 
-					<div class="float_left">
11 
-						<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
12 
-					</div>
13 
-					<div class="float_left_btn">
11 
+			    <label>매장선택</label>
12 
+				<div class="float_left">
13 
+					<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
14 
+					<div class="itp_input_btn">
14 15 
 						<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
15 
-						<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
16 16 
 					</div>
17 17 
 				</div>
18 
+				<div class="float_right_btn">
19 
+					<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
20 
+				</div>
18 21 
 			</div>
19 22 
 		   <!--  <div class="line">
20 23 
 			  <label>정산상태</label>
 
@@ -38,20 +41,21 @@
38 41 
 			  </div>
39 42 
 			</div>
40 43 
 			<div class="table_header">
41 
-			  <h1>> 정산 내역</h1>
44 
+			  <h1><정산 내역></h1>
42 45 
 			</div>
43 46 
 		  </div>
44 
-			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-1">
45 
-			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="panel-group"></ul>
46 
-			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: none;">
47 
-				<li class="history_list4 list-row">
47 
+			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-0">
48 
+			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
49 
+			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
50 
+				<li class="history_list4" style="padding-top:3px;">
48 51 
 				  <div class="left">
49 52 
 					<div class="nomal">
50 
-					  <label class="history_label">매장명 &nbsp;:</label>
53 
+					  <label class="history_label">매장명</label>
54 
+					  <span>:</span>
51 55 
 					  <div class="history">
52 56 
 						<div class="fnStoreNm"></div>
53 57 
 					  </div>
54 
-					  <label class="history_label">정산타입&nbsp;:</label>
58 
+					  <label class="sub_info">정산타입&nbsp;:</label>
55 59 
 					  <div class="history">
56 60 
 						<div class="fnLoanDvsnNm"></div>
57 61 
 					  </div>
 
@@ -59,11 +63,12 @@
59 63 
 				  </div>
60 64 
 				  <div class="left">
61 65 
 					<div class="nomal">
62 
-					  <label class="history_label">정산번호 &nbsp;:</label>
66 
+					  <label class="history_label">정산번호 </label>
67 
+					  <span>:</span>
63 68 
 					  <div class="history">
64 69 
 						<div class="fnSttlMgntUnqNo"></div>
65 70 
 					  </div>
66 
-					  <label class="history_label">정산상태&nbsp;:</label>
71 
+					  <label class="sub_info">정산상태&nbsp;:</label>
67 72 
 					  <div class="history">
68 73 
 						<div class="fnSttlStNm"></div>
69 74 
 					  </div>
 
@@ -71,11 +76,12 @@
71 76 
 				  </div>
72 77 
 				  <div class="left">
73 78 
 					<div class="nomal">
74 
-					  <label class="history_label">정산요청일 &nbsp;:</label>
79 
+					  <label class="history_label">정산요청일 </label>
80 
+					  <span>:</span>
75 81 
 					  <div class="history">
76 82 
 						<div class="fnSttlReqDt"></div>
77 83 
 					  </div>
78 
-					  <label class="history_label">정산금액&nbsp;:</label>
84 
+					  <label class="sub_info">정산금액&nbsp;:</label>
79 85 
 					  <div class="history">
80 86 
 						<div class="fnSttlAmt"></div>
81 87 
 					  </div>
 
@@ -83,11 +89,12 @@
83 89 
 				  </div>
84 90 
 					<div class="left">
85 91 
 						<div class="nomal">
86 
-							<label class="history_label">정산확정일 &nbsp;:</label>
92 
+							<label class="history_label">정산확정일 </label>
93 
+							<span>:</span>
87 94 
 							<div class="history">
88 95 
 								<div class="fnSttlDt"></div>
89 96 
 							</div>
90 
-							<label class="history_label">미납금액&nbsp;:</label>
97 
+							<label class="sub_info">미납금액&nbsp;:</label>
91 98 
 							<div class="history">
92 99 
 								<div class="fnUnpaidAmt"></div>
93 100 
 							</div>
 
@@ -95,13 +102,13 @@
95 102 
 					</div>
96 103 
 					<div class="left">
97 104 
 						<div class="nomal">
98 
-							<label class="history_label">사용가능한도 &nbsp;:</label>
105 
+							<label class="history_label">사용가능한도</label>
106 
+							<span>:</span>
99 107 
 							<div class="history">
100 108 
 								<div class="fnUseAmtTotal"></div>
101 109 
 							</div>
102 110 
 							<label class="history_label"></label>
103 
-							<div class="history">
104 
-							</div>
111 
+							<div class="history"></div>
105 112 
 						</div>
106 113 
 					</div>
107 114 
 				</li>
 
@@ -120,100 +127,105 @@
120 127 
 		  <div class="content">
121 128 
 			<div class="line">
122 129 
 			  <label>매장명</label>
123 
-			  <div class="search_wrap">
130 
+			  <div class="line_right">
124 131 
 			  	<div class="fnStoreNm">a 매장명</div>
125 132 
 			  </div>
126 133 
 			</div>
127 134 
 			<div class="line">
128 
-			  <label class="col_6">정산일자</label>
129 
-			  <div class="search_wrap">
135 
+			  <label>정산일자</label>
136 
+			  <div class="line_right">
130 137 
 			  	<div class="fnSttlDt">2022.10.10</div>
131 138 
 			  </div>
132 139 
 			</div>
133 140 
 			<div class="line">
134 141 
 			  <label>정산상태</label>
135 
-			  <div class="search_wrap">
142 
+			  <div class="line_right">
136 143 
   			  	<div class="fnSttlStCd">정산요청</div>
137 144 
 			  </div>
138 145 
 			</div>
139 146 
 			<div class="line">
140 147 
 			  <label>정산금액</label>
141 
-			  <div class="search_wrap">
148 
+			  <div class="line_right">
142 149 
 			  	<div class="fnSttlAmt">2,000,000원</div>
143 150 
 			  </div>
144 151 
 			</div>
145 152 
 			<div class="line">
146 153 
 			  <label>잔액</label>
147 
-			  <div class="search_wrap">
154 
+			  <div class="line_right">
148 155 
 			  	<div class="fnBal">1,000,000원</div>
149 156 
 			  </div>
150 157 
 			</div>
151 158 
 			<div class="line">
152 159 
 			  <label>정산등록일자</label>
153 
-			  <div class="search_wrap">
160 
+			  <div class="line_right">
154 161 
 			  	<div class="fnSttlRegDt">2022.10.10</div>
155 162 
 			  </div>
156 163 
 			</div>
157 164 
 			<div class="table_header">
158 
-			  <h1>> 정산 상세 내역</h1>
165 
+			  <h1><정산 상세 내역></h1>
159 166 
 			</div>
160 167 
 		  </div>
161 
-		  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_AREA" class="scroll_area row-4">
162 
-			  <ul id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWS" class="panel-group"></ul>
163 
-			  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWCOPY" style="display: none;">
168 
+		  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_AREA" class="scroll_area row-5-1">
169 
+			  <ul id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
170 
+			  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWCOPY" style="display: block;">
164 171 
 				<li class="history_list2 list-row">
165 172 
 				  <div>
166 173 
 					<div class="left">
167 174 
 					  <div class="nomal">
168 
-						<label class="col_0">품목아이디 &nbsp;:</label>
175 
+						<label>품목아이디 </label>
176 
+						<span>:</span>
169 177 
 						<div class="space2">
170 
-						  <div class="fnItemId"></div>
178 
+						  <div class="fnItemId">asdfasdfassd</div>
171 179 
 						</div>
172 
-						<label class="col_0">품목명&nbsp;:</label>
180 
+						<label class="sub_info">품목명&nbsp;:</label>
173 181 
 						<div class="space2">
174 
-						  <div class="fnItemNm"></div>
182 
+						  <div class="fnItemNm">fasdfasdfad</div>
175 183 
 						</div>
176 184 
 					  </div>
177 185 
 					</div>
178 186 
 					<div class="left">
179 187 
 					  <div class="nomal">
180 
-						<label class="col_0">단가 &nbsp;:</label>
188 
+						<label>단가</label>
189 
+						<span>:</span>
181 190 
 						<div class="space2">
182 
-						  <div class="fnUnitAmt"></div>
191 
+						  <div class="fnUnitAmt">52525525</div>
183 192 
 						</div>
184 
-						<label class="col_0">단위&nbsp;:</label>
193 
+						<label class="sub_info">단위&nbsp;:</label>
185 194 
 						<div class="space2">
186 
-						  <div class="fnUnit"></div>
195 
+						  <div class="fnUnit">25252asd</div>
187 196 
 						</div>
188 197 
 					  </div>
189 198 
 					</div>
190 199 
 					<div class="left">
191 200 
 					  <div class="nomal">
192 
-						<label class="col_0">발주(납품)수량 &nbsp;:</label>
193 
-						<div style="min-width:0px;">
194 
-						  <div class="fnPodrQyt" style="min-width:0px;"></div>
201 
+						<label>발주(납품)수량</label>
202 
+						<span>:</span>
203 
+						<div>
204 
+						  <div class="fnPodrQyt">1212</div>
195 205 
 						</div>
196 
-						<label class="col_0">입고(수거)일자&nbsp;:</label>
206 
+						<label class="sub_info">입고(수거)일자&nbsp;:</label>
197 207 
 						<div>
198 
-						  <div class="fnWhsColDt"></div>
208 
+						  <div class="fnWhsColDt">2022.20.20</div>
199 209 
 						</div>
200 210 
 					  </div>
201 211 
 					</div>
202 212 
 					<div class="left">
203 213 
 					  <div class="nomal">
204 
-						<label class="col_0">입고(수거)수량 &nbsp;:</label>
205 
-						<div style="min-width:0px;">
206 
-						  <div class="fnWhsColQty" style="min-width:0px;" ></div>
214 
+						<label>입고(수거)수량</label>
215 
+						<span>:</span>
216 
+						<div>
217 
+						  <div class="fnWhsColQty">1212</div>
207 218 
 						</div>
208 
-						<label class="col_0">입고(수거)금액&nbsp;:</label>
219 
+						<label class="sub_info">입고(수거)금액&nbsp;:</label>
209 220 
 						<div class="fn">
210 
-						  <div class="fnWhsColAmt"></div>
221 
+						  <div class="fnWhsColAmt">2020.10.10</div>
211 222 
 						</div>
212 223 
 					  </div>
213 224 
 					</div>
214 225 
 					<div class="left">
215 226 
 					  <div class="nomal">
216 
-						<label class="col_0">정산구분 &nbsp;:</label>
227 
+						<label class="">정산구분</label>
228 
+						<span>:</span>
217 229 
 						<div class="space2">
218 230 
 						  <div class="fnSttlDvsnNm"></div>
219 231 
 						</div>
 
@@ -228,7 +240,7 @@
228 240 
 			<button id="ITP_BTN_MLOANMNG03010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>
229 241 
 		</div>
230 242 
 	</div>
231 
-	<div id="ITP_AJAX_MLOANMNG03010_PAY_CONTAINER" style="display: none;">
243 
+	<div id="ITP_AJAX_MLOANMNG03010_PAY_CONTAINER" style="display: block;">
232 244 
 		<form id="ITP_FORM_MLOANMNG03010_PAY" class="form-horizontal" onsubmit="return false;">
233 245 
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_BRAND_ID" name="brandId" value="">
234 246 
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_STORE_ID" name="storeId" value="">
 
@@ -239,7 +251,7 @@
239 251 
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
240 252 
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_JS_URL" name="kicc_javascript_url" value="">
241 253 
 			<div class="content">
242 
-				<div class="line" style="height:100px;">
254 
+				<div class="line" style="height:140px;">
243 255 
 					<label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
244 256 
 				</div>
245 257 
 				<div class="list_line">
 
@@ -270,7 +282,7 @@
270 282 
 					<div class="list_label">
271 283 
 						<label>결제금액 *</label>
272 284 
 					</div>
273 
-					<div class="list_info" style="padding-top:10px;">
285 
+					<div class="list_info" style="padding-top:4px;">
274 286 
 						<div class="pay_info fnItemNm"></div>
275 287 
 						<input id="ITP_FORM_MLOANMNG03010_PAY_GOODS_AMT" name="goodsAmt" type="text" readonly>
276 288 
 					</div>
 
@@ -279,8 +291,8 @@
279 291 
 					<div class="list_label">
280 292 
 						<label>결제방법 *</label>
281 293 
 					</div>
282 
-					<div class="list_info mail" style="padding-top:10px;">
283 
-						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod">
294 
+					<div class="list_info mail" style="padding-top:4px;">
295 
+						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod" style="width:90%;">
284 296 
 							<option value="11">신용카드</option>
285 297 
 							<option value="21">계좌이체</option>
286 298 
 						</select>
 
@@ -290,7 +302,7 @@
290 302 
 					<div class="list_label">
291 303 
 						<label>휴대전화번호 *</label>
292 304 
 					</div>
293 
-					<div class="list_info" style="padding-top:10px;">
305 
+					<div class="list_info" style="padding-top:4px;">
294 306 
 						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_TEL" name="ordTel" type="text" data-check-required="empty">
295 307 
 					</div>
296 308 
 				</div>
 
@@ -298,7 +310,7 @@
298 310 
 					<div class="list_label border">
299 311 
 						<label>E-mail</label>
300 312 
 					</div>
301 
-					<div class="list_info mail" style="padding-top:10px;">
313 
+					<div class="list_info mail" style="padding-top:4px;">
302 314 
 						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
303 315 
 						<input id="ITP_FORM_MLOANMNG03010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
304 316 
 						<span>@</span>
 
@@ -314,15 +326,21 @@
314 326 
 						<button id="ITP_BTN_MLOANMNG03010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
315 327 
 					</div>
316 328 
 				</div>
329 
+				<div class="line"></div>
330 
+				<div class="line"></div>
331 
+				<div class="line"></div>
332 
+				<div class="line"></div>
333 
+				<div class="line"></div>
334 
+				<div class="line"></div>
317 335 
 			</div>
318 336 
 		</form>
319 337 
 	</div>
320 338 
 	<div id="ITP_MOBILE_JS"></div>
321 
-	<div id="ITP_POP_MLOANMNG03010_STORE_AREA" class="popup2 mobile-pop-close" style="display: none;">
339 
+	<div id="ITP_POP_MLOANMNG03010_STORE_AREA" class="popup2 mobile-pop-close" style="display: block;">
322 340 
 		<div class="pop">
323 341 
 			<div class="header">
324 342 
 				<div class="header_left">
325 
-					<label>> 매장</label>
343 
+					<label>매장</label>
326 344 
 				</div>
327 345 
 				<div class="header_right">
328 346 
 					<button type="button" id="ITP_BTN_MLOANMNG03010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
 
@@ -336,13 +354,16 @@
336 354 
 					<button id="ITP_BTN_MLOANMNG03010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
337 355 
 				</form>
338 356 
 			</div>
357 
+			<div class="select_btn">
358 
+				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_blue">매 장 ▼</button>
359 
+			</div>
339 360 
 			<div id="ITP_LIST_MLOANMNG03010_POP_STORE_AREA" class="popup_scroll">
340 
-				<ul id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
341 
-				<div id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWCOPY" style="display:none;">
342 
-					<li class="list-row">
361 
+				<ul id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
362 
+				<div id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWCOPY" style="display: block;">
363 
+					<li class="row_2">
343 364 
 						<div class="scroll_left">
344 
-							<div class="fnStoreNm"></div>
345 
-							<div class="fnStoreStNm"></div>
365 
+							<div class="con_2 fnStoreNm"></div>
366 
+							<div class="con_2 sub fnStoreStNm"></div>
346 367 
 						</div>
347 368 
 						<div class="scroll_right">
348 369 
 							<button id="ITP_BTN_MLOANMNG03010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>

+ 30 - 19
src/main/webapp/mobile/css/style.css
View File 

@@ -81,7 +81,7 @@ section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height:
81 81 
 section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:24px; height:38px;}
82 82 
 section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:30px;}
83 83 
 section .popup2 .pop .popup_scroll li .add button{float: right; width: 60px; height: 55px; margin: 12px 9px; border-radius: 10px; font-size: 1rem; background: rgb(198, 170, 250);}
84 
-section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 1rem; padding: 0; margin: 0 10px;}
84 
+section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 14px; font-weight:100; padding-top: 7px; margin: 0 10px;}
85 85 
 section .popup2	.list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
86 86 
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
87 87 
 section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
 
@@ -201,10 +201,10 @@ body.eee {height: 700px; background: #eee;}
201 201 
 .main .wicon .icon_left {float: left;}
202 202
203 203
204 
-input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 10px;}
204 
+input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px;text-align: left; padding:0 10px;}
205 205 
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
206 206
207 
-select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
207 
+select {border: 1px solid #aaa; border-radius:5px; height: 35px; font-size: 12px; text-align: left; padding:0 15px;}
208 208 
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
209 209
210 210 
 /* 공통화면 */
 
@@ -282,11 +282,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
282 282 
 .content {position:fixed; z-index: 10; padding-top: 10px; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
283 283 
 .content .header {width:100% !important; height:55px !important; margin:0 !important;}
284 284 
 .content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
285 
-.content .line div {font-weight: 700;}
285 
+.content .line .pop_right {width:50%; height:46px; float:right;}
286 
+.content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
287 
+.content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
288 
+.content .line .search_wrap select {float:right; width:50%; margin-right:10px;}
286 289 
 .content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
287 290 
 .content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
288 
-.content .line label {min-width:110px; color:#666; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
289 
-.content .line label.pay_label {margin:38px 1%; width:98%;}
291 
+.content .line label {min-width:92px; color:#666; font-size: 16px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
292 
+.content .line label.pay_label {margin:20px 1%; width:98%;}
290 293 
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
291 294 
 .content .line .itp_label_select {padding:0;width:116px; color:#666; font-size: 18px; float: left; margin-top: 5px; margin-right:4px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
292 295 
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
 
@@ -295,14 +298,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
295 298 
 .content .line .float_left button img {width:22px;}
296 299 
 .content .line .float_left input {width:100%; font-size:14px;}
297 300 
 .content .line .float_left.note {width: 100%; padding: 10px;}
298 
-.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #000; text-align: left;}
301 
+.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
299 302 
 .content .line .float_left div {font-size: 1rem; margin-top: 8px;}
300 303 
 .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:50%;}
301 304 
 .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
302 305 
 .content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
303 306 
 .content .line .float_right_btn button img {width:20px; height:20px;}
304 
-.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;;}
305 
-.content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:50%}
307 
+.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
308 
+.content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:65%}
306 309 
 .content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
307 310 
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
308 311 
 .content .line .line_right input.m9 {margin-right:93px;}
 
@@ -318,15 +321,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
318 321 
 .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:12px; float: right;}
319 322 
 .content .line .search {width: 100%; height: 50px; padding-top:8px;}
320 323 
 .content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
321 
-.content .line .search button.col_3 {width: 25%; margin:0 12px;}
324 
+.content .line .search button.col_3 {width: 25%; margin:0 10px;}
322 325 
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
323 326 
 .content .border {border-bottom: 1px solid #000 !important;}
324 327 
 .content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
325 
-.content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:17px; border-left:none; border-bottom:none;}
328 
+.content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:15px; border-left:none; border-bottom:none;}
329 
+
326 330 
 .content .list_line .list_info input{width:90%;}
331 
+
327 332 
 .content .list_line .mail input {width:30%;}
328 
-.content .list_line .mail select {width:30%;}
329 
-.content .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
333 
+.content .list_line .mail select {width:30%; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
334 
+.content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
330 335 
 .content .table_header {margin-top: 10px; width: 100%; height: 45px;}
331 336 
 .content .table_header h1 {margin-left: 12px; font-size: 16px; float: left; color: #000; font-weight: 700;}
332 337 
 .content .table_header button {float: right; width: 80px; height:30px; font-size: 12px; font-weight: 100; padding:0px; margin: 8px; border-radius:15px;}
 
@@ -373,6 +378,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
373 378
374 379 
 /* scroll_area 조정 */
375 380 
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
381 
+.row-0{top: 302px;}
376 382 
 .row-1{top: 347px;}
377 383 
 .row-1-1{top:363px;}
378 384 
 .row-2{top: 345px;}
 
@@ -382,11 +388,13 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
382 388 
 .row-4{top: 435px;}
383 389 
 .row-4-1 {top: 400px;}
384 390 
 .row-5{top: 418px;}
385 
-.row-6{top: 465px;}
391 
+.row-5-1{top: 391px;}
392 
+.row-6{top: 621px;}
386 393 
 .row-7{top: 533px;}
387 394 
 .row-9{top: 383px;}
388 395 
 .row-10{top: 349px;}
389 396 
 .row-11{top: 309px;}
397 
+
390 398 
 .col-4{width:35% !important;}
391 399 
 .col-6{width:60% !important;}
392 400 
 .col-4 .thick{width:100% !important;}
 
@@ -416,7 +424,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
416 424
417 425
418 426 
 .scroll_area li.history_list4 .button_right {float: right; display: grid;}
419 
-.scroll_area li.history_list4 .button_right button {width: 65px; height: 75px; font-size: 1rem; margin: 0; border-radius: 0;}
427 
+.scroll_area li.history_list4 .button_right button {width: 65px; height: 74px; font-size: 15px; font-weight:100; margin: 0; border-radius: 0;}
420 428
421 429 
 .scroll_area li.history_list1 {height: 230px;}
422 430 
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
 
@@ -428,7 +436,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
428 436 
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
429 437 
 .scroll_area li .history_info {width: auto;}
430 438 
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
431 
-.scroll_area li .btn {width:calc(100% - 65px); padding-top:12px;}
439 
+.scroll_area li .btn_list {width:calc(100% - 65px); height:35px; padding-top:12px;}
432 440 
 .scroll_area li .left div {display: inline-block;}
433 441 
 .scroll_area li .left label{font-size: 1.1rem;}
434 442 
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
 
@@ -456,16 +464,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
456 464
457 465 
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
458 466 
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
459 
-.scroll_area li .left .nomal span {margin:0 5px;}
467 
+.scroll_area li .left .nomal span {margin:0 5px; font-size:16px; font-weight:700;}
460 468
461 469 
 .scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
462 470 
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
463 471 
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
464 472
465 473 
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:90px; text-align:left;}
466 
-.scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
474 
+.scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
467 475
468 476 
 .scroll_area li .left .nomal label.col_2{width: 95px;}
477 
+
469 478 
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
470 479 
 .scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
471 480 
 .scroll_area li .left .nomal .col_5{min-width:50px;}
 
@@ -508,7 +517,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
508 517
509 518 
 @media screen and (min-width: 550px) {
510 519 
 	.content .line input.date {width: 70%;}
511 
-	.content .line .line_right {width:70%}
520 
+	.content .line .line_right {width:80%}
512 521 
 	.content .line .float_left .itp_input_btn {width:70%;}
513 522 
 	.content .line .float_left {width:70%;}
514 523 
 	.content .line div.date_to {width:70%;}
 
@@ -516,6 +525,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
516 525 
 	.content .line .float_left.name {width:76%;}
517 526 
 	.modal-dialog {margin:auto 20% !important;}
518 527 
 	.scroll_area li .left_info .thick {width: 90%;}
528 
+	.content .line .search_wrap input {width:78%;}
529 
+	.content .line .search_wrap select {width:78%;}
519 530 
 }
520 531 
 @media screen and (max-height: 720px) {
521 532 
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}