모바일 크기 수정중

src/main/webapp/mobile/app/main.html

@@ -178,9 +178,9 @@
 				</div>
 			</div>
 			<div id="ITP_CONTAINER" class="fix">
-<section>
-  
-</section>
+				<section>
+				  
+				</section>
 		</div>
 	</body>
 </html>

src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html

@@ -1,20 +1,21 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: block;" >
+  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;" >
     <div class="content">
       <div class="line">
         <label>매장선택</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MLOANMNG01010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MLOANMNG01010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MLOANMNG01010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MLOANMNG01010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>정산타입</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
             <option value=""></option>
           </select>
@@ -22,13 +23,13 @@
       </div>
       <div class="line">
         <label>사용여부</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
             <option value=""></option>
           </select>
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -86,42 +87,42 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>매장명</label>
         <div class="line_right">
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" placeholder="A매장명">
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" placeholder="A매장명">
         </div>      
       </div>
       <div class="line">
-        <label class="col_6">정산타입/사용여부</label>
+        <label>정산타입/사용여부</label>
         <div class="line_right">
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>한도금액</label>
         <div class="line_right">
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>가용한도금액</label>
         <div class="line_right">
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>가수금액</label>
         <div class="line_right">
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>사용금액</label>
         <div class="line_right">
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
@@ -132,7 +133,7 @@
           <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -142,7 +143,7 @@
       </div>
     </div>
     <div class="scroll_area row-6">
-      <li class="history_list">
+      <li class="history_list4">
         <div>
           <div class="detail_line">
             <div class="detail_left">

src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,4 +1,3 @@
-<link rel="stylesheet" href="/style.css">
 <section>
   <div class="popup2" style="display:none; background: transparent;">
     <div class="pop">
@@ -7,52 +6,66 @@
           <label>> 입금등록</label>
         </div>
         <div class="header_right">
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
+          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/close.png"></button>
         </div>
       </div>
       <div class="content">
         <div class="line">
           <label>브랜드명</label>
-          <div class="float_right">
-            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A 브랜드명">
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A 브랜드명">
+	          </div>
           </div>
         </div>
         <div class="line">
           <label>매장명</label>
-          <div class="float_right">
-            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
+	          </div>
           </div>
         </div>
         <div class="line">
           <label>입금금액</label>
-          <div class="float_right">
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+	          </div>	
           </div>
         </div>
         <div class="line">
           <label>입금일자</label>
-          <div class="float_right">
-            <input id="ITP_FORM_MLOANMNG02010" type="date" style="width: 387px;">
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <input id="ITP_FORM_MLOANMNG02010" style="width:178px;" type="date">
+	          </div>
           </div>
         </div>
         <div class="line">
           <label>입금자명</label>
-          <div class="float_right">
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+	          </div>
           </div>
         </div>
         <div class="line">
           <label>입금은행</label>
-          <div class="float_right">
-            <select name="" id="ITP_FORM_MLOANMNG02010" style="width: 387px;">
-              <option value="">은행코드 선택</option>
-            </select>
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <select name="" id="ITP_FORM_MLOANMNG02010" style="width:178px;">
+	              <option value="">은행코드 선택</option>
+	            </select>
+	          </div>
           </div>
         </div>
         <div class="line">
           <label>입금계좌번호</label>
-          <div class="float_right">
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+          <div class="search_wrap">
+	          <div class="float_right">
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+	          </div>
           </div>
         </div>
         <div class="line">
@@ -69,20 +82,20 @@
           <label>> 입금요청반려</label>
         </div>
         <div class="header_right">
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
+          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/close.png"></button>
         </div>
       </div>
       <div class="content">
         <div class="line">
           <label>브랜드명</label>
           <div class="float_left">
-            <div class="fn">A 브랜드명</div>
+            <div class="fn color-gray">A 브랜드명</div>
           </div>
         </div>
         <div class="line">
           <label>매장명</label>
           <div class="float_left">
-            <div class="fn">A 매장명</div>
+            <div class="fn color-gray">A 매장명</div>
           </div>
         </div>
         <div class="line">
@@ -115,7 +128,7 @@
             <div class="fn">11122233333344</div>
           </div>
         </div>
-        <div class="line" style="height: 350px;">
+        <div class="line" style="height: 140px;">
           <label>반려사유</label>
           <div class="float_left note">
             <textarea  class="fn" cols="30" rows="10"></textarea>       
@@ -133,17 +146,19 @@
     <div class="content">
       <div class="line">
         <label>반품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>반품발주상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MLOANMNG02010">
             <option value=""></option>
           </select>
@@ -168,16 +183,16 @@
       </div>
     </div>
     <div class="scroll_area row-2">
-      <li class="history_list">
+      <li class="history_list" style="padding:0;">
         <div class="button_right">
           <button id="ITP_BTN_MLOANMNG02010" class="btn-primary AGR">승인</button>
           <button id="ITP_BTN_MLOANMNG02010" class="btn-danger RJT">반려</button>
         </div>
-        <div class="left">
+        <div class="left btn">
           <div class="nomal">
             <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
-            <div class="history">
-              <div class="fn">A매장</div>
+            <div class="col_5 history">
+              <div class="fn col_5">A매장</div>
             </div>
             <label class="col_0">입금일자&nbsp;:</label>
             <div class="history">
@@ -185,11 +200,11 @@
             </div>
           </div>
         </div>
-        <div class="left">
+        <div class="left btn">
           <div class="nomal">
             <label class="col_0">입금금액&nbsp;:</label>
-            <div class="history">
-              <div class="fn">1,000,000</div>
+            <div class="col_5 history">
+              <div class="col_5 fn">1,000,000</div>
             </div>
             <label class="col_0">입금자&nbsp;:</label>
             <div class="history">
@@ -197,7 +212,7 @@
             </div>
           </div>
         </div>
-        <div class="left">
+        <div class="left btn">
           <div class="nomal">
             <label class="col_0">입금정보&nbsp;:</label>
             <div class="history">
@@ -206,7 +221,7 @@
             </div>
           </div>
         </div>
-        <div class="left">
+        <div class="left btn">
           <div class="nomal">
             <label class="col_0">처리결과&nbsp;:</label>
             <div class="history">

src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html

@@ -1,6 +1,5 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display:block;">
+  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
         <div class="line">
           <label>반품요청일</label>
@@ -12,7 +11,7 @@
       </div>
       <div class="line">
         <label>반품요청상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select class="stcd" name="" id="ITP_FORM_MRTNMNG02010_VIEW">
             <option value="">상태</option>
           </select>
@@ -20,15 +19,17 @@
       </div>
       <div class="line">
         <label>반품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="fn" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG02010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MRTNMNG02010"><img src="/img/delete.png" alt=""></button>
-        </div>
+        <div class="search_nm">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="fn" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG02010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG02010"><img src="../img/delete.png" alt=""></button>
+	        </div>
+      	</div>   
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MRTNMNG02010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -73,7 +74,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>반품요청일</label>
@@ -99,19 +100,19 @@
     </div>
     <div class="scroll_area row-1" >
       <li>
-        <div class="left">
+        <div class="left_info">
           <div class="thick">
-            <div class="fn">품목명</div>
+            <div class="fnItemNm">품목명</div>
             <div>-</div>
-            <div class="fn">2EA</div>
+            <div class="fnUnit">2EA</div>
           </div>
-          <div class="nomal">
+          <div class="thick">
             <label class="space0">반품가 :</label>
-            <div class="fn">1,120,000</div>
+            <div class="fnPchActAmt">1,120,000</div>
           </div>
         </div>
         <div class="right">
-          <div class="fn num">2</div>
+          <div class="num fnNum">2</div>
         </div>
       </li>
     </div>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG03010.html

@@ -1,6 +1,5 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>반품발주일자</label>
@@ -12,7 +11,7 @@
       </div>
       <div class="line">
         <label>반품발주상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MRTNMNG03010_VIEW">
             <option value=""></option>
           </select>
@@ -20,25 +19,29 @@
       </div>
       <div class="line">
         <label>반품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_nm">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>반품입고장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A공급업체명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/delete.png" alt=""></button>
-        </div>
+        <div class="search_nm">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A공급업체명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/delete.png" alt=""></button>
+        	</div>
+        </div>	
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MRTNMNG03010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -61,8 +64,8 @@
         <div class="left">
           <div class="nomal">
             <label class="col_2">반품발주상태&nbsp;:</label>
-            <div>
-              <div class="fn">대기</div>
+            <div class="col_5">
+              <div class="col_5 fn">대기</div>
             </div>
             <label>납품장소명&nbsp;:</label>
             <div>
@@ -91,7 +94,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>반품발주일자</label>
@@ -124,30 +127,29 @@
     <div class="scroll_area row-2">
       <li>
         <div>
-          <div class="detail_left">
-            <div class="detail_info">
-              <div class="fn">품목명</div>
+          <div class="left_info col-4">
+            <div class="thick">
+              <div class="fnItemNm">품목명</div>
               <i>-</i>
-              <div class="fn">2EA</div>
+              <div class="fnUnit">2EA</div>
             </div>
           </div>
-          <div class="detail_right">
-            <div class="detail_info">
+          <div class="left_info col-6">
+            <div class="thick">
               <label>수량/금액</label>
               <div class="fn">2</div>
               <i>/</i>
               <div class="fn">24,000</div>
             </div>
           </div>
-
-          <div class="detail_left">
-            <div class="detail_info">
-              <label class="space0">구매가 &nbsp;:&nbsp;</label>
-              <div class="fn">12,000</div>
+          <div class="left_info col-4">
+            <div class="thick">
+              <label style="margin:0;">구매가 :</label>
+              <div class="fnPchActAmt">12,000</div>
             </div>
           </div>
-          <div class="detail_right">
-            <div class="detail_info">
+          <div class="left_info col-6">
+            <div class="thick">
               <label>납기요청일&nbsp;:&nbsp;</label>
               <div class="fn">2022.10.01</div>
             </div>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG04010.html

@@ -1,16 +1,15 @@
-<link rel="stylesheet" href="/style.css">
 <section>
   <div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>반품예정일</label>
-        <div class="float_left">
+        <div class="line_right">
           <input id="ITP_FORM_MRTNMNG04010_VIEW" class="date2" type="date" placeholder="">
         </div>
       </div>
       <div class="line">
         <label>반품서번호</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MRTNMNG04010_VIEW">
             <option value=""></option>
           </select>
@@ -18,31 +17,37 @@
       </div>
       <div class="line">
         <label>반품입고장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A공급업체명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/search.png" alt=""></button>
-          <button><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A공급업체명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>반품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/delete.png" alt=""></button>
-        </div>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/delete.png" alt=""></button>
+	        </div>
+      	</div>  
       </div>
       <div class="line">
         <label>반품품목명</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
-        </div>
+       	<div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG04010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
+	        </div>
+  	  	</div>   
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MRTNMNG04010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -92,8 +97,8 @@
         <div class="left">
           <div class="nomal">
             <label class="col_2">반품요청수량</label>
-            <div class="history">
-              <div class="fn">10</div>
+            <div class="col_5 history">
+              <div class="col_5 fn">10</div>
             </div>
             <label class="col_0">반품발주수량</label>
             <div class="history">

src/main/webapp/mobile/app/mrtnmng/MRTNMNG05010.html

@@ -1,4 +1,3 @@
-<link rel="stylesheet" href="/style.css">
 <section>
   <div id="ITP_AJAX_MRTNMNG05010_VIEW_CONTAINER">
     <div class="content">
@@ -14,37 +13,43 @@
       </div>
       <div class="line">
         <label>반품발주번호</label>
-        <div class="float_left">
+        <div class="line_right">
           <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text">
         </div>
       </div>
       <div class="line">
         <label>반품입고장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A공급업체명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A공급업체명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>반품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>품목명</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MRTNMNG05010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MRTNMNG05010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
+	        </div>
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MRTNMNG05010"class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -57,7 +62,7 @@
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
-            <label class="col_6">반품발주번호 </label>
+            <label>반품발주번호 </label>
             <div>
               <div class="fn">202210010000001-0100</div> 
             </div>
@@ -93,11 +98,11 @@
         </div>
         <div class="left">
           <div class="nomal">
-            <label class="col_2">반품발주수량</label>
-            <div>
-              <div class="fn">10</div>
+            <label>반품발주수량</label>
+            <div class="col_5">
+              <div class="col_5 fn">10</div>
             </div>
-            <label class="col_6">반품입고수량</label>
+            <label>반품입고수량</label>
             <div>
               <div class="fn">10</div>
             </div>

src/main/webapp/mobile/css/style.css

@@ -2,6 +2,7 @@
 * {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'NanumBarunGothic', 'serif'; list-style: none;}
 section {}
 body{background: #fff; position: relative; width: 100%; height: auto;}
+.color-gray {color:#aaa;}
 /* 팝업 */
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
 section .popup .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 250px; padding-top: 30px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
@@ -16,7 +17,7 @@ section .popup .pop .popup_btn button.cancel {width: 36%;}
 
 
 section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(200, 200,200, 0.8); z-index: 11;}
-section .popup2 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
+section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
 section .popup2 .barcode {width: 100%;}
 section .popup2 .barcode_area {width: 70%; height: 35%; margin: auto; background: #fff; border: 1px solid #000; margin-top: 5%;}
 section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 2.6rem; margin:auto; margin-top: 30%;}
@@ -54,17 +55,19 @@ section .popup2 .pop .popup_scroll li .right {margin: 40px 0; position: relative
 section .popup2 .pop .popup_scroll li .right .num {margin: 0 40px; width: auto;}
 section .popup2 .pop .popup_scroll li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}
 section .popup2 .pop .popup_scroll li .add button{float: right; width: 120px; height: 120px; margin: 10px 20px; border-radius: 30px; font-size: 2rem; background: rgb(198, 170, 250);}
-section .popup2 .pop .content .line button {width: 40%; height: 80px;font-size: 2.4rem; padding: 0; margin: 0 20px;}
+section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 1rem; padding: 0; margin: 0 10px;}
 
 section .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
-section .popup3 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
-section .popup3 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
-section .popup3 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
-section .popup3 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
-section .popup3 .pop .header .header_left label {font-size: 2.4rem;} 
+section .popup3 .content {position: fixed; z-index: 10; width:100%; height:596px; background: #fff;}
+section .popup3 .content label{width:120px; margin-top:7px;}
+section .popup3 .content div{font-weight:100;}
+section .popup3 .pop { position: absolute; top: 37%; left: 50%; transform: translate(-50%,-40%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
+section .popup3 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
+section .popup3 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 20px;}
+section .popup3 .pop .header .header_left label {font-size: 1.4rem;} 
 section .popup3 .pop .header .header_right {float: right; padding-right: 10px;}
 section .popup3 .pop .header .header_right button {border: none; background: transparent;}
-
+section .popup3 .pop .header .header_right button img {width:30px; height:30px;}
 /* 버튼 */
 button {background-color: #fff; padding: 10px;}
 button.btn-primary  {color: #fff; background-color: #337ab7; border: 1px solid #000;font-weight: 700;}
@@ -143,7 +146,7 @@ body.eee {height: 700px; background: #eee;}
 
 
 input {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
-select {border: 1px solid #000; height: 60px; font-size: 1rem; text-align: left; padding:0 15px;}
+select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* 공통화면 */
@@ -195,14 +198,13 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line {position: relative; display: inline-block; width: 100%; height: 35px; margin-bottom: 0px;}
 .content .line div {font-weight: 700;}
 .content .line label {font-size: 1.2rem; margin-left: 10px; float: left; text-align: left; margin-top: 12px;}
-.content .line label.col_6{width: 404px;}
 .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;}
 .content .line .search_nm {float: right; margin-right: 2%;}
 .content .line .search_wrap {float:right; margin-right:10px;}
 .content .line .float_left {float: left;}
 .content .line .float_left.note {width: 100%; padding: 10px;}
-.content .line .float_left.note textarea {width: 100%; height: 300px; border: 1px solid #000; text-align: left;}
-.content .line .float_left div {font-size: 2.4rem; margin-top: -8px;}
+.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #000; text-align: left;}
+.content .line .float_left div {font-size: 1rem; margin-top: 8px;}
 .content .line .float_left_btn {float: left; margin-top: 5px; margin-left: 5px;}
 .content .line .float_left_btn button {padding:0; width:36px; height:36px; border-radius:5px;}
 .content .line .float_left_btn button img {width:20px; height:20px;}
@@ -211,7 +213,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .line_right div {float: right; font-size: 1.2rem; margin-top: 12px; margin-right: 30px;}
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
 .content .line .line_right input.left {text-align: left;}
-.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:83px;}
+.content .line .line_right input.mg0 {margin-right:10px;}
+.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
 .content .line input.date {width: 40%; margin: 10px; height: 40px; float: right; margin-right: 3%;}
 .content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
 .content .line div.date_to {float: right; margin-right:10px;}
@@ -219,8 +222,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line div.date_to div.at {width: 3%;  font-size: 1rem; float: right; display: contents;}
 .content .line .search {width: 100%; height: 50px;}
 .content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
-.content .line .search button.col_3 {width: 35%; margin: 0 20px; float: left;}
-.content .line .search button.col_5 {width: 55%; margin: 0 20px; float: right;}
+.content .line .search button.col_3 {width: 35%; margin-left:12px; float: left;}
+.content .line .search button.col_5 {width: 55%; margin-right: 10px; float: right;}
 .content .table_header {margin: 0 auto; width: 100%; height: 50px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
 .content .table_header h1 {margin-top: 12px; margin-left: 10px; font-size: 1.2rem; float: left; color: #fff; font-weight: 100;}
 .content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
@@ -273,7 +276,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .row-3{top: 333px;}
 .row-4{top: 377px;}
 .row-5{top: 850px;}
-.row-6{top: 950px;}
+.row-6{top: 468px;}
 .row-7{top: 1030px;}
 
 .col-4{width:40% !important;}
@@ -289,33 +292,32 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left_info .history input{width: 150px;}
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
 .scroll_area li.history_list .button_right {float: right; display: grid;}
-.scroll_area li.history_list .button_right button {width: 124px; height: 149px; font-size: 2rem; margin: 0; border-radius: 0;}
-.scroll_area li.history_list1 {height: 230px; }
+.scroll_area li.history_list .button_right button {width: 70px; height: 70px; font-size: 1rem; margin: 0; border-radius: 0;}
+.scroll_area li.history_list1 {height: 230px;}
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
 .scroll_area li.history_list3 {height: 330px;}
+.scroll_area li.history_list4 {height: 150px;}
 .scroll_area li .history_info {width: auto;}
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
+.scroll_area li .btn {width:calc(100% - 70px); padding-top:12px;}
 .scroll_area li .left div {display: inline-block;}
 .scroll_area li .left label{font-size: 1.1rem;}
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
 .scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
 .scroll_area li .left .history input{width: 150px;}
 
-.scroll_area li div {padding: 1px;}
-.scroll_area li .detail_line {width: 100%; display: inline-block;}
+.scroll_area li .detail_line {width: 100%; height:25px; display: inline-block;}
 .scroll_area li .detail_left {float: left;}
-.scroll_area li .detail_left div {display: inline-block;}
 .scroll_area li .detail_left .detail_info {margin: 5px 10px;}
-.scroll_area li .detail_left .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
-.scroll_area li .detail_left .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
-.scroll_area li .detail_left .detail_info label {width: auto;  font-size: 2rem;}
+.scroll_area li .detail_left .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
+.scroll_area li .detail_left .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
+.scroll_area li .detail_left .detail_info label {position:absolute; width: auto;  font-size: 1rem;}
 .scroll_area li .detail_right {float: right;}
-.scroll_area li .detail_right div {display: inline-block;}
 .scroll_area li .detail_right .detail_info {margin: 5px 25px;}
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
-.scroll_area li .detail_right .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
-.scroll_area li .detail_right .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
+.scroll_area li .detail_right .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
+.scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
 .scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
 .scroll_area li .left .nomal .half {width:50%; float:left;}
 .scroll_area li .left .nomal .half label {font-weight:100;}
@@ -336,12 +338,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
 .scroll_area li .left .nomal label.col_0{width: auto;}
-.scroll_area li .left .nomal label.col_1{width: 180px;}
-.scroll_area li .left .nomal label.col_2{width: 273px;}
-.scroll_area li .left .nomal label.col_6{width: 250px;}
-.scroll_area li .left .nomal label.col_7{width: 280px;}
+.scroll_area li .left .nomal label.col_2{width: 95px;}
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
 .scroll_area li .left .nomal div{min-width:90px; display: inline-flex; font-weight: 700; font-size: 1.1rem;}
+.scroll_area li .left .nomal .col_5{min-width:50px;}
+
 .scroll_area li .right {margin: 30px 20px 0 0; position: relative; display: flex; font-size: 1.4rem; font-weight: 700; float: right;}
 .scroll_area li .right .num {margin: 0 25px; width: auto;}
 .scroll_area li .right button {margin: -6px; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}