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

.gitignore

@@ -27,6 +27,7 @@ target/
 /nbdist/
 /.nb-gradle/
 build/
+bin/*
 out/
 !**/src/main/**/build/
 !**/src/test/**/build/

bin/src/main/webapp/js/app/ordmng/ITP_ORDMNG01010.js

@@ -0,0 +1,471 @@
+require(['config'], function() {
+    require([
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+
+// 화면변수
+const ORDMNG01010_GRID_ID = '#ITP_ORDMNG01010_jqGrid';
+const ORDMNG01010_GRID_LIST = '#ITP_ORDMNG01010_jqGrid_list';
+const ORDMNG01010_GRID_PAGER = '#ITP_ORDMNG01010_jqGridPager';
+const ORDMNG01010_GRID_EMPTY = '#ITP_ORDMNG01010_jqGridEmpty';
+
+const ORDMNG01010_VIEW_GRID_ID = '#ITP_ORDMNG01010_VIEW_jqGrid';
+const ORDMNG01010_VIEW_GRID_LIST = '#ITP_ORDMNG01010_VIEW_jqGrid_list';
+const ORDMNG01010_VIEW_GRID_PAGER = '#ITP_ORDMNG01010_VIEW_jqGridPager';
+const ORDMNG01010_VIEW_GRID_EMPTY = '#ITP_ORDMNG01010_VIEW_jqGridEmpty';
+
+let ITP_COMMON_PCH_ODR_ST_CD = fn_make_common_cd_list(CODE_LIST, 'PCH_ODR_ST_CD', true, '발주상태코드');
+
+//API URL
+let API_POMNG_PO_SPPLY_PO_GRID_LIST = '/api/pomng/po/spply-po-grid-list';
+let API_POMNG_PO_INFO_SPPLY_PCHORD = '/api/pomng/po/info-spply-pchOdr';
+
+
+//화면 grid ColModel
+const gridColModel = {
+	list:[
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'PODR_MGR_NM', name: 'podrMgrNm',
+			label: ITP_MSG_LOCALE.label.podrMgrNm,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm, 		// 브랜드명
+			width: '7', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_PODR_UNQ_NO', name: 'pchPodrUnqNo',
+			label: ITP_MSG_LOCALE.label.pchPodrUnqNo, 	// 발주번호
+			width: '7', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_ORD_ST_CD', name: 'pchOdrStCd',
+			label: ITP_MSG_LOCALE.label.pchOdrStNm, 	// 발주상태
+			width: '7', fixed: false, align: 'center',
+			sortable: false, formatter: 'select',
+			editoptions: {value: ITP_COMMON_PCH_ODR_ST_CD}
+		},
+		{
+			index: 'PODR_DT', name: 'podrDt',
+			label: ITP_MSG_LOCALE.label.podrDt, 		// 발주일자
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DIV_REQ_DT', name: 'dlvReqDt',
+			label: ITP_MSG_LOCALE.label.dlvReqDt, 		// 납품요청일
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'WHS_NM', name: 'whsNm',
+			label: ITP_MSG_LOCALE.label.whsNm, 			// 납품장소
+			width: '7', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_TOTAL_AMT', name: 'podrTotalAmt',
+			label: ITP_MSG_LOCALE.label.podrTotalAmt, 	// 총 발주금액
+			width: '7', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'SPPLY_ITME_ID', name: 'podrItemQty',
+			label: ITP_MSG_LOCALE.label.podrItemQty, 	// 발주품목수
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_MGR_NM', name: 'podrMgrNm',
+			label: ITP_MSG_LOCALE.label.podrMgrNm, 		// 발주 담당자
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	],
+	view: [
+		{
+			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
+			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, 	// 항번
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId, 		// 품목번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm, 		// 품목명
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt, 		// 단가
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit, 			// 기본단위
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_QTY', name: 'podrQty',
+			label: ITP_MSG_LOCALE.label.podrQty, 		// 발주수량
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_AMT', name: 'podrAmt',
+			label: ITP_MSG_LOCALE.label.podrAmt, 		// 발주금액
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false,
+			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
+		}
+	],
+	detail: []
+};
+
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function() {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function() {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('ORDMNG01010');
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+			// 조회일자 지정	
+			var now = new Date();
+			$('#ITP_TAB_ORDMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		
+			$('#ITP_FORM_ORDMNG01010_SEARCH_FROM_DT').datepicker('setDate', '2022.10.01');
+			$('#ITP_FORM_ORDMNG01010_SEARCH_TO_DT').datepicker('setDate', '2024.10.01');
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(ORDMNG01010_GRID_ID, ORDMNG01010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_ORDMNG01010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_ORDMNG01010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_ORDMNG01010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_ORDMNG01010_CANCELLIST'		: viewObj.button.cancel(); 		break;	// 취소/목록 버튼
+						case 'ITP_BTN_ORDMNG01010_DELETE'			: 								break;	// 삭제 버튼
+						case 'ITP_BTN_ORDMNG01010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_FORM_ORDMNG01010_VIEW_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+						case 'ITP_BTN_ORDMNG01010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+						case 'ITP_BTN_ORDMNG01010_VIEW_ADDROW'		: pageObj.grid.button.addRow();	break;	// 상세:추가버튼
+						case 'ITP_BTN_ORDMNG01010_VIEW_DELROW'		: pageObj.grid.button.delRow();	break;	// 상세:삭제버튼
+					}
+				});
+			});
+		}
+	},
+	switchScreen: function(mode) {
+        $('.itp_det_head').find('button[id^="ITP_BTN_ORDMNG01010_"]').each(function(i) {
+            $(this).hide();
+        });
+        $('#ITP_TAB_ORDMNG01010').find('div[id$="_CONTAINER"]').each(function(i) {
+            $(this).hide();
+        });
+        if(mode == 'LIST') { // 목록
+            fn_show_btn_auth_array(['#ITP_BTN_ORDMNG01010_SRH', '#ITP_BTN_ORDMNG01010_NEWREG']);
+            $('#ITP_AJAX_ORDMNG01010_LIST_CONTAINER').show();
+            $('#ITP_FORM_ORDMNG01010_SEARCH #ITP_FORM_ORDMNG01010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
+        } else if(mode == 'ADD') { // 등록
+            $('#ITP_AJAX_ORDMNG01010_DETAIL_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_ORDMNG01010_CANCELLIST', '#ITP_BTN_ORDMNG01010_SAVE']);
+
+            $('#ITP_FORM_ORDMNG01010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
+                $(this).attr('id') === 'ITP_FORM_ORDMNG01010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
+                if(elem.type === 'select') {
+                    $(this).val('').prop('selected', true);
+                }
+            });
+            $('#ITP_FORM_ORDMNG01010_DETAIL #ITP_FORM_ORDMNG01010_DETAIL_FILE_NO').val('');
+            $('#ITP_FORM_ORDMNG01010_DETAIL_BRAND_ID').removeAttr('readonly');
+            $('#ITP_FORM_ORDMNG01010_DETAIL_BRAND_NM').removeAttr('readonly');
+            $('#ITP_FORM_ORDMNG01010_DETAIL_BSNS_REG_NO').removeAttr('readonly');
+            $('#ITP_FORM_ORDMNG01010_DETAIL_CORP_REG_NO').removeAttr('readonly');
+            // $('#ITP_FORM_ORDMNG01010_DETAIL_SEARCH_AFFL_SHOP').removeAttr('disabled');
+            // $('#ITP_FORM_ORDMNG01010_DETAIL_DELETE_AFFL_SHOP').removeAttr('disabled');
+            $('#ITP_FORM_ORDMNG01010_DETAIL_SEARCH_AFFL_SHOP').show();
+            $('#ITP_FORM_ORDMNG01010_DETAIL_DELETE_AFFL_SHOP').show();
+			$('#ITP_FORM_ORDMNG01010_DETAIL .itp_form_info').hide();
+			$('#ITP_FORM_ORDMNG01010_DETAIL .itp_form_change').show();
+
+            $('#ITP_FORM_ORDMNG01010_DETAIL #ITP_FORM_ORDMNG01010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+            $('#ITP_FORM_ORDMNG01010_DETAIL #ITP_FORM_ORDMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+
+            $('.fnBrandId').text('(자동부여)');
+        } else if(mode == 'MODIFY') { // 수정
+            $('#ITP_AJAX_ORDMNG01010_DETAIL_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_ORDMNG01010_CANCELLIST', '#ITP_BTN_ORDMNG01010_SAVE']);
+
+            $('#ITP_FORM_ORDMNG01010_DETAIL_BRAND_ID').attr('readonly', true);
+            $('#ITP_FORM_ORDMNG01010_DETAIL_BRAND_NM').attr('readonly', true);
+            $('#ITP_FORM_ORDMNG01010_DETAIL_BSNS_REG_NO').attr('readonly', true);
+            $('#ITP_FORM_ORDMNG01010_DETAIL_CORP_REG_NO').attr('readonly', true);
+            // $('#ITP_FORM_ORDMNG01010_DETAIL_SEARCH_AFFL_SHOP').attr('disabled', true);
+            // $('#ITP_FORM_ORDMNG01010_DETAIL_DELETE_AFFL_SHOP').attr('disabled', true);
+            $('#ITP_FORM_ORDMNG01010_DETAIL_SEARCH_AFFL_SHOP').hide();
+            $('#ITP_FORM_ORDMNG01010_DETAIL_DELETE_AFFL_SHOP').hide();
+			$('#ITP_FORM_ORDMNG01010_DETAIL .itp_form_info').show();
+			$('#ITP_FORM_ORDMNG01010_DETAIL .itp_form_change').hide();
+
+            $('#ITP_FORM_ORDMNG01010_DETAIL #ITP_FORM_ORDMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+        } else if(mode == 'VIEW') { // 보기
+            $('#ITP_AJAX_ORDMNG01010_VIEW_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_ORDMNG01010_MODIFY', '#ITP_BTN_ORDMNG01010_CANCELLIST']);
+        }
+    }
+};
+
+
+/*목록화면 Object*/
+let listObj = {
+	init: function() {
+		this.grid.init();
+	},
+	itp_ORDMNG01010_param: {},
+	itp_ORDMNG01010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_ORDMNG01010_search = true;
+			let param = $('#ITP_FORM_ORDMNG01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+            param.gridPage = $.jgrid.defaults.page;
+            param.sspplyId = LOGIN_USER_INFO.spplyId;
+            param.sidx = '0';
+            console.log(JSON.stringify(param));
+            $(ORDMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+        }
+	},
+	empty: {
+		init: function() {
+            var _this = this;
+            this.push();
+            $(ORDMNG01010_GRID_EMPTY).on('click', function() {
+                _this.back();
+                listObj.itp_ORDMNG01010_param.gridSize = $.jgrid.defaults.rowNum;
+                $(ORDMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(listObj.itp_ORDMNG01010_param)}).trigger('reloadGrid');
+            });
+        },
+        push: function() {
+            let param = $('#ITP_FORM_ORDMNG01010_SEARCH').serializeObject();
+            listObj.itp_ORDMNG01010_param = param;
+        },
+        back: function() {
+            $('#ITP_FORM_ORDMNG01010_SERVICE_BRAND_TYPE').val(listObj.itp_ORDMNG01010_param.brandType);
+            $('#ITP_FORM_ORDMNG01010_SERVICE_ST_CD').val(listObj.itp_ORDMNG01010_param.stCd);
+            $('#ITP_FORM_ORDMNG01010_SEARCH_BRAND_NM').val(listObj.itp_ORDMNG01010_param.brandNm);
+        	console.log('here');
+        	console.log(listObj.itp_ORDMNG01010_param);            
+        }
+	},
+	grid: {
+		init: function() {
+			// 데이터 없을때
+            listObj.empty.push();
+            this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+            let param = $('#ITP_FORM_ORDMNG01010_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+            //param.sbrandId = LOGIN_USER_INFO.brandId;
+            param.sspplyId = LOGIN_USER_INFO.spplyId;
+            param.sidx = '0';
+            console.log(JSON.stringify(param));
+            var option = {
+            	gridId: ORDMNG01010_GRID_ID,
+            	colModel: gridColModel.list,
+            	param: param,
+            	url: DOMAIN + API_POMNG_PO_SPPLY_PO_GRID_LIST,
+            	pager: ORDMNG01010_GRID_PAGER,
+            	onCellSelect: function(rowId, cellIdx, cellValue) {
+                    var cm = $(this).jqGrid('getGridParam', 'colModel');
+                    var colNm = cm[cellIdx].name;
+                    if (colNm === 'pchPodrUnqNo') {
+                        const pchPodrUnqNoVal = $(this).jqGrid('getCell', rowId, 'pchPodrUnqNo');
+                        const brandIdVal = $(this).jqGrid('getCell', rowId, 'brandId');
+                        const spplyIdVal = LOGIN_USER_INFO.spplyId;
+                        const key = {pchPodrUnqNo: pchPodrUnqNoVal, brandId: brandIdVal, spplyId: spplyIdVal};
+                        var param = $.param(key);
+                        viewObj.init(param);
+                    }
+				},
+				loadComplete: function(data) {
+					console.log(data);
+                    itp_fn_grid_load_complete(data, ORDMNG01010_GRID_ID, true, 'number', 'ORDMNG01010', listObj.itp_ORDMNG01010_search, listObj.empty, true, data.gridRecords, true);
+                    var ids = $(ORDMNG01010_GRID_ID).getDataIDs();
+                    $.each(ids, function(idx, rowId) {
+                        $(ORDMNG01010_GRID_ID).jqGrid('setCell', rowId, 'pchPodrUnqNo', '', ITP_GRID_COL_STYLE.link);
+                    });
+				},
+				onPaging: function(action) {
+                    itp_fn_grid_paging(ORDMNG01010_GRID_ID, action, param);
+                }
+            };
+            itp_fn_grid_make_remote(option);
+		},
+		clearData: function() {
+			$(ORDMNG01010_GRID_ID).jqGrid('clearGridData', true);
+            $(ORDMNG01010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+            $(ORDMNG01010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+            $(ORDMNG01010_GRID_EMPTY).show();
+		},
+		unload: function() {
+			$.jgrid.gridUnload(ORDMNG01010_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function(param) {
+		console.log(param);
+		this.load(param);
+	},
+	itp_ORDMNG01010_param: {},
+	itp_ORDMNG01010_search: false,
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		}
+	},
+	empty: {
+		init: function() {
+            var _this = this;
+            this.push();
+            $(ORDMNG01010_VIEW_GRID_EMPTY).on('click', function() {
+                _this.back();
+                viewObj.itp_ORDMNG01010_param.gridSize = $.jgrid.defaults.rowNum;
+                $(ORDMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(viewObj.itp_ORDMNG01010_param)}).trigger('reloadGrid');
+            });
+        },
+        push: function() {
+            let param = $('#ITP_FORM_ORDMNG01010_VIEW').serializeObject();
+            viewObj.itp_ORDMNG01010_param = param;
+        },
+        back: function() {
+            $('#ITP_FORM_ORDMNG01010_SERVICE_BRAND_TYPE').val(viewObj.itp_ORDMNG01010_param.brandType);
+            $('#ITP_FORM_ORDMNG01010_SERVICE_ST_CD').val(viewObj.itp_ORDMNG01010_param.stCd);
+            $('#ITP_FORM_ORDMNG01010_SEARCH_BRAND_NM').val(viewObj.itp_ORDMNG01010_param.brandNm);
+        }
+	},
+	load: function(param) {
+		fn_ajax_call(API_POMNG_PO_INFO_SPPLY_PCHORD, param, this.callback, 'GET');
+	},
+	callback: function(result) {
+		console.log(result);
+		
+		function convertTel(value){
+			answer = (value.startsWith('0')) ? value.replace(/[^0-9]/g, "")
+					.replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3")
+					.replace("--", "-") : '';
+			return answer;
+		}
+		let telNo = convertTel(result.podrMgrTelNo);
+		
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_ORDMNG01010_VIEW #ITP_FORM_ORDMNG01010_VIEW_AFFL_SHOP_ID').val(result.afflShopId);
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnBrandNm').text(result.brandNm);				// 브랜드명
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnPchPodrUnqNo').text(result.pchPodrUnqNo);
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnPodrDt').text(result.podrDt);
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnPchOdrStCd').text(result.pchOdrStNm);
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnPodrTotalAmt').text(result.podrTotalAmt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','));
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnPodrMgrNm').text(result.podrMgrNm + ' (' + telNo + ')');
+		$('#ITP_FORM_ORDMNG01010_VIEW .fnDlvReqDt').text(result.dlvReqDt);
+		
+		viewObj.grid.init('VIEW', result.pchOdrDtlList)
+	},
+	grid: {
+		init: function(mode, gridData) {
+			this.mode = mode;
+			this.gridId = (mode === 'VIEW') ? ORDMNG01010_VIEW_GRID_ID : ORDMNG01010_DETAIL_GRID_ID;
+			this.gridList = (mode === 'VIEW') ? ORDMNG01010_VIEW_GRID_LIST : ORDMNG01010_DETAIL_GRID_LIST;
+			this.gridEmpty = (mode === 'VIEW') ? ORDMNG01010_VIEW_GRID_EMPTY : ORDMNG01010_DETAIL_GRID_EMPTY;
+			this.unload();
+			this.load(mode, gridData);
+		},
+		mode: '',
+		colModel: gridColModel.view,
+		load: function(mode, gridData) {
+			var _this = this;
+			var option = {
+				gridId: _this.gridId,
+				colModel: gridColModel.view,
+				data: gridData,
+				multiselect: true,
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, ORDMNG01010_VIEW_GRID_ID, true, 'number', 'ORDMNG01010', viewObj.itp_ORDMNG01010_search, viewObj.empty, true, data.gridRecords, true);
+				}
+			};
+			itp_fn_grid_make_local(option);
+		},
+		unload: function() {
+			$.jgrid.gridUnload(this.gridId);
+		}
+	}
+	
+};

bin/src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG01010.js

@@ -0,0 +1,70 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		contentPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_INIT_INFO	= '/api/pomng/init-pchReq';
+const API_MOBILE_SAVE		= '/api/pomng/save-pchReq';
+const API_POP_SEARCH_LIST	= '/api/whs/mng/pop-whs-search';
+
+let contentPageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function () {
+
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG01010_DETAIL"]').on('click', function() {
+				if($(this).is('[data-call-popup]')) {
+					contentPopObj.show($(this).data('call-popup'));
+				} else {
+					var id = $(this).attr('id');
+					switch (id) {
+						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE': break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL':break;
+					}
+				}
+				return false;
+			});
+		}
+	}
+};
+
+let contentPopObj = {
+	show: function(id, args, fn) {
+		this.button();
+		console.log(id);
+		$('#' + id).show();
+	},
+	button: function() {
+		var _this = this;
+		$('button[id^="ITP_BTN_MPOMNG01010_POP"]').off('click').on('click', function() {
+			var id = $(this).attr('id');
+			if(id.indexOf('POP_CLOSE') > -1) {
+				_this.hide(id);
+				return;
+			}
+			switch (id) {
+				case 'ITP_BTN_MPOMNG01010_POP_CANCEL': _this.hide(id); break;
+				case 'ITP_BTN_MPOMNG01010_POP_CONFIRM': break;
+				case 'ITP_BTN_MPOMNG01010_POP_SEARCH':
+					break;
+			}
+			return false;
+		});
+	},
+	hide: function(id) {
+		$('#' + id).closest('.mobile-pop-close').hide();
+	}
+};

src/main/webapp/app/oper/OPER02010.html

@@ -223,11 +223,19 @@
 												</div>
 											</div>
 										</div>
-										<div class="form-group border">
+										<div class="form-group">
 											<label class="col-xs-2 itp_lb">공지대상</label>
 											<div class="col-xs-10 itp_ip fnTargetNm"></div>
 										</div>
 									</div>
+									<div class="itp_form_in">
+										<div class="form-group border">
+											<label class="col-xs-2 itp_lb">등록자 아이디</label>
+											<div class="col-xs-4 itp_ip fnAddId"></div>
+											<label class="col-xs-2 itp_lb">등록자명</label>
+											<div class="col-xs-4 itp_ip fnAddNm"></div>
+										</div>
+									</div>
 								</section>
 							</form>
 						</div>

src/main/webapp/app/oper/OPER03010.html

@@ -84,12 +84,14 @@
 											</div>
 											<label class="col-xs-2 itp_lb">가맹점 KEY *<br>사용자 계정 추가-3자리</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-4 itp_in">
+												<div class="col-xs-12 itp_in">
 													<div class="input-group">
 														<input type="text" id="ITP_FORM_OPER03010_DETAIL_AFFL_SHOP_KEY" data-check-required="empty" class="form-control itp_input" name="afflAbbr" value="" maxlength="3" readonly>
 														<span class="input-group-btn">
 															<button id="ITP_BTN_OPER03010_DETAIL_AFFL_SHOP_KEY" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
 														</span>
+														<label class="col-xs-8 itp_in">(가맹점코드 중복체크를 해주세요)</label>
+
 													</div>
 												</div>
 											</div>
@@ -124,7 +126,7 @@
 											<label class="col-xs-2 itp_lb">법인번호</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-6 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CORP_REG_NO" data-key-up="corpNo" class="form-control itp_input" name="corpRegNo" value="" maxlength="13">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CORP_REG_NO" data-key-up="corpNo" class="form-control itp_input" name="corpRegNo" value="" maxlength="14">
 												</div>
 												<div class="col-xs-3 itp_in">
 

src/main/webapp/app/oper/OPER04010.html

@@ -136,7 +136,7 @@
 												<label class="col-xs-2 itp_lb">비밀번호(*)</label>
 												<div class="col-xs-4 itp_ip">
 													<div class="col-xs-7 itp_in">
-														<input type="password" id="ITP_FORM_OPER04010_DETAIL_PW" data-check-required="empty" class="form-control itp_input" name="pswd" value="">
+														<input type="password" id="ITP_FORM_OPER04010_DETAIL_USER_PW" data-check-required="empty" class="form-control itp_input" name="pswd" value="">
 													</div>
 												</div>
 												<label class="col-xs-2 itp_lb">이메일(*)</label>

src/main/webapp/app/oper/OPER06010.html

@@ -102,13 +102,13 @@
 											<label class="col-xs-2 itp_lb">사업자번호 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_BSNS_REG_NO" data-check-required="empty" class="form-control itp_input" name="bsnsRegNo" value="" maxlength="20">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_BSNS_REG_NO" data-check-required="empty" data-key-up="regNo" class="form-control itp_input" name="bsnsRegNo" value="" maxlength="20">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">법인번호</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-8 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_CORP_REG_NO" class="form-control itp_input" name="corpRegNo" value="" maxlength="20">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_CORP_REG_NO" data-key-up="corpNo" class="form-control itp_input" name="corpRegNo" value="" maxlength="20">
 												</div>
 											</div>
 										</div>
@@ -147,7 +147,7 @@
 											<label class="col-xs-2 itp_lb">전화번호 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_TEL_NO" data-check-required="empty" data-key-up="tel" class="form-control itp_input" name="telNo" value="">
 												</div>
 												<!-- <button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button> -->
 											</div>
@@ -159,7 +159,7 @@
 											<label class="col-xs-2 itp_lb">FAX</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_FAX_NO" data-key-up="tel" class="form-control itp_input" name="faxNo" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb" style="border-top:none;">로고</label>

src/main/webapp/app/stinfo/STINFO02010.html

@@ -203,7 +203,7 @@
 											<div class="col-xs-5 itp_ip">
 												<div class="col-xs-7 itp_in">
 													<div class="input-daterange input-group date itp_in">
-														<input type="text" id="ITP_FORM_STINFO02010_DETAIL_FROM_DT" class="form-control itp_input" name="openDt" value="2022.08.10">
+														<input type="text" id="ITP_FORM_STINFO02010_DETAIL_FROM_DT" class="form-control itp_input" name="openDt" value="">
 													</div>
 												</div>
 											</div>

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

@@ -2886,11 +2886,21 @@ function itp_fn_date_format(date, type) {
 		return date.getFullYear() + '.' + month + '.' + day;	
 	} else if(type && type == 3) {
 		return date.getFullYear() + '' + month + '' + day;
+	} else if(type && type == 4) {
+		return date.getFullYear() + '-' + month + '-' + day;
 	} else {
 		return date.getFullYear() + month + day + hour + minute + second;
 	}
 }
 
+function itp_fn_date_add(type, iAdd) {
+	var date = new Date();
+	if(type === 'Y') date.setFullYear(date.getFullYear() + iAdd);
+	else if(type === 'M') date.setMonth(iAdd);
+	else if(type === 'D') date.setDate(iAdd);
+	return itp_fn_date_format(date, 2);
+}
+
 // 쿠키 가져오기
 var itp_fn_get_cookie = function (cname) {
     var name = cname + "=";
@@ -2996,18 +3006,15 @@ let itp_fn_form_event = {
 			}
 			if ($.inArray('regNo', arry) > -1) {
 				value = $(this).val().replace(/[^0-9]/g, "")
-					.replace(/(^[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{5})$/,"$1-$2-$3")
+					.replace(/(^[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{5})$/,"$1-$2-$3");
 			}
 			if ($.inArray('corpNo', arry) > -1) {
-				if($(this).val().length > 13) return;
 				value = $(this).val().replace(/[^0-9]/g, "")
-					.replace(/(^[0-9]{6})([0-9]+)?([0-9]{7})$/,"######-#######")
-					// .replace(/(\d{6})(\d{7})/, '######-#######')
+					.replace(/(^[0-9]{6})?([0-9]{7})$/,"$1-$2");
 			}
 			if ($.inArray('tel', arry) > -1) {
 				value = ($(this).val().startsWith('0')) ? $(this).val().replace(/[^0-9]/g, "")
-					.replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3")
-					.replace("--", "-") : '';
+					.replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3") : '';
 			}
 			$(this).val(value);
 		});

src/main/webapp/js/app/kakao.map.js

@@ -1,7 +1,7 @@
 let kakaoMap = {
-    init: function(id, locate) {
+    init: function(id, locate, latX, longY) {
         this.formId = id;
-        this.load(locate);
+        this.load(locate, latX, longY);
     },
     geocoder: null,
     schDetailAddrFromCoords: function(coords, callback) {
@@ -39,36 +39,42 @@ let kakaoMap = {
             map: map // 마커를 표시할 지도 객체
         });
     },
-    load: function(locate) {
+    load: function(locate, latX, longY) {
         var _this = this;
         kakao.maps.load(function() {
             var map = _this.getMap(_this.formId + '_MAP');
             // 주소-좌표 변환 객체를 생성합니다
             _this.geocoder = new kakao.maps.services.Geocoder();
-            if( !locate || locate.length == 0 ) {
-                // 지도에 마커를 생성하고 표시한다
-                _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
-            } else {
-                // 주소로 좌표를 검색합니다
-                _this.geocoder.addressSearch(locate, function(result, status) {
-                    // 정상적으로 검색이 완료됐으면
-                    if (status === kakao.maps.services.Status.OK) {
+            var mapMoveFn = function(result) {
+                var coords = new kakao.maps.LatLng(result.y, result.x);
+                if(_this.formId.lastIndexOf('DETAIL') > -1) {
+                    document.getElementById(_this.formId + '_LAT').value = result.y;
+                    document.getElementById(_this.formId + '_LNG').value = result.x;
+                }
 
-                        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
-                        if(_this.formId.lastIndexOf('DETAIL') > -1) {
-                            document.getElementById(_this.formId + '_LAT').value = result[0].y;
-                            document.getElementById(_this.formId + '_LNG').value = result[0].x;
-                        }
+                // 결과값으로 받은 위치를 마커로 표시합니다
+                _this.marker(map, coords);
 
-                        // 결과값으로 받은 위치를 마커로 표시합니다
-                        _this.marker(map, coords);
-
-                        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-                        map.setCenter(coords);
-                    } else {
-                        _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
-                    }
-                });
+                // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+                map.setCenter(coords);
+            };
+            if((latX && longY) && (latX !== '' && longY !== '')) {
+                mapMoveFn({'x':longY, 'y':latX});
+            } else {
+                if(!locate || locate.length == 0 ) {
+                    // 지도에 마커를 생성하고 표시한다
+                    _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+                } else {
+                    // 주소로 좌표를 검색합니다
+                    _this.geocoder.addressSearch(locate, function(result, status) {
+                        // 정상적으로 검색이 완료됐으면
+                        if (status === kakao.maps.services.Status.OK) {
+                            mapMoveFn(result[0]);
+                        } else {
+                            _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+                        }
+                    });
+                }
             }
 
             if(_this.formId.lastIndexOf('DETAIL') > -1) {

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

@@ -82,7 +82,7 @@ const gridColModel = {
 		},
 		{
 			index: 'TEL_NO', name: 'telNo',
-			label: ITP_MSG_LOCALE.label.telNo, //휴대폰 번호
+			label: ITP_MSG_LOCALE.label.telephone, //휴대폰 번호
 			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
@@ -548,8 +548,8 @@ let createObj = {
 	button: {
 		duplicate: function() {
 			const formId = '#ITP_FORM_OPER01010_DETAIL';
-			itp_fn_form_clear_validate(null, formId + '_DETAIL');
-			var vali_userId = itp_fn_form_validate(formId + '_DETAIL', formId + '_USER_ID', ['empty'], undefined);
+			itp_fn_form_clear_validate(null, formId);
+			var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
 			if (vali_userId) {
 				var dupFn = function(result) {
 					if (result.code == 'N') {
@@ -734,7 +734,7 @@ let afflShopObj = {
 				$('#ITP_FORM_OPER01010_DETAIL_SEARCH_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
 			}
 			if(rowDataPop.AFFL_BRAND) {
-				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_OPER01010_DETAIL_BRAND_NM', true, '선택');
+				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_OPER01010_DETAIL_BRAND_ID', true, '선택');
 			}
 		}
 	}

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

@@ -60,7 +60,7 @@ const gridColModel = {
 		{
 			index: 'TARGET_NM', name: 'targetNm',
 			label: ITP_MSG_LOCALE.label.targetNm, //공지대상
-			width: '10', fixed: false, align: 'center',
+			width: '8', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -72,7 +72,7 @@ const gridColModel = {
 		{
 			index: 'NOTI_ST_DAY', name: 'notiStDay',
 			label: ITP_MSG_LOCALE.label.viewDt, //노출일
-			width: '10', fixed: false, align: 'center',
+			width: '12', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -150,10 +150,11 @@ let pageObj = {
 	pageMode: '',
 	ui: {
 		init: function () {
-			this.button();
+			this.view();
+			this.view();
 			this.ready();
 		},
-		button: function () {
+		view: function () {
 			// 버튼 권한설정
 			fn_proc_btn_auth('OPER02010');
 
@@ -173,7 +174,7 @@ let pageObj = {
 		afflInfo: {
 			init: function() {
 				this.authTpCd 		= fn_make_user_info.get('authTpCd');
-				if(this.authTpCd === '30' || this.authTpCd === '40') {
+				if(this.authTpCd === '30' || this.authTpCd === '40' || this.authTpCd === '50') {
 					this.afflShopId 	= fn_make_user_info.get('afflShopId');
 					this.afflShopNm 	= fn_make_user_info.get('afflShopNm');
 					this.brandId 		= fn_make_user_info.get('brandId');
@@ -183,8 +184,10 @@ let pageObj = {
 			},
 			setAffl: function() {
 				var _this = this;
-				var afflShopId = '#ITP_FORM_OPER02010_' + (pageObj.pageMode === 'ADD' ? 'DETAIL' : 'SEARCH') + '_AFFL_SHOP_ID';
-				var afflShopNm = '#ITP_FORM_OPER02010_' + (pageObj.pageMode === 'ADD' ? 'DETAIL' : 'SEARCH') + '_AFFL_SHOP_NM';
+				var afflShopId = '#ITP_FORM_OPER02010_' + (pageObj.pageMode === 'LIST' ? 'SEARCH' : 'DETAIL') + '_AFFL_SHOP_ID';
+				var afflShopNm = '#ITP_FORM_OPER02010_' + (pageObj.pageMode === 'LIST' ? 'SEARCH' : 'DETAIL') + '_AFFL_SHOP_NM';
+				// var afflShopId = '#ITP_FORM_OPER02010_' + (pageObj.pageMode === 'ADD' ? 'DETAIL' : 'SEARCH') + '_AFFL_SHOP_ID';
+				// var afflShopNm = '#ITP_FORM_OPER02010_' + (pageObj.pageMode === 'ADD' ? 'DETAIL' : 'SEARCH') + '_AFFL_SHOP_NM';
 				$(afflShopId).val(_this.afflShopId);
 				$(afflShopNm).val(_this.afflShopNm);
 				$(afflShopNm).attr('readonly', true);
@@ -207,9 +210,8 @@ let pageObj = {
 			},
 			setBrand: function(AFFL_BRAND) {
 				var _this = this;
-				console.log(AFFL_BRAND);
 				if(AFFL_BRAND.length > 0) {
-					var brandId = 'ITP_FORM_OPER02010_' + (pageObj.pageMode === 'ADD' ? 'DETAIL' : 'SEARCH') + '_BRAND_ID';
+					var brandId = 'ITP_FORM_OPER02010_' + (pageObj.pageMode === 'LIST' ? 'SEARCH' : 'DETAIL') + '_BRAND_ID';
 					console.log(brandId);
 					(_this.authTpCd === '30') ?  fn_make_select_brand(AFFL_BRAND, brandId, true, '선택') : fn_make_select_brand(AFFL_BRAND, brandId, false);
 				} else {
@@ -244,6 +246,9 @@ let pageObj = {
 				});
 			});
 
+		},
+		notiTarget: function(isDisabled) {
+			$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_TARGET_CD').attr('disabled', isDisabled);
 		}
 	},
 	fileUpload: function() {
@@ -294,13 +299,16 @@ let pageObj = {
 			$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_FILE_NO').val('');
 
 			pageObj.ui.afflInfo.init();
+			pageObj.event.notiTarget(fn_make_user_info.get('authTpCd') === '10');
 		} else if(mode === 'MODIFY') { // 수정
 			$('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_OPER02010_CANCELLIST', '#ITP_BTN_OPER02010_SAVE', '#ITP_BTN_OPER02010_RESET_PW']);
 			$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_NM').prop('readonly', true);
+			if(fn_make_user_info.get('authTpCd') === '30') {
+				pageObj.ui.afflInfo.init();
+			}
 		} else if(mode === 'VIEW') { // 보기
 			$('#ITP_AJAX_OPER02010_VIEW_CONTAINER').show();
-			fn_show_btn_auth_array(['#ITP_BTN_OPER02010_MODIFY', '#ITP_BTN_OPER02010_CANCELLIST']);
 		}
 	}/*,
 	grid: {
@@ -508,10 +516,19 @@ let viewObj = {
 		$('#ITP_FORM_OPER02010_VIEW .fnNticeDesc').html(result.nticeDesc.replace(/(\n|\r\n)/g, '<br>'));
 		$('#ITP_FORM_OPER02010_VIEW .fnTargetNm').text(result.targetNm);
 		$('#ITP_FORM_OPER02010_VIEW_FILE_NO').val(result.fileNo); //파일번호 셋팅
+		$('#ITP_FORM_OPER02010_VIEW .fnAddId').text(result.addId);
+		$('#ITP_FORM_OPER02010_VIEW .fnAddNm').text(result.addNm);
 
 		itp_fn_attach_file.view('ITP_OPER02010_VIEW_UPLOAD', result.fileNoList
 			, 'form-control itp_input', 'border:none; top:0px; left:12px; height:100px; width:125px; position:absolute;');
 
+		// if(result.addId === fn_make_user_info.get('userId')) {
+		if(fn_make_user_info.get('authTpCd') === '10' || result.addId === fn_make_user_info.get('userId')) {
+			fn_show_btn_auth_array(['#ITP_BTN_OPER02010_MODIFY', '#ITP_BTN_OPER02010_CANCELLIST']);
+		} else {
+			fn_show_btn_auth_array(['#ITP_BTN_OPER02010_CANCELLIST']);
+		}
+
 		// 권한정보 리스트 조회
 		// pageObj.grid.init('VIEW');
 	}
@@ -544,30 +561,33 @@ let modifyObj = {
 		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DEL_YN').val(result.delYn);
 		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_DESC').val(result.nticeDesc);
 		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_TARGET_CD').val(result.targetCd);
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_BRAND').prop('checked', result.brandChk === 'Y');
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_STORE').prop('checked', result.shopChk === 'Y');
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SPPLY').prop('checked', result.supplyChk === 'Y');
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_BRAND_CHK').val(result.brandChk);
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_STORE_CHK').val(result.shopChk);
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SPPLY_CHK').val(result.supplyChk);
+		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_BRAND').prop('checked', result.brandChk === 'Y');
+		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_STORE').prop('checked', result.shopChk === 'Y');
+		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SPPLY').prop('checked', result.supplyChk === 'Y');
+		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_BRAND_CHK').val(result.brandChk);
+		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_STORE_CHK').val(result.shopChk);
+		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SPPLY_CHK').val(result.supplyChk);
 		$('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(result.fileNo); //파일번호 셋팅
 
 		// 가맹점 셋팅
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_ID').val(result.afflShopId);
-		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_NM').val(result.afflShopNm);
+		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_ID').val(result.afflShopId);
+		$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_NM').val(result.afflShopNm);
 		// $('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP').attr('disabled', true);
 		// $('#ITP_FORM_OPER02010_DETAIL_DELETE_AFFL_SHOP').attr('disabled', true);
 		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
 		// $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID').attr('readonly', true);
-		if(result.brandId && result.brandId != '') {
+
+		pageObj.ui.afflInfo.init();
+		if(result.brandId && result.brandId !== '') {
 			var brandList = [{'brandId':result.brandId, 'brandNm':result.brandNm}];
 			fn_make_select_brand(brandList, 'ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID');
 		}
 
-		if(result.targetCd && result.targetCd != '') {
-			$('#ITP_BTN_OPER02010_DETAIL_ADDROW').attr('disabled', false);
-			$('#ITP_BTN_OPER02010_DETAIL_DELROW').attr('disabled', false);
-		}
+		pageObj.event.notiTarget(result.afflShopId === '');
+		// if(result.targetCd && result.targetCd != '') {
+		// 	$('#ITP_BTN_OPER02010_DETAIL_ADDROW').attr('disabled', false);
+		// 	$('#ITP_BTN_OPER02010_DETAIL_DELROW').attr('disabled', false);
+		// }
 
 		//파일업로드(수정화면)
 		pageObj.fileUpload();
@@ -623,6 +643,10 @@ let createObj = {
 			const formId = '#ITP_FORM_OPER02010_DETAIL';
 			itp_fn_form_clear_validate(null, formId);
 
+			$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').attr('disabled', false);
+			if(fn_make_user_info.get('authTpCd') === '30') {
+				$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').val('A');
+			}
 			if (itp_fn_form_event.isValid(formId)) {
 				// let gridInsertData = [];
 				// let gridUpdateData = [];
@@ -641,7 +665,6 @@ let createObj = {
 				// 		}
 				// 	}
 				// });
-				$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').attr('disabled', false);
 				let param = $(formId).serializeObject();
 				// param.gridInsertData = gridInsertData;
 				// param.gridUpdateData = gridUpdateData;
@@ -664,7 +687,6 @@ let createObj = {
 /*가맹점 조회 Object*/
 let afflShopObj = {
 	init: function() {
-		// (LOGIN_USER_INFO.authTpCd === '10' || (LOGIN_USER_INFO.authTpCd === '20') ? this.action() : this.make();
 		this.action();
 	},
 	button: function() {
@@ -690,19 +712,9 @@ let afflShopObj = {
 			$('select#ITP_FORM_OPER02010_DETAIL_BRAND_ID option').remove();
 			$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD option:eq(0)').prop('selected', true);
 			// $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').trigger('change');
+			pageObj.event.notiTarget(true);
 		});
 	},
-	make: function() {
-		$('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP').hide();
-		$('#ITP_FORM_OPER02010_DELETE_AFFL_SHOP').hide();
-		if(AFFL_SHOP_LIST) {
-			$('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_ID').val(AFFL_SHOP_LIST[0].afflShopId);
-			$('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_NM').val(AFFL_SHOP_LIST[0].afflShopNm);
-		}
-		if(AFFL_BRAND_LIST) {
-			fn_make_select_brand(AFFL_BRAND_LIST, 'ITP_FORM_OPER02010_SEARCH_BRAND_ID');
-		}
-	},
 	action: function() {
 		this.button();
 	},
@@ -715,6 +727,7 @@ let afflShopObj = {
 			if(rowDataPop.AFFL_SHOP) {
 				$('#'+ id + '_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
 				$('#'+ id + '_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
+				if(view === 'C') pageObj.event.notiTarget(false);
 			}
 			if(rowDataPop.AFFL_BRAND) {
 				fn_make_select_brand(rowDataPop.AFFL_BRAND, id + '_BRAND_ID', true, '선택');

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

@@ -272,6 +272,8 @@ let pageObj = {
 			$('.fnAfflShopId').text('(자동부여)');
 			$('#ITP_FORM_OPER03010_DETAIL .itp_form_info').hide();
 
+			$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_SEARCH_JOIN_STT_DT').datepicker('setDate', new Date());
+			$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_SEARCH_JOIN_END_DT').datepicker('setDate', itp_fn_date_add('Y', 1));
 		} else if(mode === 'MODIFY') { // 수정
 			$('#ITP_AJAX_OPER03010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_OPER03010_CANCELLIST', '#ITP_BTN_OPER03010_SAVE', '#ITP_BTN_OPER03010_RESET_PW']);
@@ -492,7 +494,7 @@ let viewObj = {
 			, 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
 
 		let locate = result.addr1 + ' ' + result.addr2;
-		kakaoMap.init('ITP_FORM_OPER03010_VIEW', locate);
+		kakaoMap.init('ITP_FORM_OPER03010_VIEW', locate, result.latX, result.longY);
 
 		// 영업담당자정보  리스트 조회
 		pageObj.grid.init('VIEW', result.saleList);
@@ -534,8 +536,8 @@ let modifyObj = {
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_OWNER_NM').val(result.ownerNm);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_OWNER_TEL_NO').val(result.ownerTelNo);
-		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_SEARCH_JOIN_STT_DT').val(result.joinSttDt);
-		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_SEARCH_JOIN_END_DT').val(result.joinEndDt);
+		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_SEARCH_JOIN_STT_DT').val(result.joinSttDt === '' ? today : result.joinSttDt);
+		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_SEARCH_JOIN_END_DT').val(result.joinEndDt === '' ? today : result.joinEndDt);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_ZIPNO').val(result.zipNo);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_ADRES').val(result.addr1);
 		$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_ADRES_DTL').val(result.addr2);
@@ -548,7 +550,7 @@ let modifyObj = {
 		itp_fn_attach_file.view('ITP_OPER03010_DETAIL_LOGO_FILE', result.fileLogNoList
 			, 'form-control itp_input', 'border:none; top:12px; left:12px; height:70px; width:85px; position:absolute;');
 
-		kakaoMap.init('ITP_FORM_OPER03010_DETAIL', $('#ITP_FORM_OPER03010_DETAIL_ADRES').val());
+		kakaoMap.init('ITP_FORM_OPER03010_DETAIL', $('#ITP_FORM_OPER03010_DETAIL_ADRES').val(), result.latX, result.longY);
 
 		// 권한정보 리스트 조회
 		pageObj.grid.init('MODIFY', result.saleList);

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

@@ -316,7 +316,7 @@ let viewObj = {
 			, 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
 
 		let locate = result.addr1 + ' ' + result.addr2;
-		kakaoMap.init('ITP_FORM_OPER03011_VIEW', locate);
+		kakaoMap.init('ITP_FORM_OPER03011_VIEW', locate, result.latX, result.longY);
 
 		// 영업담당자정보  리스트 조회
 		pageObj.grid.init('VIEW', result.saleList);
@@ -434,8 +434,8 @@ let modifyObj = {
 		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_DETAIL_OWNER_NM').val(result.ownerNm);
 		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
 		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_DETAIL_OWNER_TEL_NO').val(result.ownerTelNo);
-		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_SEARCH_JOIN_STT_DT').val(result.joinSttDt);
-		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_SEARCH_JOIN_END_DT').val(result.joinEndDt);
+		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_SEARCH_JOIN_STT_DT').val(result.joinSttDt === '' ? today : result.joinSttDt);
+		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_SEARCH_JOIN_END_DT').val(result.joinEndDt === '' ? today : result.joinEndDt);
 		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_DETAIL_ZIPNO').val(result.zipNo);
 		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_DETAIL_ADRES').val(result.addr1);
 		$('#ITP_FORM_OPER03011_DETAIL #ITP_FORM_OPER03011_DETAIL_ADRES_DTL').val(result.addr2);
@@ -446,7 +446,7 @@ let modifyObj = {
 		itp_fn_attach_file.view('ITP_FORM_OPER03011_DETAIL_LOGO_FILE', result.fileLogNoList
 			, 'form-control itp_input', 'border:none; top:12px; left:12px; height:70px; width:85px; position:absolute;');
 
-		kakaoMap.init('ITP_FORM_OPER03011_DETAIL', $('#ITP_FORM_OPER03011_DETAIL_ADRES').val());
+		kakaoMap.init('ITP_FORM_OPER03011_DETAIL', $('#ITP_FORM_OPER03011_DETAIL_ADRES').val(), result.latX, result.longY);
 
 		// 권한정보 리스트 조회
 		pageObj.grid.init('MODIFY', result.saleList);

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

@@ -171,7 +171,7 @@ let pageObj = {
                 }
             });
 
-            $('#ITP_FORM_OPER04010_DETAIL_PW').data('check-required', 'empty');
+            $('#ITP_FORM_OPER04010_DETAIL_USER_PW').data('check-required', 'empty');
             $('#ITP_FORM_OPER04010_DETAIL_USER_PW_CONFIRM').data('check-required', 'empty');
             $('#ITP_FORM_OPER04010_DETAIL_EMAL_ADDR').data('check-required', 'empty');
         } else if(mode == 'MODIFY') { // 수정
@@ -185,7 +185,7 @@ let pageObj = {
             $('#ITP_FORM_OPER04010_DETAIL_SALE_MGR_ID').attr('readonly', true);
             $('#ITP_FORM_OPER04010_DETAIL_DUP').attr('disabled', true);
 
-            $('#ITP_FORM_OPER04010_DETAIL_PW').data('check-required', '');
+            $('#ITP_FORM_OPER04010_DETAIL_USER_PW').data('check-required', '');
             $('#ITP_FORM_OPER04010_DETAIL_USER_PW_CONFIRM').data('check-required', '');
             $('#ITP_FORM_OPER04010_DETAIL_EMAL_ADDR').data('check-required', '');
         } else if(mode == 'VIEW') { // 보기
@@ -379,8 +379,8 @@ let createObj = {
     button: {
         duplicate: function() {
             const formId = '#ITP_FORM_OPER04010_DETAIL';
-            itp_fn_form_clear_validate(null, formId + '_DETAIL');
-            var vali_salesUserId = itp_fn_form_validate(formId + '_DETAIL', formId + '_TMP_SALE_MGR_ID', ['empty'], undefined);
+            itp_fn_form_clear_validate(null, formId);
+            var vali_salesUserId = itp_fn_form_validate(formId, formId + '_TMP_SALE_MGR_ID', ['empty'], undefined);
             if (vali_salesUserId) {
                 var dupFn = function(result) {
                     if (result.code == 'N') {
@@ -428,7 +428,13 @@ let createObj = {
             itp_fn_form_clear_validate(null, formId);
 
             if (itp_fn_form_event.isValid(formId)) {
-
+                if($(formId + ' #ITP_FORM_OPER04010_DETAIL_USER_PW').val() !== $(formId + ' #ITP_FORM_OPER04010_DETAIL_USER_PW_CONFIRM').val()) {
+                    var element = '#ITP_FORM_OPER04010_DETAIL_USER_PW';
+                    $(element).closest('.itp_ip').addClass('has-error');
+                    var error_msg = $('<span class="help-block">' + ITP_MSG_LOCALE.message.form.wrongPwd + '</span>');
+                    error_msg.insertAfter($(element));
+                    return;
+                }
                 if (ITP_FORM_OPER04010_DETAIL_IS_DUPLICATE) {
                     itp_fn_modal_duplicate('영업담당자 ID 중복체크를 해주세요.', formId + '_SALES_USER_ID');
                 } else {

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

@@ -129,6 +129,16 @@ let pageObj = {
                     $(this).data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
                 }
             });
+
+            itp_fn_form_event.onKeyup('#ITP_FORM_OPER03010_DETAIL');
+            //pg사아이디 선택시 보이게함
+            $('#ITP_FORM_OPER06010_DETAIL_PG_ID').on('change', function() {
+                if($(this).val() === '') {
+                    $('#ITP_FORM_OPER06010_DETAIL .itp_form_pg').hide();
+                } else {
+                    $('#ITP_FORM_OPER06010_DETAIL .itp_form_pg').show();
+                }
+            });
         },
         grid: function() {
             itp_fn_jqgrid_resize(OPER06010_GRID_ID, OPER06010_GRID_LIST, 'lg');
@@ -191,10 +201,14 @@ let pageObj = {
         if(mode == 'LIST') { // 목록
             fn_show_btn_auth_array(['#ITP_BTN_OPER06010_SRH', '#ITP_BTN_OPER06010_NEWREG']);
             $('#ITP_AJAX_OPER06010_LIST_CONTAINER').show();
+            
         } else if(mode == 'ADD') { // 등록
             $('#ITP_AJAX_OPER06010_DETAIL_CONTAINER').show();
+            
+			
             fn_show_btn_auth_array(['#ITP_BTN_OPER06010_CANCELLIST', '#ITP_BTN_OPER06010_SAVE']);
 
+            
             $('#ITP_FORM_OPER06010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
                 $(this).attr('id') === 'ITP_FORM_OPER06010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
                 if(elem.type === 'select') {
@@ -217,6 +231,8 @@ let pageObj = {
             $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
 
             $('.fnBrandId').text('(자동부여)');
+
+            $('#ITP_FORM_OPER06010_DETAIL_PG_ID').trigger('change');
         } else if(mode == 'MODIFY') { // 수정
             $('#ITP_AJAX_OPER06010_DETAIL_CONTAINER').show();
             fn_show_btn_auth_array(['#ITP_BTN_OPER06010_CANCELLIST', '#ITP_BTN_OPER06010_SAVE']);
@@ -390,7 +406,7 @@ let viewObj = {
             , 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
 
         let locate = result.addr1 + ' ' + result.addr2;
-        kakaoMap.init('ITP_FORM_OPER06010_VIEW', locate);
+        kakaoMap.init('ITP_FORM_OPER06010_VIEW', locate, result.latX, result.longY);
 
     }
 };
@@ -442,13 +458,15 @@ let modifyObj = {
         $('#ITP_FORM_OPER06010_DETAIL .fnAddDt').text(result.sysRegDttm);
         $('#ITP_FORM_OPER06010_DETAIL .fnChgDt').text(result.sysChgDttm);
 
+        $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_PG_ID').trigger('change');
+
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_FILE_NO').val(result.brandLogoFileNo);
         pageObj.fileUpload();
         itp_fn_attach_file.view('ITP_OPER06010_DETAIL_LOGO_FILE', result.fileLogNoList
             , 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
 
         let locate = result.addr1 + ' ' + result.addr2;
-        kakaoMap.init('ITP_FORM_OPER06010_DETAIL', locate);
+        kakaoMap.init('ITP_FORM_OPER06010_DETAIL', locate, result.latX, result.longY);
 
     }
 };

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

@@ -244,13 +244,15 @@ let pageObj = {
 					var exists = '';
 					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
 					$.each(rowData, function(key, value) {
-						exists = exists + value.itemId + ';';
+						//exists = exists + value.itemId + ';';
+						exists = exists + value.brandUnitUnqNo + ';';
 					});
 
 					$.each(rowDataPop, function(key, value) {
-						if (exists.indexOf(value.itemId) < 0 && value.podrPssblDvsn == 'PO01') {
+						// if (exists.indexOf(value.itemId) < 0 && value.podrPssblDvsn == 'PO01') {
+						if (exists.indexOf(value.brandUnitUnqNo) < 0 && value.podrPssblDvsn == 'PO01') {
 							value['viewCd'] = "C";
-							$(POMNG01010_DETAIL_GRID_ID).jqGrid('addRowData', value.itemId, value, 'last');
+							$(POMNG01010_DETAIL_GRID_ID).jqGrid('addRowData', value.brandUnitUnqNo, value, 'last');
 						}
 					});
 					$(POMNG01010_DETAIL_GRID_EMPTY).hide();

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

@@ -0,0 +1,424 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+/*
+const POMNG01010_GRID_ID = '#ITP_POMNG01010_jqGrid';
+const POMNG01010_GRID_LIST = '#ITP_POMNG01010_jqGrid_list';
+const POMNG01010_GRID_PAGER = '#ITP_POMNG01010_jqGridPager';
+const POMNG01010_GRID_EMPTY = '#ITP_POMNG01010_jqGridEmpty';
+
+const POMNG01010_VIEW_GRID_ID = '#ITP_POMNG01010_VIEW_jqGrid';
+const POMNG01010_VIEW_GRID_LIST = '#ITP_POMNG01010_VIEW_jqGrid_list';
+const POMNG01010_VIEW_GRID_PAGER = '#ITP_POMNG01010_VIEW_jqGridPager';
+const POMNG01010_VIEW_GRID_EMPTY = '#ITP_POMNG01010_VIEW_jqGridEmpty';
+*/
+const POMNG01010_DETAIL_GRID_ID = '#ITP_POMNG01010_DETAIL_jqGrid';
+const POMNG01010_DETAIL_GRID_LIST = '#ITP_POMNG01010_DETAIL_jqGrid_list';
+const POMNG01010_DETAIL_GRID_PAGER = '#ITP_POMNG01010_DETAIL_jqGridPager';
+const POMNG01010_DETAIL_GRID_EMPTY = '#ITP_POMNG01010_DETAIL_jqGridEmpty';  // ==>dwkim html확인필요
+
+/*
+let ITP_FORM_POMNG01010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_POMNG01010_DETAIL_IS_WRITING = false;
+*/
+
+/*API URL*/
+let API_DETAIL_INIT_INFO = '/api/pomng/init-pchReq'
+//let API_DETAIL_GRID_LIST = '/api/affl/detail-grid-list';
+//let API_DETAIL_INFO = '/api/affl/info-affl';
+//let COMPANY_INFO_COMPANY = '/api/affl/info-affl';
+let API_DETAIL_SAVE = '/api/pomng/save-pchReq';
+//let API_CHECK_DUPLICATE = '/api/affl/check-duplicate';
+//let API_INTI_USERPW = '/api/user/inti-userpw';
+
+/*화면 Grid ColModel   ==>선택박스 항목 추가 부분  */
+const gridColModel = {
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId,
+			width: '20', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text',
+			editrules: { required: true }
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm,
+			width: '30', fixed: false, align: 'center',
+			sortable: true, editable: false, edittype: 'text',
+			editrules: { required: true }
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: false
+		},
+		{
+			index: 'PCH_REQ_QTY', name: 'pchReqQty',
+			label: ITP_MSG_LOCALE.label.pchReqQty, //단가
+			width: '10', fixed: false, align: 'right',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: { number:true}
+		},
+		{
+			index: 'PCH_REQ_AMT', name: 'pchReqAmt',
+			label: ITP_MSG_LOCALE.label.pchReqAmt,
+			width: '10', fixed: false, align: 'right',
+			sortable: false, editable: false, edittype: 'text', hidden: false
+		},
+
+		{
+			index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.brandUnitUnqNo,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		},
+		{
+			index: 'STORE_UNIT_UNQ_NO', name: 'storeUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.storeUnitUnqNo,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		},
+		{
+			index: 'UNIT_GUBUN', name: 'unitGubun',
+			label: ITP_MSG_LOCALE.label.unitGubun,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function() {
+		this.ui.init();
+		this.event.init();
+		this.action();
+	},
+	action: function () {
+		var _this = this;
+		// 납품장소 조회 버튼 클릭
+		$('#ITP_FORM_POMNG01010_SEARCH_WHS_NM').on('click', function() {
+			_this.popup();
+		});
+		// 납품장소 텍스트 삭제 버튼 클릭
+		$('#ITP_FORM_POMNG01010_DELETE_WHS_NM').on('click', function() {
+			$('#ITP_FORM_POMNG01010_DETAIL_WHS_NM').val('');
+			$('#ITP_FORM_POMNG01010_DETAIL_WHS_ID').val('');
+			$('#ITP_FORM_POMNG01010_DETAIL_LOCATION_NM').val('');
+			$('#ITP_FORM_POMNG01010_DETAIL_LOCATION').val('');
+			
+		});
+	},
+	popup: function () {
+		// 팝업
+		var popFn = this.callback.create;
+		const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
+		fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key, 'S');
+		
+	},
+	callback: {
+		create: function(rowDataPop) {
+			console.log(rowDataPop);
+			if(rowDataPop) {
+				$('#ITP_FORM_POMNG01010_DETAIL_WHS_NM').val(rowDataPop.whsNm);
+				$('#ITP_FORM_POMNG01010_DETAIL_WHS_ID').val(rowDataPop.whsId);
+				$('#ITP_FORM_POMNG01010_DETAIL_LOCATION_NM').val(rowDataPop.locationNm);
+				$('#ITP_FORM_POMNG01010_DETAIL_LOCATION').val(rowDataPop.location);
+			}
+			
+		}
+	},
+	itp_POMNG01010_param: {},  // ==>dwkim 
+	itp_POMNG01010_search: false,  // ==>dwkim 
+	ui: {
+		init: function() {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('POMNG01010');
+			
+			// 공통코드 표시
+			$('select').each(function() {
+				if ($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			//var now = new Date(date.getDate() + 5);
+			var now = new Date();
+			$('#ITP_TAB_POMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+			$('#ITP_FORM_POMNG01010_DETAIL_DLV_REQ_DT').datepicker('setDate', new Date(now.setDate(now.getDate() + 5)));
+			
+			
+			
+			//납품장소 필드 readonly
+			$('#ITP_FORM_POMNG01010_DETAIL_WHS_NM').attr('readonly', true);
+			$('#ITP_FORM_POMNG01010_DETAIL_LOCATION_NM').attr('readonly', true);
+			
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(POMNG01010_DETAIL_GRID_ID, POMNG01010_DETAIL_GRID_LIST, 'lg');
+			//listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			createObj.init();
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_POMNG01010_SRH': createObj.button.save("PR20"); break;	// 구매요청
+						case 'ITP_BTN_POMNG01010_NEWREG': createObj.button.save("PR00"); break;	// 임시저장
+						case 'ITP_BTN_POMNG01010_DETAIL_ADDROW': pageObj.grid.button.addRow(); break;	// 품목추가
+						case 'ITP_BTN_POMNG01010_DETAIL_DELROW': pageObj.grid.button.delRow(); break;	// 품목삭제
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				// afflUserObj.grid.resetGrid(e);
+			});
+
+		}
+	},
+	grid: {
+		init: function(mode, gridData) {
+			this.mode = mode;
+			this.gridId = POMNG01010_DETAIL_GRID_ID;
+			this.unload();  // ==>dwkim 
+			this.load(gridData);
+		},
+		mode: 'DETAIL',
+		gridId: '',
+		button: {
+			addRow: function() {
+				// 팝업
+				var popFn = function(rowDataPop) {
+					console.log(rowDataPop);
+					// 기존등록 데이터
+					var exists = '';
+					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+					$.each(rowData, function(key, value) {
+						exists = exists + value.brandUnitUnqNo + ';';
+					});
+
+					$.each(rowDataPop, function(key, value) {
+						if (exists.indexOf(value.brandUnitUnqNo) < 0 && value.podrPssblDvsn == 'PO01') {
+							value['viewCd'] = "C";
+							$(POMNG01010_DETAIL_GRID_ID).jqGrid('addRowData', value.brandUnitUnqNo, value, 'last');
+						}
+					});
+					$(POMNG01010_DETAIL_GRID_EMPTY).hide();
+				};
+				const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
+				fn_call_popup('biz', 'BIZPOP_ITEM', '#ITP_ASIDE', popFn, key, 'S');  // ==>dwkim 추후 작업 진행  파라메타 설명필요
+			},
+			delRow: function() {
+				itp_fn_grid_del_row(POMNG01010_DETAIL_GRID_ID);
+				// 그리드 포문으로 금액 재계산후 구매요청금액에 넣어줌
+				pageObj.grid.recal();  //==>dwkim 왜 호출이 안될까요
+			}
+		},
+		load: function(gridData) {  // ==>dwkim  오픈시 데이타 가져오는 부분 넣으면 되는건지 여부 gird가 아님
+			var _this = this;
+			var option = {
+				gridId: this.gridId,
+				colModel: gridColModel.detail,
+				data: gridData,
+				multiselect: true,
+				cellEdit: true,
+				loadComplete: function(data) {
+					_this.clearData();
+				},
+				afterSaveCell: function(rowid,name,val,iRow,iCol) {
+					// 구매요청금액 계산 (기존금액과 )
+					var unitAmt = jQuery(POMNG01010_DETAIL_GRID_ID).jqGrid('getCell',rowid,iCol-1);
+					jQuery(POMNG01010_DETAIL_GRID_ID).jqGrid('setRowData',rowid,{pchReqAmt: parseInt(val)*parseInt(unitAmt)});
+					// 그리드 포문으로 금액 재계산후 구매요청금액에 넣어줌
+					_this.recal();
+				}
+			};
+			itp_fn_grid_make_local(option);
+		},
+		clearData: function() {
+			console.log(this.gridId);
+			$(POMNG01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+			$(POMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
+			$(POMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(POMNG01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(POMNG01010_DETAIL_GRID_EMPTY).show();
+		},
+		recal: function() {
+			//PCH_REQ_AMT
+			const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+			var pchReqAmt = 0 ;
+			$.each(rowData, function(key, value) {
+				if (value.pchReqAmt != null && value.pchReqAmt != "") {
+					pchReqAmt = pchReqAmt + parseInt(value.pchReqAmt) ;
+				}
+				
+			});
+			$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text(pchReqAmt);
+		},
+		unload: function() {
+			$.jgrid.gridUnload(this.gridId);
+		}
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function() {
+		$('#ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		$('#ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+		//let param = 'brandId=' + LOGIN_USER_INFO.brandId + "&spplyId=" + LOGIN_USER_INFO.spplyId;
+		this.load();
+	},
+	newinit: function() {
+		$('#ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		$('#ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+		$('#ITP_FORM_POMNG01010_DETAIL_PCH_REQ_NM').val('');
+		$('#ITP_FORM_POMNG01010_DETAIL_NOTE').val('');
+		var now = new Date();
+		$('#ITP_TAB_POMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		$('#ITP_FORM_POMNG01010_DETAIL_DLV_REQ_DT').datepicker('setDate', new Date(now.setDate(now.getDate() + 5)));
+		
+		
+		this.load();  //==>dwkim 초기화 하여 다시 초기 데이타 가져와 뿌려줌
+		const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
+		fn_ajax_call(API_DETAIL_INIT_INFO, key, this.callback, 'GET');
+	},
+	button: {
+		save: function(arg) {
+			const formId = '#ITP_FORM_POMNG01010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			$('#ITP_FORM_POMNG01010_DETAIL_PCH_REQ_ST_CD').val(arg);
+			
+			//정산 타입이 무정산이면 스킵
+			var loanDvsn = $('#ITP_FORM_POMNG01010_DETAIL_LOAN_DVSN').val();
+			
+			if (loanDvsn != 'LD03' && arg == 'PR20' ) {
+				var pchActAtm = $('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text();
+				var pchReqAtm = $('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text();
+				
+				if (parseInt(pchActAtm) < parseInt(pchReqAtm)) {
+					alert(ITP_MSG_LOCALE.message.ajax.lackReqAmt);
+					return;
+				}
+			}            
+
+			if (itp_fn_form_event.isValid(formId)) {
+				var saveReq = {
+				callBack: function(args) {
+						$(formId).val(arg);
+						let gridInsertData = [];
+						let gridUpdateData = [];
+						let gridDeleteData = [];
+						const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+						
+						$.each(rowData, function(key, value) {
+							if (value.viewCd !== 'R') {
+								if (value.viewCd === 'C') {
+									gridInsertData.push(value);
+								} else if (value.viewCd === 'U') {
+									gridUpdateData.push(value);
+								} else if (value.viewCd === 'D') {
+									gridDeleteData.push(value);
+								}
+							}
+						});
+		
+						let param = $(formId).serializeObject();
+						param.gridInsertData = gridInsertData;
+						param.gridUpdateData = gridUpdateData;
+						param.gridDeleteData = gridDeleteData;
+						console.log(JSON.stringify(param));
+						var searhFn = function() {
+							createObj.newinit();
+						};
+						fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');				
+					}
+				};
+				if (arg == 'PR20') {
+					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.reqSave, saveReq, null);
+				} else {
+					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.tmpSave, saveReq, null);
+				}
+				
+				
+				
+			}
+		}
+	},
+	load: function() {
+		const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
+		fn_ajax_call(API_DETAIL_INIT_INFO, key, this.callback, 'GET');
+	},
+	callback: function(result) {
+		console.log(result);
+
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_VIEW_CD').val('C');
+
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOAN_DVSN').val(result.loanDvsn);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_PCH_REQ_DVSN').val(result.pchReqDvsn);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_WHS_ID').val(result.whsId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_WHS_NM').val(result.whsNm);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOCATION').val(result.location);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOCATION_NM').val(result.locationNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqDept').text(result.reqDept);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqMgrNm').text(result.userNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text("0");
+		$('#ITP_FORM_POMNG01010_DETAIL .fnLoanDvsnNm').text(result.loanDvsnNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(result.ordUseAmt);
+		
+
+		pageObj.grid.init();
+	}
+};

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

@@ -301,7 +301,7 @@ let viewObj = {
             , 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
 
         let locate = result.addr1 + ' ' + result.addr2;
-        kakaoMap.init('ITP_FORM_STINFO01011_VIEW', locate);
+        kakaoMap.init('ITP_FORM_STINFO01011_VIEW', locate, result.latX, result.longY);
 
     }
 };
@@ -360,7 +360,7 @@ let modifyObj = {
             , 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
 
         let locate = result.addr1 + ' ' + result.addr2;
-        kakaoMap.init('ITP_FORM_STINFO01011_DETAIL', locate);
+        kakaoMap.init('ITP_FORM_STINFO01011_DETAIL', locate, result.latX, result.longY);
 
     }
 };

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

@@ -165,6 +165,7 @@ let pageObj = {
 			$('#ITP_TAB_STINFO02010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
 			$('#ITP_FORM_STINFO02010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
 			$('#ITP_FORM_STINFO02010_SEARCH_TO_DT').datepicker('setDate', new Date());
+			// $('#ITP_FORM_STINFO02010_DETAIL_FROM_DT').datepicker('setDate', new Date());
 
 			// form alert message 주입
 			$('input[data-alert-required="ONLYCHK"]').each(function() {
@@ -248,8 +249,8 @@ let pageObj = {
 				if($(this).data('check-required')) $(this).data('check-required', 'empty');
 				$(this).attr('disabled', false);
 			});
-			// $('#ITP_BTN_STINFO02010_RESET_PW').hide();
-
+			$('#ITP_FORM_STINFO02010_DETAIL_FROM_DT').datepicker('setDate', new Date());
+			// $('#ITP_FORM_STINFO02010_DETAIL_FROM_DT').val(itp_fn_date_format(new Date(), 4));
 		} else if(mode == 'MODIFY') { // 수정
 			$('#ITP_AJAX_STINFO02010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO02010_CANCELLIST', '#ITP_BTN_STINFO02010_SAVE', '#ITP_BTN_STINFO02010_RESET_PW']);
@@ -460,7 +461,7 @@ let modifyObj = {
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
-		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CORP_REG_NO').val(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CORP_REG_NO').val(result.corpRegNo);
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_TEL_NO').val(result.telNo);
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_OWNER_NM').val(result.ownerNm);
 		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_FAX_NO').val(result.faxNo);

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

@@ -250,7 +250,7 @@ let modifyObj = {
 		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
 		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
 		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
-		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_CORP_REG_NO').val(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_CORP_REG_NO').val(result.corpRegNo);
 		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_TEL_NO').val(result.telNo);
 		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_OWNER_NM').val(result.ownerNm);
 		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_FAX_NO').val(result.faxNo);

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

@@ -258,6 +258,8 @@ let pageObj = {
 			$('#ITP_FORM_STINFO05010_DETAIL .itp_form_change').show();
 			
 			$('#ITP_FORM_STINFO05010_DETAIL .fnStoreNm').text('(자동부여)');
+			$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_STT_DT').datepicker('setDate', new Date());
+			$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_END_DT').datepicker('setDate', itp_fn_date_add('Y', 1));
 		} else if(mode == 'MODIFY') { // 수정
 			$('#ITP_AJAX_STINFO05010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO05010_CANCELLIST', '#ITP_BTN_STINFO05010_SAVE', '#ITP_BTN_STINFO05010_RESET_PW']);
@@ -470,8 +472,8 @@ let modifyObj = {
 		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_SPPLY_ID').val(result.spplyId);
 		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_SPPLY_NM').val(result.spplyNm);
 		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_SPPLY_ITEM_ID').val(result.spplyItemId);
-		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_STT_DT').val(result.contSttDt);
-		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_END_DT').val(result.contEndDt);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_STT_DT').val(result.contSttDt === '' ? today : result.contSttDt);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_END_DT').val(result.contEndDt === '' ? today : result.contEndDt);
 		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_LEAD_TIME').val(result.leadTime);
 		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_UNIT').val(result.unit);
 		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_STDD_QYT').val(result.stddQty);

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

@@ -301,6 +301,8 @@ let pageObj = {
 			$('#ITP_BTN_STINFO06010_DETAIL_DELETE_STORE').removeAttr('disabled');
 			// 가맹점 정보 설정
 			$('#ITP_FORM_STINFO06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_STINFO06010_DETAIL #ITP_FORM_STINFO06010_DETAIL_FROM_DT').datepicker('setDate', new Date());
+			$('#ITP_FORM_STINFO06010_DETAIL #ITP_FORM_STINFO06010_DETAIL_TO_DT').datepicker('setDate', itp_fn_date_add('Y', 1));
 		} else if(mode == 'MODIFY') { // 수정
 			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
 			if(fn_make_user_info.get('authTpCd') === '50') {
@@ -589,6 +591,8 @@ let createObj = {
 					console.log(data);
 					createObj.rows = data.gridRows;
 					itp_fn_grid_load_complete(data, STINFO06010_DETAIL_GRID_ID, false, 'number', 'STINFO06010', modifyObj.itp_STINFO06010_search, modifyObj.empty, true, data.gridRecords, true);
+					$('#ITP_FORM_STINFO06010_DETAIL_FROM_DT').datepicker().trigger('changeDate');
+					$('#ITP_FORM_STINFO06010_DETAIL_TO_DT').datepicker().trigger('changeDate');
 				},
 				onCellSelect: function(rowid, cellIdx, cellValue) {
 					STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowid, cellIdx, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['actionId']);

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

@@ -5,34 +5,7 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>모바일 수발주</title>
-	<link rel="stylesheet" href="../css/style.css">
-	<style>
-
-		/* ITP_SIDEBAR */
-		#ITP_SIDEBAR {width:0px; float:left; margin-left:-2px; height:calc(100vh - 68px); background:#ddd; transition:all .25s ease; border-style:solid; border-color:#ddd; border-width:0 1px 1px 1px;}
-		#ITP_SIDEBAR.itp_open_nav {width:360px;}
-		#ITP_SIDEBAR .itp_nav {list-style:none; margin:0; padding:0; height:100%; overflow-y:scroll; overflow-x:hidden; visibility:hidden;}
-		#ITP_SIDEBAR.itp_open_nav .itp_nav {visibility:visible;}
-		#ITP_SIDEBAR .itp_nav.panel-group .panel+.panel {margin-top:0;}
-		#ITP_SIDEBAR .itp_nav .panel-heading {padding:0;}
-		#ITP_SIDEBAR .itp_nav .panel-title {line-height:1.1; border-bottom:1px solid #ddd;}
-		#ITP_SIDEBAR .itp_nav .panel-title a {font-size:14px; display:block; padding:13px 15px; color:#333;}
-		#ITP_SIDEBAR .itp_nav .panel-title a .glyphicon {font-size:12px;}
-		#ITP_SIDEBAR .itp_nav .panel-default {margin-bottom:0; border:none;}
-		#ITP_SIDEBAR .itp_nav * {border-radius:0; border-width:1px 0 1px 0;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs_body {padding:0; border-top:0; border-bottom:1px solid #ddd;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs {list-style:none; margin:0; padding:0;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs .itp_svg_in {position:relative;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li a {display:block; width:100%; color:#333; padding:5px 10px 5px 17px;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li:first-child a {padding-top:10px;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li:last-child a {padding-bottom:10px;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li a:hover, #ITP_SIDEBAR .itp_nav .itp_svgs li a:active {color:#000; font-weight:bold;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li a .glyphicon {font-size:9px; float:left; margin:4px 6px 0 0;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon {font-size:9px; float:left; margin:4px 6px 0 15px;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon_5 {font-size:9px; float:left; margin:4px 6px 0 25px;}
-		#ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_tt {float:left;}
-
-	</style>
+	<link rel="stylesheet" href="../css/style.css?2011221">
 
 	<script>
 		const ITP_SYSTEM_ADMIN_YN = 'Y';
@@ -62,70 +35,17 @@
 						<label>
 							<div class="fnBrnadNm">브랜드명</div>
 						</label>
-						<label>
+						<label class="fnLblDash">
 							<div>-</div>
 						</label>
-						<label>
+						<label class="fnLblStoreNm">
 							<div class="fnStoreNm">매장명</div>
 						</label>
 					</div>
 				</div>
 			</header>
 
-			<!--<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_MENU" style="display: block;">
+			<div id="ITP_MENU" style="display: none;">
 				<div class="menu_area">
 					<button class="ITP_BTN_CLOSE"><img src="../img/close2.png"></button>
 				</div>
@@ -135,17 +55,36 @@
 							<img src="../img/naver.png">
 						</div>
 						<div class="user_info">
-							<div class="">홍길동</div>
+							<div id="ITP_LOGIN_USER_NM" class=""></div>
 							<label>사장님</label>
-							<div class="id">asdf1234</div>
+							<div id="ITP_LOGIN_USER_ID" class="id">asdf1234</div>
 						</div>
 						<div class="setting">
 							<button id="ITP_MOBILE_BTN_SETTING"><img src="../img/gear.png"></button>
 						</div>
 					</div>
-					<div class="menu_select">
+					<div id="ITP_SIDEBAR" class="menu_select" style="overflow:auto;">
+						<ul class="panel-group itp_nav"></ul>
 						<ul>
-							<li class="panel_list">
+							<textarea id="ITP_AJAX_MAIN_SLIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">
+								<li class="panel_list">
+									<div class="panel_heading accordion-toggle">
+										<span data-toggle="collapse" href="" class="fnMenuNm"></span>
+									</div>
+									<div class="panel_body">
+										<ul class="fnLevelBottomList"></ul>
+									</div>
+								</li>
+							</textarea>
+							<textarea id="ITP_AJAX_MAIN_SLIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">
+								<li>
+									<div data-itp-nav-id="" data-conn-url="" id="" class="itp_svg_in itp_nav_link fix">
+										<i><img src="../img/arrow_right.png"></i>
+										<span class="fnMenuNm"></span>
+									</div>
+								</li>
+							</textarea>
+							<!--<li class="panel_list">
 								<div class="panel_heading">
 									<span class="fnMenuNm">발주관리</span>
 								</div>
@@ -226,7 +165,7 @@
 								<div class="panel_heading">
 									<span class="fnMenuNm">재고관리</span>
 								</div>
-							</li>
+							</li>-->
 							<li class="panel_list">
 								<div class="panel_heading">
 									<span class="fnMenuNm">버전</span>
@@ -238,10 +177,11 @@
 					</div>
 				</div>
 			</div>
-			<div id="ITP_CONTAINER">
+			<div id="ITP_CONTAINER" class="fix">
+				<div class="itp_mobile_contents">
 
+				</div>
 			</div>
-			<script src="../js/app/main.js?version=20210826"></script>
 		</div>
 	</body>
 </html>

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

@@ -1,20 +1,21 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MLOANMNG03010_VIEW" style="display: none;">
+  <div id="ITP_AJAX_MLOANMNG03010_VIEW" style="display: block;">
     <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 class="search_wrap">
+	        <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>
       <div class="line">
         <label>정산상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MLOANMNG03010_VIEW">
             <option value=""></option>
           </select>
@@ -28,7 +29,7 @@
           <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;"">
         <div class="search">
           <button id="ITP_BTN_MLOANMNG03010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -78,42 +79,42 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MLOANMNG03010_DETAIL" style="display: block;">
+  <div id="ITP_AJAX_MLOANMNG03010_DETAIL" style="display: none;">
     <div class="content">
       <div class="line">
         <label>매장명</label>
-        <div class="line_right">
+        <div class="search_wrap">
           <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" placeholder="A매장명">
         </div>      
       </div>
       <div class="line">
         <label class="col_6">정산일자</label>
-        <div class="line_right">
+        <div class="search_wrap">
           <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>정산상태</label>
-        <div class="line_right">
+        <div class="search_wrap">
           <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>정산금액</label>
-        <div class="line_right">
+        <div class="search_wrap">
           <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
         </div>
       </div>
       <div class="line">
         <label>잔액</label>
-        <div class="line_right">
+        <div class="search_wrap">
           <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 class="search_wrap">
+          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="date" style="width:178px;">
         </div>
       </div>
       <div class="table_header">
@@ -150,8 +151,8 @@
           <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 style="min-width:0px;">
+                <div class="fn" style="min-width:0px;">100</div>
               </div>
               <label class="col_0">입고(수거)일자&nbsp;:</label>
               <div>
@@ -162,8 +163,8 @@
           <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 style="min-width:0px;">
+                <div class="fn"style="min-width:0px;" >100</div>
               </div>
               <label class="col_0">입고(수거)금액&nbsp;:</label>
               <div class="fn">

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

@@ -1,140 +1,181 @@
-<link rel="stylesheet" href="/style.css">
-
-<section id="MPOMNG01010">
-  <div class="popup" style="display: none;">
+<section id="ITP_MOBILE_MPOMNG01010">
+  <div id="ITP_POP_MPOMNG01010_REQ_CONFIRM" class="popup mobile-popup-div" style="display: none;">
     <div class="pop">
       <div class="pop_line">
         <label>납품요청일 &nbsp;&nbsp;:</label>
-        <div class="fn">2022.09.30</div>
+        <div class="fnPopDlvReqDt">2022.09.30</div>
       </div>
       <div class="pop_line">
         <label>품목수&nbsp;&nbsp; :</label>
-        <div class="fn">2개</div>
+        <div class="fnPop">2개</div>
       </div>
       <div class="pop_line">
         <label>구매금액 &nbsp;&nbsp;:</label>
-        <div class="fn">2022.09.30원</div>
+        <div class="fnPop">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>
+        <button id="ITP_BTN_MPOMNG01010_POP_CANCEL" class="cancel btn-gray CLB">취소</button>
+        <button id="ITP_BTN_MPOMNG01010_POP_CONFIRM" class="ok btn-primary COK">확인</button>
       </div>
     </div>
   </div>
-  <div class="popup2" style="display: none;">
+  <div id="ITP_POP_MPOMNG01010_WHS_NM" class="popup2 mobile-popup-div" 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>
+          <button type="button" id="ITP_BTN_MPOMNG01010_POP_CLOSE"><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>
+        <form id="ITP_FORM_MPOMNG01010_POPUP" class="form-horizontal" onsubmit="return false;">
+          <input id="ITP_FORM_MPOMNG01010_POP_KEYWORD" type="text" placeholder="납품장소명">
+          <button id="ITP_BTN_MPOMNG01010_POP_SEARCH"><img src="../img/search.png"></button>
+        </form>
       </div>
       <div class="search_bar">
-        <button id="ITP_BTN_MPOMNG01010" class="btn_blue">납품장소▼</button>
+        <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" 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>
+        <ul id="ITP_LIST_MPOMNG01010_POP_ROWS" class="panel-group itp_nav"></ul>
+        <div id="ITP_LIST_MPOMNG01010_POP_ROWCOPY" style="display:none;">
+          <li>
+            <div class="scroll_left">
+              <div class="fn">브랜드 창고 명A</div>
+              <div class="fn">(상세위치내용)</div>
+            </div>
+            <div class="scroll_right">
+              <button id="ITP_BTN_MPOMNG01010_POP_CHOICE">선택</button>
+            </div>
+          </li>
+        </div>
+        <!--<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>
+            <button id="ITP_BTN_MPOMNG01010_POP_CHOICE">선택</button>
           </div>
-        </li>
+        </li>-->
       </div>
     </div>
   </div>
-	
-  <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 id="ITP_POP_MPOMNG01010_ITEM_NM" class="popup2 mobile-pop-close" style="display: none;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 품목 검색</label>
+        </div>
+        <div class="header_right">
+          <button id="ITP_BTN_MSTOCKMNG01010"><img src="../img/close.png"></button>
         </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 class="search_bar">
+        <form id="ITP_FORM_MPOMNG01010_POPUP" class="form-horizontal" onsubmit="return false;">
+          <input id="ITP_FORM_MPOMNG01010_POP_KEYWORD" type="text" placeholder="품목명/품목번호">
+          <button id="ITP_BTN_MPOMNG01010_POP_SEARCH"><img src="../img/search.png"></button>
+        </form>
+      </div>
+       <div class="search_bar">
+        <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
+      </div>
+      <div class="popup_scroll">
+        <li class="row_2">
+          <div class="left" style="width:190px;">
+            <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="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 class="right">
+            <button id="ITP_BTN_MSTOCKMNG01010"><</button>
+            <div class="num">2</div>
+            <button id="ITP_BTN_MSTOCKMNG01010">></button>
           </div>
-        </div>
+          <div class="add">
+            <button id="ITP_BTN_MSTOCKMNG01010">추가</button>
+          </div>
+        </li>
       </div>
-      <div class="line">
-        <div class="table_header">
-          <h1>>구매 품목</h1>
-          <button id="ITP_BTN_MPOMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
-        </div>
-      </div>  
     </div>
-    <div class="scroll_area row-1">
-      <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 id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
+    <form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID" name="brandId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_STORE_ID" name="storeId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOAN_DVSN" name="loanDvsn" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_DVSN" name="pchReqDvsn" value="">
+      <div class="content">
+        <div class="line">
+          <label>납기요청일</label>
+          <input id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="date" type="date" placeholder="">
         </div>
-        <div class="right">
-          <button id="ITP_BTN_MPOMNG01010"><</button>
-          <div class="fn num">2</div>
-          <button id="ITP_BTN_MPOMNG01010">></button>
+        <div class="line">
+          <label>구매요청금액</label>
+          <div class="line_right">
+            <div class="fn">424,000원</div>
+          </div>
         </div>
-      </li>
-      <li>
-        <div class="left">
-          <div class="thick">
-            <div class="fn">품목명</div>
-            <div>-</div>
-            <div class="fn">2EA</div>
+        <div class="line">
+          <label>납품장소</label>
+          <div class="search_nm">
+            <div class="float_left">
+              <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_NM" class="" name="whsNm" placeholder="매장명" />
+            </div>
+            <div class="float_left_btn">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_NM"><img src="../img/search.png" alt=""></button>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+            </div>
           </div>
-          <div class="nomal">
-            <label class="space0">구매가 :</label>
-            <div class="fn">1,120,000</div>
+        </div>
+        <div class="line">
+          <div class="table_header">
+            <h1>>구매 품목</h1>
+            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB">품목추가</button>
           </div>
         </div>
-        <div class="right">
-          <button id="ITP_BTN_MPOMNG01010"><</button>
-          <div class="fn num">2</div>
-          <button id="ITP_BTN_MPOMNG01010">></button>
+      </div>
+      <div class="scroll_area row-1">
+        <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS"></ul>
+        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display:none;">
+          <li>
+            <div class="left_info">
+              <div class="thick">
+                <div class="fnItemNm">품목명</div>
+                <div>-</div>
+                <div class="fnUnit">2EA</div>
+              </div>
+              <div class="thick">
+                <label class="space0">구매가 :</label>
+                <div class="fnPchActAmt">1,120,000</div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnNum">2</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+          </li>
         </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="button_bar">
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_REQ_ORDER" data-call-popup="ITP_POP_MPOMNG01010_REQ_CONFIRM" class="col_3 btn-primary REQ">구매요청</button>
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_CANCEL" class="col_3 btn-gray CLB">취소</button>
+      </div>
+    </form>
   </div>
+  <div id="ITP_MOBILE_JS"></div>
 </section>

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

@@ -1,4 +1,3 @@
-<link rel="stylesheet" href="/style.css">
 <section>
   <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
@@ -12,7 +11,7 @@
       </div>
       <div class="line">
         <label>구매요청상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select id="ITP_FORM_MPOMNG02010_VIEW" class="stcd" name="">
             <option value="">상태</option>
           </select>
@@ -20,15 +19,17 @@
       </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 class="search_wrap">
+	        <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>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MPOMNG02010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -37,32 +38,40 @@
         <h1>>구매 요청 내역</h1>
       </div>
     </div>
-    <div class="scroll_area row-2">
+    <div class="scroll_area row-1-1">
       <li class="history_list">
         <div class="left">
           <div class="nomal">
-            <label>구매요청일 :</label>
+            <label>구매요청일 </label>
+            <span>:</span>
             <div class="history">
-              <div class="fn">2022.10.01</div> 
-              (<div class="fn">홍길동 점주</div>)
+              <div class="fndate">2022.10.01</div> 
+              (<div class="fnOwnerNm">홍길동 점주</div>)
             </div>
           </div>
         </div>
         <div class="left">
           <div class="nomal">
-            <label>구매상태 :</label>
-            <div class="history">
-              <div class="fn">대기</div>
+          	<div class="half">
+	            <label>구매상태</label>
+     		            <span>:</span>
+	            <div class="history">
+	              <div class="fn">대기</div>
+	            </div>
             </div>
-            <label>납품장소명 :</label>
-            <div class="history">
-              <div class="fn">A매장내</div>
+          	<div class="half">
+	            <label>납품장소명 </label>
+	            <span>:</span>
+	            <div class="history">
+	              <div class="fn">A매장내</div>
+	            </div>
             </div>
           </div>
         </div>
         <div class="left">
           <div class="nomal">
-            <label style="width: 300px;">구매요청 정보 :</label>
+            <label style="width: 127px;">구매요청 정보</label>
+            <span>:</span>
             <div class="history">
               <div class="fn">품목수(3)</div> 
               <i>- </i>
@@ -72,7 +81,8 @@
         </div>
         <div class="left">
           <div class="nomal">
-            <label>결재정보 :</label>
+            <label>결재정보 </label>
+            <span>:</span>
             <div class="history">
               <div class="fn">미납</div> 
             </div>
@@ -113,35 +123,19 @@
     </div>
     <div class="scroll_area row-2">
       <li>
-        <div class="left">
+        <div class="left_info">
           <div class="thick">
-            <div class="fn">품목명</div>
+            <div class="fnItemNm">품목명</div>
             <div>-</div>
-            <div class="fn">2EA</div>
-          </div>
-          <div class="nomal">
-            <label class="space0">구매가 :</label>
-            <div>1,120,000</div>
+            <div class="fnUnit">2EA</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 class="fnPchActAmt">1,120,000</div>
           </div>
         </div>
         <div class="right">
-          <div class="fn num">2</div>
+          <div class="fnNum">2</div>
         </div>
       </li>
     </div>

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

@@ -1,6 +1,5 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>발주일자</label>
@@ -12,33 +11,39 @@
       </div>
       <div class="line">
         <label>발주상태</label>
-        <div class="float_left">
-          <select name="" id="ITP_FORM_MPOMNG03010_VIEW">
-            <option value=""></option>
-          </select>
-        </div>
+        <div class="search_wrap">
+	        <div class="line_right">
+	          <select name="" id="ITP_FORM_MPOMNG03010_VIEW">
+	            <option value=""></option>
+	          </select>
+	        </div>
+      	</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 class="search_wrap">
+	        <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>
       <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 class="search_wrap">
+	        <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>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MPOMNG03010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -91,7 +96,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>발주일자</label>
@@ -124,29 +129,29 @@
     <div class="scroll_area row-2">
       <li>
         <div>
-          <div class="detail_left">
-            <div class="detail_info">
-              <div class="fn">품목명</div>
+          <div class="left_info col-4">
+            <div class="thick">
+              <div class="fnItemNm">품목명</div>
               <i>-</i>
-              <div class="fn">2EA</div>
+              <div class="fnUnit">2EA</div>
             </div>
           </div>
-          <div class="detail_right">
-            <div class="detail_info">
+          <div class="left_info col-6">
+            <div class="thick">
               <label>수량/금액</label>
               <div class="fn">2</div>
               <i>/</i>
               <div class="fn">24,000</div>
             </div>
           </div>
-          <div class="detail_left">
-            <div class="detail_info">
-              <label>구매가 &nbsp;:&nbsp;</label>
-              <div class="fn">12,000</div>
+          <div class="left_info col-4">
+            <div class="thick">
+              <label style="margin:0;">구매가 :</label>
+              <div class="fnPchActAmt">12,000</div>
             </div>
           </div>
-          <div class="detail_right">
-            <div class="detail_info">
+          <div class="left_info col-6">
+            <div class="thick">
               <label>납기요청일&nbsp;:&nbsp;</label>
               <div class="fn">2022.10.01</div>
             </div>

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

@@ -1,5 +1,4 @@
-<link rel="stylesheet" href="/style.css">
-<section>
+		<section>
   <div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" >
     <div class="content">
       <div class="line">
@@ -14,39 +13,47 @@
       </div>
       <div class="line">
         <label>납품상태</label>
-        <div class="float_left">
-          <select name="" id="ITP_FORM_MPOMNG04010_VIEW">
-            <option value=""></option>
-          </select>
+        <div class="search_wrap">
+	        <div class="line_right">
+	          <select name="" id="ITP_FORM_MPOMNG04010_VIEW">
+	            <option value=""></option>
+	          </select>
+	        </div>
         </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 class="search_wrap">
+	        <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>
       <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 class="search_wrap">
+	        <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>
       <div class="line">
         <label>품목명</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MPOMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+       	<div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG04010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
+	        </div>
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MPOMNG04010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -59,7 +66,7 @@
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
-            <label>납품번호 </label>
+            <label class="">납품번호 </label>
             <div class="history">
               <div class="fn">202210010000001-0100</div> 
             </div>

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

@@ -1,48 +1,54 @@
-<link rel="stylesheet" href="/style.css">
 <section>
   <div id="ITP_AJAX_MPOMNG05010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
         <label>납품예정일</label>
-        <div class="float_left">
+        <div class="line_right">
           <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 class="search_wrap">
+	        <div class="line_right">
+	          <select name="" id="ITP_FORM_MPOMNG05010_VIEW">
+	          </select>
+	        </div>
         </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 class="search_wrap">
+	        <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>
       <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 class="search_wrap">
+	        <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>
       <div class="line">
         <label>품목명</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MPOMNG05010__VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+       	<div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG05010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
+	        </div>
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MPOMNG05010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -91,11 +97,11 @@
         </div>
         <div class="left">
           <div class="nomal">
-            <label>발주수량</label>
+            <label>납품수량</label>
             <div class="history">
               <div class="fn history_info">10</div>
             </div>
-            <label class="sub_info">납품수량</label>
+            <label class="sub_info">입고수량</label>
             <div class="history">
               <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="10">
             </div>

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

@@ -1,5 +1,4 @@
-<link rel="stylesheet" href="/style.css">
-<section>
+s<section>
   <div id="ITP_AJAX_MPOMNG06010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -14,37 +13,45 @@
       </div>
       <div class="line">
         <label>발주번호</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text">
-        </div>
+        <div class="search_wrap">
+	        <div class="line_right">
+	          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text">
+	        </div>
+	    </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 class="search_wrap">
+	        <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>
       <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 class="search_wrap">
+	        <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>
       <div class="line">
         <label>품목명</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MPOMNG06010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
-        </div>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG06010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
+	        </div>
+	    </div>    
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MPOMNG06010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -97,7 +104,7 @@
             <div class="history">
               <div class="fn history_info">10</div>
             </div>
-            <label class="sub_info">납품수량</label>
+            <label class="sub_info">입고수량</label>
             <div class="history">
               <div class="fn">10</div>
             </div>

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

@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="/style.css">
-
 <section id="MPOMNG01010">
   <div class="popup" style="display: none;">
     <div class="pop">
@@ -22,19 +20,19 @@
       </div>
     </div>
   </div>
-  <div class="popup2" style="display: none;">
+  <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>
+          <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>
+        <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>
@@ -71,8 +69,8 @@
             <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>
+            <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>
@@ -83,15 +81,15 @@
     </div>
     <div class="scroll_area row-1">
       <li>
-        <div class="left">
+        <div class="left_info">
           <div class="thick">
-            <div class="fn">품목명</div>
+            <div class="fnItemNm">품목명</div>
             <div>-</div>
-            <div class="fn">2EA</div>
+            <div class="fnUnit">2EA</div>
           </div>
-          <div class="nomal">
+          <div class="thick">
             <label class="space0">구매가 :</label>
-            <div class="fn">1,120,000</div>
+            <div class="fnPchActAmt">1,120,000</div>
           </div>
         </div>
         <div class="right">

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="/style.css">
-
 <section id="MSTOCK01010">
   <div class="popup2" style="display: none;">
     <div class="pop">
@@ -8,18 +6,18 @@
           <label>> 품목 검색</label>
         </div>
         <div class="header_right">
-          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/close.png"></button>
+          <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">
+      <div class="search_bar" style="padding:0;">
         <button id="ITP_BTN_MSTOCKMNG01010" class="search btn-primary">검색</button>
       </div>
       <div class="popup_scroll">
         <li class="row_2">
-          <div class="left">
+          <div class="left" style="width:190px;">
             <div class="thick">
               <div class="fn">품목명</div>
               <div>-</div>
@@ -46,17 +44,19 @@
     <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 class="search_wrap">
+	        <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>
       <div class="line">
         <label>Location</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MSTOCKMNG01010_VIEW">
             <option value=""></option>
           </select>
@@ -64,11 +64,11 @@
       </div>
       <div class="line">
         <label>품목명</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
+        <div class="search_wrap">
+          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -107,11 +107,11 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label class="col_6">현재고수량 &nbsp;:</label>
-              <div class="fn">
-                <div class="fn">100Kg</div>
+              <label>현재고수량 &nbsp;:</label>
+              <div class="col_5 fn">
+                <div class="col_5 fn">100Kg</div>
               </div>
-              <label class="col_7">적정재고수량&nbsp;:</label>
+              <label>적정재고수량&nbsp;:</label>
               <div class="fn">
                 <div class="fn">50Kg</div>
               </div>
@@ -119,9 +119,9 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label class="col_7">안전재고비율 &nbsp;:</label>
-              <div class="fn">
-                <div class="fn">40%</div>
+              <label>안전재고비율 &nbsp;:</label>
+              <div class="col_5 fn">
+                <div class="col_5 fn">40%</div>
               </div>
               <label class="col_0">Location&nbsp;:</label>
               <div class="fn">

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

@@ -1,7 +1,5 @@
-<link rel="stylesheet" href="/style.css">
-
 <section id="MSTOCK02010">
-  <div class="popup2" style="display: none;">
+  <div class="popup2" style="display: block;">
     <div class="barcode">
       <h1>바코드를 스캔 하시면 재고  실사 목록에 스캔한<br>바코드의품목이 추가 되고 실사 수량을 입력<br>하시기 바랍니다.</h1>
     </div>
@@ -16,29 +14,31 @@
     <div class="content">
       <div class="line">
         <label>재고실사일자</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MSTOCK02010_VIEW" style="width: 400px;" type="date">
+        <div class="line_right">
+          <input id="ITP_FORM_MSTOCK02010_VIEW" class="date" 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 class="search_wrap">
+	        <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>
       <div class="line">
         <label>Location</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MSTOCK02010_VIEW">
             <option value=""></option>
           </select>
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">대상 검색</button>
         </div>
@@ -49,7 +49,7 @@
       </div>
     </div>
     <div class="scroll_area row-2">
-      <li class="history_list1">
+      <li class="history_list">
         <div>
           <div class="left">
             <div class="nomal">

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

@@ -1,70 +1,75 @@
 @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'; list-style: none;}
 section {}
-body{background: #fff; position: relative; width: 100%; height: 500px;}
+body{background: #fff; position: relative; width: 100%; height: auto;}
+.color-gray {color:#aaa;}
 /* 팝업 */
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
-section .popup .pop { position: absolute; top: 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 { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 250px; padding-top: 30px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
+section .popup .pop label.pop_label {position:relative; top:10px; font-size: 1.2rem;}
+section .popup .pop .pop_line { width: 100%; height: 30px;}
+section .popup .pop .pop_line label { font-size: 1.2rem; margin-left: 20px; float: left; width: auto; text-align: left;}
+section .popup .pop .pop_line div {text-align: right; float: right; font-size: 1.2rem; margin-right: 20px; width: auto;}
+section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 51px; border-top: 2px solid #000;}
+section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 50px; font-size: 1rem; 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 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
+section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
 section .popup2 .barcode {width: 100%;}
-section .popup2 .barcode_area {width: 70%; height: 35%; margin: auto; background: #fff; border: 1px solid #000; margin-top: 5%;}
-section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 2.6rem; margin:auto; margin-top: 30%;}
+section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 5%;}
+section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 1.6rem; margin:auto; margin-top: 5%;}
 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 .btn_barcode button {width: 35%; height: 50px; font-size: 1rem;}
+section .popup2 .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 85%; background: #fff; border: 2px solid #000;}
+section .popup2 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
+section .popup2 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 15px;}
+section .popup2 .pop .header .header_left label {font-size: 1.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 .header .header_right button img {width:30px; height:30px;}
+section .popup2 .pop .search_bar {width: 100%; height: 50px; padding: 10px;}
+section .popup2 .pop .search_bar input {width: 80%; height: 40px; float: left;}
+section .popup2 .pop .search_bar button {float: right; border: none; padding-top:3px;}
+section .popup2 .pop .search_bar button img {width: 30px; height: 30px;}
+section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 35px; background:rgb(46, 46, 248); color: #fff; font-size: 1rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
+section .popup2 .pop .search_bar button.btn_blue {float: right; width: 100px; height: 35px; background:rgb(46, 46, 248); color: #fff; font-size: 1rem; 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 {list-style: none; width: 99%; height: 50px; border: 1px solid #000; margin: 0 auto;}
+section .popup2 .pop .popup_scroll li.row_2 {height: 80px;}
 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 .thick {float: left; margin: 10px 0 0 10px; font-size: 1rem; text-align: left; width: 100%; font-weight: 600;}
+section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 15px 0px 0px 15px; font-size: 1.2rem; text-align: left; width: 100%;}
 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_left div {float: left; font-size: 0.8rem; 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 .popup2 .pop .popup_scroll li .scroll_right button {width: 60px; height: 40px; padding: 0; background: rgb(198, 170, 250); border-radius: 10px; font-size: 0.8rem; margin:4px 10px;}
+section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: left; top:20px;}
+section .popup2 .pop .popup_scroll li .right .num {margin: 0 20px; width: auto;}
+section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 1rem; border-radius: 0px;}
+section .popup2 .pop .popup_scroll li .add button{float: right; width: 60px; height: 55px; margin: 10px 10px; border-radius: 10px; font-size: 1rem; background: rgb(198, 170, 250);}
+section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 1rem; padding: 0; margin: 0 10px;}
 
 section .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
-section .popup3 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
-section .popup3 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
-section .popup3 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
-section .popup3 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
-section .popup3 .pop .header .header_left label {font-size: 2.4rem;} 
+section .popup3 .content {position: fixed; z-index: 10; width:100%; height:596px; background: #fff;}
+section .popup3 .content label{width:120px; margin-top:7px;}
+section .popup3 .content div{font-weight:100;}
+section .popup3 .pop { position: absolute; top: 37%; left: 50%; transform: translate(-50%,-40%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
+section .popup3 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
+section .popup3 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 20px;}
+section .popup3 .pop .header .header_left label {font-size: 1.4rem;} 
 section .popup3 .pop .header .header_right {float: right; padding-right: 10px;}
 section .popup3 .pop .header .header_right button {border: none; background: transparent;}
+section .popup3 .pop .header .header_right button img {width:30px; height:30px;}
 /* 버튼 */
-button {background-color: #fff; padding: 15px;}
+button {background-color: #fff; padding: 10px;}
 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;}
@@ -140,14 +145,14 @@ body.eee {height: 700px; background: #eee;}
 .main .wicon .icon_left {float: left;}
 
 
-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 {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
+select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* 공통화면 */
 
-#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#92c7f6;align-items: center;margin-bottom: 50px;border-bottom: 1px solid #000;z-index: 10;}
-#ITP_WRAPPER header .header_wrap {width: 100%; height: 45px; margin: 0 auto;}
+#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#92c7f6;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
+#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto;}
 #ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 7px; margin-left: 7px;}
 #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 35px; height: 35px; margin: 0; border-radius: 0; border: none;}
 #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
@@ -189,37 +194,42 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   padding-top: 50px;
   font-size: 2rem;
 }
-.content {padding-top: 5%; top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
-.content .line {position: relative; display: inline-block; width: 100%; height: 50px; margin-bottom: 50px;}
+.content {top: 55px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.content .line {position: relative; display: inline-block; width: 100%; height: 35px; margin-bottom: 0px;}
 .content .line div {font-weight: 700;}
-.content .line label {font-size: 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 label {font-size: 1.2rem; margin-left: 10px; float: left; text-align: left; margin-top: 12px;}
+.content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
 .content .line .search_nm {float: right; margin-right: 2%;}
+.content .line .search_wrap {float:right; margin-right:10px;}
 .content .line .float_left {float: left;}
 .content .line .float_left.note {width: 100%; padding: 10px;}
-.content .line .float_left.note textarea {width: 100%; height: 300px; border: 1px solid #000; text-align: left;}
-.content .line .float_left div {font-size: 2.4rem; margin-top: -8px;}
-.content .line .float_left_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 .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #000; text-align: left;}
+.content .line .float_left div {font-size: 1rem; margin-top: 8px;}
+.content .line .float_left_btn {float: left; margin-top: 5px; margin-left: 5px;}
+.content .line .float_left_btn button {padding:0; width:36px; height:36px; border-radius:5px;}
+.content .line .float_left_btn button img {width:20px; height:20px;}
+.content .line .float_left select {float: left; width: 150px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem;}
 .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 div {float: right; font-size: 1.2rem; margin-top: 12px; margin-right: 30px;}
+.content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
 .content .line .line_right input.left {text-align: left;}
-.content .line 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: #92c7f6; 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: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.content .line .line_right input.mg0 {margin-right:10px;}
+.content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
+.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
+.content .line input.date {width: 40%; margin: 10px; height: 40px; float: right; margin-right: 3%;}
+.content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
+.content .line div.date_to {float: right; margin-right:10px;}
+.content .line div.date_to input.year {width: 120px; height: 30px;}
+.content .line div.date_to div.at {width: 3%;  font-size: 1rem; float: right; display: contents;}
+.content .line .search {width: 100%; height: 50px;}
+.content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
+.content .line .search button.col_3 {width: 35%; margin-left:12px; float: left;}
+.content .line .search button.col_5 {width: 55%; margin-right: 10px; float: right;}
+.content .table_header {margin: 0 auto; width: 100%; height: 50px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
+.content .table_header h1 {margin-top: 12px; margin-left: 10px; font-size: 1.2rem; float: left; color: #fff; font-weight: 100;}
+.content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
+
+.detail_content {top: 0px; 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;}
@@ -248,79 +258,92 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   font-size: 1.8rem;
 } */
 
-.button_bar {width: 100%; height: 120px; background: #ccc; position: fixed; bottom: 0px; 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 {width: 100%; height: 60px; background: #ccc; position: fixed; bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
+.button_bar button.col_3{float: left; height: 60px; font-size: 1.4rem; 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;}
+.button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 60px; font-size: 1.4rem; font-weight: 700; border-radius: 0px;}
+.button_bar button.col_12 {width: 100%; height: 60px; font-size: 1.2rem;}
 
 /* scroll_area 조정 */
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
-.row-1{top: 450px;}
-.row-2{top: 550px;}
-.row-3{top: 650px;}
-.row-4{top: 750px;}
+.row-1{top: 240px;}
+.row-1-1{top:288px;}
+.row-2{top: 282px;}
+
+.row-3{top: 333px;}
+.row-4{top: 377px;}
 .row-5{top: 850px;}
-.row-6{top: 950px;}
+.row-6{top: 468px;}
 .row-7{top: 1030px;}
 
+.col-4{width:40% !important;}
+.col-6{width:60% !important;}
 
 
-.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 {margin: 5px 3px; list-style: none; width: 99%; height: 85px; border: 1px solid #000; background-color: #fff;}
+.scroll_area li .left_info {width:50%; float:left; font-size:1rem;}
+.scroll_area li .left_info div {display: inline-block;}
+.scroll_area li .left_info label{font-size: 1.1rem; font-weight:100; margin-left:10px;}
+.scroll_area li .left_info .thick {float:left;  margin: 8px 0 0 10px; font-size: 1rem; text-align: left; width: 90%; font-weight: 600;}
+.scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
+.scroll_area li .left_info .history input{width: 150px;}
+.scroll_area li.history_list {height: 140px; padding-top:8px;}
 .scroll_area li.history_list .button_right {float: right; display: grid;}
-.scroll_area li.history_list .button_right button {width: 124px; height: 149px; font-size: 2rem; margin: 0; border-radius: 0;}
-.scroll_area li.history_list1 {height: 230px; }
-.scroll_area li.history_list2 {height: 380px;}
+.scroll_area li.history_list .button_right button {width: 65px; height: 70px; font-size: 1rem; margin: 0; border-radius: 0;}
+.scroll_area li.history_list1 {height: 230px;}
+.scroll_area li.history_list2 {height: 160px; padding-top:5px;}
+.scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
 .scroll_area li.history_list3 {height: 330px;}
-.scroll_area li .history_info {width: 240px;}
-.scroll_area li .left {position: relative; float: left;}
+.scroll_area li.history_list4 {height: 150px;}
+.scroll_area li .history_info {width: auto;}
+.scroll_area li .left {width:100%; height:30px; margin-top:0px;}
+.scroll_area li .btn {width:calc(100% - 65px); padding-top:12px;}
 .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 label{font-size: 1.1rem;}
+.scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
+.scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
 .scroll_area li .left .history input{width: 150px;}
 
-.scroll_area li div {padding: 1px;}
-.scroll_area li .detail_line {width: 100%; display: inline-block;}
+.scroll_area li .detail_line {width: 100%; height:25px; display: inline-block;}
 .scroll_area li .detail_left {float: left;}
-.scroll_area li .detail_left div {display: inline-block;}
 .scroll_area li .detail_left .detail_info {margin: 5px 10px;}
-.scroll_area li .detail_left .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
-.scroll_area li .detail_left .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
-.scroll_area li .detail_left .detail_info label {width: auto;  font-size: 2rem;}
+.scroll_area li .detail_left .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
+.scroll_area li .detail_left .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
+.scroll_area li .detail_left .detail_info label {position:absolute; width: auto;  font-size: 1rem;}
 .scroll_area li .detail_right {float: right;}
-.scroll_area li .detail_right div {display: inline-block;}
 .scroll_area li .detail_right .detail_info {margin: 5px 25px;}
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
-.scroll_area li .detail_right .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
-.scroll_area li .detail_right .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
-.scroll_area li .left .nomal  {width: 100%; text-align: left; font-size: 2.2rem;}
-.scroll_area li .left .nomal  input{width: 200px;}
+.scroll_area li .detail_right .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
+.scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
+.scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
+.scroll_area li .left .nomal .half {width:50%; float:left;}
+.scroll_area li .left .nomal .half label {font-weight:100;}
+.scroll_area li .left .nomal  input{width: 85px; height:30px;}
 .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 span {margin:0 10px;}
+
 .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 .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
+.scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
 
-.scroll_area li .left .nomal .space{ margin-left: 40px; min-width: 100px;}
-.scroll_area li .left .nomal .space0{ margin-left: 40px; width: auto;}
+.scroll_area li .left .nomal .space{ margin-left: 30px; min-width: 100px;}
+.scroll_area li .left .nomal .space0{ margin-left: 30px; 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 .space2 {display: inline-flex; font-size: 1.4rem; font-weight: 700;}
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
+.scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
 .scroll_area li .left .nomal label.col_0{width: auto;}
-.scroll_area li .left .nomal label.col_1{width: 180px;}
-.scroll_area li .left .nomal label.col_2{width: 273px;}
-.scroll_area li .left .nomal label.col_6{width: 250px;}
-.scroll_area li .left .nomal label.col_7{width: 280px;}
+.scroll_area li .left .nomal label.col_2{width: 95px;}
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
-.scroll_area li .left .nomal div{min-width: 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;}
+.scroll_area li .left .nomal div{min-width:90px; display: inline-flex; font-weight: 700; font-size: 1.1rem;}
+.scroll_area li .left .nomal .col_5{min-width:50px;}
+
+.scroll_area li .right {margin: 30px 20px 0 0; position: relative; display: flex; font-size: 1.4rem; font-weight: 700; float: right;}
+.scroll_area li .right .num {margin: 0 25px; width: auto;}
+.scroll_area li .right button {margin: -6px; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}

src/main/webapp/mobile/js/app/main.js

@@ -1,198 +1,14 @@
-
-const MAIN_NOTICE_GRID_ID = '#ITP_MAIN_NOTICE_jqGrid';
-const MAIN_NOTICE_GRID_LIST = '#ITP_MAIN_NOTICE_jqGrid_list';
-const MAIN_NOTICE_GRID_PAGER = '#ITP_MAIN_NOTICE_jqGridPager';
-const MAIN_NOTICE_GRID_EMPTY = '#ITP_MAIN_NOTICE_jqGridEmpty';
-
-let NTICE_DETAIL_GRID_LIST = '/api/ntice/detail-grid-list';
-
 require(['config'], function() {
 	require([
 		'jquery'
 	], function($) {
-		
-		setTimeout(function() {
-			// // 시간지정
-			// $('#ITP_FORM_MAIN_NOTICE_SEARCH_SCH_DT').val(itp_fn_date_format(new Date(), 2));
-			// $('#ITP_FORM_MAIN_NOTICE_SEARCH_USER_ID').val(USER_ID);
-			//
-	    	// // Barcode
-			// itp_fn_barcode.init();
 
+		setTimeout(function() {
 		}, 100);
-				
+
 	});
 });
 
-var itp_fn_mobile_MAIN_MENU = {
-	init: function() {
-		this.topMenuMake();
-		this.button();
-	},
-	button: function() {
-		var _this = this;
-		$(document).on('click', '.manage_btn_bar button', function() {
-			$('#ITP_CONTAINER').empty();
-			_this.subMenuMake($(this).data('top-menu'));
-		});
-		$(document).on('click', '#ITP_CONTAINER button', function() {
-			console.log('===> ' + $(this).data('sub-menu'));
-		});
-	},
-	topMenuMake: function() {
-		var _this = this;
-		var topMenuCnt = 0;
-		$.each(AUTH_MENU_LIST, function(key, value) {
-			if(value.topMenuNo === 200) {
-				topMenuCnt++;
-			}
-		});
-		console.log(topMenuCnt);
-		$.each(AUTH_MENU_LIST, function(key, value) {
-			if(value.topMenuNo === 200) {
-				var menuDIV = 	'<div class="manage col_' + topMenuCnt + '">' +
-								'	<button data-top-menu="' + value.menuNo + '">' + value.menuNm + '</button>' +
-								'</div>';
-				$('.manage_btn_bar').append(menuDIV);
-				if(key === 0) {
-					_this.subMenuMake(value.menuNo);
-				}
-			}
-		});
-	},
-	subMenuMake: function(topMenuNo) {
-		var seq = 0;
-		var pos = 'icon_left';
-		var menuDIV = '<div class="wicon">\n';
-		$.each(AUTH_MENU_LIST, function(key, value) {
-			if(value.topMenuNo === topMenuNo) {
-				if(seq > 0 && seq % 2 === 0) {
-					menuDIV += '</div>\n';
-					menuDIV += '<div class="wicon">\n';
-					pos = 'icon_left';
-				}
-				menuDIV += 	'	<div class="' + pos + '">\n' +
-							'		<button data-sub-menu="' + value.menuNo + '">\n' +
-							'			<label>ICON<br>' + value.menuNm + '</label>\n' +
-							'		</button>\n' +
-							'	</div>\n';
-				seq++;
-				pos = 'icon_right';
-			}
-		});
-		menuDIV += '</div>';
-		$('#ITP_CONTAINER').append(menuDIV);
-	}
-};
-
-var itp_fn_MAIN_NOTICE_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_MAIN_NOTICE_empty.push();
-		$(MAIN_NOTICE_GRID_EMPTY).on('click', function() {
-			itp_fn_MAIN_NOTICE_empty.back();
-			itp_MAIN_NOTICE_param.gridSize = $.jgrid.defaults.rowNum;
-			$(MAIN_NOTICE_GRID_ID).setGridParam({'postData': JSON.stringify(itp_MAIN_NOTICE_param)}).trigger('reloadGrid');
-		});
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;
-		$(MAIN_NOTICE_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'NTICE_NO', name: 'nticeNo',
-					label: ITP_MSG_LOCALE.label.notiNo, //공지번호
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'NTICE_TITL', name: 'nticeTitl',
-					label: '공지사항', //공지제목
-					width: '15', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'ADD_DT', name: 'addDt',
-					label: ITP_MSG_LOCALE.label.regDt, //등록일
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + NTICE_DETAIL_GRID_LIST,
-			pager: MAIN_NOTICE_GRID_PAGER,
-			multiselect: false,
-			rownumbers: true,
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				var cm = $(this).jqGrid('getGridParam', 'colModel');
-				var colNm = cm[cellIdx].name;
-				if (colNm == 'nticeTitl') {
-					const nticeNoVal = $(this).jqGrid('getCell', rowId, 'nticeNo');
-					const key = {nticeNo: nticeNoVal, viewCd: 'R'};
-					var param = $.param(key);
-					// itp_fn_MAIN_NOTICE_view(param);
-					
-					fn_call_popup('comm', 'NOTICE_INFO_POPUP', '#ITP_ASIDE', function() {
-												
-					}, param, 'S');
-					$('#ITP_NOTICE_INFO_POPUP > div.modal-dialog').width('500px');
-				}
-		   	},
-			loadComplete: function(data) {
-				//console.log(JSON.stringify(data));
-				itp_fn_grid_load_complete(data, MAIN_NOTICE_GRID_ID, true, 'number', 'MAIN_NOTICE', itp_MAIN_NOTICE_search, itp_fn_MAIN_NOTICE_empty, false, data.gridRecords, false);
-				var ids = $(MAIN_NOTICE_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(MAIN_NOTICE_GRID_ID).jqGrid('setCell', rowId, 'nticeTitl', '', ITP_GRID_COL_STYLE.link);
-				});
-
-				if ($('#ITP_CONTAINER').data('openYn') == 'Y') {
-					$('#ITP_CONTAINER').data('openYn', 'N');
-					const keyNew = {nticeNo: $('#ITP_CONTAINER').data('nticeNo'), viewCd: 'R'};
-					var paramNew = $.param(keyNew);
-					itp_fn_MAIN_NOTICE_view(paramNew);
-				}
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(MAIN_NOTICE_GRID_ID, action, param);
-		    }
-		}).navGrid(MAIN_NOTICE_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(MAIN_NOTICE_GRID_ID).jqGrid('clearGridData', true);
-		$(MAIN_NOTICE_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(MAIN_NOTICE_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(MAIN_NOTICE_GRID_EMPTY).show();
-	},
-	unload : function() {
-		$.jgrid.gridUnload(MAIN_NOTICE_GRID_ID);
-	}
-};
-
-var itp_fn_MAIN_NOTICE_search = function() {
-	itp_fn_MAIN_NOTICE_grid.unload();
-	itp_fn_MAIN_NOTICE_grid.callBack();
-};
-
-let itp_MAIN_NOTICE_param = {};
-let itp_MAIN_NOTICE_search = false;
-var itp_fn_MAIN_NOTICE_empty = {
-	push: function() {		
-		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
-		itp_MAIN_NOTICE_param = param;
-	},
-	back: function() {
-		
-	}
-};
-
 var itp_fn_barcode = {
 	init: function () {
 		this.event();

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG01010.js

@@ -0,0 +1,70 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		contentPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_INIT_INFO	= '/api/pomng/init-pchReq';
+const API_MOBILE_SAVE		= '/api/pomng/save-pchReq';
+const API_POP_SEARCH_LIST	= '/api/whs/mng/pop-whs-search';
+
+let contentPageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function () {
+
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG01010_DETAIL"]').on('click', function() {
+				if($(this).is('[data-call-popup]')) {
+					contentPopObj.show($(this).data('call-popup'));
+				} else {
+					var id = $(this).attr('id');
+					switch (id) {
+						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE': break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL':break;
+					}
+				}
+				return false;
+			});
+		}
+	}
+};
+
+let contentPopObj = {
+	show: function(id, args, fn) {
+		this.button();
+		console.log(id);
+		$('#' + id).show();
+	},
+	button: function() {
+		var _this = this;
+		$('button[id^="ITP_BTN_MPOMNG01010_POP"]').off('click').on('click', function() {
+			var id = $(this).attr('id');
+			if(id.indexOf('POP_CLOSE') > -1) {
+				_this.hide(id);
+				return;
+			}
+			switch (id) {
+				case 'ITP_BTN_MPOMNG01010_POP_CANCEL': _this.hide(id); break;
+				case 'ITP_BTN_MPOMNG01010_POP_CONFIRM': break;
+				case 'ITP_BTN_MPOMNG01010_POP_SEARCH':
+					break;
+			}
+			return false;
+		});
+	},
+	hide: function(id) {
+		$('#' + id).closest('.mobile-pop-close').hide();
+	}
+};

src/main/webapp/mobile/js/config.js

@@ -41,63 +41,7 @@ require([
 ], function($) {
 	history.pushState(null, null, location.href);
 
-	$.fn.serializeObject = function() {
-		var result = {};
-		var extend = function(i, element) {
-			var node = result[element.name];
-			if ('undefined' !== typeof node && node !== null) {
-				if ($.isArray(node)) {
-					node.push($.trim(element.value));
-				} else {
-					result[element.name] = [node, $.trim(element.value)];
-				}
-			} else {
-				result[element.name] = $.trim(element.value);
-			}
-		}
-		$.each(this.serializeArray(), extend);
-		return result;
-	};
-
-	$.fn.extend({
-		treed: function(o) {
-			var openedClass = 'glyphicon-minus text-primary';
-			var closedClass = 'glyphicon-plus text-primary';
-
-			if (typeof o != 'undefined') {
-				if (typeof o.openedClass != 'undefined') {
-					openedClass = o.openedClass;
-				}
-				if (typeof o.closedClass != 'undefined') {
-					closedClass = o.closedClass;
-				}
-			};
-
-			var tree = $(this);
-			tree.addClass('tree');
-			tree.find('li').has('ul').each(function() {
-				var branch = $(this);
-				branch.find('.list-group-item').first().prepend('<i class="indicator glyphicon ' + closedClass + '"></i>');
-				branch.addClass('branch');
-				branch.on('click', function(e) {
-					if (this == e.target) {
-						var icon = $(this).find('.list-group-item').first().children('i:first');
-						icon.toggleClass(openedClass + ' ' + closedClass);
-						$(this).children('ul').children().toggle();
-					}
-				});
-				branch.children('ul').children().toggle();
-				//branch.children('ul').children().show();
-			});
-
-			tree.find('.branch .indicator').each(function() {
-				$(this).on('click', function() {
-					$(this).closest('li').click();
-					return false;
-				});
-			});
-		}
-	});
+	CommonObj.init();
 
 	$('#ITP_BTN_HOME').on('click', function() {
 		location.replace(MOBILE_CONTEXTPATH + '/app/main.html');
@@ -106,7 +50,6 @@ require([
 	$('#ITP_MOBILE_BTN_MENU').on('click', function() {
 		$('#ITP_MENU').toggle();
 		$('#ITP_MENU').toggleClass('itp_open_nav');
-		itp_fn_fire_window_resize();
 	});
 
 	$('#ITP_BTN_USER').on('click', function() {
@@ -123,11 +66,174 @@ require([
 	});
 
 	if(VIEW_PAGE !== 'LOGIN') {
-
+		var data = JSON.parse(sessionStorage.getItem('itp_login_info'));
+		CONN_KEY = data.connKey; //로그인 했을때 넣었던 키를 가져옴
+
+		var callbackFn = function(result) {
+			CODE_LIST = result.codeList;
+			AUTH_MENU_LIST = result.authMenuList;
+			ACT_LIST = result.actList;
+			LOGIN_USER_INFO = result.userInfo;
+
+			// 사용자 정보 만들기
+			fn_make_user_info.init();
+
+			// 왼쪽 메뉴 만들기
+			fn_make_slide_menu.init();
+		};
+		fn_ajax_call('/api/session/data-app', null, callbackFn, 'GET');
 	}
 
 });
 
+var itp_fn_logined_check = function(user_nm_update, fn) {
+	var now, expiration, data = false;
+	data = sessionStorage.getItem('itp_login_info');
+	if(data) {
+		data = JSON.parse(data);
+		now = new Date();
+		expiration = new Date(data.timestamp);
+		expiration.setMinutes(expiration.getMinutes() + 60);
+
+		if (now.getTime() > expiration.getTime()) {
+			data = false;
+			fnSessionOut();
+		} else {
+			sessionStorage.setItem('itp_login_info', JSON.stringify({
+				timestamp: new Date(),
+				connKey: data.connKey		//Jwt키를 가져와서 세션 스토리지에 저장
+			}));
+			if(user_nm_update && user_nm_update == true) {
+				if (fn !== undefined || typeof fn !== 'undefined') {
+					fn();
+				}
+			}
+		}
+	} else {
+		// 로그인 페이지로 이동
+		$(location).attr('href', MOBILE_CONTEXTPATH + '/app/login.html');
+	}
+};
+
+var fn_make_user_info = {
+	init : function() {
+		this.set();
+	},
+	view: function() {
+		$('#ITP_LOGIN_USER_NM').text(this.get('userNm'));
+		$('#ITP_LOGIN_USER_ID').text(this.get('userId'));
+		$('.name_info .fnBrnadNm').text(this.get('brandNm'));
+		if(this.get('storeNm') !== '') {
+			$('.name_info .fnStoreNm').text(this.get('storeNm'));
+		} else {
+			$('.name_info .fnLblDash').hide();
+			$('.name_info .fnLblStoreNm').hide();
+		}
+	},
+	isEmpty: function() {
+		return sessionStorage.getItem('itp_manage_user_info') === null;
+	},
+	set: function() {
+		if(this.isEmpty()) {
+			sessionStorage.setItem('itp_manage_user_info', JSON.stringify(LOGIN_USER_INFO));
+		} else {
+			if(typeof(LOGIN_USER_INFO) == "string") {
+				var sessionUserInfo = this.get();
+				$.each(JSON.parse(LOGIN_USER_INFO), function(key, value) {
+					sessionUserInfo[key] = value;
+				});
+				sessionStorage.setItem('itp_manage_user_info', JSON.stringify(sessionUserInfo));
+			}
+		}
+		this.view();
+	},
+	get: function(key) {
+		var sessionUserInfo = JSON.parse(sessionStorage.getItem('itp_manage_user_info'));
+		return (key === undefined || key === null) ? sessionUserInfo : sessionUserInfo[key];
+	}
+};
+
+var fn_make_slide_menu = {
+	init: function() {
+		$('.menu_select .panel-group').empty();
+		this.make();
+	},
+	make: function() {
+		var selector = '.menu_select .panel-group > .panel_list:last';
+		$.each(AUTH_MENU_LIST, function(key, value) {
+			if(value.level === 2) { // LEVEL2
+				$('.menu_select .panel-group').append($('#ITP_AJAX_MAIN_SLIDE_LEVEL2_ROWCOPY').val());
+				$(selector).find('.fnMenuNm').text(value.menuNm);
+				$(selector).find('.accordion-toggle').attr('href', '#ITP_NAV_'+value.menuNo);
+				$(selector).find('.panel-collapse').attr('id', 'ITP_NAV_'+value.menuNo);
+				$(selector).find('.fnLevelBottomList').empty();
+			} else if(value.level === 3) { // LEVEL3
+				$(selector).find('.fnLevelBottomList').append($('#ITP_AJAX_MAIN_SLIDE_LEVEL3_ROWCOPY').val());
+				$(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.fnMenuNm').text(value.menuNm);
+				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('data-itp-nav-id', value.menuId);
+				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('data-conn-url', value.connUrl);
+				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('data-open-cd', value.openCd);
+				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('id', value.menuId + '_PAGE_NO');
+				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('data-itp-nav-id', value.menuId);
+				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('data-conn-url', value.connUrl);
+				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('data-open-cd', value.openCd);
+				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('id', value.menuId + '_PAGE_NO');
+			}
+		});
+		this.action();
+	},
+	action: function() {
+		var _this = this;
+		$('#ITP_SIDEBAR .accordion-toggle').off('click').on('click', function() {
+			console.log('accordion-toggle');
+		});
+		$('#ITP_SIDEBAR .itp_nav_link').off('click').on('click', function() {
+			const id = $(this).attr('data-itp-nav-id');
+			const connUrl = $(this).attr('data-conn-url');
+			const openCd = $(this).attr('data-open-cd');
+			console.log('connUrl ===> ' + connUrl + '\nopenCd ===> ' + openCd);
+
+			if(openCd === 'C') {
+				const href = MOBILE_CONTEXTPATH + connUrl;
+				_this.loadPage(id, href);
+			}
+		});
+	},
+	loadPage: function(id, href, param) {
+		//로그인체크
+		itp_fn_logined_check();
+
+		$.ajax({
+			contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
+			url: href,
+			data: param,
+			type: 'POST',
+			dataType: 'html',
+			async: false,
+			timeout: 10000,
+			beforeSend: function() {
+			},
+			complete: function() {
+			},
+			success: function(html) {
+				$('#ITP_CONTAINER div.itp_mobile_contents').empty().append(html);
+				//JS파일적용
+				const js = "<script src=\"../js/app/"+id.substring(0, id.length - 5).toLowerCase()+"/ITP_"+id+".js?version="+js_version+"\"></script>";
+				console.log(js);
+				$('#ITP_CONTAINER #ITP_MOBILE_'+id+' #ITP_MOBILE_JS').append(js);
+				$('#ITP_MENU').toggle();
+			},
+			error: function(xhr, status, error) {
+				if (xhr.status == 401) location.href = MOBILE_CONTEXTPATH + '/app/';
+				itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.failPage);
+			},
+			fail: function() {
+				itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.failPage);
+			}
+		});
+	}
+};
+
 function fn_make_select(options, code, select_id, all_show_yn, all_name) { //셀렉트 박스 만들기
 	$select_id = $('#' + select_id);
 	$select_id.empty();
@@ -231,6 +337,54 @@ function fnSessionOut() { //1시간 동안 아무것도 안할때 또는 강제
 	fn_ajax_call('/api/session/expire', null, callbackFn, 'PATCH');
 }
 
+// 2021.07.07 송호성 추가
+function fn_call_popup(type, popnm, container,  popFn, args, returnType) {
+	console.log('[ITP_CALL_POPUP] type = ' + type + ', popnm = ' + popnm);
+	$.ajax({
+		contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
+		url: MOBILE_CONTEXTPATH + '/app/popup/'+type+'/'+popnm+'.html',
+		type: 'POST',
+		dataType: 'html',
+		async: false,
+		timeout: 10000,
+		beforeSend: function() {
+			//$('#ITP_OVERLAY').show();
+		},
+		complete: function() {
+			//$('#ITP_OVERLAY').hide();
+		},
+		success: function(html) {
+			var append = function() {
+				var deferred = $.Deferred();
+				try {
+					$(container).empty();
+					$(container).append(html);
+					deferred.resolve();
+				} catch(err) {
+					deferred.reject(err);
+				}
+				return deferred.promise();
+			};
+			append().done(function() {
+				const js = '<script src="'+MOBILE_CONTEXTPATH+'/js/app/popup/'+type+'/ITP_'+popnm+'.js?version='+js_version+'"></script>';
+				$('#ITP_ASIDE #ITP_'+popnm+' #ITP_POPUP_JS').empty();
+				$('#ITP_ASIDE #ITP_'+popnm+' #ITP_POPUP_JS').append(js);
+
+				eval('itp_fn_' + popnm)(popFn, args, returnType);
+				$('.modal.itp_modal .modal-content').draggable();
+			});
+		},
+		error: function(xhr, status, error) {
+			if (xhr.status == 401) location.href = MOBILE_CONTEXTPATH + '/';
+			itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.failData);
+		},
+		fail: function() {
+			itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.failData);
+		}
+	});
+
+};
+
 //AJAX 양식 (이렇게 사용하시면 됩니다.)
 function fn_ajax_call(href, param, fn, type) {
 	$.ajax({
@@ -344,3 +498,221 @@ function itp_fn_date_format(date, type) {
 		return date.getFullYear() + month + day + hour + minute + second;
 	}
 }
+
+let itp_fn_form_validate = function(form, element, arry, msg, type) {
+	var error = function(txt) {
+		if (type != 'ONLYCHK') {
+			if (msg == undefined || typeof msg == 'undefined') {
+				msg = txt;
+			}
+
+			$(element).closest('.itp_ip').addClass('has-error');
+			var error_msg = $('<span class="help-block">' + msg + '</span>');
+			if($(element).parent('.input-group').length) {
+				error_msg.insertAfter($(element).parent());
+			} else {
+				error_msg.insertAfter($(element));
+			}
+		}
+	};
+
+	if ($.inArray('empty', arry) > -1) {
+		if ($(element).val() == '' || $(element).val() < 1) {
+			error(ITP_MSG_LOCALE.message.form.mandatory);
+			return false;
+		}
+	}
+
+	if ($.inArray('emptyNum', arry) > -1) {
+		if ($(element).val() == '' || $(element).val() < 0) {
+			error(ITP_MSG_LOCALE.message.form.mandatory);
+			return false;
+		}
+	}
+
+	if ($.inArray('number', arry) > -1) {
+		const regExp = /^[0-9]+$/;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.onlynumber);
+			return false;
+		}
+	}
+
+	if ($.inArray('float', arry) > -1) {
+		if($(element).val() == '') return true;
+		const regExp = /^\d+.?\d?\d?\d?$/;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.onlynumber);
+			return false;
+		}
+	}
+
+	if ($.inArray('tel', arry) > -1) {
+		const regExp = /^\d{2,3}-\d{3,4}-\d{4}$/;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.wrongtelnumber);
+			return false;
+		}
+	}
+
+	if ($.inArray('email', arry) > -1) {
+		const regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.wrongemail);
+			return false;
+		}
+	}
+
+	if ($.inArray('id', arry) > -1) {
+		const regExp = /^[a-z]+[a-z0-9]{4,11}$/g;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.wronguserid);
+			return false;
+		}
+	}
+
+	if ($.inArray('id2', arry) > -1) {
+		const regExp = /^[A-Za-z0-9+]*$/;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.wronguserid2);
+			return false;
+		}
+	}
+
+	if ($.inArray('password', arry) > -1) {
+		const regExp = /^(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9])(?=.*[0-9]).{8,16}$/;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.wrongpassword);
+			return false;
+		}
+	}
+
+	if ($.inArray('url', arry) > -1) {
+		const regExp = /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
+		if (!regExp.test($(element).val())) {
+			error(ITP_MSG_LOCALE.message.form.wronglink);
+			return false;
+		}
+	}
+
+	return true;
+};
+
+let itp_fn_form_event = {
+	onKeyup: function(formId) {
+		$(formId).find('input[data-key-up]').on('keyup', function() {
+			let value = '';
+			let arry = $(this).data('key-up').split(',');
+			if ($.inArray('number', arry) > -1) {
+				value = $(this).val().replace(/[^0-9]/g, "");
+			}
+			if ($.inArray('comma', arry) > -1) {
+				value = $(this).val().replace(/[^0-9]/g, "")
+					.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+			}
+			if ($.inArray('regNo', arry) > -1) {
+				value = $(this).val().replace(/[^0-9]/g, "")
+					.replace(/(^[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{5})$/,"$1-$2-$3")
+			}
+			if ($.inArray('corpNo', arry) > -1) {
+				if($(this).val().length > 13) return;
+				value = $(this).val().replace(/[^0-9]/g, "")
+					.replace(/(^[0-9]{6})([0-9]+)?([0-9]{7})$/,"######-#######")
+				// .replace(/(\d{6})(\d{7})/, '######-#######')
+			}
+			if ($.inArray('tel', arry) > -1) {
+				value = ($(this).val().startsWith('0')) ? $(this).val().replace(/[^0-9]/g, "")
+					.replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3")
+					.replace("--", "-") : '';
+			}
+			$(this).val(value);
+		});
+	},
+	removeChar: function(formId) {
+		$(formId).find('input[data-key-up]').each(function() {
+			$(this).val($(this).val().replace(/[^0-9]/g, ""));
+		});
+	},
+	isValid: function(formId, type) {
+		var isValid = false;
+		$(formId).find('input, select, checkbox, textarea').each(function(k) {
+			if($(this).data('check-required')) {
+				var arry = $(this).data('check-required').split(',');
+				var alertMsg = $(this).data('alert-required');
+				console.log(alertMsg);
+				isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined, alertMsg);
+				if(!isValid) {
+					if(alertMsg && alertMsg.length > 0) {
+						// itp_fn_modal_alert($(this).data('alert-msg'));
+						alert($(this).data('alert-msg'));
+					}
+					return false;
+				}
+			}
+		});
+		return isValid;
+	}
+};
+
+let CommonObj = {
+	init: function() {
+		$.fn.serializeObject = function() {
+			var result = {};
+			var extend = function(i, element) {
+				var node = result[element.name];
+				if ('undefined' !== typeof node && node !== null) {
+					if ($.isArray(node)) {
+						node.push($.trim(element.value));
+					} else {
+						result[element.name] = [node, $.trim(element.value)];
+					}
+				} else {
+					result[element.name] = $.trim(element.value);
+				}
+			}
+			$.each(this.serializeArray(), extend);
+			return result;
+		};
+
+		$.fn.extend({
+			treed: function(o) {
+				var openedClass = 'glyphicon-minus text-primary';
+				var closedClass = 'glyphicon-plus text-primary';
+
+				if (typeof o != 'undefined') {
+					if (typeof o.openedClass != 'undefined') {
+						openedClass = o.openedClass;
+					}
+					if (typeof o.closedClass != 'undefined') {
+						closedClass = o.closedClass;
+					}
+				};
+
+				var tree = $(this);
+				tree.addClass('tree');
+				tree.find('li').has('ul').each(function() {
+					var branch = $(this);
+					branch.find('.list-group-item').first().prepend('<i class="indicator glyphicon ' + closedClass + '"></i>');
+					branch.addClass('branch');
+					branch.on('click', function(e) {
+						if (this == e.target) {
+							var icon = $(this).find('.list-group-item').first().children('i:first');
+							icon.toggleClass(openedClass + ' ' + closedClass);
+							$(this).children('ul').children().toggle();
+						}
+					});
+					branch.children('ul').children().toggle();
+					//branch.children('ul').children().show();
+				});
+
+				tree.find('.branch .indicator').each(function() {
+					$(this).on('click', function() {
+						$(this).closest('li').click();
+						return false;
+					});
+				});
+			}
+		});
+
+	}
+};