홈 탐색 도움말
가입하기 로그인
orderqueen
/
oqpo-view
Watch 3
Star 0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
소스 검색

모바일 디자인 적용

juney 2 년 전
부모
93c611b840 19fb102e24
커밋
ddd1cc1a4a
2개의 변경된 파일과 128개의 추가작업 그리고 116개의 파일을 삭제
분할 보기 변경상태 보기
  1. 111 103
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html
  2. 17 13
      src/main/webapp/mobile/css/style.css

+ 111 - 103
src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html
파일 보기 

@@ -1,50 +1,52 @@
1 1 
 <section id="ITP_MOBILE_MRTNMNG02010">
2 2 
 	<div id="ITP_AJAX_MRTNMNG02010_LIST_CONTAINER" style="display: none;">
3 3 
 		<div class="content">
4 
-			<form id="ITP_FORM_MRTNMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
5 
-				<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
6 
-				<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
7 
-			  	<div class="line header">
8 
-					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청현황</div>
9 
-		      	</div>
10 
-				<div class="line mt5">
11 
-					<label>반품요청일</label>
12 
-					<div class="input-group date_to date">
13 
-						<input type="text" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
14 
-						<div class="at">~</div>
15 
-						<input type="text" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
4 
+			<div class="content_fix">
5 
+				<form id="ITP_FORM_MRTNMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
6 
+					<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
7 
+					<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
8 
+				  	<div class="line header">
9 
+						<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청현황</div>
10 
+			      	</div>
11 
+					<div class="line mt5">
12 
+						<label>반품요청일</label>
13 
+						<div class="input-group date_to date">
14 
+							<input type="text" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
15 
+							<div class="at">~</div>
16 
+							<input type="text" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
17 
+						</div>
16 18 
 					</div>
17 
-				</div>
18 
-				<div class="line">
19 
-					<label>반품요청상태</label>
20 
-					<div class="float_left">
21 
-						<select id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_RTN_REQ_ST_CD" data-select-code="RTN_REQ_ST_CD" class="stcd" name="srtnReqStCd">
22 
-							<option value="">상태</option>
23 
-						</select>
19 
+					<div class="line">
20 
+						<label>반품요청상태</label>
21 
+						<div class="float_left">
22 
+							<select id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_RTN_REQ_ST_CD" data-select-code="RTN_REQ_ST_CD" class="stcd" name="srtnReqStCd">
23 
+								<option value="">상태</option>
24 
+							</select>
25 
+						</div>
24 26 
 					</div>
25 
-				</div>
26 
-				<div class="line">
27 
-					<label>납품장소</label>
28 
-					<div class="float_left">
29 
-						<input id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" type="text" placeholder="납품창고" readonly>
30 
-						<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" value="">
31 
-						<div class="itp_input_btn">
32 
-							<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
27 
+					<div class="line">
28 
+						<label>납품장소</label>
29 
+						<div class="float_left">
30 
+							<input id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" type="text" placeholder="납품창고" readonly>
31 
+							<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" value="">
32 
+							<div class="itp_input_btn">
33 
+								<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
34 
+							</div>
35 
+						</div>
36 
+						<div class="float_right_btn">
37 
+							<button id="ITP_BTN_MRTNMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
33 38 
 						</div>
34 39 
 					</div>
35 
-					<div class="float_right_btn">
36 
-						<button id="ITP_BTN_MRTNMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
40 
+					<div class="line">
41 
+						<div class="search">
42 
+							<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
43 
+						</div>
37 44 
 					</div>
38 
-				</div>
39 
-				<div class="line">
40 
-					<div class="search">
41 
-						<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
45 
+					<div class="table_header">
46 
+						<h1><반품 요청 내역></h1>
42 47 
 					</div>
43 
-				</div>
44 
-				<div class="table_header">
45 
-					<h1><반품 요청 내역></h1>
46 
-				</div>
47 
-			</form>
48 
+				</form>
49 
+			</div>
48 50 
 		</div>
49 51 
 		<div id="ITP_LIST_MRTNMNG02010_LIST_AREA" class="scroll_area row-8">
50 52 
 			<ul id="ITP_LIST_MRTNMNG02010_LIST_ROWS" class="mb_0 panel-group"></ul>
 
@@ -84,47 +86,49 @@
84 86 
 	</div>
85 87 
 	<div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
86 88 
 		<div class="content">
87 
-			<div class="line header">
88 
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청현황</div>
89 
-	      	</div>
90 
-			<div class="line">
91 
-				<label>반품요청일</label>
92 
-				<div class="line_right">
93 
-					<div class="fnRtnReqDt">2022.10.10</div>
89 
+			<div class="content_fix">
90 
+				<div class="line header">
91 
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청현황</div>
92 
+		      	</div>
93 
+				<div class="line">
94 
+					<label>반품요청일</label>
95 
+					<div class="line_right">
96 
+						<div class="fnRtnReqDt">2022.10.10</div>
97 
+					</div>
94 98 
 				</div>
95 
-			</div>
96 
-			<div class="line">
97 
-				<label>반품요청금액</label>
98 
-				<div class="line_right">
99 
-					<div class="fnRtnReqAmt">1,000,000</div>
99 
+				<div class="line">
100 
+					<label>반품요청금액</label>
101 
+					<div class="line_right">
102 
+						<div class="fnRtnReqAmt">1,000,000</div>
103 
+					</div>
100 104 
 				</div>
101 
-			</div>
102 
-			<div class="line">
103 
-				<label>반품장소</label>
104 
-				<div class="line_right">
105 
-					<div class="fnRtnWhsNm">누리 테스트 창고이름 어쩌고</div>
105 
+				<div class="line">
106 
+					<label>반품장소</label>
107 
+					<div class="line_right">
108 
+						<div class="fnRtnWhsNm">누리 테스트 창고이름 어쩌고</div>
109 
+					</div>
106 110 
 				</div>
107 
-			</div>
108 
-			<div class="line">
109 
-				<label>반려일자</label>
110 
-				<div class="line_right">
111 
-					<div class="fnRjctDt">2022.20.10</div>
111 
+				<div class="line">
112 
+					<label>반려일자</label>
113 
+					<div class="line_right">
114 
+						<div class="fnRjctDt">2022.20.10</div>
115 
+					</div>
112 116 
 				</div>
113 
-			</div>
114 
-			<div class="line">
115 
-				<label>반려담당자</label>
116 
-				<div class="line_right">
117 
-					<div class="fnRjctMgrNm">홍길동</div>
117 
+				<div class="line">
118 
+					<label>반려담당자</label>
119 
+					<div class="line_right">
120 
+						<div class="fnRjctMgrNm">홍길동</div>
121 
+					</div>
118 122 
 				</div>
119 
-			</div>
120 
-			<div class="line">
121 
-				<label>반려사유</label>
122 
-				<div class="line_right">
123 
-					<div class="fnRjctRsn">물이 새고 색이 마음에 안들고</div>
123 
+				<div class="line">
124 
+					<label>반려사유</label>
125 
+					<div class="line_right">
126 
+						<div class="fnRjctRsn">물이 새고 색이 마음에 안들고</div>
127 
+					</div>
128 
+				</div>
129 
+				<div class="table_header">
130 
+					<h1><반품 품목></h1>
124 131 
 				</div>
125 
-			</div>
126 
-			<div class="table_header">
127 
-				<h1><반품 품목></h1>
128 132 
 			</div>
129 133 
 		</div>
130 134 
 		<div id="ITP_LIST_MRTNMNG02010_DETAIL_AREA" class="scroll_area row-7">
 
@@ -163,38 +167,42 @@
163 167 
 			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_RTN_REQ_MGR_ID" name="rtnReqMgrId" value="">
164 168 
 			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_RTN_REQ_ST_CD" name="rtnReqStCd" value="">
165 169 
 			<div class="content">
166 
-				<div class="line header">
167 
-					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청현황</div>
168 
-		      	</div>
169 
-				<div class="line">
170 
-					<label>반품요청일</label>
171 
-					<input type="text" id="ITP_FORM_MRTNMNG02010_MODIFY_COL_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="수거요청일">
172 
-				</div>
173 
-				<div class="line">
174 
-					<label>반품요청금액</label>
175 
-					<div class="input_text">
176 
-						<div class="fnRtnReqAmt">1,000,000원</div>
170 
+				<div class="content_fix">
171 
+					<div class="line header">
172 
+						<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청현황</div>
173 
+			      	</div>
174 
+					<div class="line">
175 
+						<label>반품요청일</label>
176 
+						<input type="text" id="ITP_FORM_MRTNMNG02010_MODIFY_COL_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="수거요청일">
177 177 
 					</div>
178 
-				</div>
179 
-				<div class="line">
180 
-					<label>반품장소</label>
181 
-					<div class="float_left">
182 
-						<input type="text" id="ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="반품장소" placeholder="매장명" readonly />
183 
-						<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
184 
-						<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_LOCATION" class="form-control itp_input" name="rtnLocation" value="" />
185 
-						<div class="itp_input_btn">
186 
-							<button id="ITP_BTN_MRTNMNG02010_MODIFY_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
178 
+					<div class="line">
179 
+						<label>반품요청금액</label>
180 
+						<div class="float_left">
181 
+							<div class="input_text">
182 
+								<div class="fnRtnReqAmt">1,000,000원</div>
183 
+							</div>
184 
+						</div>
185 
+					</div>
186 
+					<div class="line">
187 
+						<label>반품장소</label>
188 
+						<div class="float_left">
189 
+							<input type="text" id="ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="반품장소" placeholder="매장명" readonly />
190 
+							<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
191 
+							<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_LOCATION" class="form-control itp_input" name="rtnLocation" value="" />
192 
+							<div class="itp_input_btn">
193 
+								<button id="ITP_BTN_MRTNMNG02010_MODIFY_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
194 
+							</div>
195 
+						</div>
196 
+						<div class="float_right_btn">
197 
+							<button id="ITP_BTN_MRTNMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
187 198 
 						</div>
188 199 
 					</div>
189 
-					<div class="float_right_btn">
190 
-						<button id="ITP_BTN_MRTNMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
200 
+					<div class="table_header">
201 
+						<h1><반품 품목></h1>
202 
+						<button type="button" id="ITP_BTN_MRTNMNG02010_MODIFY_DEL_ROW" class="btn-primary btn-sm ADB">품목삭제</button>
203 
+						<button type="button" id="ITP_BTN_MRTNMNG02010_MODIFY_ADD_ROW" class="btn-primary btn-sm ADB">품목추가</button>
191 204 
 					</div>
192 205 
 				</div>
193 
-				<div class="table_header">
194 
-					<h1><반품 품목></h1>
195 
-					<button type="button" id="ITP_BTN_MRTNMNG02010_MODIFY_DEL_ROW" class="btn-primary btn-sm ADB">품목삭제</button>
196 
-					<button type="button" id="ITP_BTN_MRTNMNG02010_MODIFY_ADD_ROW" class="btn-primary btn-sm ADB">품목추가</button>
197 
-				</div>
198 206 
 			</div>
199 207 
 			<div id="ITP_LIST_MRTNMNG02010_MODIFY_AREA" class="scroll_area row-7">
200 208 
 				<ul id="ITP_LIST_MRTNMNG02010_MODIFY_ROWS" class="mb_0 panel-group"></ul>
 
@@ -224,8 +232,8 @@
224 232 
 				</div>
225 233 
 			</div>
226 234 
 			<div class="button_bar">
227 
-				<button id="ITP_BTN_MRTNMNG02010_MODIFY_REQ_ORDER" class="col_3 btn-primary REQ">반품요청</button>
228 
-				<button id="ITP_BTN_MRTNMNG02010_MODIFY_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
235 
+				<button id="ITP_BTN_MRTNMNG02010_MODIFY_REQ_ORDER" class="col_3 btn-m-orange REQ">반품요청</button>
236 
+				<button id="ITP_BTN_MRTNMNG02010_MODIFY_TEMP_SAVE" class="col_3 btn-w-gray TSA">임시저장</button>
229 237 
 				<button id="ITP_BTN_MRTNMNG02010_MODIFY_CANCEL" class="col_3 btn-gray CLB">취소</button>
230 238 
 			</div>
231 239 
 		</form>
 
@@ -318,7 +326,7 @@
318 326 
 					<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
319 327 
 				</div>
320 328 
 				<div class="select_btn">
321 
-					<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_NM" class="btn_blue">품목명 <img src="../img/arrow_down.png"></button>
329 
+					<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_NM" class="btn_red">품목명 <img src="../img/arrow_down.png"></button>
322 330 
 				</div>
323 331 
 			</form>
324 332 
 			<div id="ITP_LIST_MRTNMNG02010_POP_ITEM_AREA" class="popup_scroll">

+ 17 - 13
src/main/webapp/mobile/css/style.css
파일 보기 

@@ -94,12 +94,12 @@ section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 15px 0p
94 94 
 section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
95 95 
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
96 96 
 section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; width:50%;}
97 
-section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 18px; font-weight: 100; width: 100%; margin:8px 6px -6px 10px;}
97 
+section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 18px; font-weight: 100; width: 80%; margin:8px 6px -6px 10px;}
98 98 
 section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:0px;}
99 
-section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0;}
100 
-section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:46%; margin:0; padding: 8px 2px 0px 2px;}
99 
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100%;}
100 
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:40%; margin:0; padding: 8px 2px 0px 2px;}
101 101 
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 .type_hide {width:auto;}
102 
-section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray; width:auto !important;}
102 
+section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray; width:75px !important;}
103 103 
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14pt; color:#b88278;}
104 104 
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
105 105 
 section .popup2 .pop .popup_scroll li .scroll_right input[type=checkbox]{width:27px; margin:18px 11px 0 11px;}
 
@@ -318,7 +318,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
318 318 
   padding-top: 49px;
319 319 
   font-size: 16px;
320 320 
 }
321 
-.content {position: fixed; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
321 
+.content {position: fixed; display:contents; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
322 
+.content .content_fix {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
322 323 
 .content .content_inside {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
323 324 
 .content .header {width:100% !important; margin:0 !important;}
324 325 
 .content .line {position: relative; display: inline-block; width: 332px; margin:0 auto; height: 40px; margin-bottom: -10px;}
 
@@ -352,7 +353,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
352 353 
 .content .line .float_right_btn button img {width:18px; height:18px;}
353 354 
 .content .line .float_left select {float: left; width: 100%; height: 34px; margin-top:3px; border: 1px solid #aaa; border-radius:5px; font-size: 14pt; font-weight:100;}
354 355 
 .content .line .line_right {float: left; margin-right: 0%; width:57%}
355 
-.content .line .line_right div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:right; float: right; font-size: 14pt; margin-top: 7px; margin-right:0%; color:#555;}
356 
+.content .line .line_right div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:right; float: right; font-size: 14pt; margin-top: 7px; margin-right:0%; color:#555;padding-right:5px;}
356 357 
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
357 358 
 .content .line .line_right input.m9 {margin-right:93px;}
358 359 
 .content .line .line_right input.left {text-align: left;}
 
@@ -412,7 +413,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
412 413 
 } */
413 414
414 415 
 .button_bar {width: 100%; height: 47px; background: #ccc; position: fixed; bottom: 0px; z-index: 10;}
415 
-.button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: 1px solid #aaa;}
416 
+.button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: none;}
416 417 
 .button_bar button.btn-gray {border-radius: 0px; background-color: #858076; color: #eee;}
417 418 
 .button_bar button.btn-gray:active {border:3px solid #858076; background-color: #fff; color:#B7B8B8;}
418 419 
 .button_bar button.btn-w-gray{border-radius: 0px; background-color: #b6b8b8; color: #eee;}
 
@@ -452,7 +453,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
452 453 
 .scroll_area li .left_info .thick {float:left; text-align: left; width: 90%; height:36px; font-weight: 100;}
453 454 
 .scroll_area li .left_info .thick .itp_item {color:gray;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:60%; top:7px; text-align:left; position:relative;}
454 455 
 .scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:14pt;}
455 
-.scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
456 
+.scroll_area li .left_info .thick .itp_amt {color:#b88278; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:60%; top: 7px; position:relative; text-align:left;}
456 457 
 .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
457 458 
 .scroll_area li .left_info .history input{width: 150px;}
458 459 
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
 
@@ -473,7 +474,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
473 474 
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
474 475 
 .scroll_area li.history_list7 {height: 120px; padding-top:5px;}
475 476 
 .scroll_area li .history_info {width: auto;}
476 
-.scroll_area li .left {width:100%; height:26px; margin-top:0px;}
477 
+.scroll_area li .left {width:100%; height:27px; margin-top:0px;}
477 478 
 .scroll_area li .btn_list {width:calc(100% - 65px); height:35px; padding-top:12px;}
478 479 
 .scroll_area li .left div {display: inline-block;}
479 480 
 .scroll_area li .left label{font-size: 1.1rem;}
 
@@ -557,7 +558,6 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
557 558 
 #ITP_FOOTER .itp_modal .itp_form .itp_mip {padding: 8px 5px 4px 12px; height:42px; text-align: left; font-size: 16px; border:1px solid #ccc;}
558 559
559 560 
 @media screen and (min-width: 550px) {
560 
-	.content .line .line_right {width:80%}
561 561 
 	.content .line div.date_to input {width:47%}
562 562 
 	.content .line .float_left.name {width:76%;}
563 563 
 	.modal-dialog {margin:auto 20% !important;}
 
@@ -566,15 +566,19 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
566 566 
 	.content .line .search_wrap select {width:78%;}
567 567
568 568 
 }
569 
-@media screen and (min-width: 500px) {
570 
-	.content .line {margin:-4px 0px; width:625px;}
571 
-}
569 
+
572 570 
 @media screen and (max-width: 380px) {
573 571 
 	section .popup2 .barcode_area {width: 250px; height: 250px;}
574 572 
 /* 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
575 573 
 	.type_hide {display:none;}
576 574 
 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;} */
577 575 
 }
576 
+@media screen and (min-width: 650px) {
577 
+	.content .line {margin:0 100px -10px 100px;}
578 
+}
579 
+@media screen and (min-width: 600px) {
580 
+	.scroll_area li .left .nomal  {margin:0 100px;
581 
+}
578 582 
 @media screen and (max-height: 720px) {
579 583 
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
580 584 
 	.bg_gray {position:relative; top:-90px;}