모바일 퍼블리싱 적용

bin/src/main/webapp/js/app/config.js

@@ -340,7 +340,7 @@ require([
 					POP_LIST = result.popList;
 					USER_ID = result.userId; 
 					USER_NM = result.userNm;					
-					USER_TYPE_CD = result.userTypeCd;
+					// USER_TYPE_CD = result.userTypeCd;
 					AUTH_TYPE_CD = result.authTpCd;
 					AUTH_TYPE_NM = result.authTpNm;
 					AFFL_SHOP_LIST = result.afflList;
@@ -389,7 +389,7 @@ require([
 function fn_make_menu_summary() {
 	
 	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody tr').css('display','none');				
-	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody .USER_TYPE_'+USER_TYPE_CD).show(); 
+	// $('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody .USER_TYPE_'+USER_TYPE_CD).show();
 	
 }
 
@@ -535,13 +535,13 @@ function fn_proc_btn_auth(menu_id) {
 	});
 	
 	// 가맹점검색 버튼 처리
-	if(USER_TYPE_CD == 'N' || USER_TYPE_CD == 'P') { // 내부사용자&영업
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').show();
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').show();			
-	} else {
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').hide();
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').hide();
-	}
+	// if(USER_TYPE_CD == 'N' || USER_TYPE_CD == 'P') { // 내부사용자&영업
+	// 	$('#ITP_TXT_'+menu_id+'_SHR_CMPY').show();
+	// 	$('#ITP_BTN_'+menu_id+'_SHR_CMPY').show();
+	// } else {
+	// 	$('#ITP_TXT_'+menu_id+'_SHR_CMPY').hide();
+	// 	$('#ITP_BTN_'+menu_id+'_SHR_CMPY').hide();
+	// }
 	
 	fn_proc_popup_view('S', menu_id); // 팝업처리
 }

bin/src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -851,6 +851,7 @@ let kakaoMap = {
 	},
 	load: function(id, locate) {
 		var _this = this;
+		console.log(id);
 		kakao.maps.load(function() {
 			var map = _this.getMap(id);
 			// 주소-좌표 변환 객체를 생성합니다

bin/src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -485,7 +485,7 @@ let modifyObj = {
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CREDT_LIMIT_AMT').val(result.limitAmt);
 
 		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
-		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', cmpyAdres);
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL', cmpyAdres);
 	}
 };
 

src/main/webapp/js/app/config.js

@@ -394,8 +394,7 @@ require([
 
 function fn_make_menu_summary() {
 	
-	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody tr').css('display','none');				
-	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody .USER_TYPE_'+USER_TYPE_CD).show(); 
+	$('#ITP_AJAX_SUMMARY_DETAIL_CONTAINER #ITP_SUMMARY_jqGrid_list tbody tr').css('display','none');
 	
 }
 
@@ -539,16 +538,7 @@ function fn_proc_btn_auth(menu_id) {
 			}
 		}
 	});
-	
-	// 가맹점검색 버튼 처리
-	if(USER_TYPE_CD == 'N' || USER_TYPE_CD == 'P') { // 내부사용자&영업
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').show();
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').show();			
-	} else {
-		$('#ITP_TXT_'+menu_id+'_SHR_CMPY').hide();
-		$('#ITP_BTN_'+menu_id+'_SHR_CMPY').hide();
-	}
-	
+
 	fn_proc_popup_view('S', menu_id); // 팝업처리
 }
 

src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -152,6 +152,7 @@ let pageObj = {
 	init: function () {
 		this.ui.init();
 		this.event.init();
+		this.fileUpload();
 	},
 	itp_OPER03010_param: {},
 	itp_OPER03010_search: false,
@@ -293,7 +294,7 @@ let pageObj = {
 							$(OPER03010_DETAIL_GRID_ID).jqGrid('addRowData', value.saleMgrId, value, 'last');
 						}
 					});
-					$(OPER03010_DETAIL_GRID_EMPTY).hide();
+					$(this.mode === 'VIEW' ? OPER03010_VIEW_GRID_EMPTY : OPER03010_DETAIL_GRID_EMPTY).hide();
 				};
 				fn_call_popup('biz', 'BIZPOP_APPL_SALES_USER_SCH', '#ITP_ASIDE', popFn, null, 'S');
 			},
@@ -458,8 +459,8 @@ let viewObj = {
 		$('#ITP_FORM_OPER03010_VIEW .fnAfflShopNm').text(result.afflShopNm);
 		$('#ITP_FORM_OPER03010_VIEW .fnAfflShopKey').text(result.afflAbbr);
 		$('#ITP_FORM_OPER03010_VIEW .fnStCd').text(result.stNm);
-		$('#ITP_FORM_OPER03011_VIEW .fnCorpTypeNm').text(result.corpTypeNm);
-		$('#ITP_FORM_OPER03010_VIEW .fnBsnsRegNo').text(result.corpRegNo);
+		$('#ITP_FORM_OPER03010_VIEW .fnCorpTypeNm').text(result.authTypeNm);
+		$('#ITP_FORM_OPER03010_VIEW .fnBsnsRegNo').text(result.bsnsRegNo);
 		$('#ITP_FORM_OPER03010_VIEW .fnCorpRegNo').text(result.corpRegNo);
 		$('#ITP_FORM_OPER03010_VIEW .fnTelNo').text(result.ownerTelNo);
 		$('#ITP_FORM_OPER03010_VIEW .fnFaxNo').text(result.rprstFaxNo);
@@ -475,7 +476,7 @@ let viewObj = {
 		$('#ITP_FORM_OPER03010_VIEW .fnDtlAddr').text(result.addr2);
 
 		let locate = result.addr1 + ' ' + result.addr2;
-		kakaoMap.init('ITP_FORM_OPER03011_VIEW', locate);
+		kakaoMap.init('ITP_FORM_OPER03010_VIEW', locate);
 
 		// 영업담당자정보  리스트 조회
 		pageObj.grid.init('VIEW', result.saleList);
@@ -510,8 +511,8 @@ let modifyObj = {
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CORP_TYPE').val(result.corpType);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CORP_REG_NO').val(result.corpRegNo);
-		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_STINFO01010_DETAIL_TEL_NO').val(result.ownerTelNo);
-		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_STINFO01010_DETAIL_FAX_NO').val(result.rprstFaxNo);
+		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_TEL_NO').val(result.ownerTelNo);
+		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_FAX_NO').val(result.rprstFaxNo);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_EMAL_ADDR').val(result.rprstEmai);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_OWNER_NM').val(result.ownerNm);
@@ -536,7 +537,6 @@ let modifyObj = {
 /*신규화면 Object*/
 let createObj = {
 	init: function () {
-		pageObj.fileUpload();
 		kakaoMap.init('ITP_FORM_OPER03010_DETAIL', '');
 		pageObj.grid.init('DETAIL', []);
 	},

src/main/webapp/js/app/oper/ITP_OPER04010.js

@@ -297,13 +297,15 @@ let viewObj = {
         $('#ITP_FORM_OPER04010_VIEW .fnTelNo').text(result.rprstTelNo);
         $('#ITP_FORM_OPER04010_VIEW .fnFaxNo').text(result.rprstFaxNo);
         $('#ITP_FORM_OPER04010_VIEW .fnEmail').text(result.rprstEmal);
-        $('#ITP_FORM_OPER04010_VIEW .fnAddress').text('('+ result.zipNo + ') ' + result.addr1 + ' ' + result.addr2);
+        $('#ITP_FORM_OPER04010_VIEW .fnZipNo').text(result.zipNo);
+        $('#ITP_FORM_OPER04010_VIEW .fnLoadAddr').text(result.addr1);
+        $('#ITP_FORM_OPER04010_VIEW .fnDtlAddr').text(result.addr2);
 
         $('#ITP_FORM_OPER04010_VIEW .fnAddDt').text(result.sysRegDttm);
         $('#ITP_FORM_OPER04010_VIEW .fnChgDt').text(result.sysChgDttm);
 
         var adres = result.addr1 + ' ' + result.addr2;
-        kakaoMap.init('ITP_FORM_OPER04010_VIEW_MAP', adres);
+        kakaoMap.init('ITP_FORM_OPER04010_VIEW', adres);
     }
 };
 
@@ -343,7 +345,7 @@ let modifyObj = {
         $('#ITP_FORM_OPER04010_DETAIL .fnAddDt').text(result.sysRegDttm);
         $('#ITP_FORM_OPER04010_DETAIL .fnChgDt').text(result.sysChgDttm);
 
-        kakaoMap.init('ITP_FORM_OPER04010_DETAIL_MAP', $('#ITP_FORM_OPER04010_DETAIL_ADRES').val());
+        kakaoMap.init('ITP_FORM_OPER04010_DETAIL', $('#ITP_FORM_OPER04010_DETAIL_ADRES').val());
     }
 };
 
@@ -391,7 +393,7 @@ let createObj = {
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_HJ_DONG').value = !!data.hname ? data.hname : data.bname;
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_BJ_DONG').value = data.bname;
 
-                    kakaoMap.init('ITP_FORM_OPER04010_DETAIL_MAP', data.roadAddress);
+                    kakaoMap.init('ITP_FORM_OPER04010_DETAIL', data.roadAddress);
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES_DTL').focus();
                 }
             }).open();

src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -384,7 +384,7 @@ let viewObj = {
 		$('#ITP_FORM_STINFO02010_VIEW .fnDtlAddr').text(result.addr2);
 
 		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
-		kakaoMap.init('ITP_FORM_STINFO02010_VIEW_MAP', cmpyAdres);
+		kakaoMap.init('ITP_FORM_STINFO02010_VIEW', cmpyAdres);
 
 		$('#ITP_FORM_STINFO02010_VIEW .fnBrandAcctInfo').text(result.brandAcctNo);
 		$('#ITP_FORM_STINFO02010_VIEW .fnLoanDvsn').text(result.loanDvsnNm);
@@ -448,7 +448,7 @@ let modifyObj = {
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CREDT_LIMIT_AMT').val(result.limitAmt);
 
 		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
-		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', cmpyAdres);
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL', cmpyAdres);
 	}
 };
 
@@ -456,7 +456,7 @@ let modifyObj = {
 let createObj = {
 	init: function () {
 		$('#ITP_FORM_STINFO02010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
-		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', '');
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL', '');
 	},
 	button: {
 		cancel: function() {

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

@@ -0,0 +1,16 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<div class="loding">
+		<div class="start">
+			<h2>오더퀸</h2>
+			<h1>수발주시스템</h1>
+		</div>
+		<div class="cap">
+			<h3>앱</h3>
+			<h3>FULL IMAGE</h3>
+		</div>
+	</div>
+		<div class="brand_name">
+			<h4>RICHBEAM</h4>
+		</div>
+</section>

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

@@ -1,106 +1,37 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-	<meta charset="UTF-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>누리키오스크 운영시스템</title>
-	<meta name="Description" content="" />
-	<meta name="Keywords" content="" />
-	<meta name="Author" content="누리키오스크" />
-	<meta name="HandheldFriendly" content="true" />
-	<meta name="format-detection" content="telephone=no">
-	<meta name="apple-mobile-web-app-capable" content="yes" />
-	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
-
-	<link rel="shortcut icon" type="image/png" href="../../images/favicon.ico"/>
-	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
-	<link rel="stylesheet" href="../../css/style.css" />
-
-	<script>
-		const VIEW_PAGE = 'LOGIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
-		var CONN_KEY; //Jwt 토큰을 담기위한 변수
-		var POP_LIST; //팝업 리스트
-	</script>
-
-	<script src="../../js/app/properties.js"></script>
-	<script src="../../js/require.min.js" data-main="../../js/app/config.js"></script>
-</head>
-<body>
-	<div id="ITP_LOGIN">
-		<div class="itp_cont">
-			<div class="container">
-				<div class="itp_box_wrap">
-					<div class="itp_head fix">
-						<h1 class="itp_logo">누리키오스크</h1>
-						<span class="itp_bar">|</span>
-						<h2 class="text-center itp_tit">운영시스템</h2>
-					</div>
-					<div class="panel panel-default itp_box">
-						<div class="panel-body itp_body">
-							<form id="command" 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="" />
-
-								<div class="row">
-									<div class="col-xs-9">
-										<div class="form-group">
-											<label class="col-xs-3 itp_lb">아이디</label>
-											<div class="col-xs-9">
-												<input type="text" class="form-control" id="ITP_FORM_LOGIN_USER_ID" autofocus>
-											</div>
-										</div>
-										<div class="form-group">
-											<label class="col-xs-3 itp_lb">비밀번호</label>
-											<div class="col-xs-9">
-												<input type="password" class="form-control" id="ITP_FORM_LOGIN_USER_PW" autocomplete="off">
-											</div>
-										</div>
-										<div class="form-group">
-											<div class="col-xs-offset-3 col-xs-9">
-												<div class="checkbox pull-left">
-													<label><input type="checkbox" id="ITP_FORM_LOGIN_SAVE_ID"> 아이디저장</label>
-												</div>
-											</div>
-										</div>
-										<div class="form-group">
-											<div class="col-xs-offset-3 col-xs-9">
-												<p class="text-nowrap itp_error" id="ITP_FORM_LOGIN_ERROR">
-												아이디와 비밀번호를 입력하세요.
-												</p>
-											</div>
-										</div>
-									</div>
-									<div class="col-xs-3">
-										<button type="submit" id="login_btn" class="btn btn-primary btn-lg itp_btn">로그인</button>
-									</div>
-								</div>
-							</form>
-						</div>
-					</div>
-					<div class="panel panel-default text-center itp_foot">본 시스템은 크롬 브라우저에 최적화 되어 있습니다.</div>
-					<div class="text-center itp_copyright">COPYRIGHT © NOORIJA Co., Ltd. ALL RIGHTS RESERVED</div>
-				</div>
-			</div>
-		</div>
+<link rel="stylesheet" href="../..//css/style.m.css">
+<section>
+  <div class="login_popup">
+    <div class="login_info">
+      <h1>서비스<br>VISUAL IMAGE</h1>
+    </div>
+    <div class="num_area">
+      <div class="input_area">
+        <input type="text" name="id" id="id"  required>
+        <label for="id">사업자번호</label>
+        <button>연결</button>
+      </div>
+      <div class="brand_list">
+        <select name="" id="">
+          <option>브랜드 리스트</option>
+          <option>asdfasdf</option>
+        </select>
+      </div>
+    </div>
+    <div class="login_page">
+      <div class="input_area">
+        <input type="text" name="id" id="id"  required>
+        <label for="id">아이디</label>
+      </div>
+      <div class="input_area">
+        <input type="password" name="pw" id="pw"  required>
+        <label for="pw">비밀번호</label>
+      </div>
+    </div>
+    <div class="error">
+      <label>사업자번호와 관련된 브랜드 정보가 없습니다.</label>
+    </div>
+  </div>
+  <div class="login_btn">
+		<button>로그인</button>
 	</div>
-	<aside id="ITP_ASIDE">
-		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
-			<div class="modal-dialog modal-sm">
-				<div class="modal-content">
-					<div class="modal-header">
-						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-						<h5 class="modal-title">알림</h5>
-					</div>
-					<div class="modal-body">
-						<div class="text-center itp_alert_txt"></div>
-					</div>
-					<div class="modal-footer">
-						<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</aside>
-	<script src="../js/app/login.js?version=20210826"></script>
-</body>
-</html>
+</section>

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

@@ -1,490 +1,69 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-	<meta charset="UTF-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>누리키오스크 운영시스템</title>
-	<meta name="robots" content="noindex, nofollow" />
-	<meta name="Description" content="" />
-	<meta name="Keywords" content="" />
-	<meta name="Author" content="누리키오스크" />
-	<meta name="HandheldFriendly" content="true" />
-	<meta name="format-detection" content="telephone=no">
-	<meta name="apple-mobile-web-app-capable" content="yes" />
-	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
-	
-	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
-	<meta http-equiv="Expires" content="0">
-	<meta http-equiv="Pragma" content="no-cache">
-
-	<link rel="shortcut icon" type="image/png" href="../../images/favicon.ico"/>
-	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
-	<link rel="stylesheet" href="../../bootstrap-datepicker/css/bootstrap-datepicker3.css" />
-	<link rel="stylesheet" href="../../bootstrap-fileUpload/dist/bootstrap-FileUpload.css" />
-    <link rel="stylesheet" href="../../css/ui.jqgrid-bootstrap.css" />
-	<link rel="stylesheet" href="../../css/style.css" />
-
-	<script>
-		const ITP_SYSTEM_ADMIN_YN = 'Y';		
-		const VIEW_PAGE = 'MAIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
-		
-		var CONN_KEY; //Jwt 토큰을 담기위한 변수
-		var CODE_LIST; //코드리스트를 담기위한 변수
-		var AUTH_MENU_LIST; //메뉴리스트를 담기위한 변수
-		var ACT_LIST; //액션리스트를 담기위한 변수
-		var POP_LIST; //팝업 리스트
-		var USER_ID; //사용자ID
-		var USER_NM; //사용자명		
-	</script>
-
-	<script src="../../js/app/properties.js"></script>
-	<script src="../../js/require.min.js" data-main="../../js/app/config.js"></script>
-</head>
-<body>
-	<div id="ITP_WRAPPER">
-		<!-- <div id="ITP_OVERLAY"></div> -->
-
-		<!-- 상단 -->
-		<header id="ITP_HEADER">
-			<div class="itp_head bg-primary">
-				<h1 class="text-center itp_tit">
-					<span id="ITP_TXT_MAIN_SHR_AFFL">오더퀸</span>
-					<span style="font-size: 18px; margin-top: -3px">|</span>
-					<span style="font-size: 14px">수발주시스템</span>
-				</h1>
-				<div class="itp_lt">
-					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_MENU"><i class="glyphicon glyphicon-align-justify"></i></a></span>
-					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_HOME"><i class="glyphicon glyphicon-home"></i></a></span>
-					<span class="itp_user" id="ITP_LOGIN_USER" style="cursor: pointer;"></span>
-					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_BARCODE"><i class="glyphicon glyphicon-barcode"></i></a></span>
-				</div>
-				<div class="itp_rt">
-					<!--<span class="itp_logo"><img src="/oqpo-view/images/favicon.ico" alt="로고"></span>-->
-					<span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_TIMEOUT"></span>
-					<span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_BRAND"></span>
-					<span class="itp_sch_brand"><button type="button" id="ITP_BTN_MAIN_SHR_AFFL" class="btn btn-success btn-sm SEB"><i class="glyphicon glyphicon-search"></i></button></span>
-					<span class="itp_menu"><a href="javascript:void(0)" class="">메뉴안내</a></span>
-					<span class="itp_out"><a href="javascript:void(0)" class="ITP_BTN_LOGOUT">로그아웃</a></span>
-				</div>
-			</div>
-			<!-- 상단 탭 부분 -->
-			<div class="itp_tabs">
-				<ul class="nav nav-tabs itp_tab_list" role="tablist">
-					<li class="active"><a href="#ITP_TAB_SUMMARY" role="tab" data-toggle="tab" class="itp_tab_open">메뉴안내</a></li>
-				</ul>
-			</div>
-		</header>
-		
-		<div id="ITP_CONTENT_WRAPPER" class="fix">
-			
-		<nav id="ITP_SIDEBAR" class="itp_open_nav">
-			
-				<ul class="panel-group itp_nav"></ul>
-				
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">		
-				<li class="panel panel-default">
-					<div class="panel-heading">
-						<div class="panel-title">
-							<a class="accordion-toggle" data-toggle="collapse" href="">
-								<span class="fnMenuNm">메뉴명</span>
-								<i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
-							</a>
-						</div>
-					</div>
-					<div class="panel-collapse collapse" id="">
-						<div class="panel-body itp_svgs_body">
-							<ul class="itp_svgs fnLevelBottomList"></ul>
-						</div>
-					</div>
-				</li>		
-				</textarea>
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">		
-				<li>
-					<div class="itp_svg_in">
-						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">														
-							<i class="glyphicon glyphicon-chevron-right"></i>
-							<span class="itp_tt fnMenuNm">메뉴명</span>
-						</a>
-					</div>
-				</li>		
-				</textarea>
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL4_ROWCOPY" rows="0" cols="0" style="display:none;">		
-				<li>
-					<div class="itp_svg_in">
-						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
-							<i class="itp_icon">└</i>								
-							<span class="itp_tt fnMenuNm">메뉴명</span>
-						</a>
-					</div>
-				</li>		
-				</textarea>
-				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL5_ROWCOPY" rows="0" cols="0" style="display:none;">		
-				<li>
-					<div class="itp_svg_in">
-						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
-							<i class="itp_icon_5">＊</i>								
-							<span class="itp_tt fnMenuNm">메뉴명</span>
-						</a>
-					</div>
-				</li>		
-				</textarea>
-		</nav>
-
-		<div id="ITP_CONTAINER"
-			data-open-yn=""
-			data-nav-id=""
-			data-tit-id=""
-			data-memb-no=""
-			data-bunss-no=""
-			data-shop-no=""
-			data-shop-nm=""
-			data-from-dt=""
-			data-to-dt="">
-			<div class="tab-content itp_contents">
-				<section id="ITP_TAB_SUMMARY" class="tab-pane active itp_sec">
-					<div class="itp_cont">
-						<h2 class="hidden">메뉴안내</h2>
-						<article class="itp_detail">
-							<div id="ITP_AJAX_SUMMARY_DETAIL_CONTAINER" class="itp_det_in">
-								<div class="itp_boardView">
-								
-									<form id="ITP_FORM_MAIN_NOTICE_SEARCH" class="form-horizontal">
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_FROM_DT" name="fromDt" value="">
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_TO_DT" name="toDt" value="">
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_SCH_DT" name="schDt" value="">
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_NTICE_TITL" name="sNticeTitl" value="">
-									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_USER_ID" name="userId" value="">
-									</form>
-									
-									<div class="fix" style="padding-bottom: 15px;">
-										<div id="ITP_MAIN_NOTICE_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
-											<div id="ITP_MAIN_NOTICE_jqGridView" class="itp_views fix"></div>
-											<table id="ITP_MAIN_NOTICE_jqGrid"></table>
-											<div id="ITP_MAIN_NOTICE_jqGridPager"></div>
-											<div id="ITP_MAIN_NOTICE_jqGridEmpty" class="itp_no_data"></div>
-										</div>
-									</div>
-								
-									<table id="ITP_SUMMARY_jqGrid_list" class="table table-striped table-bordered">
-										<colgroup>
-											<col style="width:15%;">
-											<col style="width:15%;">
-											<col style="width:40%;">
-											<col style="width:15%;">
-											<col style="width:15%;">
-										</colgroup>
-										<thead>
-											<tr>
-								                <th>1Depth</th>
-								                <th>2Depth</th>
-								                <th>화면 정의</th>
-								                <th>가맹담당자 사용</th>
-								                <th>매장담당자 사용</th>
-								            </tr>
-										</thead>
-										<tbody>
-											<tr class="USER_TYPE_N">
-								                <th rowspan="4">누리키 운영관리</th>
-								                <td>가맹점정보관리</td>
-								                <td>가맹점 정보를 등록 관리를 합니다.</td>
-								                <td align="center">-</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N">
-								                <td>영업운영자관리</td>
-								                <td>외부 영업담당자 정보를 등록 관리합니다.</td>
-								                <td align="center">-</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N">
-								                <td>VAN관리</td>
-								                <td>카드결재 가능 VAN사 정보를 관리합니다.</td>
-								                <td align="center">-</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N">
-								                <td>장비환경기본값 설정</td>
-								                <td>키오스크 장비의 환경설정값을 관리합니다.</td>
-								                <td align="center">-</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P">
-								                <th rowspan="3">가맹점관리</th>
-								                <td>가맹브랜드관리</td>
-								                <td>가맹점별 브랜드 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P">
-								                <td>매장관리</td>
-								                <td>가맹점 매장 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P">
-								                <td>사용자관리</td>
-								                <td>가맹점별 사용자 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <th rowspan="5">브랜드상품관리</th>
-								                <td>카테고리관리</td>
-								                <td>모든 매장에서 공통으로 사용할 상품 카테고리 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>상품관리</td>
-								                <td>모든 매장에서 공통으로 사용할 상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>옵션관리</td>
-								                <td>모든 매장에서 공통으로 사용할 옵션 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>추천상품관리</td>
-								                <td>모든 매장에서 공통으로 사용할 추천상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>이벤트관리</td>
-								                <td>모든 매장에서 공통으로 사용할 이벤트를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">-</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <th rowspan="5">매장상품관리</th>
-								                <td>카테고리관리</td>
-								                <td>매장별 각각 사용할 상품 카테고리 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>상품관리</td>
-								                <td>매장별 각각 사용할 상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>옵션관리</td>
-								                <td>매장별 각각 사용할 옵션 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>추천상품관리</td>
-								                <td>매장별 각각 사용할 추천상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>이벤트관리</td>
-								                <td>매장별 각각 사용할 이벤트를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            
-								            <!-- 키오스크관리 시작 -->
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <th rowspan="5">키오스크관리</th>
-								                <td>브랜드 코너관리</td>
-								                <td>모든 매장의 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center"></td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>브랜드 코너별 상품정보</td>
-								                <td>모든 매장의 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center"></td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>매장 코너관리</td>
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>매장 코너별 상품정보</td>
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>매장 판매상품관리</td>
-								                <td>매장별 키오스크에 판매할 상품정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            
-								            <tr class="USER_TYPE_S">
-								                <th rowspan="3">키오스크관리</th>
-								                <td>매장 코너관리</td>
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_S">
-								                <td>매장 코너별 상품정보</td>
-								                <td>매장별 운영중인 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_S">
-								                <td>매장 판매상품관리</td>
-								                <td>매장별 키오스크에 판매할 상품정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <!-- 키오스크관리 끝 -->
-								            
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <th rowspan="4">매장장비관리</th>
-								                <td>키오스크정보관리</td>
-								                <td>매장별 사용 관리할 키오스크 장비 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>키오스크 이미지관리</td>
-								                <td>매장별 사용 관리할 키오스크 화면에 출력할 이미지 또는 동영상 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>주방프린터설정</td>
-								                <td>매장별 사용하고 있는 주방프린터 설정 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>KDS설정</td>
-								                <td>매장별 사용하고 있는 KDS설정 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <th rowspan="3">DID관리</th>
-								                <td>컨텐츠관리</td>
-								                <td>가맹 브랜드별 컨텐츠 내역 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>디스플레이정보관리</td>
-								                <td>가맹 브랜드별 디스플레이 화면 구성 정보 및 출력할 컨텐츠 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>장비관리</td>
-								                <td>매장별 사용중인 DID 장비 정보를 관리합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <th rowspan="3">브랜드매출관리</th>
-								                <td>일별매출현황</td>
-								                <td>가맹 브랜드별 일일 매출 정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center"></td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>월별매출현황</td>
-								                <td>가맹 브랜드별 월별 매출 정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center"></td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
-								                <td>상품별매출현황</td>
-								                <td>가맹 브랜드별 월별 상품별 매출 정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center"></td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <th rowspan="4">매장매출관리</th>
-								                <td>매출상세내역</td>
-								                <td>매장 키오스크별 주문 내역 상세정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>일별매출현황</td>
-								                <td>매장별 일일 매출 정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>월별매출현황</td>
-								                <td>매장별 월별 매출 정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
-								                <td>상품별매출현황</td>
-								                <td>매장별 월별 상품별 매출 정보를 출력합니다.</td>
-								                <td align="center">●</td>
-								                <td align="center">●</td>
-								            </tr>
-								            
-										</tbody>
-									</table>
-								</div>
-							</div>
-						</article>
-					</div>
-		
-					<script src="../../js/app/summary/ITP_SUMMARY.js"></script>
-					<script src="../js/app/main.js"></script>
-				</section>
-			</div>
+<link rel="stylesheet" href="../css/style.css">
+<header>
+	<div class="brand_logo">
+		<img src="../img/naver.png">
+	</div>
+	<div class="name">
+		<label>
+			<div class="fnBrnadNm">브랜드명</div>
+		</label>
+	</div>
+	<div>
+		<label style="width: 20px;">-</label>
+	</div>
+	<label>
+		<div class="fnStoreNm">매장명</div>
+	</label>
+	</div>
+	<div class="logout">
+		<button>로그<br>아웃</button>
+	</div>
+</header>
+<section>
+	<div class="wicon">
+		<div class="icon_left">
+			<button>
+				<label>ICON<br>구매요청생성</label>
+			</button>
+		</div>
+		<div class="icon_right">
+			<button>
+				<label>ICON<br>구매요청현황</label>
+			</button>
 		</div>
+	</div>
+	<div class="wicon">
+		<div class="icon_left">
+			<button>
+				<label>ICON<br>구매발주현황</label>
+			</button>
 		</div>
-
-		<footer id="ITP_FOOTER">
-			<div id="ITP_MODAL_ALERT" class="modal itp_modal">
-				<div class="modal-dialog modal-sm">
-					<div class="modal-content">
-						<div class="modal-header">
-							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-							<h5 class="modal-title">알림</h5>
-						</div>
-						<div class="modal-body">
-							<div class="text-center itp_alert_txt"></div>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-default" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
-							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
-						</div>
-					</div>
-				</div>
-			</div>
-		
-			<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
-				<div class="modal-dialog modal-sm">
-					<div class="modal-content">
-						<div class="modal-header">
-							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-							<h5 class="modal-title">알림</h5>
-						</div>
-						<div class="modal-body">
-							<div class="text-center itp_alert_txt"></div>
-						</div>
-						<div class="modal-footer">
-							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
-						</div>
-					</div>
-				</div>
-			</div>
-		</footer>
-		
-		<aside id="ITP_ASIDE"></aside>		
+		<div class="icon_right">
+			<button>
+				<label>ICON<br>납품서현황</label>
+			</button>
+		</div>
+	</div>
+	<div class="wicon">
+		<div class="icon_left">
+			<button>
+				<label>ICON<br>입고처리</label>
+			</button>
+		</div>
+		<div class="icon_right">
+			<button>
+				<label>ICON<br>입고현황</label>
+			</button>
+		</div>
+	</div>
+</section>
+<div class="footer">
+	<div class="home">
+		<button class="home_btn"><img src="../img/home.png" alt=""></button>
+	</div>
+	<div class="manage">
+		<button>발주관리</button>
+		<button>반품관리</button>
+		<button>여신관리</button>
 	</div>
-</body>
-</html>
+</div>

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

@@ -0,0 +1,245 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>수거장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>수거상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>수거일자</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
+          <option value="">발주번호/품목명</option>
+        </select>
+        <div class="float_left">
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MCOLLMNG01010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수거수주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 772px;">
+      <li class="history_list">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>브랜드명 &nbsp;:</label>
+              <div>
+                <div class="fn">브랜드명</div>
+              </div>
+              <label>발주번호&nbsp;:</label>
+              <div>
+                <div class="fn">PO1234123</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">반품발주상태 &nbsp;:</label>
+              <div style="min-width: 120px;">
+                <div  style="min-width: 120px;" class="fn">요청</div>
+              </div>
+              <label class="col_0">반품발주일자&nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.05</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_6">수거요청일 &nbsp;:</label>
+              <div class="space1">
+                <div class="fn">2022.10.09</div>
+              </div>
+              <label>수거장소&nbsp;:</label>
+              <div>
+                <div class="fn">A창고</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거금액 &nbsp;:</label>
+              <div>
+                <div class="fn">2,000,000</div>
+              </div>
+              <label>수거품목수&nbsp;:</label>
+              <div>
+                <div class="fn">3개</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>브랜드명</label>
+        <div class="line_right">
+          <div class="fn">A브랜드명</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주번호</label>
+        <div class="line_right">
+          <div class="fn">PO12345678</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거일자</label>
+        <div class="line_right">
+          <div class="fn">2022.10.09</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거상태</label>
+        <div class="line_right">
+          <div class="fn">반품발주요청</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거장소</label>
+        <div class="line_right">
+          <div class="fn">A창고</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거금액</label>
+        <div class="line_right">
+          <div class="fn">800,000원</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">반품발주담당자</label>
+        <div class="line_right">
+          <div class="fn">홍길동</div>
+        </div>      
+      </div>
+      <div class="table_header">
+        <h1>> 수주수주 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:972px;">
+      <li class="history_list2">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>순번 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+              <label class="col_0">품목아이디&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">asdf1234</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목명 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+              <label>가격단위&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>단가 &nbsp;:</label>
+              <div>
+                <div class="fn">1,000원</div>
+              </div>
+              <label>단위&nbsp;:</label>
+              <div>
+                <div class="fn">Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거수량 &nbsp;:</label>
+              <div>
+                <div class="fn">10</div>
+              </div>
+              <label>수거금액&nbsp;:</label>
+              <div>
+                <div class="fn">500,000</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_6">수거요청일 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">2022.10.09</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MCOLLMNG01010" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MCOLLMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_2">
+      <button id="ITP_BTN_MCOLLMNG01010">수주관리</button>
+      <button id="ITP_BTN_MCOLLMNG01010">수거관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,264 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>수거장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>수거요청일</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MCOLLMNG02010_VIEW">
+          <option value="">발주번호/품목명</option>
+        </select>
+        <div class="float_left">
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MCOLLMNG02010" id="" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수거수주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list3">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">브랜드명 &nbsp;:</label>
+              <div class="space1">
+                <div class="fn">브랜드명</div>
+              </div>
+              <label class="col_0">반품발주번호&nbsp;:</label>
+              <div>
+                <div class="fn">PO1234123</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">반품발주항번 &nbsp;:</label>
+              <div>
+                <div class="fn">1</div>
+              </div>
+              <label class="col_0">수거요청일 &nbsp;:</label>
+              <div class="space1">
+                <div class="fn">2022.10.09</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">수거장소&nbsp;:</label>
+              <div class="space1">
+                <div class="fn">A창고</div>
+              </div>
+              <label class="col_0">품목번호 &nbsp;:</label>
+              <div class="space1">
+                <div class="fn">asdf1324</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_1">품목명 &nbsp;:</label>
+              <div class="space1">
+                <div class="fn">asdf1324</div>
+              </div>
+              <label class="col_0">수거수량&nbsp;:</label>
+              <div>
+                <div class="fn">3개</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">단가금액 &nbsp;:</label>
+              <div class="space1">
+                <div class="fn">1,000원</div>
+              </div>
+              <label class="col_0">수거금액&nbsp;:</label>
+              <div class="space0">
+                <div class="fn">20,000원</div>
+              </div>
+              <div class="scroll_btn">
+                <button id="ITP_BTN_MCOLLMNG02010">선택</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+      <div class="button_bar">
+        <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_6 btn-primary IVC">수거서생성</button>
+        <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>브랜드명</label>
+        <div class="line_right">
+          <div class="fn">A브랜드명</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>반품발주번호</label>
+        <div class="line_right">
+          <div class="fn">PO12345678</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">수거서생성일자</label>
+        <div class="line_right">
+          <div class="fn">2022.10.09</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거총금액</label>
+        <div class="line_right">
+          <div class="fn">600,000원</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거장소</label>
+        <div class="line_right">
+          <div class="fn">A창고</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">수거장소연락처</label>
+        <div class="line_right">
+          <div class="fn">02-0202-4544</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>수거담당자</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수거수주 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:972px;">
+      <li class="history_list2">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주항번 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+              <label class="col_0">품목아이디&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">asdf1234</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목명 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+              <label>가격단위&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>단가 &nbsp;:</label>
+              <div>
+                <div class="fn">5,000원</div>
+              </div>
+              <label>단위&nbsp;:</label>
+              <div>
+                <div class="fn">Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거수량 &nbsp;:</label>
+              <div>
+                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
+              </div>
+              <label>수거일자&nbsp;:</label>
+              <div>
+                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거구분 &nbsp;:</label>
+              <div>
+                <select style="width:200px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
+                  <option value=""></option>
+                </select>
+              </div>
+              <label>비고 &nbsp;:</label>
+              <div class="space2">
+                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_6 btn-primary CRT">생성</button>
+      <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MCOLLMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_2">
+      <button id="ITP_BTN_MCOLLMNG02010">수주관리</button>
+      <button id="ITP_BTN_MCOLLMNG02010">수거관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,275 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>수거장소</label>
+        <div class="float_left">
+          <input type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button><img src="/img/search.png" alt=""></button>
+          <button><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>수거요청일</label>
+        <div class="date_to">
+          <input class="year" type="date">
+          <div class="at">~</div>
+          <input class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <select class="label" name="" id="">
+          <option value="">수거서번호</option>
+        </select>
+        <div class="float_left">
+          <input style="width: 630px;" type="text" placeholder="검색어입력">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수거서 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list3">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_1">브랜드명 &nbsp;:</label>
+              <div class="">
+                <div class="space1">브랜드명</div>
+              </div>
+              <label>수거서번호&nbsp;:</label>
+              <div class="">
+                <div class="">PO1234123</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거서상태 &nbsp;:</label>
+              <div class="">
+                <div class="space1">수거전</div>
+              </div>
+              <label>수거일자&nbsp;:</label>
+              <div class="">
+                <div class="space1">2022.10.09</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거요청일&nbsp;:</label>
+              <div class="">
+                <div class="space1">2022.10.09</div>
+              </div>
+              <label>수거예정일&nbsp;:</label>
+              <div class="">
+                <div class="space1">2022.10.10</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_1">품목수량 &nbsp;:</label>
+              <div class="">
+                <div class="space1">2</div>
+              </div>
+              <label>수거총금액&nbsp;:</label>
+              <div class="">
+                <div class="">600,000</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_1">수거장소 &nbsp;:</label>
+              <div class="">
+                <div class="space1">A창고</div>
+              </div>
+              <label>수거담당자&nbsp;:</label>
+              <div class="">
+                <div class="space0">홍길동</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+      <div class="button_bar">
+        <button id="" class="btn_col_6 btn-primary IVVIEW">납품서보기</button>
+        <button id="" class="btn_col_3 btn-gray CLB">취소</button>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: block;">
+    <div class="detail_content">
+      <div class="detail_header">
+        <div class="detail_logo">
+          <img src="/img/naver.png" alt="">
+        </div>
+        <div class="detail_ok">
+          <label>납품 확인서</label>
+        </div>
+      </div>
+      <div class="detail_confirmation">
+        <div class="detail_col">
+          <label>발행일</label>
+          <i>:</i>
+          <div class="fn">2022.10.09</div>
+        </div>
+        <div class="detail_col">
+          <label>수거확인번호</label>
+          <i>:</i>
+          <div class="fn">DL123445</div>
+        </div>
+        <div class="detail_col">
+          <label>수거일</label>
+          <i>:</i>
+          <div class="fn">2022.10.10</div>
+        </div>
+        <div class="detail_col">
+          <label>수거담당자</label>
+          <i>:</i>
+          <div class="fn">홍길동(010-1234-1548)</div>
+        </div>
+        <div class="detail_col">
+          <label>수거장소</label>
+          <i>:</i>
+          <div class="fn">(123450 서울 송파구 문정동 100 A창고)</div>
+        </div>
+        <div class="detail_col">
+          <label>전화번호</label>
+          <i>:</i>
+          <div class="fn">02-123-4567</div>
+        </div>
+      </div>
+      <div class="detail_company_info">
+        <div class="info_left">
+          <div class="weight">
+            <label>반품처</label>
+          </div>
+          <div class="company_info">
+            <label>등록번호&nbsp;:&nbsp;</label>
+            <div class="fn">215-12-23454</div>
+          </div>
+          <div class="company_info">
+            <label>상호&nbsp;:&nbsp;</label>
+            <div class="fn">공급업체명</div>
+          </div>
+          <div class="company_info">
+            <label>성명&nbsp;:&nbsp;</label>
+            <div class="fn">공급자</div>
+          </div>
+          <div class="company_info">
+            <label>주소&nbsp;:&nbsp;</label>
+            <div class="fn">서울 송파구 문정동</div>
+          </div>
+        </div>
+        <div class="info_left">
+          <div class="weight">
+            <label>수거처</label>
+          </div>
+          <div class="company_info">
+            <label>등록번호&nbsp;:&nbsp;</label>
+            <div class="fn">215-12-23454</div>
+          </div>
+          <div class="company_info">
+            <label>상호&nbsp;:&nbsp;</label>
+            <div class="fn">브랜드 회사명</div>
+          </div>
+          <div class="company_info">
+            <label>성명&nbsp;:&nbsp;</label>
+            <div class="fn">대표자명</div>
+          </div>
+          <div class="company_info">
+            <label>주소&nbsp;:&nbsp;</label>
+            <div class="fn">경기 성남시 상대원동</div>
+          </div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수거 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:1150px; height: 600px;">
+      <li class="history_list1">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">수거발주번호 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">P12345</div>
+              </div>
+              <label class="col_0">품목아이디&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">asdf1234</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목명 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+              <label class="col_0">수거요청수량&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">5</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>수거수량 &nbsp;:</label>
+              <div class="fn">
+                <div class="space2">10</div>
+              </div>
+              <label class="col_0">수거사유구분&nbsp;:</label>
+              <div class="fn">
+                <div class="">불량</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MCOLLMNG03010" class="col_12 btn-gray COK">확인</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MCOLLMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_2">
+      <button id="ITP_BTN_MCOLLMNG03010">수주관리</button>
+      <button id="ITP_BTN_MCOLLMNG03010">수거관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,228 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <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>
+      </div>
+      <div class="line">
+        <label>정산타입</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>사용여부</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 발주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list">
+        <div class="left">
+          <div class="nomal">
+            <label>매장명 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">A매장</div>
+            </div>
+            <label>정산타입&nbsp;:</label>
+            <div class="history">
+              <div class="fn">선입금</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>한도금액 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">1,000,000</div>
+            </div>
+            <label class="col_7">가용한도금액&nbsp;:</label>
+            <div class="history">
+              <div class="fn">800,000</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_6">가수금금액 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">100,000</div>
+            </div>
+            <label>사용금액&nbsp;:</label>
+            <div class="history">
+              <div class="fn">200,000</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>사용여부 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">사용</div> 
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <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매장명">
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">정산타입/사용여부</label>
+        <div class="line_right">
+          <input 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" >
+        </div>
+      </div>
+      <div class="line">
+        <label>가용한도금액</label>
+        <div class="line_right">
+          <input 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" >
+        </div>
+      </div>
+      <div class="line">
+        <label>사용금액</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
+        </div>
+      </div>
+      <div class="line">
+        <label>거래일자</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 여신 입출금 이력</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:1072px;">
+      <li class="history_list">
+        <div>
+          <div class="detail_line">
+            <div class="detail_left">
+              <div class="detail_info">
+                <div class="fn">2022.10.04</div>
+              </div>
+            </div>
+            <div class="detail_right">
+              <div class="detail_info">
+                <div class="fn">입금</div>
+              </div>
+            </div>
+          </div>
+          <div class="detail_line">
+            <div class="detail_left">
+              <div class="detail_info">
+                <label>입금금액</label>
+              </div>
+            </div>
+            <div class="detail_right">
+              <div class="detail_info">
+                <div class="fn">800,000 원</div>
+              </div>
+            </div>
+          </div>
+          <div class="detail_line">
+            <div class="detail_left">
+              <div class="detail_info">
+                <label>잔액</label>
+              </div>
+            </div>
+            <div class="detail_right">
+              <div class="detail_info">
+                <div class="fn">1,000,000 원</div>
+              </div>
+            </div>
+          </div>
+          <div class="detail_line">
+            <div class="detail_left">
+              <div class="detail_info">
+                <label>사용용도</label>
+              </div>
+            </div>
+            <div class="detail_right">
+              <div class="detail_info">
+                <div class="fn">정산대금 브랜드 지급</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MLOANMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MLOANMNG01010">발주관리</button>
+      <button id="ITP_BTN_MLOANMNG01010">반품관리</button>
+      <button id="ITP_BTN_MLOANMNG01010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,250 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+  <div class="popup2" style="display:none; background: transparent;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 입금등록</label>
+        </div>
+        <div class="header_right">
+          <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>
+        </div>
+        <div class="line">
+          <label>매장명</label>
+          <div class="float_right">
+            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
+          </div>
+        </div>
+        <div class="line">
+          <label>입금금액</label>
+          <div class="float_right">
+            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+          </div>
+        </div>
+        <div class="line">
+          <label>입금일자</label>
+          <div class="float_right">
+            <input id="ITP_FORM_MLOANMNG02010" type="date" style="width: 387px;">
+          </div>
+        </div>
+        <div class="line">
+          <label>입금자명</label>
+          <div class="float_right">
+            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+          </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>
+        </div>
+        <div class="line">
+          <label>입금계좌번호</label>
+          <div class="float_right">
+            <input id="ITP_FORM_MLOANMNG02010" type="text" >
+          </div>
+        </div>
+        <div class="line">
+          <button id="ITP_BTN_MLOANMNG02010" class="col_4 btn-primary btn-sm ">등록</button>
+          <button id="ITP_BTN_MLOANMNG02010" class="col_4 btn-gray btn-sm CLB">취소</button>
+        </div>
+      </div> 
+    </div>
+  </div>
+  <div class="popup3" style="display:none;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 입금요청반려</label>
+        </div>
+        <div class="header_right">
+          <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>
+        </div>
+        <div class="line">
+          <label>매장명</label>
+          <div class="float_left">
+            <div class="fn">A 매장명</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>입금금액</label>
+          <div class="float_left">
+            <div class="fn">1,000,000</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>입금일자</label>
+          <div class="float_left">
+            <div class="fn">2022.10.05</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>입금자명</label>
+          <div class="float_left">
+            <div class="fn">홍길동</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>입금은행</label>
+          <div class="float_left">
+            <div class="fn">우리은행</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>입금계좌번호</label>
+          <div class="float_left">
+            <div class="fn">11122233333344</div>
+          </div>
+        </div>
+        <div class="line" style="height: 350px;">
+          <label>반려사유</label>
+          <div class="float_left note">
+            <textarea  class="fn" cols="30" rows="10"></textarea>       
+         </div>
+        </div>
+        <div class="line">
+          <div class="search">
+            <button id="ITP_BTN_MLOANMNG02010" class="col_6 btn-danger btn-sm ">반려</button>
+          </div>
+        </div>
+      </div> 
+    </div>
+  </div>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER">
+    <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>
+      </div>
+      <div class="line">
+        <label>반품발주상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MLOANMNG02010">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>입금일자</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MLOANMNG02010" class="col_3 btn-yellow btn-sm ">입금등록</button>
+          <button id="ITP_BTN_MLOANMNG02010" class="col_5 btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 입금 요청 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list">
+        <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="nomal">
+            <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
+            <div class="history">
+              <div class="fn">A매장</div>
+            </div>
+            <label class="col_0">입금일자&nbsp;:</label>
+            <div class="history">
+              <div class="fn">2022.10.05</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_0">입금금액&nbsp;:</label>
+            <div class="history">
+              <div class="fn">1,000,000</div>
+            </div>
+            <label class="col_0">입금자&nbsp;:</label>
+            <div class="history">
+              <div class="fn">홍길동</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_0">입금정보&nbsp;:</label>
+            <div class="history">
+              <div class="fn">11122233344</div>
+              <div class="fn">(우리은행)</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_0">처리결과&nbsp;:</label>
+            <div class="history">
+              <div class="fn">입금요청</div> 
+              <div class="fn">(2022.10.05)</div> 
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MLOANMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MLOANMNG02010">발주관리</button>
+      <button id="ITP_BTN_MLOANMNG02010">반품관리</button>
+      <button id="ITP_BTN_MLOANMNG02010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,215 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MLOANMNG03010_VIEW" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>매장선택</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MLOANMNG03010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MLOANMNG03010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MLOANMNG03010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>정산상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MLOANMNG03010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>정산요청일</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MLOANMNG03010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 정산 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list" style="padding-top:30px;">
+        <div class="left">
+          <div class="nomal">
+            <label class="history_label">브랜드명 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">브랜드명</div>
+            </div>
+            <label class="history_label">매장명&nbsp;:</label>
+            <div class="history">
+              <div class="fn">A매장</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="history_label">정산상태 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">정산요청</div>
+            </div>
+            <label class="history_label">정산요청일&nbsp;:</label>
+            <div class="history">
+              <div class="fn">2022.10.05</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="history_label">정산금액 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">1,000,000</div>
+            </div>
+            <label class="history_label">잔액&nbsp;:</label>
+            <div class="history">
+              <div class="fn">1,200,000</div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MLOANMNG03010_DETAIL" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>매장명</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" placeholder="A매장명">
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">정산일자</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
+        </div>
+      </div>
+      <div class="line">
+        <label>정산상태</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
+        </div>
+      </div>
+      <div class="line">
+        <label>정산금액</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
+        </div>
+      </div>
+      <div class="line">
+        <label>잔액</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
+        </div>
+      </div>
+      <div class="line">
+        <label>정산등록일자</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="date" style="width:443px;">
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 정산 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:872px;">
+      <li class="history_list2">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">품목아이디 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">adsf1234</div>
+              </div>
+              <label class="col_0">품목명&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">단가 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1,000원</div>
+              </div>
+              <label class="col_0">단위&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">발주(납품)수량 &nbsp;:</label>
+              <div style="min-width: 70px;">
+                <div class="fn" style="min-width: 70px;">10</div>
+              </div>
+              <label class="col_0">입고(수거)일자&nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.05</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">입고(수거)수량 &nbsp;:</label>
+              <div style="min-width: 70px;">
+                <div class="fn"style="min-width: 70px;" >10</div>
+              </div>
+              <label class="col_0">입고(수거)금액&nbsp;:</label>
+              <div class="fn">
+                <div class="fn">500,000</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">정산구분 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">입고</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MLOANMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MLOANMNG03010">발주관리</button>
+      <button id="ITP_BTN_MLOANMNG03010">반품관리</button>
+      <button id="ITP_BTN_MLOANMNG03010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,245 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MORDMNG01010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MORDMNG01010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MORDMNG01010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>수주상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MORDMNG01010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>수주일자</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MORDMNG01010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MORDMNG01010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MORDMNG01010_VIEW">
+          <option value="">발주번호/품목명</option>
+        </select>
+        <div class="float_left">
+          <input id="ITP_FORM_MORDMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MORDMNG01010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수거수주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 772px;">
+      <li class="history_list">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>브랜드명 &nbsp;:</label>
+              <div>
+                <div class="fn space1">브랜드명</div>
+              </div>
+              <label>발주번호&nbsp;:</label>
+              <div>
+                <div class="fn">PO1234123</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주상태 &nbsp;:</label>
+              <div>
+                <div class="fn space1">요청</div>
+              </div>
+              <label>발주일자&nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.05</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_6">납품요청일 &nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.09</div>
+              </div>
+              <label>납품장소&nbsp;:</label>
+              <div>
+                <div class="fn">A창고</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주금액 &nbsp;:</label>
+              <div>
+                <div class="fn space1">2,000,000</div>
+              </div>
+              <label>품목수&nbsp;:</label>
+              <div>
+                <div class="fn">3개</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MORDMNG01010_DETAIL_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>브랜드명</label>
+        <div class="line_right">
+          <div class="fn">A브랜드명</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주번호</label>
+        <div class="line_right">
+          <div class="fn">PO12345678</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주일자</label>
+        <div class="line_right">
+          <div class="fn">2022.10.09</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주상태</label>
+        <div class="line_right">
+          <div class="fn">발주요청</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="line_right">
+          <div class="fn">A창고</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주금액</label>
+        <div class="line_right">
+          <div class="fn">800,000원</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주담당자</label>
+        <div class="line_right">
+          <div class="fn">홍길동</div>
+        </div>      
+      </div>
+      <div class="table_header">
+        <h1>> 수주 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:972px;">
+      <li class="history_list2">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>순번 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+              <label class="col_0">품목아이디&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">asdf1234</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목명 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+              <label>가격단위&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>단가 &nbsp;:</label>
+              <div>
+                <div class="fn">1,000원</div>
+              </div>
+              <label>단위&nbsp;:</label>
+              <div>
+                <div class="fn">Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주수량 &nbsp;:</label>
+              <div>
+                <div class="fn">10</div>
+              </div>
+              <label>발주금액&nbsp;:</label>
+              <div>
+                <div class="fn">500,000</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_6">납기요청일 &nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.09</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MORDMNG01010" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MORDMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_2">
+      <button id="ITP_BTN_MORDMNG01010">수주관리</button>
+      <button id="ITP_BTN_MORDMNG01010">수거관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,262 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MORDMNG02010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MORDMNG02010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MORDMNG02010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품요청일</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MORDMNG02010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MORDMNG02010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MORDMNG02010_VIEW">
+          <option value="">발주번호/품목명</option>
+        </select>
+        <div class="float_left">
+          <input id="ITP_FORM_MORDMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MORDMNG02010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list3">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">브랜드명 &nbsp;:</label>
+              <div>
+                <div class="fn space1">브랜드명</div>
+              </div>
+              <label class="col_0">발주번호&nbsp;:</label>
+              <div>
+                <div class="fn">PO1234123</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">발주항번 &nbsp;:</label>
+              <div>
+                <div class="fn space1">1</div>
+              </div>
+              <label class="col_6">납품요청일 &nbsp;:</label>
+              <div>
+                <div class="fn space1">2022.10.09</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">납품장소&nbsp;:</label>
+              <div>
+                <div class="fn space1">A창고</div>
+              </div>
+              <label class="col_0">품목번호 &nbsp;:</label>
+              <div>
+                <div class="fn space1">asdf1324</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">품목명 &nbsp;:</label>
+              <div>
+                <div class="fn space1">asdf1324</div>
+              </div>
+              <label class="col_0">발주수량&nbsp;:</label>
+              <div>
+                <div class="fn">3개</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">단가금액 &nbsp;:</label>
+              <div>
+                <div class="fn space1">1,000원</div>
+              </div>
+              <label class="col_0">발주금액&nbsp;:</label>
+              <div>
+                <div class="fn space0">20,000원</div>
+              </div>
+              <div class="scroll_btn">
+                <button id="ITP_BTN_MORDMNG02010">선택</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+      <div class="button_bar">
+        <button id="ITP_BTN_MORDMNG02010" class="btn_col_6 btn-primary IVC">납품서생성</button>
+        <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MORDMNG02010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>브랜드명</label>
+        <div class="line_right">
+          <div class="fn">A브랜드명</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주번호</label>
+        <div class="line_right">
+          <div class="fn">PO12345678</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">납품서생성일자</label>
+        <div class="line_right">
+          <div class="fn">2022.10.09</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주총금액</label>
+        <div class="line_right">
+          <div class="fn">600,000원</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="line_right">
+          <div class="fn">A창고</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label class="col_6">납품장소연락처</label>
+        <div class="line_right">
+          <div class="fn">02-0202-4544</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주담당자</label>
+        <div class="line_right">
+          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
+          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 납품 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:972px;">
+      <li class="history_list2">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주항번 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+              <label class="col_0">품목아이디&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">asdf1234</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목명 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+              <label>가격단위&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">1</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>단가 &nbsp;:</label>
+              <div class="fn">
+                <div class="fn">1,000원</div>
+              </div>
+              <label>단위&nbsp;:</label>
+              <div class="fn">
+                <div class="fn">Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>납품수량 &nbsp;:</label>
+              <div class="fn">
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
+              </div>
+              <label>납품일자&nbsp;:</label>
+              <div class="fn">
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>유통기한 &nbsp;:</label>
+              <div class="space2">
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
+              </div>
+              <label>비고 &nbsp;:</label>
+              <div class="space2">
+                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MORDMNG02010" class="btn_col_6 btn-primary CRT">생성</button>
+      <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MORDMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_2">
+      <button id="ITP_BTN_MORDMNG02010">수주관리</button>
+      <button id="ITP_BTN_MORDMNG02010">수거관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,275 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MORDMNG03010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MORDMNG03010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MORDMNG03010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품요청일</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MORDMNG03010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MORDMNG03010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MORDMNG03010_VIEW">
+          <option value="">발주번호/품목명</option>
+        </select>
+        <div class="float_left">
+          <input id="ITP_FORM_MORDMNG03010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MORDMNG03010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 수주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list3">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">브랜드명 &nbsp;:</label>
+              <div>
+                <div class="fn space1">브랜드명</div>
+              </div>
+              <label>납품서번호&nbsp;:</label>
+              <div>
+                <div class="fn">PO1234123</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_6">납품서상태 &nbsp;:</label>
+              <div>
+                <div class="fn">납품전</div>
+              </div>
+              <label class="col_0">수주일자&nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.09</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>납품요청일&nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.09</div>
+              </div>
+              <label>압품예정일&nbsp;:</label>
+              <div>
+                <div class="fn">2022.10.10</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">품목수량 &nbsp;:</label>
+              <div>
+                <div class="fn space1">2</div>
+              </div>
+              <label>발주총금액&nbsp;:</label>
+              <div>
+                <div>600,000</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">납품장소 &nbsp;:</label>
+              <div>
+                <div class="fn space1">A창고</div>
+              </div>
+              <label>납품담당자&nbsp;:</label>
+              <div>
+                <div class="space0">홍길동</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+      <div class="button_bar">
+        <button id="ITP_BTN_MORDMNG03010" class="btn_col_6 btn-primary IVVIEW">납품서보기</button>
+        <button id="ITP_BTN_MORDMNG03010" class="btn_col_3 btn-gray CLB">취소</button>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: none;">
+    <div class="detail_content">
+      <div class="detail_header">
+        <div class="detail_logo">
+          <img src="/img/naver.png" alt="">
+        </div>
+        <div class="detail_ok">
+          <label>납품 확인서</label>
+        </div>
+      </div>
+      <div class="detail_confirmation">
+        <div class="detail_col">
+          <label>발행일</label>
+          <i>:</i>
+          <div class="fn">2022.10.09</div>
+        </div>
+        <div class="detail_col">
+          <label>납품서확인번호</label>
+          <i>:</i>
+          <div class="fn">DL123445</div>
+        </div>
+        <div class="detail_col">
+          <label>납품일</label>
+          <i>:</i>
+          <div class="fn">2022.10.10</div>
+        </div>
+        <div class="detail_col">
+          <label>납품담당자</label>
+          <i>:</i>
+          <div class="fn">홍길동(010-1234-1548)</div>
+        </div>
+        <div class="detail_col">
+          <label>납품장소</label>
+          <i>:</i>
+          <div class="fn">(123450 서울 송파구 문정동 100 A창고)</div>
+        </div>
+        <div class="detail_col">
+          <label>전화번호</label>
+          <i>:</i>
+          <div class="fn">02-123-4567</div>
+        </div>
+      </div>
+      <div class="detail_company_info">
+        <div class="info_left">
+          <div class="weight">
+            <label>공급처</label>
+          </div>
+          <div class="company_info">
+            <label>등록번호&nbsp;:&nbsp;</label>
+            <div class="fn">215-12-23454</div>
+          </div>
+          <div class="company_info">
+            <label>상호&nbsp;:&nbsp;</label>
+            <div class="fn">공급업체명</div>
+          </div>
+          <div class="company_info">
+            <label>성명&nbsp;:&nbsp;</label>
+            <div class="fn">공급자</div>
+          </div>
+          <div class="company_info">
+            <label>주소&nbsp;:&nbsp;</label>
+            <div class="fn">서울 송파구 문정동</div>
+          </div>
+        </div>
+        <div class="info_left">
+          <div class="weight">
+            <label>발주처</label>
+          </div>
+          <div class="company_info">
+            <label>등록번호&nbsp;:&nbsp;</label>
+            <div class="fn">215-12-23454</div>
+          </div>
+          <div class="company_info">
+            <label>상호&nbsp;:&nbsp;</label>
+            <div class="fn">브랜드 회사명</div>
+          </div>
+          <div class="company_info">
+            <label>성명&nbsp;:&nbsp;</label>
+            <div class="fn">대표자명</div>
+          </div>
+          <div class="company_info">
+            <label>주소&nbsp;:&nbsp;</label>
+            <div class="fn">경기 성남시 상대원동</div>
+          </div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 납품 상세 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:1150px; height: 600px;">
+      <li class="history_list1">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주번호 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">P12345</div>
+              </div>
+              <label class="col_0">품목아이디&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">asdf1234</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목명 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">커피원두</div>
+              </div>
+              <label>유통기한&nbsp;:</label>
+              <div class="space2">
+                <div class="fn">2023.12.02</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>발주수량 &nbsp;:</label>
+              <div class="space2">
+                <div class="fn">10</div>
+              </div>
+              <label>납품수량&nbsp;:</label>
+              <div>
+                <div class="fn">10</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MORDMNG03010" class="col_12 btn-gray COK">확인</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MORDMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_2">
+      <button id="ITP_BTN_MORDMNG03010">수주관리</button>
+      <button id="ITP_BTN_MORDMNG03010">수거관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,148 @@
+<link rel="stylesheet" href="/style.css">
+
+<section id="MPOMNG01010">
+  <div class="popup" style="display: none;">
+    <div class="pop">
+      <div class="pop_line">
+        <label>납품요청일 &nbsp;&nbsp;:</label>
+        <div class="fn">2022.09.30</div>
+      </div>
+      <div class="pop_line">
+        <label>품목수&nbsp;&nbsp; :</label>
+        <div class="fn">2개</div>
+      </div>
+      <div class="pop_line">
+        <label>구매금액 &nbsp;&nbsp;:</label>
+        <div class="fn">2022.09.30원</div>
+      </div>
+      <label class="pop_label">구매요청 하시겠습니까?</label>
+      <div class="popup_btn">
+        <button id="ITP_BTN_MPOMNG01010" class="cancel btn-gray CLB">취소</button>
+        <button id="ITP_BTN_MPOMNG01010" class="ok btn-primary COK">확인</button>
+      </div>
+    </div>
+  </div>
+  <div class="popup2" style="display: none;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 납품장소</label>
+        </div>
+        <div class="header_right">
+          <button id="ITP_BTN_MPOMNG01010"><img src="/img/close.png"></button>
+        </div>
+      </div>
+      <div class="search_bar">
+        <input id="ITP_FORM_MPOMNG01010" type="text" placeholder="납품장소명">
+        <button id="ITP_BTN_MPOMNG01010"><img src="/img/search.png"></button>
+      </div>
+      <div class="search_bar">
+        <button id="ITP_BTN_MPOMNG01010" class="btn_blue">납품장소▼</button>
+      </div>
+      <div class="popup_scroll">
+        <li>
+          <div class="scroll_left">
+            <div class="fn">브랜드 창고 명A</div>
+            <div class="fn">(상세위치내용)</div>
+          </div>
+          <div class="scroll_right">
+            <button id="ITP_BTN_MPOMNG01010">선택</button>
+          </div>
+        </li>
+        <li>
+          <div class="scroll_left">
+            <div class="fn">브랜드 창고 명A</div>
+            <div class="fn">(상세위치내용)</div>
+          </div>
+          <div class="scroll_right">
+            <button id="ITP_BTN_MPOMNG01010">선택</button>
+          </div>
+        </li>
+      </div>
+    </div>
+  </div>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <label>납기요청일</label>
+        <input id="ITP_FORM_MPOMNG01010" class="date" type="date" placeholder="">
+      </div>
+      <div class="line">
+        <label>구매요청금액</label>
+        <div class="line_right">
+          <div class="fn">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="search_nm">
+          <div class="float_left">
+            <input id="ITP_FORM_MPOMNG01010" class="" type="text" placeholder="A매장명">
+          </div>
+          <div class="float_left_btn">
+            <button id="ITP_BTN_MPOMNG01010"><img src="/img/search.png" alt=""></button>
+            <button id="ITP_BTN_MPOMNG01010"><img src="/img/delete.png" alt=""></button>
+          </div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>>구매 품목</h1>
+        <button id="ITP_BTN_MPOMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
+      </div>
+    </div>
+    <div class="scroll_area">
+      <li>
+        <div class="left">
+          <div class="thick">
+            <div class="fn">품목명</div>
+            <div>-</div>
+            <div class="fn">2EA</div>
+          </div>
+          <div class="nomal">
+            <label class="space0">구매가 :</label>
+            <div class="fn">1,120,000</div>
+          </div>
+        </div>
+        <div class="right">
+          <button id="ITP_BTN_MPOMNG01010"><</button>
+          <div class="fn num">2</div>
+          <button id="ITP_BTN_MPOMNG01010">></button>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-primary REQ">구매요청</button>
+      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray TSA">임시저장</button>
+      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MPOMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MPOMNG01010">발주관리</button>
+      <button id="ITP_BTN_MPOMNG01010">반품관리</button>
+      <button id="ITP_BTN_MPOMNG01010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,181 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+        <div class="line">
+          <label>구매요청일</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>구매요청상태</label>
+        <div class="float_left">
+          <select id="ITP_FORM_MPOMNG02010_VIEW" class="stcd" name="">
+            <option value="">상태</option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG02010_VIEW" class="" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG02010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG02010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MPOMNG02010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>>구매 요청 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list">
+        <div class="left">
+          <div class="nomal">
+            <label>구매요청일 :</label>
+            <div class="history">
+              <div class="fn">2022.10.01</div> 
+              (<div class="fn">홍길동 점주</div>)
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>구매상태 :</label>
+            <div class="history">
+              <div class="fn">대기</div>
+            </div>
+            <label>납품장소명 :</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label style="width: 300px;">구매요청 정보 :</label>
+            <div class="history">
+              <div class="fn">품목수(3)</div> 
+              <i>- </i>
+              <div class="fn">1,200,000</div> 원
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>결재정보 :</label>
+            <div class="history">
+              <div class="fn">미납</div> 
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>납기요청일</label>
+        <div class="line_right">
+          <div class="fn">2022.10.10</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>구매요청금액</label>
+        <div class="line_right">
+          <div class="fn">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="line_right">
+          <div class="fn">A매장내</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>결재정보</label>
+        <div class="line_right">
+          <div class="fn">(미납)0원</div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>>구매 품목</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:672px;">
+      <li>
+        <div class="left">
+          <div class="thick">
+            <div class="fn">품목명</div>
+            <div>-</div>
+            <div class="fn">2EA</div>
+          </div>
+          <div class="nomal">
+            <label class="space0">구매가 :</label>
+            <div>1,120,000</div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="fn num">2</div>
+        </div>
+      </li>
+      <li>
+        <div class="left">
+          <div class="thick">
+            <div class="fn">품목명</div>
+            <div>-</div>
+            <div class="fn">2EA</div>
+          </div>
+          <div class="nomal">
+            <label class="space0">구매가 :</label>
+            <div class="fn">1,120,000</div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="fn num">2</div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MPOMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MPOMNG02010">발주관리</button>
+      <button id="ITP_BTN_MPOMNG02010">반품관리</button>
+      <button id="ITP_BTN_MPOMNG02010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,190 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>발주일자</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>발주상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MPOMNG03010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>공급업체</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A공급업체명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG03010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MPOMNG03010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 발주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 772px;">
+      <li class="history_list">
+        <div class="left">
+          <div class="nomal">
+            <label>발주일자 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">2022.10.01</div> 
+              (<div class="fn">홍길동 점주</div>)
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>발주상태 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">대기</div>
+            </div>
+            <label>납품장소명&nbsp;:</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>발주정보 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">품목수(3)</div> 
+              <i>-</i>
+              <div class="fn">1,200,000</div>원
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>공급업체 &nbsp;:</label>
+            <div class="history">
+              <div class="fn">A공급업체</div> 
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>발주일자</label>
+        <div class="line_right">
+          <div class="fn">2022.10.10</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>발주금액</label>
+        <div class="line_right">
+          <div class="fn">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="line_right">
+          <div class="fn">A매장내</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>공급업체</label>
+        <div class="line_right">
+          <div class="fn">A공급업체</div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 발주 품목</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:672px;">
+      <li>
+        <div>
+          <div class="detail_left">
+            <div class="detail_info">
+              <div class="fn">품목명</div>
+              <i>-</i>
+              <div class="fn">2EA</div>
+            </div>
+          </div>
+          <div class="detail_right">
+            <div class="detail_info">
+              <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>구매가 &nbsp;:&nbsp;</label>
+              <div class="fn">12,000</div>
+            </div>
+          </div>
+          <div class="detail_right">
+            <div class="detail_info">
+              <label>납기요청일&nbsp;:&nbsp;</label>
+              <div class="fn">2022.10.01</div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MPOMNG03010" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MPOMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MPOMNG03010">발주관리</button>
+      <button id="ITP_BTN_MPOMNG03010">반품관리</button>
+      <button id="ITP_BTN_MPOMNG03010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,144 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" >
+    <div class="content">
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MPOMNG04010_VIEW">
+          <option value="">납품예정일</option>
+        </select>
+        <div class="date_to">
+          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>납품상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MPOMNG04010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>공급업체</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A공급업체명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG04010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>품목명</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MPOMNG04010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 납품서 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 872px;">
+      <li class="history_list2">
+        <div class="left">
+          <div class="nomal">
+            <label>납품번호 </label>
+            <div class="history">
+              <div class="fn">202210010000001-0100</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>납품예정일</label>
+            <div class="history">
+              <div class="fn history_info">2022.10.03</div>
+            </div>
+            <label class="fn sub_info">납품일자</label>
+            <div class="history">
+              <div class="fn">2022.10.03</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>공급업체</label>
+            <div class="history">
+              <div class="fn history_info">A공급업체명</div>
+            </div>
+            <label class="sub_info">납품장소</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>품목 </label>
+            <div class="history">
+              <div class="fn">품목명(EA)</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>발주수량</label>
+            <div class="history">
+              <div class="fn history_info">10</div>
+            </div>
+            <label class="sub_info">납품수량</label>
+            <div class="history">
+              <div class="fn">10</div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MPOMNG04010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MPOMNG04010">발주관리</button>
+      <button id="ITP_BTN_MPOMNG04010">반품관리</button>
+      <button id="ITP_BTN_MPOMNG04010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,140 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MPOMNG05010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <label>납품예정일</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG05010_VIEW" class=" date2" type="date" placeholder="">
+        </div>
+      </div>
+      <div class="line">
+        <label>납품서번호</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MPOMNG05010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>공급업체</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG05010_VIEW" type="text" placeholder="A공급업체명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG05010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>품목명</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG05010__VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MPOMNG05010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 납품서 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 872px;">
+      <li class="history_list2">
+        <div class="left">
+          <div class="nomal">
+            <label>납품번호 </label>
+            <div class="history">
+              <div class="fn">202210010000001-0100</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="history_label">납품예정일</label>
+            <div class="history">
+              <div class="fn history_info">2022.10.03</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>공급업체</label>
+            <div class="history">
+              <div class="fn history_info">A공급업체명</div>
+            </div>
+            <label class="sub_info">납품장소</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>품목 </label>
+            <div class="history">
+              <div class="fn">품목명(EA)</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>발주수량</label>
+            <div class="history">
+              <div class="fn history_info">10</div>
+            </div>
+            <label class="sub_info">납품수량</label>
+            <div class="history">
+              <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="10">
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MPOMNG05010" class="btn_col_6 btn-primary INPS">입고처리</button>
+      <button id="ITP_BTN_MPOMNG05010" class="btn_col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MPOMNG05010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MPOMNG05010">발주관리</button>
+      <button id="ITP_BTN_MPOMNG05010">반품관리</button>
+      <button id="ITP_BTN_MPOMNG05010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,138 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MPOMNG06010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MPOMNG06010_VIEW">
+          <option value="">입고일자</option>
+        </select>
+        <div class="date_to">
+          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>발주번호</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text">
+        </div>
+      </div>
+      <div class="line">
+        <label>공급업체</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A공급업체명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MPOMNG06010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>품목명</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MPOMNG06010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MPOMNG06010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 입고 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 872px;">
+      <li class="history_list2">
+        <div class="left">
+          <div class="nomal">
+            <label>납품번호 </label>
+            <div class="history">
+              <div class="fn">202210010000001-0100</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="history_label">납품예정일</label>
+            <div class="history">
+              <div class="fn history_info">2022.10.03</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>공급업체</label>
+            <div class="history">
+              <div class="fn history_info">A공급업체명</div>
+            </div>
+            <label class="sub_info">납품장소</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>품목 </label>
+            <div class="history">
+              <div class="fn">품목명(EA)</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>발주수량</label>
+            <div class="history">
+              <div class="fn history_info">10</div>
+            </div>
+            <label class="sub_info">납품수량</label>
+            <div class="history">
+              <div class="fn">10</div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MPOMNG06010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MPOMNG06010">발주관리</button>
+      <button id="ITP_BTN_MPOMNG06010">반품관리</button>
+      <button id="ITP_BTN_MPOMNG06010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,139 @@
+<link rel="stylesheet" href="/style.css">
+
+<section id="MPOMNG01010">
+  <div class="popup" style="display: none;">
+    <div class="pop">
+      <div class="pop_line">
+        <label>반품요청일 &nbsp;&nbsp;:</label>
+        <div class="fn">2022.09.30</div>
+      </div>
+      <div class="pop_line">
+        <label>품목수&nbsp;&nbsp; :</label>
+        <div class="fn">2개</div>
+      </div>
+      <div class="pop_line">
+        <label>반품금액 &nbsp;&nbsp;:</label>
+        <div class="fn">2022.09.30원</div>
+      </div>
+      <label class="pop_label">요청 하시겠습니까?</label>
+      <div class="popup_btn">
+        <button id="ITP_BTN_MRTNMNG01010" class="cancel btn-gray CLB">취소</button>
+        <button id="ITP_BTN_MRTNMNG01010" class="ok btn-primary COK">확인</button>
+      </div>
+    </div>
+  </div>
+  <div class="popup2" style="display: block;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 반품장소</label>
+        </div>
+        <div class="header_right">
+          <button id="ITP_BTN_MRTNMNG01010"><img src="/img/close.png"></button>
+        </div>
+      </div>
+      <div class="search_bar">
+        <input id="ITP_FORM_MRTNMNG01010" type="text" placeholder="반품장소명">
+        <button id="ITP_BTN_MRTNMNG01010"><img src="/img/search.png"></button>
+      </div>
+      <div class="search_bar">
+        <button id="ITP_BTN_MRTNMNG01010" class="btn_blue">납품장소▼</button>
+      </div>
+      <div class="popup_scroll">
+        <li>
+          <div class="scroll_left">
+            <div class="fn">브랜드 창고 명A</div>
+            <div class="fn">(상세위치내용)</div>
+          </div>
+          <div class="scroll_right">
+            <button id="ITP_BTN_MRTNMNG01010">선택</button>
+          </div>
+        </li>
+      </div>
+    </div>
+  </div>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MRTNMNG01010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <label>반품요청일</label>
+        <input id="ITP_FORM_MRTNMNG01010_VIEW" class="date" type="date" placeholder="">
+      </div>
+      <div class="line">
+        <label>반품요청금액</label>
+        <div class="line_right">
+          <div class="fn">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>빈품장소</label>
+        <div class="search_nm">
+          <div class="float_left">
+            <input id="ITP_FORM_MRTNMNG01010_VIEW" class="fn" type="text" placeholder="A매장명">
+          </div>
+          <div class="float_left_btn">
+            <button id="ITP_BTN_MRTNMNG01010"><img src="/img/search.png" alt=""></button>
+            <button id="ITP_BTN_MRTNMNG01010"><img src="/img/delete.png" alt=""></button>
+          </div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품 품목</h1>
+        <button id="ITP_BTN_MRTNMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
+      </div>
+    </div>
+    <div class="scroll_area">
+      <li>
+        <div class="left">
+          <div class="thick">
+            <div class="fn">품목명</div>
+            <div>-</div>
+            <div class="fn">2EA</div>
+          </div>
+          <div class="nomal">
+            <label class="space0">구매가 :</label>
+            <div class="fn">1,120,000</div>
+          </div>
+        </div>
+        <div class="right">
+          <button id="ITP_BTN_MRTNMNG01010"><</button>
+          <div class="num">2</div>
+          <button id="ITP_BTN_MRTNMNG01010">></button>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-primary REQ">구매요청</button>
+      <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-gray TSA">임시저장</button>
+      <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MRTNMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MRTNMNG01010">발주관리</button>
+      <button id="ITP_BTN_MRTNMNG01010">반품관리</button>
+      <button id="ITP_BTN_MRTNMNG01010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,151 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display:none;">
+    <div class="content">
+        <div class="line">
+          <label>반품요청일</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>반품요청상태</label>
+        <div class="float_left">
+          <select class="stcd" name="" id="ITP_FORM_MRTNMNG02010_VIEW">
+            <option value="">상태</option>
+          </select>
+        </div>
+      </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>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MRTNMNG02010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품 요청 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list">
+        <div class="left">
+          <div class="nomal">
+            <label>반품요청일 :</label>
+            <div class="history">
+              <div class="fn">2022.10.01</div> 
+              (<div class="fn">홍길동 점주</div>)
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>반품상태 :</label>
+            <div class="history">
+              <div class="fn">대기</div>
+            </div>
+            <label>수거장소명 :</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_7">반품요청 정보 :</label>
+            <div class="history">
+              <div class="fn">품목수(3)</div> 
+              <i>- </i>
+              <div class="fn">1,200,000</div> 원
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>반품요청일</label>
+        <div class="line_right">
+          <div class="fn">2022.10.10</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>반품요청금액</label>
+        <div class="line_right">
+          <div class="fn">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>반품장소</label>
+        <div class="line_right">
+          <div class="fn">A매장내</div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품 품목</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:572px;">
+      <li>
+        <div class="left">
+          <div class="thick">
+            <div class="fn">품목명</div>
+            <div>-</div>
+            <div class="fn">2EA</div>
+          </div>
+          <div class="nomal">
+            <label class="space0">반품가 :</label>
+            <div class="fn">1,120,000</div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="fn num">2</div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MRTNMNG02010" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MRTNMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MRTNMNG02010">발주관리</button>
+      <button id="ITP_BTN_MRTNMNG02010">반품관리</button>
+      <button id="ITP_BTN_MRTNMNG02010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,191 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>반품발주일자</label>
+        <div class="date_to">
+          <input id="ITP_FORM_MRTNMNG03010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MRTNMNG03010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>반품발주상태</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MRTNMNG03010_VIEW">
+            <option value=""></option>
+          </select>
+        </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>
+      <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>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MRTNMNG03010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품 발주 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 772px;">
+      <li class="history_list">
+        <div class="left">
+          <div class="nomal">
+            <label class="col_2">반품발주일자&nbsp;:</label>
+            <div>
+              <div class="fn">2022.10.01</div> 
+              (&nbsp;<div class="fn">홍길동 점주</div> )
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_2">반품발주상태&nbsp;:</label>
+            <div>
+              <div class="fn">대기</div>
+            </div>
+            <label>납품장소명&nbsp;:</label>
+            <div>
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_2">반품발주정보&nbsp;:</label>
+            <div>
+              <div class="fn">품목수(3)</div> 
+              <i>-</i>
+              <div class="fn">1,200,000</div>원
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_2">반품입고장소&nbsp;:</label>
+            <div>
+              <div class="fn">A공급업체</div> 
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>반품발주일자</label>
+        <div class="line_right">
+          <div class="fn">2022.10.10</div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>반품발주금액</label>
+        <div class="line_right">
+          <div class="fn">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>반품장소</label>
+        <div class="line_right">
+          <div class="fn">A매장내</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>반품입고장소</label>
+        <div class="line_right">
+          <div class="fn">A공급업체</div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품 발주 품목</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top:672px;">
+      <li>
+        <div>
+          <div class="detail_left">
+            <div class="detail_info">
+              <div class="fn">품목명</div>
+              <i>-</i>
+              <div class="fn">2EA</div>
+            </div>
+          </div>
+          <div class="detail_right">
+            <div class="detail_info">
+              <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>
+          </div>
+          <div class="detail_right">
+            <div class="detail_info">
+              <label>납기요청일&nbsp;:&nbsp;</label>
+              <div class="fn">2022.10.01</div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MRTNMNG03010" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MRTNMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MRTNMNG03010">발주관리</button>
+      <button id="ITP_BTN_MRTNMNG03010">반품관리</button>
+      <button id="ITP_BTN_MRTNMNG03010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,140 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: block;">
+    <div class="content">
+      <div class="line">
+        <label>반품예정일</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MRTNMNG04010_VIEW" class="date2" type="date" placeholder="">
+        </div>
+      </div>
+      <div class="line">
+        <label>반품서번호</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MRTNMNG04010_VIEW">
+            <option value=""></option>
+          </select>
+        </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><img src="/img/delete.png" alt=""></button>
+        </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>
+      <div class="line">
+        <label>반품품목명</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MRTNMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MRTNMNG04010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품서 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 872px;">
+      <li class="history_list2">
+        <div class="left">
+          <div class="nomal">
+            <label>반품번호 </label>
+            <div class="history">
+              <div class="fn">202210010000001-0100</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="history_label">반품예정일</label>
+            <div class="history">
+              <div class="fn">2022.10.03</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>공급업체</label>
+            <div class="history">
+              <div class="history_info">A공급업체명</div>
+            </div>
+            <label class="sub_info">반품장소</label>
+            <div class="history">
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>품목 </label>
+            <div class="history">
+              <div class="fn">품목명(EA)</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_2">반품요청수량</label>
+            <div class="history">
+              <div class="fn">10</div>
+            </div>
+            <label class="col_0">반품발주수량</label>
+            <div class="history">
+              <input class="" id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="10">
+            </div>
+          </div>
+        </div>
+      </li>
+  </div>
+  <div class="button_bar">
+    <button id="ITP_BTN_MRTNMNG04010" class="btn_col_6 btn-primary INPS">입고처리</button>
+    <button id="ITP_BTN_MRTNMNG04010" class="btn_col_3 btn-gray CLB">취소</button>
+  </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MRTNMNG04010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <button id="ITP_BTN_MRTNMNG04010">발주관리</button>
+      <button id="ITP_BTN_MRTNMNG04010">반품관리</button>
+      <button id="ITP_BTN_MRTNMNG04010">여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,138 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MRTNMNG05010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <select class="label" name="" id="ITP_FORM_MRTNMNG05010_VIEW">
+          <option value="">반품일자</option>
+        </select>
+        <div class="date_to">
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" class="year" type="date">
+          <div class="at">~</div>
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" class="year" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>반품발주번호</label>
+        <div class="float_left">
+          <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>
+      </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>
+      </div>
+      <div class="line">
+        <label>품목명</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MRTNMNG05010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MRTNMNG05010"class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 반품 내역</h1>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 872px;">
+      <li class="history_list2">
+        <div class="left">
+          <div class="nomal">
+            <label class="col_6">반품발주번호 </label>
+            <div>
+              <div class="fn">202210010000001-0100</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="fn_label">반품예정일</label>
+            <div>
+              <div class="fn_info">2022.10.03</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>공급업체</label>
+            <div>
+              <div class="fn">A공급업체명</div>
+            </div>
+            <label class="sub_info">납품장소</label>
+            <div>
+              <div class="fn">A매장내</div>
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label>품목 </label>
+            <div>
+              <div class="fn">품목명(EA)</div> 
+            </div>
+          </div>
+        </div>
+        <div class="left">
+          <div class="nomal">
+            <label class="col_2">반품발주수량</label>
+            <div>
+              <div class="fn">10</div>
+            </div>
+            <label class="col_6">반품입고수량</label>
+            <div>
+              <div class="fn">10</div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MRTNMNG05010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage">
+      <buttonn id="ITP_BTN_MRTNMNG05010" >발주관리</button>
+      <buttonn id="ITP_BTN_MRTNMNG05010" >반품관리</button>
+      <buttonn id="ITP_BTN_MRTNMNG05010" >여신관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,171 @@
+<link rel="stylesheet" href="/style.css">
+
+<section id="MSTOCK01010">
+  <div class="popup2" style="display: none;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 품목 검색</label>
+        </div>
+        <div class="header_right">
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/close.png"></button>
+        </div>
+      </div>
+      <div class="search_bar">
+        <input id="ITP_FORM_MSTOCKMNG01010" style="width:100%" type="text" placeholder="품목명/품목번호">
+      </div>
+      <div class="search_bar">
+        <button id="ITP_BTN_MSTOCKMNG01010" class="search btn-primary">검색</button>
+      </div>
+      <div class="popup_scroll">
+        <li class="row_2">
+          <div class="left">
+            <div class="thick">
+              <div class="fn">품목명</div>
+              <div>-</div>
+              <div class="fn">2EA</div>
+            </div>
+            <div class="nomal">
+              <div class="space">구매가 :</div>
+              <div class="fn">1,120,000</div>
+            </div>
+          </div>
+          <div class="right">
+            <button id="ITP_BTN_MSTOCKMNG01010"><</button>
+            <div class="num">2</div>
+            <button id="ITP_BTN_MSTOCKMNG01010">></button>
+          </div>
+          <div class="add">
+            <button id="ITP_BTN_MSTOCKMNG01010">추가</button>
+          </div>
+        </li>
+      </div>
+    </div>
+  </div>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MSTOCKMNG01010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <label>창고선택</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>Location</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MSTOCKMNG01010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>품목명</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 재고 목록</h1>
+        <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목번호 &nbsp;:</label>
+              <div>
+                <div class="fn">adsf1234</div>
+              </div>
+              <label>품목명&nbsp;:</label>
+              <div>
+                <div class="fn">원두커피</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>단위 &nbsp;:</label>
+              <div>
+                <div class="fn">Kg</div>
+              </div>
+              <label>단위수량&nbsp;:</label>
+              <div>
+                <div class="fn">20 Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_6">현재고수량 &nbsp;:</label>
+              <div class="fn">
+                <div class="fn">100Kg</div>
+              </div>
+              <label class="col_7">적정재고수량&nbsp;:</label>
+              <div class="fn">
+                <div class="fn">50Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_7">안전재고비율 &nbsp;:</label>
+              <div class="fn">
+                <div class="fn">40%</div>
+              </div>
+              <label class="col_0">Location&nbsp;:</label>
+              <div class="fn">
+                <div class="fn">매장내</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-primary REQ">구매요청</button>
+      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray TSA">임시저장</button>
+      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MSTOCKMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_4">
+      <button id="ITP_BTN_MSTOCKMNG01010">발주관리</button>
+      <button id="ITP_BTN_MSTOCKMNG01010">반품관리</button>
+      <button id="ITP_BTN_MSTOCKMNG01010">여신관리</button>
+      <button id="ITP_BTN_MSTOCKMNG01010">재고관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,130 @@
+<link rel="stylesheet" href="/style.css">
+
+<section id="MSTOCK02010">
+  <div class="popup2" style="display: none;">
+    <div class="barcode">
+      <h1>바코드를 스캔 하시면 재고  실사 목록에 스캔한<br>바코드의품목이 추가 되고 실사 수량을 입력<br>하시기 바랍니다.</h1>
+    </div>
+    <div class="barcode_area">
+
+    </div>
+    <div class="btn_barcode">
+      <button id="ITP_BTN_MSTOCK02010" class="btn-gray">취소</button>
+    </div>
+  </div>
+	<header>
+		<div class="brand_logo">
+			<img src="/img/naver.png">
+		</div> 
+		<div class="name_info">
+			<label>
+				<div class="fnBrnadNm">브랜드명</div>
+			</label>
+			<div>
+				<label style="width: 1px;">-</label>
+			</div>
+			<label>
+				<div class="fnStoreNm">매장명</div>
+			</label>
+		</div>
+			<div class="logout">
+				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+			</div>
+	</header>
+  <div id="ITP_AJAX_MSTOCK02010_VIEW_CONTAINER">
+    <div class="content">
+      <div class="line">
+        <label>재고실사일자</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MSTOCK02010_VIEW" style="width: 400px;" type="date">
+        </div>
+      </div>
+      <div class="line">
+        <label>재고실사일자</label>
+        <div class="float_left">
+          <input id="ITP_FORM_MSTOCK02010_VIEW" type="text" placeholder="A매장명">
+        </div>
+        <div class="float_left_btn">
+          <button id="ITP_BTN_MSTOCK02010"><img src="/img/search.png" alt=""></button>
+          <button id="ITP_BTN_MSTOCK02010"><img src="/img/delete.png" alt=""></button>
+        </div>
+      </div>
+      <div class="line">
+        <label>Location</label>
+        <div class="float_left">
+          <select name="" id="ITP_FORM_MSTOCK02010_VIEW">
+            <option value=""></option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <div class="search">
+          <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">대상 검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>> 실사 목록</h1>
+        <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">바코드</button>
+      </div>
+    </div>
+    <div class="scroll_area" style="top: 672px;">
+      <li class="history_list1">
+        <div>
+          <div class="left">
+            <div class="nomal">
+              <label>품목번호 &nbsp;:</label>
+              <div>
+                <div class="fn">adsf1234</div>
+              </div>
+              <label>품목명&nbsp;:</label>
+              <div>
+                <div class="fn">원두커피</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>단위 &nbsp;:</label>
+              <div>
+                <div class="fn">Kg</div>
+              </div>
+              <label>단위수량&nbsp;:</label>
+              <div>
+                <div class="fn">20 Kg</div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label class="col_0">현재고수량 &nbsp;:</label>
+              <div class="fn">
+                <div class="fn">100Kg</div>
+              </div>
+              <label class="col_6">실사수량&nbsp;:</label>
+              <div class="btn_bar">
+                <button id="ITP_BTN_MSTOCK02010"><</button>
+                <div class="fn col_0">2</div>
+                <button id="ITP_BTN_MSTOCK02010">></button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MSTOCK02010" class="btn_col_6 btn-primary REQ">실사저장</button>
+      <button id="ITP_BTN_MSTOCK02010" class="btn_col_3 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="home">
+      <button id="ITP_BTN_MSTOCK02010" class="home_btn"><img src="/img/home.png" alt=""></button>
+    </div>
+    <div class="manage col_4">
+      <button id="ITP_BTN_MSTOCK02010">발주관리</button>
+      <button id="ITP_BTN_MSTOCK02010">반품관리</button>
+      <button id="ITP_BTN_MSTOCK02010">여신관리</button>
+      <button id="ITP_BTN_MSTOCK02010">재고관리</button>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,20 @@
+<link rel="stylesheet" href="/style.css">
+<section>
+	<div class="upgrade">
+    <div class="info">
+      <h1>새로운 버전이 출시 되었어요!</h1>
+      <h2>'다음에' 선택시 앱이 종료됩니다</h2>
+    </div>
+    <div class="btn">
+      <div class="info_btn1">
+        <button>다음에</button>
+      </div>
+      <div class="info_btn2">
+        <button>업그레이드</button>
+      </div>
+    </div>
+  </div>
+	<div class="brand_name">
+		<h4>OderQueen</h4>
+	</div>
+</section>

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

@@ -0,0 +1,282 @@
+@font-face { font-family: 'NanumBarunGothic';src: url('../fonts/NanumBarunGothic.eot');src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),url('../fonts/NanumBarunGothic.woff') format('woff');}
+* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'NanumBarunGothic', 'serif';}
+section { background-color: #eee; width: 100%; height: 100%;}
+/* 팝업 */
+section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
+section .popup .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 550px; padding-top: 80px; background: #fff; border: 2px solid #000; border-top-left-radius: 20px; border-top-right-radius: 20px;}
+section .popup .pop label.pop_label {margin-top: 50px;font-size: 2.2rem;}
+section .popup .pop .pop_line { width: 100%; height: 75px;}
+section .popup .pop .pop_line label { font-size: 2.6rem; margin-left: 70px; float: left; width: 272px; text-align: left; margin-top: -15px;}
+section .popup .pop .pop_line div { margin-top: -15px; text-align: right; float: right; font-size: 2.6rem; margin-right: 80px; width: 250px;}
+section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 100px; border-top: 2px solid #000;}
+section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 100px; font-size: 2rem; font-weight: 700; border-radius: 0px; border: none;}
+section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
+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 .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%;}
+section .popup2 .btn_barcode {margin-top: 20%;}
+section .popup2 .btn_barcode button {width: 35%; height: 100px; font-size: 2.2rem;}
+section .popup2 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
+section .popup2 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
+section .popup2 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
+section .popup2 .pop .header .header_left label {font-size: 2.4rem;} 
+section .popup2 .pop .header .header_right {float: right; padding-right: 10px;}
+section .popup2 .pop .header .header_right button {border: none; background: transparent;}
+section .popup2 .pop .search_bar {width: 100%; height: 90px; padding: 10px;}
+section .popup2 .pop .search_bar input {width: 88%; height: 80px; float: left;}
+section .popup2 .pop .search_bar button {width: 80px; height: 80px; float: right; border: none; padding-right: 30px;}
+section .popup2 .pop .search_bar button img {width: 50px; height: 50px;}
+section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 70px; background:rgb(46, 46, 248); color: #fff; font-size: 2rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
+section .popup2 .pop .search_bar button.btn_blue {float: right; width: 200px; height: 70px; background:rgb(46, 46, 248); color: #fff; font-size: 2rem; padding: 0; border: 1px solid #000;}
+
+section .popup2 .pop .popup_scroll {position: relative; width: 100%;height: 720px; overflow: auto;}
+section .popup2 .pop .popup_scroll li {list-style: none; width: 99%; height: 80px; border: 1px solid #000; margin: 0 auto;}
+section .popup2 .pop .popup_scroll li.row_2 {height: 140px;}
+section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
+section .popup2 .pop .popup_scroll li .left div {display: inline-block;}
+section .popup2 .pop .popup_scroll li .left label{font-size: 2.5rem;}
+section .popup2 .pop .popup_scroll li .left .thick {float: left; margin: 10px 20px; font-size: 2rem; text-align: left; width: 50%; font-weight: 600;}
+section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 10px 20px 10px 40px; font-size: 1.8rem; text-align: left; width: 50%;}
+section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
+section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
+section .popup2 .pop .popup_scroll li .scroll_left {float: left;}
+section .popup2 .pop .popup_scroll li .scroll_left div {float: left; font-size: 2rem; font-weight: 700; width: auto; margin: 15px 10px;}
+section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
+section .popup2 .pop .popup_scroll li .scroll_right button {width: 100px; height: 60px; padding: 0; background: rgb(198, 170, 250); border-radius: 15px; font-size: 1.5rem; margin:10px 10px;}
+section .popup2 .pop .popup_scroll li .right {margin: 40px 0; position: relative; display: flex; font-size: 2rem; font-weight: 700; float: left;}
+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 .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
+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 .pop .header .header_right {float: right; padding-right: 10px;}
+section .popup3 .pop .header .header_right button {border: none; background: transparent;}
+/* 버튼 */
+button.btn-primary  {color: #fff; background-color: #337ab7; border: 1px solid #000;font-weight: 700;}
+button.btn-yellow   {color: #fff; background-color: rgb(255, 183, 0); border: 1px solid #000;font-weight: 700;}
+button.btn-gray     {color: #fff; background-color: gray; border: 1px solid #000;font-weight: 700;}
+button.btn-danger   {color: #fff; background-color: rgb(247, 76, 76); border: 1px solid #000;font-weight: 700;}
+
+/* 실행,로딩 */
+.loding .start {position: absolute; width: 100%; top: 20%;}
+.loding .start h2 {font-size: 3rem;}
+.loding .start h1 {font-size: 5rem;}
+.loding .cap {position: absolute; width: 100%; top: 50%;}
+.loding .cap h3 {font-size: 3rem; color: #666;}
+.brand_name {position: absolute; width: 100%; bottom: 5%; font-size: 2.6rem;}
+
+/* 업그레이드 , */
+.upgrade { padding-top: 70%;}
+.upgrade .info { position: relative; background-color: #fff; margin: 0 auto; width: 70%; height: 300px; padding: 20px; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
+.upgrade .info h1 { position: relative; font-size: 2.5rem; margin: 5px; top: 20%;}
+.upgrade .info h2 { position: relative; font-size: 2rem; margin: 5px; top: 30%;}
+.upgrade .btn { position: relative; display: block; background-color: #fff; margin: 0 auto; width: 70%; height: 100px;}
+.upgrade .btn button {border-radius: 0px;position: relative;border: 1px solid #000;float: left;display: block;height: 100px;font-size: 2.7rem;}
+.upgrade .btn .info_btn1 button{border-right: none;width: 35%;color: #000;background-color: #f5f5f5;}
+.upgrade .btn .info_btn2 button {width: 65%;color: #ccc;background-color: blue;}
+
+/* 로그인 */
+.login_popup {position: relative; width: 100%; top: 30%; transform: translateY(-30%);}
+.login_popup h1 { font-size: 3.5rem; color: #333;}
+.login_popup input { position: relative; height: 30px; font-size: 30px;}
+.login_popup .login_info { margin-bottom: 200px;}
+.login_popup .num_area { position: relative; width: 100%;  margin-bottom: 70px;}
+.login_popup .num_area .input_area {margin-bottom: 10px;}
+.login_popup .num_area .input_area input {width: 50%;}
+.login_popup .num_area .input_area button { font-weight: 700; margin-left: 2%; width: 18%; height: 90px; background-color: blue; color: #eee; font-size: 28px; top: -2px;}
+.login_popup .num_area .brand_list select { padding-left: 50px; width: 70%; height: 90px; font-size: 28px; background: url(./mobile/img/down.png)no-repeat 100% 50%/70px auto; -webkit-appearance:none;  appearance:none;}
+.login_popup .num_area .brand_list select option {text-align: left; width: 70%; height: 90px; border: 1px solid #000; font-size: 20px;} 
+
+select::-ms-expand{display:none;}
+
+.login_page {position: relative; width: 100%;  margin-bottom: 30px;}
+
+.input_area {position: relative; width: 100%;  margin-bottom: 20px;}
+.input_area input {width: 70%; height: 90px; position: relative; padding: 10px; text-align: left; border:1px solid #666; font-size: 2rem; color: #000; outline: none;}
+.input_area label {position: absolute; left: 20%; top: 22px; font-size: 1.8rem; transition: all .5s ease;}
+.input_area input:focus + label,
+.input_area input:valid + label {top: 3px; left: 170px; font-size: 1.3rem; color: blue;}
+.error {margin-top: 300px;}
+.error label {font-size: 38px;}
+.login_btn {position: absolute; bottom: 0;}
+.login_btn button {
+  font-weight: 700;
+  position: fixed;
+  background-color: #aaa;
+  color: #eee;
+  bottom: 0px;
+  width: 100%;
+  height: 120px;
+  border-top: 2px solid #000;
+  font-size: 2.5rem;
+}
+
+/* 메인화면 */
+
+input {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 2rem; text-align: left; padding:0 15px;}
+select {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 2rem; text-align: left; padding:0 15px;}
+input .day {margin: 18%; width: 45%; height: 80px; float: right;}
+button {background-color: #fff; padding: 15px;}
+button:hover {background: rgb(229, 248, 202); color: #000;}
+.wicon {margin: 120px auto; width: 850px;}
+.wicon label {font-size: 50px;}
+.wicon .icon_left button,
+.wicon .icon_right button {border: 1px solid #333; padding-top: 0px; margin-top: 50px; background-color: #ccc; width: 390px; height:390px;border-radius: 100px; float: left;}
+.wicon .icon_right{float: right;}
+
+
+/* 공통화면 */
+
+header {position: fixed;top: 0;width: 100%;height: 120px;background-color:#337ab7;align-items: center;margin-bottom: 50px;border-bottom: 1px solid #000;z-index: 10;}
+header img {float: left;height: 100px; margin: 10px;border-radius: 50%; border: 1px solid #666;}
+header label{margin-top: 30px; width: 120px; font-size: 32px;float: left; color: #fff;}
+header .name_info {margin-left: 17%;}
+header .name_info label {width: 200px;font-size: 2.4rem;}
+header .logout {margin-right: 10px; float: right; width: 100px;}
+header .logout button { margin: 10px 10px 0 0; padding: 0px; width: 100px; height: 100px; border-radius: 25px; font-size: 24px;}
+.footer {position: fixed; bottom: 0; background-color: #aaa; border: 1px solid #000; width: 100%; height: 120px; z-index: 12;}
+.footer button {float: left; border-radius: 20px; margin-right: 130px; width: 100px; height: 100px; font-size: 2rem; margin-top: 10px; padding: 5px;}
+.footer button.home_btn { width: 100px; height: 100px; border: none; background-color: transparent; margin-left: 30px; margin-top: 5px;}
+.footer button.home_btn img{ width: 70px; height: 70px;}
+.footer .manage {position: absolute; display: block; position: relative;float: left; opacity: 1;}
+.footer .col_4 button {margin-right: 70px;}
+.footer .col_2 button {margin-left: 70px;}
+
+.fix {
+  width: 100%;
+  padding-top: 50px;
+  font-size: 2rem;
+}
+.content {padding-top: 5%; top: 120px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.content .line {position: relative; display: inline-block; width: 100%; height: 50px; margin-bottom: 50px;}
+.content .line div {font-weight: 700;}
+.content .line label {font-size: 3rem; margin-left: 20px; float: left; width: 320px; text-align: left; margin-top: -15px;}
+.content .line label.col_6{width: 404px;}
+.content .line select.label {border: 1px solid #000; font-size: 2.5rem;margin: 0 10px; float: left; width: 300px; height: 60px; text-align: left; margin-top: -8px;}
+.content .line .search_nm {float: right; margin-right: 2%;}
+.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_btn {float: left; margin-top: -1px; margin-left: 5px;}
+.content .line .float_left select {float: left; width: 440px; height: 60px; margin-top: -3px; border: 1px solid #000; font-size: 2rem;}
+.content .line .line_right {font-size: 2rem; float: right; margin-right: 0%;}
+.content .line .line_right div {float: right; font-size: 2.4rem; margin-top: -10px; margin-right: 30px;}
+.content .line .line_right input {position: relative; text-align: right; margin-right: 30px;}
+.content .line .line_right input.left {text-align: left;}
+.content .line input.date {width: 40%; margin: -10px; height: 80px; float: right; margin-right: 3%;}
+.content .line input.date2 {width: 350px; height: 60px;}
+.content .line div.date_to {float: left;}
+.content .line div.date_to input.year {width: 300px; margin-top: -10px; height: 60px;}
+.content .line div.date_to div.at {width: 3%;  font-size: 2rem; float: right; display: contents;}
+.content .line .search {width: 100%; height: 150px;}
+.content .line .search button {width: 50%; height: 75px; font-size: 2.4rem; 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 .table_header {margin: 0 auto; width: 100%; height: 100px; background-color: #337ab7; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
+.content .table_header h1 {margin-top: 20px; margin-left: 15px; font-size: 2.2rem; float: left; color: #fff; font-weight: 100;}
+.content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
+
+.detail_content {padding-top: 5%; top: 120px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.detail_content .detail_header {width: 100%; height: 80px;}
+.detail_content .detail_header .detail_logo {float: left;}
+.detail_content .detail_header .detail_logo img {width: 150px; margin-left: 50px;}
+.detail_content .detail_header .detail_ok {float: left;}
+.detail_content .detail_header .detail_ok label {margin-left: 80px; font-size: 2.8rem; font-weight: 700;}
+.detail_content .detail_confirmation {width: 90%; margin: 10% auto; height: 280px; }
+.detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 30px; margin-bottom: 10px;}
+.detail_content .detail_confirmation .detail_col label{font-size: 2rem; font-weight: 700; float: left; width: 235px; text-align: left;}
+.detail_content .detail_confirmation .detail_col i{font-size: 2rem; width: 1%; text-align: right; margin-right: 10px;}
+.detail_content .detail_confirmation .detail_col div{font-size: 2rem; width: auto; text-align: left;}
+.detail_content .detail_company_info label{font-size: 2rem; font-weight: 600;}
+.detail_content .detail_company_info .weight {margin-bottom: 20px;}
+.detail_content .detail_company_info .weight label{font-size: 2.4rem; font-weight: 700;}
+.detail_content .detail_company_info div{font-size: 2rem;}
+.detail_content .detail_company_info .info_left {width: 50%; height: 350px; float: left;}
+.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 50px;}
+.detail_content .table_header {margin: 33% auto; width: 100%; height: 100px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
+.detail_content .table_header h1 {margin-top: 20px; margin-left: 15px; font-size: 2.2rem; float: left;}
+.detail_content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
+
+/* select.stcd {
+  float: left;
+  width: 300px;
+  height: 60px;
+  border: 1px solid #000;
+  font-size: 1.8rem;
+} */
+
+.button_bar {width: 100%; height: 120px; background: #ccc; position: fixed; bottom: 120px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
+.button_bar button.col_3{float: left; height: 120; font-size: 3rem; margin: 0; width: 33.3%; font-weight: 700; border: 1px solid #000; border-radius: 0;}
+.button_bar button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
+.button_bar button.btn {height: 120px;}
+.button_bar button.btn_col_3 {width: 35%;}
+.button_bar button.btn_col_6 {width: 65%;}
+.button_bar button.btn_col_3,
+.button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 120px; font-size: 2.4rem; font-weight: 700; border-radius: 0px;}
+.button_bar button.col_12 {width: 100%; height: 120px; font-size: 2.2rem;}
+
+.scroll_area {position: absolute; width: 100%; height: 1400px; top: 572px; bottom: 30px; overflow: auto;}
+.scroll_area li {margin: 5px; list-style: none; width: 99%; height: 140px; border: 1px solid #000; background-color: #fff;}
+.scroll_area li.history_list {height: 300px; }
+.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_list2 {height: 380px;}
+.scroll_area li.history_list3 {height: 330px;}
+.scroll_area li .history_info {width: 240px;}
+.scroll_area li .left {position: relative; float: left;}
+.scroll_area li .left div {display: inline-block;}
+.scroll_area li .left label{font-size: 2.5rem;}
+.scroll_area li .left .thick {margin: 10px 20px; font-size: 2.2rem; text-align: left; width: 100%; font-weight: 600;}
+.scroll_area li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
+.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_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_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 .left .nomal  {width: 100%; text-align: left; font-size: 2.2rem;}
+.scroll_area li .left .nomal  input{width: 200px;}
+.scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
+.scroll_area li .left .nomal .scroll_btn button{position: absolute; top: -10px; width: 100px; height: 70px; font-size: 1.8rem; padding: 0; border-radius: 15px; background: rgb(198, 170, 250);}
+
+.scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
+.scroll_area li .left .nomal .btn_bar button{width: 50px; height: 70px; font-size: 2rem; padding: 0;}
+.scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 0 50px;}
+
+.scroll_area li .left .nomal .space{ margin-left: 40px; min-width: 100px;}
+.scroll_area li .left .nomal .space0{ margin-left: 40px; width: auto;}
+.scroll_area li .left .nomal .space1{ margin-left: 0px; width: 200px;}
+.scroll_area li .left .nomal .space2 {width: 120px; display: inline-flex; font-size: 2.4rem; margin-right: 30px; font-weight: 700;}
+.scroll_area li .left .nomal label{margin-left: 10px; width: 230px; display: inline-flex;}
+.scroll_area li .left .nomal label.sub_info{width: 168px; 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 i{width: 50px; text-align: center;}
+.scroll_area li .left .nomal div{min-width: 168px; display: inline-flex; font-weight: 700; font-size: 2.4rem;}
+.scroll_area li .right {margin: 40px; position: relative; display: flex; font-size: 2rem; font-weight: 700; float: right;}
+.scroll_area li .right .num {margin: 0 40px; width: auto;}
+.scroll_area li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}