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

src/main/webapp/app/pomng/POMNG02010.html

@@ -22,9 +22,7 @@
 									<input type="hidden" id="ITP_FORM_POMNG02010_DETAIL_SSTORE_ID" name="sstoreId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_POMNG04010_SERVICE_PCH_REQ_DT" class="form-control itp_input" name="servicePchReqDt">
-												<option value="A">생성일</option>											
-											</select>
+											<label>생성일 *</label>
 										</div>										
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">

src/main/webapp/app/pomng/POMNG03010.html

@@ -22,9 +22,7 @@
 									<input type="hidden" id="ITP_FORM_POMNG03010_DETAIL_SSTORE_ID" name="sstoreId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_POMNG03010_SERVICE_DLV_REQ_DT" class="form-control itp_input" name="serviceDlvReqDt">
-												<option value="A">납기요청일*</option>											
-											</select>
+											<label>납기요청일 *</label>
 										</div>											
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">

src/main/webapp/js/app/loanmng/ITP_LOANMNG04010.js

@@ -202,8 +202,10 @@ let viewObj = {
 		var limitAmt;
 		if(result.loanDvsn == 'LD01') { // 선불(충전)
 			limitAmt = result.chrgeLimitAmt;
+			$('#ITP_FORM_LOANMNG04010_VIEW .fnPosbLimitAmt').text(itp_fn_number_comma(result.acctBal - result.useAmtTotal)); // TODO 가용한도금액
 		} else if(result.loanDvsn == 'LD02') { // 후불(신용)
-			limitAmt = result.credtLimitAmt;				
+			limitAmt = result.credtLimitAmt;
+			$('#ITP_FORM_LOANMNG04010_VIEW .fnPosbLimitAmt').text(itp_fn_number_comma(limitAmt - result.useAmtTotal)); // TODO 가용한도금액
 		}
 		$('#ITP_FORM_LOANMNG04010_VIEW .fnCredtLimitAmt').text(itp_fn_number_comma(limitAmt));
 		$('#ITP_FORM_LOANMNG04010_VIEW .fnContDt').text(''); // TODO 계약기간

src/main/webapp/js/app/pomng/ITP_POMNG01010.js

@@ -347,7 +347,6 @@ let createObj = {
 			var dlvReqDt = $('#ITP_FORM_POMNG01010_DETAIL_DLV_REQ_DT').val();
 			var itemcnt  = $(POMNG01010_DETAIL_GRID_ID).getGridParam('reccount');
 			var dlvReqAmt = $('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text();
-			
 			var apprArg = {};
 			
 			//정산 타입이 무정산이면 스킵
@@ -363,9 +362,13 @@ let createObj = {
 					var pchReqAtm = itp_fn_currency_unfmatter($('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text(),"","");
 					var mallId = $('#ITP_FORM_POMNG01010_DETAIL_MALL_ID').val();
 					
-					
-					
-					if (parseInt(pchActAtm) < parseInt(pchReqAtm)) {
+					let pchActAtmNum;
+					if(pchActAtm == '0' || pchActAtm == 0 || pchActAtm == Infinity || pchActAtm == 'Infinity') {
+						pchActAtmNum = 'Infinity';
+					} else {
+						pchActAtmNum = pchActAtm
+					}
+					if (parseFloat(pchActAtmNum) < parseFloat(pchReqAtm)) {
 						dlvReqAmt = itp_fn_number_comma(String(parseInt(pchReqAtm) - parseInt(pchActAtm)));
 						
 						if (mallId == '') {
@@ -390,8 +393,8 @@ let createObj = {
 				// 품목대상 정보 확인 필요
 				var records = $(POMNG01010_DETAIL_GRID_ID).getGridParam('reccount');
 				if (records == 0) {
-						alert( "요청할 품목내역이 없습니다.");
-						return ;
+					alert( "요청할 품목내역이 없습니다.");
+					return ;
 				}
 				
 				
@@ -447,78 +450,77 @@ let createObj = {
 			
 			var saveFn = {
 				callBack: function(args) {
-						$(formId).val(arg);
-						let gridInsertData = [];
-						let gridUpdateData = [];
-						let gridDeleteData = [];
-						
-						const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
-						
-						$.each(rowData, function(key, value) {
-							if (value.viewCd !== 'R') {
-								if (value.viewCd === 'C') {
-									gridInsertData.push(value);
-								} else if (value.viewCd === 'U') {
-									gridUpdateData.push(value);
-								} else if (value.viewCd === 'D') {
-									gridDeleteData.push(value);
-								}
+					$(formId).val(arg);
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					
+					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+					
+					$.each(rowData, function(key, value) {
+						if (value.viewCd !== 'R') {
+							if (value.viewCd === 'C') {
+								gridInsertData.push(value);
+							} else if (value.viewCd === 'U') {
+								gridUpdateData.push(value);
+							} else if (value.viewCd === 'D') {
+								gridDeleteData.push(value);
 							}
-						});
-						
-						//if (chkQtyYn == "Y") return;
-						
-						let param = $(formId).serializeObject();
-						param.gridInsertData = gridInsertData;
-						param.gridUpdateData = gridUpdateData;
-						param.gridDeleteData = gridDeleteData;
-						console.log(JSON.stringify(param));
-						var searhFn = function() {
-							createObj.newinit();
-						};
-						fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');				
-					}
-				};
-			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.tmpSave, saveFn, null);
+						}
+					});
+					
+					//if (chkQtyYn == "Y") return;
+					
+					let param = $(formId).serializeObject();
+					param.gridInsertData = gridInsertData;
+					param.gridUpdateData = gridUpdateData;
+					param.gridDeleteData = gridDeleteData;
+					console.log(JSON.stringify(param));
+					var searhFn = function() {
+						createObj.newinit();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');				
+				}
+			};
+		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.tmpSave, saveFn, null);
 		},
 		saveApprReq: function(param, apprTypeCd, arg) {
 			
 			var apprFn =  {
 				callBack: function(args) {
 						// 결재금액이 부족하여 결재란으로 이동처리
-						var popFn = function(rowDataPop) {
-							// 결재 성공시 승인처리함 
-							createObj.button.saveLastReq(arg);
-						};			
-						// 결제 팝업 : LD01(선불(충전)), LD02(후불(신용))
-						// 결제타입코드 : 10(선불(충전)), 20(후불(결제)), 30(후불(선결제))		
-						// 구매요청 번호 전달 - 
-						//var loanDvsn = $('#ITP_FORM_LOANMNG02010_SEARCH_STORE_LOAN_DVSN').val();
-						var pchActAtm = itp_fn_currency_unfmatter($('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(),"","");
-						var pchReqAtm = itp_fn_currency_unfmatter($('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text(),"","");
-						
-						
-						var args = {'payTpCd': '40',
-						'brandId':   fn_make_user_info.get('brandId'), 
-						'storeId':   fn_make_user_info.get('storeId'),
-						'prchReqUnqNo': $('ITP_FORM_POMNG01010_DETAIL_PCH_REQ_UNQ_NO').val(),
-						'goodsAmt':  pchReqAtm-pchActAtm}; 
-						
-						fn_call_popup('biz', 'BIZPOP_PO_PAYMENT', '#ITP_ASIDE', popFn, args, 'S');
-					}
-				};
+					var popFn = function(rowDataPop) {
+						// 결재 성공시 승인처리함 
+						createObj.button.saveLastReq(arg);
+					};			
+					// 결제 팝업 : LD01(선불(충전)), LD02(후불(신용))
+					// 결제타입코드 : 10(선불(충전)), 20(후불(결제)), 30(후불(선결제))		
+					// 구매요청 번호 전달 - 
+					//var loanDvsn = $('#ITP_FORM_LOANMNG02010_SEARCH_STORE_LOAN_DVSN').val();
+					var pchActAtm = itp_fn_currency_unfmatter($('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(),"","");
+					var pchReqAtm = itp_fn_currency_unfmatter($('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text(),"","");
+					
+					
+					var args = {'payTpCd': '40',
+					'brandId':   fn_make_user_info.get('brandId'), 
+					'storeId':   fn_make_user_info.get('storeId'),
+					'prchReqUnqNo': $('ITP_FORM_POMNG01010_DETAIL_PCH_REQ_UNQ_NO').val(),
+					'goodsAmt':  pchReqAtm-pchActAtm}; 
+					
+					fn_call_popup('biz', 'BIZPOP_PO_PAYMENT', '#ITP_ASIDE', popFn, args, 'S');
+				}
+			};
 				
 			var apprNFn =  {
 				callBack: function(args) {
 						// 임시저장 처리한다.
-						arg = 'PR00';
-						$('#ITP_FORM_POMNG01010_DETAIL_PCH_REQ_ST_CD').val(arg);
-						
-						createObj.button.saveLastReq(arg);
-					}
-				};
-			
-			//console.log(apprTypeCd) ;
+					arg = 'PR00';
+					$('#ITP_FORM_POMNG01010_DETAIL_PCH_REQ_ST_CD').val(arg);
+					
+					createObj.button.saveLastReq(arg);
+				}
+			};
+						//console.log(apprTypeCd) ;
 			if (apprTypeCd == 'NP') {  // 선불
 				itp_fn_modal_confirm_req2(param, apprFn, arg);
 			} else if (apprTypeCd == 'NA') { //후불
@@ -571,7 +573,7 @@ let createObj = {
 		fn_ajax_call(API_DETAIL_INIT_INFO, key, this.callback, 'GET');
 	},
 	callback: function(result) {
-
+		console.log(result);
 		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_VIEW_CD').val('C');
 
 		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(result.brandId);
@@ -590,7 +592,13 @@ let createObj = {
 		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqMgrNm').text(result.userNm);
 		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text("0");
 		$('#ITP_FORM_POMNG01010_DETAIL .fnLoanDvsnNm').text(result.loanDvsnNm);
-		$('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(itp_fn_number_comma(result.ordUseAmt));		
+		var pchActAmt
+		if(result.ordUseAmt == 'Infinity' || result.ordUseAmt == Infinity || result.ordUseAmt == 0){
+			pchActAmt = 0;
+		} else {
+			pchActAmt = result.ordUseAmt
+		}
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(itp_fn_number_comma(pchActAmt));		
 		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqUnqNo').text(result.pchReqUnqNo);
 		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_PCH_REQ_UNQ_NO').val(result.pchReqUnqNo);
 

src/main/webapp/js/app/pomng/ITP_POMNG03010.js

@@ -834,6 +834,8 @@ let listObj = {
 			let param = $('#ITP_FORM_POMNG03010_SEARCH').serializeObject();
 			param.gridSize = $.jgrid.defaults.rowNum;
 			param.gridPage = $.jgrid.defaults.page;
+			console.log(111);
+			console.log(JSON.stringify(param));
 			$(POMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
 		},
 		pocreate: function(param) {
@@ -936,9 +938,13 @@ let listObj = {
 				loadComplete: function(data) {
 					itp_fn_grid_load_complete(data, POMNG03010_GRID_ID, true, 'number', 'POMNG03010', listObj.itp_POMNG03010_search, listObj.empty, true, data.gridRecords, true);
 					var ids = $(POMNG03010_GRID_ID).getDataIDs();
+					var css = {'background-color':'#FFCCCC'};
 					$.each(ids, function(idx, rowId) {
 						$(POMNG03010_GRID_ID).jqGrid('setCell', rowId, 'storeId', '', ITP_GRID_COL_STYLE.link);
+						$(POMNG03010_GRID_ID).jqGrid('setCell', rowId, 'dlvReqDt', '', css);
+						$(POMNG03010_GRID_ID).jqGrid('setCell', rowId, 'whsNm', '', css);
 					});
+					$(POMNG03010_GRID_ID).setSelection(1, true);
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(POMNG03010_GRID_ID, action, param);

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

@@ -1,68 +1,84 @@
 <!DOCTYPE html>
 <html lang="ko">
-  <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>로그인</title>
-    <link rel="stylesheet" href="../css/style.css">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>로그인</title>
+  <link rel="stylesheet" href="../css/style.css">
 
-    <script>
-      const VIEW_PAGE = 'LOGIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
-      var CONN_KEY; //Jwt 토큰을 담기위한 변수
-    </script>
+  <script>
+    const VIEW_PAGE = 'LOGIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
+    var CONN_KEY; //Jwt 토큰을 담기위한 변수
+  </script>
 
-    <script src="../js/properties.js"></script>
-    <script src="../../js/require.min.js" data-main="../js/config.js"></script>
-  </head>
-    <div class="bg_gray"></div>
-    <div id="ITP_LOGIN">
-      <form id="ITP_FORM_MOBILE_LOGIN" class="form-horizontal" action="" method="post" onsubmit="return false;">
-        <input id="userId" name="userId" type="hidden" value="" />
-        <input id="password" name="password" type="hidden" value="" />
-        <input id="appReg" name="appReg" type="hidden" value="e-Bnui5gTQK2TaijkhFCS_:APA91bHGRgcE_Ioav_LSg6kKGAjIu52c_4B3W20vC2IqhxNBGy3wt62Dy-T7rQQTHuYdd9gUtyeJCOLKPVv2UUr7sXPE8jZQpQrHEJOj33gttY4-zzP3c00IZTg7MTY2jxNIpIrBAMU9" />
-        <input id="appVer" name="appVer" type="hidden" value="1.0.0" />
-        <input id="deviId" name="deviId" type="hidden" value="99b811f8db76fc0a" />
-        <input id="deviOsVer" name="deviOsVer" type="hidden" value="31" />
-        <input id="deviTpCd" name="deviTpCd" type="hidden" value="SA" />
-      <div class="login_popup">
-        <div class="login_info">
-			<img src="../img/oqpologo.png" alt="로고" class=" ">
-       		<h1>Order Queen</h1>
-        </div>
-        <div class="num_area">
-          <div class="input_area">
-            <input type="text" name="bsnsRegNo" id="ITP_FORM_LOGIN_BSNS_REG_NO" required value="1">
-            <label for="ITP_FORM_LOGIN_BSNS_REG_NO">사업자번호</label>
-            <button type="button" id="ITP_BTN_LOGIN_BSNS_REG_NO">연결</button>
-          </div>
-          <div class="brand_list">
-            <select name="brandId" id="ITP_FORM_LOGIN_BRAND_ID" required>
-              <option value="">선택</option>
-            </select>
+  <script src="../js/properties.js"></script>
+  <script src="../../js/require.min.js" data-main="../js/config.js"></script>
+</head>
+<body>
+<div class="bg_gray"></div>
+<div id="ITP_LOGIN">
+  <form id="ITP_FORM_MOBILE_LOGIN" class="form-horizontal" action="" method="post" onsubmit="return false;">
+    <input id="userId" name="userId" type="hidden" value="" />
+    <input id="password" name="password" type="hidden" value="" />
+    <input id="appReg" name="appReg" type="hidden" value="e-Bnui5gTQK2TaijkhFCS_:APA91bHGRgcE_Ioav_LSg6kKGAjIu52c_4B3W20vC2IqhxNBGy3wt62Dy-T7rQQTHuYdd9gUtyeJCOLKPVv2UUr7sXPE8jZQpQrHEJOj33gttY4-zzP3c00IZTg7MTY2jxNIpIrBAMU9" />
+    <input id="appVer" name="appVer" type="hidden" value="1.0.0" />
+    <input id="deviId" name="deviId" type="hidden" value="99b811f8db76fc0a" />
+    <input id="deviOsVer" name="deviOsVer" type="hidden" value="31" />
+    <input id="deviTpCd" name="deviTpCd" type="hidden" value="SA" />
+    <div class="login_popup">
+      <div class="login_info">
+        <img src="../img/oqpologo.png" alt="로고" class=" ">
+        <h1>Order Queen</h1>
+      </div>
+      <div class="num_area">
+        <div class="input_area">
+          <input type="text" name="bsnsRegNo" id="ITP_FORM_LOGIN_BSNS_REG_NO" required value="1">
+          <label for="ITP_FORM_LOGIN_BSNS_REG_NO">사업자번호</label>
+          <div class="itp_del_btn reg_no">
+	          <button type="button" id="ITP_FORM_LOGIN_DEL_BSNS_REG_NO">
+  				<img src="../img/close.png" alt="로고" class=" ">
+	          </button>
           </div>
+          <button type="button" id="ITP_BTN_LOGIN_BSNS_REG_NO">연결</button>
         </div>
-        <div class="login_page">
-          <div class="input_area">
-            <input type="text" id="ITP_FORM_LOGIN_USER_ID" required value="BRD221100002">
-            <label for="ITP_FORM_LOGIN_USER_ID">아이디</label>
-          </div>
-          <div class="input_area">
-            <input type="password" id="ITP_FORM_LOGIN_USER_PW"  required value="1">
-            <label for="ITP_FORM_LOGIN_USER_PW">비밀번호</label>
+        <div class="brand_list">
+          <select name="brandId" id="ITP_FORM_LOGIN_BRAND_ID" required>
+            <option value="">선택</option>
+          </select>
+        </div>
+      </div>
+      <div class="login_page">
+        <div class="input_area">
+          <input type="text" id="ITP_FORM_LOGIN_USER_ID" required value="BRD221100002">
+          <label for="ITP_FORM_LOGIN_USER_ID">아이디</label>
+          <div class="itp_del_btn">
+	          <button type="button" id="ITP_FORM_DEL_LOGIN_USER_ID">
+  				<img src="../img/close.png" alt="로고" class=" ">
+	          </button>
           </div>
         </div>
-        <div class="error" style="display: none">
-          <label>사업자번호와 관련된 브랜드 정보가 없습니다.</label>
+        <div class="input_area">
+          <input type="password" id="ITP_FORM_LOGIN_USER_PW"  required value="1">
+          <label for="ITP_FORM_LOGIN_USER_PW">비밀번호</label>
+          <div class="itp_del_btn">
+	          <button type="button" id="ITP_FORM_DEL_LOGIN_USER_PW">
+  				<img src="../img/close.png" alt="로고" class=" ">
+	          </button>
+          </div>
         </div>
       </div>
-      <div class="login_btn">
-        <button type="submit" id="login_btn" class="btn btn-primary btn-lg itp_btn">로그인</button>
+      <div class="error" style="display: none">
+        <label>사업자번호와 관련된 브랜드 정보가 없습니다.</label>
       </div>
-      </form>
     </div>
-  <script src="../js/app/login.js?version=20210826"></script>
-  <footer id="ITP_FOOTER">
+    <div class="login_btn">
+      <button type="submit" id="login_btn" class="btn btn-primary btn-lg itp_btn">로그인</button>
+    </div>
+  </form>
+</div>
+<script src="../js/app/login.js?version=20210826"></script>
+<footer id="ITP_FOOTER">
   <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="display:none;">
     <div class="modal-dialog modal-sm">
       <div class="modal-content">
@@ -79,6 +95,7 @@
       </div>
     </div>
   </div>
-  </footer>
+</footer>
+</body>
 </html>
 

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

@@ -32,13 +32,13 @@
 				<button id="ITP_MOBILE_BTN_MENU"><img src="../img/menu.png" alt=""></button>
 				<button id="ITP_MOBILE_BTN_HOME"><img src="../img/home.png" alt=""></button>
 			</div>
-			<div class="logout">
-				<button id="ITP_MOBILE_BTN_LOGOUT"><img src="../img/logout.png" alt=""></button>
-			</div>
 			<div class="name_info">
 				<div class="bn fnBrnadNm"></div>
 				<div class="fnStoreNm"></div>
 			</div>
+			<div class="logout">
+				<button id="ITP_MOBILE_BTN_LOGOUT"><img src="../img/logout.png" alt=""></button>
+			</div>
 		</div>
 	</header>
 
@@ -104,269 +104,7 @@
 
 	<div id="ITP_CONTAINER" class="fix">
 		<div class="itp_mobile_contents">
-<section id="ITP_MOBILE_MPOMNG03010">  
-  <div id="ITP_POP_MPOMNG03010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
-	<div class="pop">
-		<div class="header">
-			<div class="header_left">
-				<label>공급업체</label>
-			</div>
-			<div class="header_right">
-				<button type="button" id="ITP_BTN_MPOMNG03010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
-			</div>
-		</div>
-		<div class="search_bar">
-			<form id="ITP_FORM_MPOMNG03010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
-				<input id="ITP_FORM_MPOMNG03010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
-				<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
-			</form>
-		</div>
-		<div class="select_btn">
-			<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
-		</div>
-		<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_AREA" class="popup_scroll">
-			<ul id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
-			<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWCOPY" style="display: block;">
-				<li class="row_2">
-					<div class="scroll_left">
-						<div class="fnSpplyNm">공급업체 명A</div>
-						<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-						<div class="sub fnLocationNm">누리자 B/D</div>
-					</div>
-					<div class="scroll_right">
-						<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
-					</div>
-				</li>
-			</div>
-		</div>
-	</div>
-  </div>
-	<div id="ITP_POP_MPOMNG03010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
-		<div class="pop">
-			<div class="header">
-				<div class="header_left">
-					<label>납품장소</label>
-				</div>
-				<div class="header_right">
-					<button type="button" id="ITP_BTN_MPOMNG03010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-				</div>
-			</div>
-			<div class="search_bar">
-				<form id="ITP_FORM_MPOMNG03010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
-					<input id="ITP_FORM_MPOMNG03010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
-					<button id="ITP_BTN_MPOMNG03010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
-				</form>
-			</div>
-			<div class="select_btn">
-				<button id="ITP_BTN_MPOMNG03010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
-			</div>
-			<div id="ITP_LIST_MPOMNG03010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG03010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG03010_POP_WHS_ROWCOPY" style="display: block;">
-					<li class="row_2">
-						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-						    <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-							<div class="sub fnLocationNm">누리자 B/D</div>
-						</div>
-						<div class="scroll_right">
-							<button id="ITP_BTN_MPOMNG03010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
-						</div>
-					</li>
-				</div>
-			</div>
-		</div>
-	</div>
-  <div id="ITP_AJAX_MPOMNG03010_LIST_CONTAINER" style="display: block;">
-      <form id="ITP_FORM_MPOMNG03010_LIST" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
-	    <div class="content">
-    	  <div class="line header">
-			<div class="itp_search_header">구매발주현황</div>
-      	  </div>
-	      <div class="line">
-	        <label>발주일자</label>
-	        <div class="date_to date">
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
-	          <div class="at">~</div>
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_TO_DT" name="toDt" type="date">
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>발주상태</label>
-	        <div class="float_left">
-	          <select name="spchOdrStCd" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_PCH_ORD_ST_CD">
-	            <option value=""></option>
-	          </select>
-	      	</div>   
-	      </div>
-	      <div class="line">
-	        <label>공급업체</label>
-	        <div class="float_left">
-	          <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
-			  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-              <div class="itp_input_btn">
-	         	 <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-      		  </div>
-	        </div>
-	        <div class="float_right_btn">
-	          <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
-	        </div>
-	      </div>
-	      <div class="line">
-          	<label>납품장소</label>
-          	<div class="search_nm">
-	            <div class="float_left">
-	              <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
-				  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
-           		  <div class="itp_input_btn">
-	              	<button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-				  </div>
-	            </div>
-	            <div class="float_right_btn">
-	              <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-	            </div>
-          	</div>
-   	 	  </div>
-	      <div class="line" style="height:50px;">
-	        <div class="search">
-	          <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1><발주 내역></h1>
-	      </div>
-	    </div>
-      <div id="ITP_LIST_MPOMNG03010_LIST_ITEM_AREA" class="scroll_area row-3">
-        <ul id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWS" class="mb_0"></ul>
-        	<div id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
-		      <li class="list-row2">
-		        <div class="left">
-		          <div class="nomal">
-		            <label>발주일자 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnPodrDt">2022.10.01</div> 
-		              (<div class="fnOwnerNm">홍길동 점주</div>)
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>발주상태 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnPodrStCd">대기</div>
-		            </div>
-		            <label>납품장소명&nbsp;:</label>
-		            <div class="history">
-		              <div class="fnDlvPlaceNm">A매장내</div>
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>발주정보 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnItemQty">품목수(3)</div> 
-		              <i>-</i>
-		              <div class="fnItemAtm">1,200,000</div>원
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>공급업체 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnSpplyNm">A공급업체</div> 
-		            </div>
-		          </div>
-		        </div>
-		      </li>
-	      </div>
-	    </div>
-    </form>
-  </div>
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
-     <form id="ITP_FORM_MPOMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
-	    <div class="content">
-	      <div class="line">
-	        <label>발주일자</label>
-	        <div class="line_right">
-	          <div class="fnPodrDt">2022.10.10</div>
-	        </div>      
-	      </div>
-	      <div class="line">
-	        <label>발주금액</label>
-	        <div class="line_right">
-	          <div class="fnPodrAmt">424,000원</div>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>납품장소</label>
-	        <div class="line_right">
-	          <div class="fnDlvPlace">A매장내</div>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>공급업체</label>
-	        <div class="line_right">
-	          <div class="fnSpplyNm">A공급업체</div>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1>> 발주 품목</h1>
-	      </div>
-	    </div>
-      <div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_AREA" class="scroll_area row-2">
-        <ul id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWS" class="mb_0"></ul>
-        	<div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWCOPY" style="display:block;">
-			  <li>
-		        <div>
-		          <div class="left_info col-4">
-		            <div class="thick">
-             		  <label>품목명</label>
-             		  <span>:</span>
-		              <div class="fnItemNm">품목명</div>
-		            </div>
-		          </div>
-		          <div class="left_info col-6">
-		            <div class="thick">
-		              <label>수량/금액</label> 
-		              <span>:</span>
-		              <div class="fnQty">200</div>
-		              <span>/</span>
-		              <div class="fnAmt">1,224,000</div>
-		            </div>
-		          </div>
-		          <div class="left_info col-4">
-		            <div class="thick">
-		              <label>구매가 </label>
-		              <span>:</span>
-		              <div class="fnPchActAmt">12,000</div>
-		            </div>
-		          </div>
-		          <div class="left_info col-6">
-		            <div class="thick">
-		              <label>납기요청일</label>
-		              <span>:</span>
-		              <div class="fnDlvReqDt">2022.10.01</div>
-		            </div>
-		          </div>
-		        </div>
-		      </li>
-	      </div>
-	    </div>
-	    <div class="button_bar">
-	      <button id="ITP_BTN_MPOMNG03010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
-	    </div>
-    </form>
-  </div>
-  <div id="ITP_MOBILE_JS"></div>
-</section>
+
 		</div>
 	</div>
 	<footer id="ITP_FOOTER">

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

@@ -53,7 +53,7 @@
         </div>
       </div>
       <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-3">
-        <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS" class="mb_0"></ul>
+        <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS" class="mb_0 panel-group"></ul>
         <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display: none;">
       <!--   검색된 데이터가 없습니다  -->
       	<div class="itp_non_data" style="display:none;">

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

@@ -1,18 +1,18 @@
 <section id="ITP_MOBILE_MPOMNG02010">
-  <div id="ITP_AJAX_MPOMNG02010_LIST_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MPOMNG02010_LIST_CONTAINER" style="display: block;">
     <div class="content">
       <form id="ITP_FORM_MPOMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
         <input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
         <input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
    	    <div class="line header">
-			<div class="itp_search_header">구매요청현황</div>
+			<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청현황</div>
       	</div>
         <div class="line">
           <label>구매요청일</label>
 	        <div class="date_to date">
-              <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date" readonly>
+	          <input type="date" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" pattern="\d{4}.\d{2}.\d{2}">
 	          <div class="at">~</div>
-              <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date" readonly>
+	          <input type="date" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" pattern="\d{4}.\d{2}.\d{2}">
 	        </div>
 		</div>
       <div class="line">
@@ -46,17 +46,17 @@
       </div>
       </form>
     </div>
-    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
-      <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
-      <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
-        <li class="history_list list-row">
+    <div id="ITP_LIST_MPOMNG02010_LIST_AREA" class="scroll_area row-1">
+      <ul id="ITP_LIST_MPOMNG02010_LIST_ROWS" class="mb_0 panel-group"></ul>
+      <div id="ITP_LIST_MPOMNG02010_LIST_ROWCOPY" style="display: block;">
+        <li class="history_list">
           <div class="left">
             <div class="nomal">
               <label>구매요청일 </label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqDt"></div>
-                (<div class="fnPchReqMgrNm"></div>)
+                <div class="fnPchReqDt">2022.10.01</div>
+                (<div class="fnPchReqMgrNm">홍길동 점주</div>)
               </div>
             </div>
           </div>
@@ -66,14 +66,14 @@
                   <label>구매상태</label>
                   <span>:</span>
                   <div class="history">
-                    <div class="fnPchReqStNm"></div>
+                    <div class="fnPchReqStNm">대기</div>
                   </div>
               </div>
               <div class="half">
                   <label>납품장소명 </label>
                   <span>:</span>
                   <div class="history">
-                    <div class="fnWhsLocationNm"></div>
+                    <div class="fnWhsLocationNm">A매장내</div>
                   </div>
               </div>
             </div>
@@ -83,7 +83,7 @@
               <label>구매요청 정보</label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqItemQty"></div>
+                <div class="fnPchReqItemQty">품목수(3)</div>
                 <i>- </i>
                 <div class="fnPchReqTotalAmt"></div> 원
               </div>
@@ -94,7 +94,7 @@
               <label>결재정보 </label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqRjctNm"></div>
+                <div class="fnPchReqRjctNm">결제완료</div>
               </div>
             </div>
           </div>
@@ -133,18 +133,19 @@
       </div>
     </div>
     <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-2">
-      <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0"></ul>
+      <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
       <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: block;">
         <li class="list-row">
           <div class="left_info">
-             <div class="thick">
+            <div class="thick">
+              	<label>품목명</label>
+                <span>:</span>
                 <div class="itp_item fnItemNm">품목명</div>
               </div>
               <div class="thick">
-                <div class="itp_gram fnUnitAmt">700g</div>
-              </div>
-              <div class="thick">
-                <div class="itp_amt fnUnitAmt">1,120,000원</div>
+              	<label>구매가</label>
+                <span>:</span>
+                <div class="itp_amt fnUnitAmt">asdfasdf</div>
               </div>
            </div>   
           <div class="right">
@@ -170,7 +171,7 @@
       <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_MALL_ID" name="mallId" value="">
       <div class="content">
       	<div class="line header">
-			<div class="itp_search_header">구매요청현황</div>
+			<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청현황</div>
       	</div>
         <div class="line">
           <label>납기요청일</label>
@@ -211,21 +212,22 @@
         </div>
       </div>
       <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
-        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0"></ul>
-        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: block;">
+        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0 panel-group"></ul>
+        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: none;">
           <li class="list-row">
             <div class="left_info">
               <div class="check_box">
-                <div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
+                <div style="display:none;"><input style="width:20px;" type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
               </div>
               <div class="thick">
+              	<label>품목명</label>
+                <span>:</span>
                 <div class="itp_item fnItemNm">품목명</div>
               </div>
               <div class="thick">
-                <div class="itp_gram fnUnitAmt">700g</div>
-              </div>
-              <div class="thick">
-                <div class="itp_amt fnUnitAmt">1,120,000원</div>
+              	<label>구매가</label>
+                <span>:</span>
+                <div class="itp_amt fnUnitAmt">asdfasdf</div>
               </div>
             </div>
             <div class="right">
@@ -284,16 +286,16 @@
         </form>
       </div>
       <div class="select_btn">
-        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_blue">납품장소 V</button>
+        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_blue">납품장소 ▼</button>
       </div>
       <div id="ITP_LIST_MPOMNG02010_POP_WHS_AREA" class="popup_scroll">
-        <ul id="ITP_LIST_MPOMNG02010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
-        <div id="ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY" style="display: none;">
+        <ul id="ITP_LIST_MPOMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+        <div id="ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY" style="display: block;">
           <li class="row_2">
             <div class="scroll_left">
-              <div class="fnWhsNm"></div>
-              <div class="sub fnLocationNm"></div>
-              <div class="sub fnLocationNm"></div>
+              <div class="fnWhsNm">브랜드 창고 명A</div>
+              <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
+              <div class="sub fnLocationNm">누리자 B/D</div>
             </div>
             <div class="scroll_right">
               <button id="ITP_BTN_MPOMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -325,7 +327,7 @@
         </div>
       </form>
       <div id="ITP_LIST_MPOMNG02010_POP_ITEM_AREA" class="popup_scroll">
-        <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="mb_0"></ul>
+        <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="mb_0 panel-group"></ul>
         <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display: block;">
            <li class="row_2">
              <div class="scroll_left">

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

@@ -21,13 +21,12 @@
 			  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
 		  </div>
 		  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
-			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
+			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 panel-group itp_nav"></ul>
 			  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: block;">
 				  <li class="row_2">
 					  <div class="scroll_left">
-						  <div class="fnSpplyNm">공급업체 명A</div>
-						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-						  <div class="sub fnLocationNm">누리자 B/D</div>
+						  <div class="con_2 fnSpplyNm">공급업체 명A</div>
+						  <div class="con_2 sub fnStNm">($)</div>
 					  </div>
 					  <div class="scroll_right">
 						  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
@@ -37,7 +36,7 @@
 		  </div>
 	  </div>
 	</div>
-	  <div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+    <div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
 		  <div class="pop">
 			  <div class="header">
 				  <div class="header_left">
@@ -59,7 +58,7 @@
 				  <button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			  </div>
 			  <div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
-				  <ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
+				  <ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
 				  <div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: block;">
 					  <li class="row_2">
 						  <div class="scroll_left">
@@ -80,8 +79,8 @@
 		<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
 		  <div class="content">
 			<div class="line header">
-			  <div class="itp_search_header">구매발주현황</div>
-			  </div>
+			  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매발주현황</div>
+		    </div>
 			<div class="line">
 			  <label>발주일자</label>
 			  <div class="date_to date">
@@ -136,7 +135,7 @@
 			</div>
 		  </div>
 		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
-		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0"></ul>
+		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: block;">
 				<li class="list-row2">
 				  <div class="left">
@@ -216,38 +215,44 @@
 			</div>
 		  </div>
 		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-2">
-		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0"></ul>
+		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
 			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:block;">
-				<li>
-				  <div>
-					<div class="left_info col-4">
-					  <div class="thick">
-						 <label>품목명</label>
-						 <span>:</span>
-						<div class="fnItemNm">품목명</div>
-					  </div>
+				<li class="list-row2">
+				  <div class="left">
+					<div class="nomal">
+					  <label>품목명</label>
+					  <span>:</span>
+					  <div class="fnItemNm">품목명</div>
 					</div>
-					<div class="left_info col-6">
-					  <div class="thick">
-						<label>수량/금액</label> 
-						<span>:</span>
-						<div class="fnQty">200</div>
-						<span>/</span>
-						<div class="fnAmt">1,224,000</div>
+				  </div>
+				  <div class="left">
+					<div class="nomal">
+					  <label>수량</label>
+					  <span>:</span>
+					  <div class="history">
+						<div class="fnQty">대기</div>
+					  </div>
+					  <label class="sub_info">금액&nbsp;:</label>
+					  <div class="history">
+						<div class="fnAmt">A매장내</div>
 					  </div>
 					</div>
-					<div class="left_info col-4">
-					  <div class="thick">
-						<label>구매가 </label>
-						<span>:</span>
-						<div class="fnPchActAmt">12,000</div>
+				  </div>
+				  <div class="left">
+					<div class="nomal">
+					  <label>구매가 </label>
+					  <div class="history">
+					  <span>:</span>
+					  <div class="fnPchActAmt">품목수(3)</div> 
 					  </div>
 					</div>
-					<div class="left_info col-6">
-					  <div class="thick">
-						<label>납기요청일</label>
-						<span>:</span>
-						<div class="fnDlvReqDt">2022.10.01</div>
+				  </div>
+				  <div class="left">
+					<div class="nomal">
+					  <label>납기요청일가 </label>
+					  <div class="history">
+					  	<span>:</span>
+						<div class="fnDlvReqDt">A공급업체</div> 
 					  </div>
 					</div>
 				  </div>

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

@@ -5,6 +5,9 @@
 			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_IDX" name="sidx" value="0">
 			<div class="content">
+				<div class="line header">
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">납품서현황</div>
+			    </div>
 				<div class="line">
 					<select class="itp_label_select" name="dtlGubun" id="ITP_FORM_MPOMNG05010_LIST_DTL_GUBUN">
 						<option value="1">발주생성일</option>
@@ -69,9 +72,9 @@
 				</div>
 			</div>
 			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0"></ul>
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
-					<li class="history_list2 list-row">
+					<li class="history_list2">
 						<div class="left">
 							<div class="nomal">
 								<label class="">납품번호 </label>
@@ -144,7 +147,7 @@
 				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 			</div>
 			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 itp_nav"></ul>
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
 				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">
@@ -159,7 +162,7 @@
 			</div>
 		</div>
 	</div>
-	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: block;">
+	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
@@ -181,7 +184,7 @@
 				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
 				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">

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

@@ -5,13 +5,12 @@
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
 			<div class="content">
+				<div class="line header">
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입고처리</div>
+			    </div>
 				<div class="line">
 					<label>납품예정일</label>
 					<div class="date_to">
-						<!--<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" readonly>
-						<span class="input-group-addon itp_date_to">~</span>
-						<input type="text" id="ITP_FORM_STINFO02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" readonly>-->
-
 						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
 						<div class="at">~</div>
 						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
@@ -67,13 +66,14 @@
 		</form>
 		<form id="ITP_FORM_MPOMNG06010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
 			<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="mb_0"></ul>
+				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: block;">
 					<li class="history_list2">
 						<div class="left">
 							<div class="nomal">
 								<label>납품번호 </label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnDlvSttmtUnqNo"></div>
 								</div>
 							</div>
@@ -82,6 +82,7 @@
 							<div class="nomal">
 								<label class="history_label">납품예정일</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnDlvSchDt history_info"></div>
 								</div>
 							</div>
@@ -90,10 +91,12 @@
 							<div class="nomal">
 								<label>공급업체</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnSpplyNm history_info"></div>
 								</div>
 								<label class="sub_info">납품장소</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnWhsNm"></div>
 								</div>
 							</div>
@@ -102,6 +105,7 @@
 							<div class="nomal">
 								<label>품목 </label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnItemNm">(EA)</div>
 								</div>
 							</div>
@@ -110,10 +114,12 @@
 							<div class="nomal">
 								<label>납품수량</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnDlvQty history_info">10</div>
 								</div>
 								<label class="sub_info">입고수량</label>
 								<div class="history">
+									<span>:</span>
 									<input id="ITP_FORM_MPOMNG06010_LIST_WHS_QTY" class="fnWhsQty" name="whsQty" type="text" placeholder="10">
 								</div>
 							</div>
@@ -132,7 +138,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 공급업체</label>
+					<label>공급업체</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MPOMNG06010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -146,16 +152,16 @@
 					<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 			</div>
 			<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="list-row">
+				<ul id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnSpplyNm">공급업체 명A</div>
-							<div class="fnStNm">($)</div>
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
+							<div class="con_2 fnStNm">($)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -183,16 +189,17 @@
 					<button id="ITP_BTN_MPOMNG06010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG06010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MPOMNG06010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG06010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG06010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MPOMNG06010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG06010_POP_WHS_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="fnLocationNm">(상세위치내용)</div>
+						  <div class="fnWhsNm">브랜드 창고 명A</div>
+						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
+						  <div class="sub fnLocationNm">누리자 B/D</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG06010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -5,6 +5,9 @@
 			<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 			<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_IDX" name="sidx" value="0">
 	    <div class="content">
+    	  <div class="line header">
+    	  	<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입고현황</div>
+	      </div>
 	      <div class="line">
 			  <label>입고일자</label>
 	        <div class="date_to">
@@ -15,44 +18,40 @@
 	      </div>
 	      <div class="line">
 	        <label>발주번호</label>
-	        <div class="search_wrap">
-		        <div class="line_right">
-		          <input id="ITP_FORM_MPOMNG07010_LIST_PCH_PODR_UNQ_NO" name="spchPodrUnqNo" type="text">
-		        </div>
-		    </div>    
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG07010_LIST_PCH_PODR_UNQ_NO" name="spchPodrUnqNo" type="text">
+	        </div>
 	      </div>
 			<div class="line">
 				<label>공급업체</label>
-				<div class="search_nm">
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
-						<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-					</div>
-					<div class="float_left_btn">
+				<div class="float_left">
+					<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
+					<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
+       				<div class="itp_input_btn">
 						<button id="ITP_BTN_MPOMNG07010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
 					</div>
 				</div>
+				<div class="float_right_btn">
+					<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+				</div>
 			</div>
 			<div class="line">
 				<label>납품장소</label>
-				<div class="search_nm">
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
-						<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
-					</div>
-					<div class="float_left_btn">
+				<div class="float_left">
+					<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+					<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+       				<div class="itp_input_btn">
 						<button id="ITP_BTN_MPOMNG07010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 					</div>
 				</div>
+				<div class="float_right_btn">
+					<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+				</div>
 			</div>
 	      <div class="line">
 	        <label>품목명</label>
-	       	<div class="search_wrap">
-		        <div class="float_left">
-		          <input id="ITP_FORM_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
-		        </div>
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
 	        </div>
 	      </div>
 	      <div class="line" style="height:50px;">
@@ -65,14 +64,15 @@
 	      </div>
 	    </div>
       <div id="ITP_LIST_MPOMNG07010_LIST_ITEM_AREA" class="scroll_area row-4">
-        <ul id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWS" class="panel-group"></ul>
-        	<div id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWCOPY" style="display: none;">
-		      <li class="history_list2 list-row">
+        <ul id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
+        	<div id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWCOPY" style="display: block;">
+		      <li class="history_list2">
 		        <div class="left">
 		          <div class="nomal">
 		            <label>발주번호 </label>
 		            <div class="history">
-		              <div class="fnPchPodrUnqNo"></div>
+		           		<span>:</span>
+		              	<div class="fnPchPodrUnqNo"></div>
 		            </div>
 		          </div>
 		        </div>
@@ -80,6 +80,7 @@
 		          <div class="nomal">
 		            <label class="history_label">입고일자</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnDlvCmpltDt history_info"></div>
 		            </div>
 		          </div>
@@ -88,10 +89,12 @@
 		          <div class="nomal">
 		            <label>공급업체</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnSpplyNm history_info"></div>
 		            </div>
 		            <label class="sub_info">납품장소</label>
 		            <div class="history">
+		           	  <span>:</span>
 		              <div class="fnDlvPlace"></div>
 		            </div>
 		          </div>
@@ -100,6 +103,7 @@
 		          <div class="nomal">
 		            <label>품목 </label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnItemNm">품목명(EA)</div> 
 		            </div>
 		          </div>
@@ -108,10 +112,12 @@
 		          <div class="nomal">
 		            <label>발주수량</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnPodrQty history_info"></div>
 		            </div>
 		            <label class="sub_info">입고수량</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnWhsQty"></div>
 		            </div>
 		          </div>
@@ -126,7 +132,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 공급업체</label>
+					<label>공급업체</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MPOMNG07010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -140,16 +146,16 @@
 					<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 			</div>
 			<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="list-row">
+				<ul id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnSpplyNm">공급업체 명A</div>
-							<div class="fnStNm">($)</div>
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
+							<div class="con_2 fnStNm">($)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -163,7 +169,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 납품장소</label>
+					<label>납품장소</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MPOMNG07010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
@@ -177,16 +183,17 @@
 					<button id="ITP_BTN_MPOMNG07010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG07010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MPOMNG07010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG07010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG07010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MPOMNG07010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG07010_POP_WHS_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
 							<div class="fnWhsNm">브랜드 창고 명A</div>
 							<div class="fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">누리자 B/D</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG07010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -7,6 +7,9 @@
 			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_DVSN" name="whsDvsn" value="">
 			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_RTN_REQ_ST_CD" name="rtnReqStCd" value="">
 			<div class="content">
+				<div class="line header">
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청</div>
+		      	</div>
 				<div class="line">
 					<label>반품요청일</label>
 					<input id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="date" data-check-required="empty" type="date" placeholder="">
@@ -19,45 +22,46 @@
 				</div>
 				<div class="line">
 					<label>빈품장소</label>
-					<div class="search_nm">
-						<div class="float_left">
-							<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" placeholder="" readonly />
-							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
-							<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION_NM" class="" name="rtnWhsNm" data-check-required="empty" placeholder="" readonly />
-							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" name="rtnLocation" value="" />
-						</div>
-						<div class="float_left_btn">
+					<div class="float_left">
+						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" placeholder="" readonly />
+						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
+						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION_NM" class="" name="rtnWhsNm" data-check-required="empty" placeholder="" readonly />
+						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" name="rtnLocation" value="" />
+       					<div class="itp_input_btn">
 							<button id="ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
-							<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 						</div>
 					</div>
+					<div class="float_right_btn">
+						<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					</div>
 				</div>
-				<div class="line">
+				<div class="header line">
 					<div class="table_header">
-						<h1>>빈품 품목</h1>
+						<h1><빈품 품목></h1>
 						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
 						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MRTNMNG01010_ITEM_AREA">품목추가</button>
 					</div>
 				</div>
 			</div>
-			<div id="ITP_LIST_MRTNMNG01010_ITEM_AREA" class="scroll_area row-1-1">
-				<ul id="ITP_LIST_MRTNMNG01010_DETAIL_ROWS" class="panel-group"></ul>
-				<div id="ITP_LIST_MRTNMNG01010_DETAIL_ROWCOPY" style="display:none;">
-					<li class="row_2">
+			<div id="ITP_LIST_MRTNMNG01010_ITEM_AREA" class="scroll_area row-2-1">
+				<ul id="ITP_LIST_MRTNMNG01010_DETAIL_ROWS" class="mb_0 panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG01010_DETAIL_ROWCOPY" style="display: block;">
+					<li class="list-row">
 						<div class="left_info">
-							<div class="check_box"><!-- class 변경 -->
-								<div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
-							</div>
-							<div class="thick">
-								<div class="fnItemNm">품목명</div>
-								<div>-</div>
-								<div class="fnUnit">EA</div>
-							</div>
-							<div class="thick">
-								<label class="space0">구매가 :</label>
-								<div class="fnUnitAmt">1,120,000</div>
-							</div>
-						</div>
+			              <div class="check_box">
+			                <div style="display:none;"><input style="width:20px;" type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
+			              </div>
+			              <div class="thick">
+			              	<label>품목명</label>
+			                <span>:</span>
+			                <div class="itp_item fnItemNm">품목명</div>
+			              </div>
+			              <div class="thick">
+			              	<label>구매가</label>
+			                <span>:</span>
+			                <div class="itp_amt fnUnitAmt">asdfasdf</div>
+			              </div>
+			            </div>
 						<div class="right">
 							<button id="ITP_BTN_MRTNMNG01010_DETAIL_MINUS" class="DETAIL_ITEM_MINUS">-</button>
 							<div class="num fnPchReqQty">1</div>
@@ -99,7 +103,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 반품장소</label>
+					<label>반품장소</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MRTNMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -113,16 +117,17 @@
 					<button id="ITP_BTN_MRTNMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MRTNMNG01010_POP_WHS_NM" class="btn_blue">반품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MRTNMNG01010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MRTNMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MRTNMNG01010_POP_WHS_ROWCOPY" style="display:none;">
+				<ul id="ITP_LIST_MRTNMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MRTNMNG01010_POP_WHS_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">
 							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">누리자 B/D</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MRTNMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -136,7 +141,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 품목 검색</label>
+					<label>품목 검색</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MRTNMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -149,33 +154,27 @@
 					<input id="ITP_FORM_MRTNMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
 					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
 				</div>
-				<div class="search_bar">
+				<div class="select_btn">
 					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
 				</div>
 			</form>
 			<div id="ITP_LIST_MRTNMNG01010_POP_ITEM_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
-				<div id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWCOPY" style="display:none;">
+				<ul id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWS" class="mb_0 panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWCOPY" style="display: block;">
 					<li class="row_2">
-						<div class="left" style="width:180px;">
-							<div class="thick">
-								<div class="fnItemNm">품목명</div>
-								<div>-</div>
-								<div class="fnUnit">EA</div>
-							</div>
-							<div class="thick" style="font-weight:100;">
-								<div class="space">구매가 :</div>
-								<div class="fnUnitAmt">0</div>
-							</div>
-						</div>
+						 <div class="scroll_left">
+                            <div class="fnItemNm"></div>
+                            <div class="sub fnKg"></div>
+                            <div class="amt fnUnitAmt"></div>
+                        </div>
+                        <div class="scroll_right">
+                            <button id="ITP_BTN_MPOMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+                        </div>
 						<div class="right">
 							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
 							<div class="num fnPchReqQty">1</div>
 							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
 						</div>
-						<div class="add">
-							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
-						</div>
 					</li>
 				</div>
 			</div>

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

@@ -155,6 +155,11 @@ body.eee {height: 700px; background: #eee;}
 #ITP_LOGIN .login_popup .num_area .input_area {margin-bottom: 10px;}
 #ITP_LOGIN .login_popup .num_area .input_area input {width:50%; font-size: 0.8rem; }
 #ITP_LOGIN .login_popup .num_area .input_area button {margin-left: 0.1%; width: 19.5%; height: 45px; background-color: #f7b014; color: #eee; font-size: 16px; padding: 0; border:3px solid #fbd896; border-radius: 10px;}
+#ITP_LOGIN .login_popup .itp_del_btn.reg_no {left:120px; top:5px;}
+#ITP_LOGIN .login_popup .itp_del_btn.reg_no button {width:45px; border:none; background:transparent;}
+#ITP_LOGIN .login_popup .itp_del_btn {position:absolute; top:12px; right:66px;}
+#ITP_LOGIN .login_popup .itp_del_btn button {width:25px; border:none; padding:0;}
+#ITP_LOGIN .login_popup .itp_del_btn button img{width:18px;}
 #ITP_LOGIN .login_popup .num_area .brand_list select {padding-left: 10px; width: 70%; height: 45px; font-size: 0.8rem; border:2px solid #ddd; border-radius:10px; background: url(../img/downarrow.png)no-repeat 95% 50%/20px auto; -webkit-appearance:none; appearance:none;}
 #ITP_LOGIN .login_popup .num_area .brand_list select option {text-align: left; width: 70%; height: 50px; border: 1px solid #000; font-size: 20px;} 
 
@@ -192,7 +197,7 @@ body.eee {height: 700px; background: #eee;}
 .main .wicon .icon_left {float: left;}
 
 
-input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
+input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 10px;}
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
 
 select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
@@ -274,7 +279,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .header {width:100% !important; height:55px !important; margin:0 !important;}
 .content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
 .content .line div {font-weight: 700;}
-.content .line div.itp_search_header {font-weight:100; background:#fff; margin:5px 10px; padding:9px 10px 4px 9px; text-align: left; color:#b88278;border: 1px solid #aaa; border-radius: 5px;}
+.content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
+.content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
 .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;}
 .content .line label.pay_label {margin:38px 1%; width:98%;}
 .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,7 +297,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
 .content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
 .content .line .float_right_btn button img {width:20px; height:20px;}
-.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 1rem;}
+.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;;}
 .content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:50%}
 .content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
@@ -302,11 +308,12 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .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: 50%; margin: 5px 0; height: 35px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
 .content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
-.content .line div.date_to {width:60%; float: left; margin-right:10px;}
-.content .line div.date_to input {width:45%}
+.content .line div.date_to {width:60%; float: left; margin-right:0px;}
+.content .line div.date_to input {width:45%; font-size:14px;}
+
 .content .line div.date_to div.at {width: 3%;  font-size: 1rem; float: right; display: contents;}
 .content .line .search {width: 100%; height: 50px; padding-top:8px;}
-.content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
+.content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
 .content .line .search button.col_3 {width: 25%; margin:0 12px;}
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
 .content .border {border-bottom: 1px solid #000 !important;}
@@ -362,41 +369,40 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* scroll_area 조정 */
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
-.row-1{top: 350px;}
-.row-1-1{top:364px;}
+.row-1{top: 347px;}
+.row-1-1{top:363px;}
 .row-2{top: 300px;}
-
+.row-2-1{top:317px;}
 .row-3{top: 395px;}
-.row-4{top: 385px;}
+.row-4{top: 440px;}
 .row-5{top: 418px;}
 .row-6{top: 468px;}
 .row-7{top: 533px;}
 .row-9{top: 383px;}
 
-.col-4{width:40% !important;}
+.col-4{width:35% !important;}
 .col-6{width:60% !important;}
+.col-4 .thick{width:100% !important;}
+.col-6 .thick{width:100% !important;}
 
 .scroll_area ul.mb_0 {margin-bottom:0 !important;}
 .scroll_area .itp_non_data {margin:35% auto;}
 .scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
 
-.scroll_area li.list-row {height:100px;}
+.scroll_area li.list-row {display: inline-flex; height:80px;}
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}
 
-.scroll_area li .left_info {float:left; margin-top:6px;}
+.scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:6px;}
 .scroll_area li .left_info div {display: inline-block; font-size:14px;}
 .scroll_area li .left_info span {font-size: 14px;}
 .scroll_area li .left_info label{font-size: 16px; font-weight:100; margin-left:10px;}
-.scroll_area li .left_info .check_box {padding:20px 3px; height:88px; float:left; width:13px;}
-.scroll_area li .left_info .thick {float:left;  margin: 2px 0 0 8px; font-size: 18px; text-align: left; width: 110%; font-weight: 100;}
+.scroll_area li .left_info .check_box {padding:10px; height:72px; float:left; width:30px;}
+.scroll_area li .left_info .thick {float:left;  margin-top: 2px; font-size: 18px; text-align: left; width: 200px;; font-weight: 100;}
 .scroll_area li .left_info .thick .itp_item {color:gray;}
 .scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:16px;}
 .scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
 .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
 .scroll_area li .left_info .history input{width: 150px;}
-.scroll_area li .md_info{width:140px; float:right; font-size:1rem; margin-top:17px;}
-.scroll_area li .md_info .thick {float:left;  margin: 2px; font-size: 18px; text-align: left; width: 90%; font-weight: 100;}
-.scroll_area li .md_info .thick div{color:gray;}
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
 .scroll_area li.history_list .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
 .scroll_area li.history_list .scroll_btn {width:10%; height:130px; margin-top:-5px; display:inline-flex;}
@@ -435,7 +441,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
 .scroll_area li .left .nomal .half {float:left;}
 .scroll_area li .left .nomal .half label {min-width:auto;}
-.scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px;}
+.scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px; margin-top:0;}
 .scroll_area li .left .nomal  input{width: 85px; height:30px;}
 
 .scroll_area li .scroll_btn {width:10%; height:158px; margin-top:-5px; display:inline-flex;}
@@ -448,7 +454,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
 
-.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:100px; text-align:left;}
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:90px; text-align:left;}
 .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_2{width: 95px;}
@@ -456,9 +462,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
 .scroll_area li .left .nomal .col_5{min-width:50px;}
 
-.scroll_area li .right {margin: 28px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
+.scroll_area li .right {margin: 20px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
 .scroll_area li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
-.scroll_area li .right .fnnum {margin:13px 30px;}
+.scroll_area li .right .fnnum {margin:10px 30px;}
 .scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
 
 /* ITP_FOOTER */
@@ -499,9 +505,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line .float_left {width:70%;}
 	.content .line div.date_to {width:70%;}
 	.content .line div.date_to input {width:45%}
-	.content .line {margin:-5px 3%;}
 	.content .line .float_left.name {width:76%;}
 	.modal-dialog {margin:auto 20% !important;}
+	.scroll_area li .left_info .thick {width: 90%;}
 }
 @media screen and (max-height: 720px) {
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}