모바일 html 수정완료

bin/src/main/webapp/app/stinfo/STINFO01011.html

@@ -0,0 +1,337 @@
+<section id="ITP_TAB_STINFO01011" class="tab-pane active itp_sec">
+	<div class="itp_cont">
+		<article class="itp_detail">
+			<div class="itp_det_head fix">
+				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i><strong>브랜드정보</strong></h2>
+				<div class="pull-right itp_cicon">
+					<button type="button" id="ITP_BTN_STINFO01011_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO01011_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;수정&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO01011_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;신규등록&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO01011_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon"></i>&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO01011_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon"></i>&nbsp;&nbsp;취소&nbsp;&nbsp;</button>
+				</div>
+			</div>
+			<div class="itp_det_in">
+				<div id="ITP_AJAX_STINFO01011_LIST_CONTAINER">
+					<div class="itp_lg_form itp_type1 fix">
+						<div class="itp_srh_border fix">
+							<div class="col-xs-12">
+								<form id="ITP_FORM_STINFO01011_SEARCH" class="form-horizontal">
+									<div class="form-group">
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_STINFO01011_SERVICE_BRAND_TYPE" data-select-code="BRAND_TYPE" class="form-control itp_input" name="sbrandType">
+												<option value="">카테고리(전체)</option>
+											</select>
+										</div>
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_STINFO01011_SERVICE_ST_CD" data-select-code="ST_CD" class="form-control itp_input" name="sstCd">
+												<option value="">상태(전체)</option>
+											</select>
+										</div>
+										<div class="col-xs-6 itp_ip">
+											<input type="text" id="ITP_FORM_STINFO01011_SEARCH_BRAND_NM" class="form-control itp_input" name="sbrandNm" placeholder="브랜드명" />
+										</div>
+									</div>
+								</form>
+							</div>
+						</div>
+					</div>
+					<div class="itp_table fix">
+						<div id="ITP_STINFO01011_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_STINFO01011_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_STINFO01011_jqGrid"></table>
+							<div id="ITP_STINFO01011_jqGridPager"></div>
+							<div id="ITP_STINFO01011_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_STINFO01011_DETAIL_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_STINFO01011_DETAIL" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_ID" name="afflShopId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_FILE_NO" name="fileNo" value="">
+
+								<section class="itp_form_sec">
+									<h4 class="itp_form_tit">브랜드 정보-신규</h4>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<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" name="afflShopNm" id="ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_NM" data-check-required="empty" class="form-control itp_input" readonly placeholder="가맹점명">
+												</div>
+												<div class="col-xs-3 itp_in">
+													<button type="button" id="ITP_FORM_STINFO01011_DETAIL_SEARCH_AFFL_SHOP" class="btn btn-success btn-sm SEB"><i class="glyphicon glyphicon-search"></i></button>
+													<button type="button" id="ITP_FORM_STINFO01011_DETAIL_DELETE_AFFL_SHOP" class="btn btn-primary btn-sm SEB"><i class="glyphicon glyphicon-erase"></i></button>
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">브랜드 코드</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in">
+													<div class="col-xs-9 itp_in fnBrandId"></div>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">브랜드 명* </label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-10 itp_in">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_BRAND_NM" data-check-required="empty" class="form-control itp_input" name="brandNm" 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">
+													<select id="ITP_FORM_STINFO01011_DETAIL_ST_CD" data-select-code="ST_CD" data-check-required="empty" class="form-control itp_input" name="stCd">
+													</select>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<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_STINFO01011_DETAIL_OWNER_NM" data-check-required="empty" class="form-control itp_input" name="ownerNm" value="">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">브랜드 타입*</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in">
+													<select id="ITP_FORM_STINFO01011_DETAIL_BRAND_TYPE" data-select-code="BRAND_TYPE" data-check-required="empty" class="form-control itp_input" name="brandType">
+													</select>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">사업자번호 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-10 itp_in">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_BSNS_REG_NO" data-check-required="empty" 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_STINFO01011_DETAIL_CORP_REG_NO" class="form-control itp_input" name="corpRegNo" value="" maxlength="20">
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<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_STINFO01011_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
+												</div>
+												<!-- <button type="button" id="ITP_BTN_STINFO01011_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button> -->
+											</div>
+											<label class="col-xs-2 itp_lb"></label>
+											<div class="col-xs-1 itp_in">
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_STINFO01011_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:12px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
+											</div>
+										</div>
+										<div class="form-group">
+											<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_STINFO01011_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb" style="border-top:none;">로고</label>
+											<div class="col-xs-4 itp_ip"style="border-top:none;">
+												<div class="col-xs-5 itp_in">
+													<label class="col-xs-12"></label>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<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_STINFO01011_DETAIL_EMAL_ADDR" class="form-control itp_input" name="emalAddr" value="">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb"style="border-top:none;"></label>
+											<div class="col-xs-4 itp_ip"style="border-top:none;">
+												<div class="col-xs-12 itp_in colspan">
+													<div class="fileupload-wrapper">
+														<!-- data-show-yn: 파일업로드를 할 수 있는 권한이 있는지 없는지.. -->
+														<div id="ITP_STINFO01011_DETAIL_UPLOAD" data-show-yn="Y"></div>
+													</div>
+												</div>
+											</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-12 itp_ip">
+												<div class="col-xs-2 itp_in">
+													<select id="ITP_FORM_STINFO01011_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+													</select>
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
+												</div>
+												<div class="col-xs-2 itp_in">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</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-10 itp_ip">
+												<div class="col-xs-1 itp_in">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_ZIPNO" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
+												</div>
+												<div class="col-xs-1 itp_in">
+													<button type="button" id="ITP_FORM_STINFO01011_DETAIL_ADRES_SCH" class="btn btn-primary btn-sm SHOW" style="margin: -1px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
+												</div>
+												<div class="col-xs-4 itp_in" style="margin-right: 5px; margin-left:20px;">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_ADRES" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO01011_DETAIL_ADRES_DTL" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">
+												</div>
+
+												<!-- 주소 맵 -->
+												<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_LOTS_ADDRESS" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_STREET_ADDRESS" value="" />
+												<input type="hidden" name="latX" id="ITP_FORM_STINFO01011_DETAIL_LAT" value="" />
+												<input type="hidden" name="latY" id="ITP_FORM_STINFO01011_DETAIL_LNG" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_HJ_DONG" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO01011_DETAIL_BJ_DONG" value="" />
+												<div id="ITP_FORM_STINFO01011_DETAIL_MAP" style="margin-top:30px; width:700px; height:400px;"></div>
+											</div>
+										</div>
+									</div>
+								</section>
+							</form>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_STINFO01011_VIEW_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_STINFO01011_VIEW" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_STINFO01011_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_STINFO01011_VIEW_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO01011_VIEW_AFFL_SHOP_ID" name="afflShopId" value="">
+
+								<section class="itp_form_sec">
+									<h4 class="itp_form_tit">브랜드 정보-상세</h4>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">브랜드 코드</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnBrandUnitUnqNo"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태*</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in fnStCd"></div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">브랜드 명* </label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in fnBrandNm"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">브랜드 타입*</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in fnBrandType"></div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">전화번호</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnTelNo"></div>
+											</div>
+											<label class="col-xs-2 itp_lb"></label>
+											<div class="col-xs-1 itp_ip">
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" style="border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;" class="form-control itp_input" name="fnBrandLogo" >
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" style="border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;" class="form-control itp_input" name="fnBrandLogo2" >
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">FAX</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnFaxNo"></div>
+											</div>
+											<label class="col-xs-2 itp_lb" style="border-top:none;">로고</label>
+											<div class="col-xs-4 itp_ip"style="border-top:none;">
+												<div class="col-xs-5 itp_in"></div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">이메일</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in fnEmalAddr"></div>
+											</div>
+											<label class="col-xs-2 itp_lb"style="border-top:none;"></label>
+											<div class="col-xs-4 itp_ip"style="border-top:none;"></div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">입금계좌정보</label>
+											<div class="col-xs-12 itp_ip">
+												<div class="col-xs-2 itp_in fnDpstBnkCd"></div>
+												<div class="col-xs-2 itp_in fnRcvAcctNo"></div>
+												<div class="col-xs-2 itp_in fnOwacNm"></div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group ">
+											<label class="col-xs-2 itp_lb">주소 *</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-10 itp_in">
+													<div class="col-xs-1 itp_in fnZipNo"></div>
+													<div class="col-xs-4 itp_in fnLoadAddr"></div>
+													<div class="col-xs-4 itp_in fnDtlAddr"></div>
+												</div>
+
+												<!-- 주소 맵 -->
+												<div id="ITP_FORM_STINFO01011_VIEW_MAP" style="width:700px; height:400px;"></div>
+											</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">
+												<div class="col-xs-2 itp_in">
+													<div class="input-group fnRegId" style="padding:5px;"></div>
+												</div>
+												<label class="col-xs-1" style="top:7px;">/</label>
+												<div class="col-xs-6 itp_in">
+													<div class="input-group fnRegDt" style="padding:5px;"></div>
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">최종  수정자/수정일</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-2 itp_in">
+													<div class="input-group fnChgId" style="padding:5px;"></div>
+												</div>
+												<label class="col-xs-1" style="top:7px;">/</label>
+												<div class="col-xs-6 itp_in">
+													<div class="input-group fnChgDt" style="padding:5px;"></div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</section>
+							</form>
+						</div>
+					</div>
+				</div>
+			</div>
+		</article>
+	</div>
+
+	<div id="ITP_TAP_JS"></div>
+</section>

bin/src/main/webapp/app/stinfo/STINFO02011.html

@@ -0,0 +1,510 @@
+<section id="ITP_TAB_STINFO02011" class="tab-pane active itp_sec">
+	<div class="itp_cont">
+		<article class="itp_detail">
+			<div class="itp_det_head fix">
+				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>매장 정보</strong></h2>
+				<div class="pull-right itp_cicon">
+					<button type="button" id="ITP_BTN_STINFO02011_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO02011_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;수정&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO02011_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;신규등록&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO02011_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon"></i>&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO02011_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon"></i>&nbsp;&nbsp;취소&nbsp;&nbsp;</button>
+				</div>
+			</div>
+			<div class="itp_det_in">
+				<div id="ITP_AJAX_STINFO02011_LIST_CONTAINER">
+					<div class="itp_lg_form itp_type1 fix">
+						<div class="itp_srh_border fix">
+							<div class="col-xs-12">
+								<form id="ITP_FORM_STINFO02011_SEARCH" class="form-horizontal">
+									<div class="form-group">
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_STINFO02011_SERVICE_ST_DT" class="form-control itp_input" name="searchDateType">
+												<option value="">선택</option>
+												<option value="20">등록일</option>
+												<option value="10">오픈일</option>
+											</select>
+										</div>
+										<div class="col-xs-10 itp_ip itp_noMar">
+											<div class="col-xs-4 itp_ip">
+												<div class="input-daterange input-group date">
+													<input type="text" id="ITP_FORM_STINFO02011_SEARCH_REG_DT" class="form-control itp_input" name="fromDt" readonly>
+													<span class="input-group-addon itp_date_to">~</span>
+													<input type="text" id="ITP_FORM_STINFO02011_SEARCH_OPEN_DT" class="form-control itp_input" name="toDt" readonly>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_STINFO02011_SEARCH_STORE_DVSN" data-select-code="STORE_DVSN" class="form-control itp_input" name="sstoreDvsn">
+												<option value="">매장구분</option>
+											</select>
+										</div>
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_STINFO02011_SEARCH_STORE_ST_CD" data-select-code="ST_CD" class="form-control itp_input" name="sstoreStCd">
+												<option value="">매장상태</option>
+											</select>
+										</div>
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_STINFO02011_SEARCH_LOAN_DVSN" data-select-code="LOAN_DVSN" class="form-control itp_input" name="sloanDvsn">
+												<option value="">정산타입</option>
+											</select>
+										</div>
+										<div class="col-xs-4 itp_ip itp_noMar">
+											<input type="text" id="ITP_FORM_STINFO02011_SEARCH_STORE_NM" class="form-control itp_input" name="sstoreMm" placeholder="매장 명" />
+										</div>
+									</div>
+								</form>
+							</div>
+						</div>
+					</div>
+					<div class="itp_table fix">
+						<div id="ITP_STINFO02011_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_STINFO02011_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_STINFO02011_jqGrid"></table>
+							<div id="ITP_STINFO02011_jqGridPager"></div>
+							<div id="ITP_STINFO02011_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_STINFO02011_DETAIL_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_STINFO02011_DETAIL" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_AFFL_SHOP_ID" name="afflShopId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_STORE_ID" name="storeId" value="">
+								<section class="itp_form_sec">
+									<h4 class="itp_form_tit">매장정보-신규</h4>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">브랜드 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-10 itp_in fnBrandNm"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<select id="ITP_FORM_STINFO02011_DETAIL_STORE_ST_CD" data-select-code="STORE_ST_CD" data-check-required="empty" class="form-control itp_input" name="stCd"></select>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">매장번호 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-10 itp_in fnStoreNm"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">매장구분 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<select id="ITP_FORM_STINFO02011_DETAIL_STORE_DVSN" data-select-code="STORE_DVSN" data-check-required="empty" class="form-control itp_input" name="storeDvsn"></select>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">매장명 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-9 itp_in">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_STORE_NM" data-check-required="empty" class="form-control itp_input" name="storeNm" value="">
+												</div>
+											</div>
+											<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_STINFO02011_DETAIL_BSNS_CNDT" class="form-control itp_input" name="bsnsCndt" value="">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<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_STINFO02011_DETAIL_BSNS_REG_NO"  data-check-required="empty"class="form-control itp_input" name="bsnsRegNo" value="">
+												</div>
+											</div>
+											<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_STINFO02011_DETAIL_CTGR_BSNS" class="form-control itp_input" name="ctgrBsns" value="">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<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_STINFO02011_DETAIL_CORP_REG_NO" class="form-control itp_input" name="corpRegNo" value="">
+												</div>
+											</div>
+											<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_STINFO02011_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<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_STINFO02011_DETAIL_OWNER_NM" data-check-required="empty" class="form-control itp_input" name="ownerNm" value="">
+												</div>
+											</div>
+											<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_STINFO02011_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<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_STINFO02011_DETAIL_MBL_NO" class="form-control itp_input" name="mblNo" value="">
+												</div>
+											</div>
+											<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_STINFO02011_DETAIL_EMAL_ADDR" data-check-required="empty" class="form-control itp_input" name="emalAddr" value="">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">지역 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in">
+													<select id="ITP_FORM_STINFO02011_DETAIL_AREA_CD" data-select-code="AREA_CD" data-check-required="empty" class="form-control itp_input" name="areaCd">
+													</select>
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">오픈일</label>
+											<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_STINFO02011_DETAIL_FROM_DT" class="form-control itp_input" name="openDt" value="2022.08.10">
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">매장계좌정보</label>
+											<div class="col-xs-12 itp_ip">
+												<div class="col-xs-2 itp_in">
+													<select id="ITP_FORM_STINFO02011_DETAIL_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+													</select>
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
+												</div>
+												<div class="col-xs-2 itp_in">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">정산타입*</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<select id="ITP_FORM_STINFO02011_DETAIL_LOAN_DVSN" data-select-code="LOAN_DVSN" data-check-required="empty" class="form-control itp_input" name="loanDvsn">
+													</select>
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_LIMIT_AMT" data-check-required="empty" class="form-control itp_input" name="limitAmt" placeholder="후불한도금액">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">창고사용여부 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<select id="ITP_FORM_STINFO02011_DETAIL_WHS_USE_YN" data-select-code="WHS_USE_YN" data-check-required="empty" class="form-control itp_input" name="whsUseYn">
+													</select>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_info">
+										<div class="itp_form_in">
+											<div class="form-group">
+												<label class="col-xs-2 itp_lb">입금계좌정보</label>
+												<div class="col-xs-4 itp_ip">
+													<div class="col-xs-12 itp_in fnBrandAcctInfo"></div>
+												</div>
+												<label class="col-xs-2 itp_lb">가수금액</label>
+												<div class="col-xs-4 itp_ip">
+													<div class="col-xs-12 itp_in fnAcctBal"></div>
+												</div>
+											</div>
+										</div>
+										<div class="itp_form_in">
+											<div class="form-group">
+												<label class="col-xs-2 itp_lb">현 잔여한도</label>
+												<div class="col-xs-4 itp_ip">
+													<div class="col-xs-12 itp_in fnTmpRcvAcctTotal"></div>
+												</div>
+												<label class="col-xs-2 itp_lb">수정일</label>
+												<div class="col-xs-4 itp_ip">
+													<div class="col-xs-12 itp_in fnSysChgDttm"></div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">주소 *</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-1 itp_in">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_ZIPNO" data-check-required="empty" class="form-control itp_input" name="zipNo" value="" maxlength="6" placeholder="우편번호">
+												</div>
+												<div class="col-xs-2 itp_in" style="width:10%;">
+													<button type="button" id="ITP_FORM_STINFO02011_DETAIL_ADRES_SCH" class="btn btn-primary btn-sm SHOW" style="margin: -1px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
+												</div>
+												<div class="col-xs-4 itp_in" style="margin:0 5px;">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_ADRES" data-check-required="empty" class="form-control itp_input" name="addr1" value="" placeholder="기본주소">
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO02011_DETAIL_ADRES_DTL" data-check-required="empty" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">
+												</div>
+											</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-10 itp_ip">
+												<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_LOTS_ADDRESS" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_STREET_ADDRESS" value="" />
+												<input type="hidden" name="latX" id="ITP_FORM_STINFO02011_DETAIL_LAT" value="" />
+												<input type="hidden" name="longY" id="ITP_FORM_STINFO02011_DETAIL_LNG" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_HJ_DONG" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO02011_DETAIL_BJ_DONG" value="" />
+												<div id="ITP_FORM_STINFO02011_DETAIL_MAP" style="width:700px; height:400px;"></div>
+											</div>
+										</div>
+									</div>
+								</section>
+							</form>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_STINFO02011_VIEW_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_STINFO02011_VIEW" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_STINFO02011_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_STINFO02011_VIEW_STORE_ID" name="storeId" value="">
+								<section class="itp_form_sec">
+									<h4 class="itp_form_tit">매장정보-상세</h4>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">브랜드 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-10 itp_in fnBrandNm"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnStCd">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">매장번호</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-10 itp_in fnStoreId"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">매장구분 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnStoreDvsn">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">매장명 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-9 itp_in fnStoreNm">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">업태</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnBsnsCndt">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">사업자번호 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in fnBsnsRegNo">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">업종</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnCtgrBsns">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">법인번호</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in fnCorpRegNo">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">전화번호 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnTelNo">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">점주/대표자명*</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in fnOwnerNm">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">FAX</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnFaxNo">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">핸드폰</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in fnMblNo">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">이메일</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnEmalAddr">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">지역 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in fnAreaCd">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">오픈일</label>
+											<div class="col-xs-5 itp_ip">
+												<div class="col-xs-7 itp_in fnFromDt">
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">주소 *</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-7 itp_in fnZipNo"></div>
+												<div class="col-xs-7 itp_in fnLoadAddr"></div>
+												<div class="col-xs-7 itp_in fnDtlAddr"></div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb"></label>
+											<div class="col-xs-10 itp_ip">
+												<input type="hidden" id="ITP_FORM_STINFO02011_VIEW_LOTS_ADDRESS" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO02011_VIEW_STREET_ADDRESS" value="" />
+												<input type="hidden" name="cmpyLat" id="ITP_FORM_STINFO02011_VIEW_LAT" value="" />
+												<input type="hidden" name="cmpyLng" id="ITP_FORM_STINFO02011_VIEW_LNG" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO02011_VIEW_HJ_DONG" value="" />
+												<input type="hidden" id="ITP_FORM_STINFO02011_VIEW_BJ_DONG" value="" />
+												<div id="ITP_FORM_STINFO02011_VIEW_MAP" style="width:700px; height:400px;"></div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">매장계좌정보</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-12 itp_in fnStoreAcctInfo"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">정산타입</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-12 itp_in fnLoanDvsn"></div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">입금계좌정보</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-12 itp_in fnBrandAcctInfo"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">가수금액</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-12 itp_in fnAcctBal">(선입금일때 존재)</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">창고사용여부</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-12 itp_in fnWhsUseYn"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">현 잔여한도</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnLimitAmt"></div>
+											</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">
+												<div class="col-xs-12 itp_in fnSysRegDttm"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">폐점일</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in fnCloseDt"></div>
+											</div>
+										</div>
+									</div>
+								</section>
+							</form>
+						</div>
+					</div>
+				</div>
+			</div>
+		</article>
+	</div>
+
+	<div id="ITP_TAP_JS"></div>
+</section>

bin/src/main/webapp/app/stinfo/STINFO06010.html

@@ -16,7 +16,7 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_STINFO06010_SEARCH" class="form-horizontal">
-									<input type="hidden" id="ITP_FORM_STINFO06010_SEARCH_BRAND_ID" name="brandId" value="">
+									<input type="hidden" id="ITP_FORM_STINFO06010_SEARCH_BRAND_ID" name="sbrandId" value="">
 									<div class="form-group">
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<input type="text" id="ITP_FORM_STINFO06010_SEARCH_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장명" />

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

@@ -405,7 +405,8 @@ var fn_make_user_info = {
 		$('#ITP_LOGIN_USER').text(this.get('userNm'));
 		let authTypeNm = (this.get('authTpNm') === undefined) ? '오더퀸' : this.get('authTpNm');
 		$('#ITP_TXT_MAIN_SHR_AFFL').text(authTypeNm);
-		$('#ITP_TXT_MAIN_SHR_BRAND').text('(' + this.get('brandNm') + ')');
+		var brandNm = (this.get('brandNm')) ? '(' + this.get('brandNm') + ')' : '';
+		$('#ITP_TXT_MAIN_SHR_BRAND').text(brandNm);
 	},
 	button: function() {
 		var _this = this;
@@ -430,7 +431,6 @@ var fn_make_user_info = {
 			if(typeof(userInfo) == "string") {
 				var sessionUserInfo = this.get();
 				$.each(JSON.parse(userInfo), function(key, value) {
-					console.log(key + ' ===> ' + value);
 					sessionUserInfo[key] = value;
 				});
 				sessionStorage.setItem('itp_manage_user_info', JSON.stringify(sessionUserInfo));
@@ -490,8 +490,7 @@ function fn_make_side_menu() {
 		console.log('[ITP_NAV_LINK] data-itp-nav-id = ' + id + ', data-conn-url = ' + connUrl + ', tabSize = ' + tabSize);
 
 		if(String(id).indexOf('OPER') === -1 && String(id).indexOf('SYSTEM') === -1) {
-			var afflShopId = JSON.parse(sessionStorage.getItem('itp_manage_user_info')).afflShopId;
-			if(afflShopId === '') {
+			if(fn_make_user_info.get('brandId') === '') {
 				itp_fn_modal_alert(ITP_MSG_LOCALE.message.page.noChoiceBrand);
 				return false;
 			}

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

@@ -430,20 +430,8 @@ let createObj = {
         save: function() {
             const formId = '#ITP_FORM_OPER06010_DETAIL';
             itp_fn_form_clear_validate(null, formId);
-            // var vali_brandCd = itp_fn_form_validate(formId, formId + '_BRAND_ID', ['empty'], undefined);
-            // var vali_brandUseCd = itp_fn_form_validate(formId, formId + '_BRAND_USE_CD', ['empty'], undefined);
-            // var vali_brandNm = itp_fn_form_validate(formId, formId + '_BRAND_NM', ['empty'], undefined);
 
-            var isValid = false;
-            $(formId).find('input, select, checkbox, textarea').each(function(k) {
-                if($(this).data('check-required')) {
-                    var arry = $(this).data('check-required').split(',');
-                    isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
-                    if(!isValid) return false;
-                }
-            });
-
-            if (isValid) {
+            if (createObj.isValid(formId)) {
                 let param = $(formId).serializeObject();
                 // console.log(JSON.stringify(param));
 
@@ -467,5 +455,16 @@ let createObj = {
             }
         };
         fn_call_popup('biz', 'BIZPOP_AFFL_SHOP', '#ITP_ASIDE', popFn, null, 'S');
+    },
+    isValid: function(formId) {
+        var isValid = false;
+        $(formId).find('input, select, checkbox, textarea').each(function(k) {
+            if($(this).data('check-required')) {
+                var arry = $(this).data('check-required').split(',');
+                isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+                if(!isValid) return false;
+            }
+        });
+        return isValid;
     }
 };

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

@@ -0,0 +1,464 @@
+require(['config'], function() {
+    require([
+        'jquery.bootstrap.fileUpload', //파일 업로드가 있는 페이지에서 로딩
+        'kakao.map.util'
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO01011_GRID_ID = '#ITP_STINFO01011_jqGrid';
+const STINFO01011_GRID_LIST = '#ITP_STINFO01011_jqGrid_list';
+const STINFO01011_GRID_PAGER = '#ITP_STINFO01011_jqGridPager';
+const STINFO01011_GRID_EMPTY = '#ITP_STINFO01011_jqGridEmpty';
+
+const STINFO01011_VIEW_GRID_ID = '#ITP_STINFO01011_VIEW_jqGrid';
+const STINFO01011_VIEW_GRID_LIST = '#ITP_STINFO01011_VIEW_jqGrid_list';
+const STINFO01011_VIEW_GRID_PAGER = '#ITP_STINFO01011_VIEW_jqGridPager';
+const STINFO01011_VIEW_GRID_EMPTY = '#ITP_STINFO01011_VIEW_jqGridEmpty';
+
+const STINFO01011_DETAIL_GRID_ID = '#ITP_STINFO01011_DETAIL_jqGrid';
+const STINFO01011_DETAIL_GRID_LIST = '#ITP_STINFO01011_DETAIL_jqGrid_list';
+const STINFO01011_DETAIL_GRID_PAGER = '#ITP_STINFO01011_DETAIL_jqGridPager';
+const STINFO01011_DETAIL_GRID_EMPTY = '#ITP_STINFO01011_DETAIL_jqGridEmpty';
+
+/*API URL*/
+let API_DETAIL_GRID_LIST = '/api/brand/detail-grid-list';
+let API_DETAIL_INFO = '/api/brand/info-brand';
+let API_DETAIL_SAVE = '/api/brand/save-brand';
+
+let ITP_FORM_STINFO01011_DETAIL_IS_WRITING = false;
+
+/*화면 Grid Object*/
+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: 'AFFL_SHOP_ID', name: 'afflShopId',
+            label: ITP_MSG_LOCALE.label.afflShopId,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: true
+        },
+        {
+            index: 'AFFL_SHOP_NM', name: 'afflShopNm',
+            label: ITP_MSG_LOCALE.label.afflShopNm, //가맹점
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'BRAND_ID', name: 'brandId',
+            label: ITP_MSG_LOCALE.label.brandId,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'BRAND_NM', name: 'brandNm',
+            label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+            width: '13', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ST_NM', name: 'stNm',
+            label: ITP_MSG_LOCALE.label.stNm, //상태
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'BRAND_TYPE_NM', name: 'brandTypeNm',
+            label: ITP_MSG_LOCALE.label.brandTypeNm, //브랜드 타입
+            width: '13', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'REG_DT', name: 'regDt',
+            label: ITP_MSG_LOCALE.label.regDt, //등록일
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        }],
+    view: [],
+    detail: []
+};
+
+/*화면공통 Object*/
+let pageObj = {
+    init: function () {
+        this.ui.init();
+        this.event.init();
+        this.fileUpload();
+    },
+    ui: {
+        init: function () {
+            this.view();
+            this.grid();
+            this.ready();
+        },
+        view: function() {
+            // 버튼 권한설정
+            fn_proc_btn_auth('STINFO01011');
+
+            // 공통코드 표시
+            $('select').each(function() {
+                if($(this).data('select-code')) {
+                    fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+                }
+            });
+        },
+        grid: function() {
+            // itp_fn_jqgrid_resize(STINFO01011_GRID_ID, STINFO01011_GRID_LIST, 'lg');
+            // listObj.empty.init();
+            // itp_fn_fire_window_resize();
+        },
+        ready: function() {
+            viewObj.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_STINFO01011_MODIFY'				: modifyObj.button.modify();	break;	// 수정 버튼
+                        case 'ITP_BTN_STINFO01011_CANCELLIST'			: modifyObj.button.cancel(); 	break;	// 취소/목록 버튼
+                        case 'ITP_BTN_STINFO01011_SAVE'				    : modifyObj.button.save(); 		break;	// 저장 버튼
+                        case 'ITP_FORM_STINFO01011_DETAIL_ADRES_SCH'	: modifyObj.button.address();	break;	// 신규등록 주소 찾기
+                    }
+                });
+            });
+        }
+    },
+    fileUpload: function() {
+        //파일업로드(수정화면)
+        var id = 'STINFO01011';
+        $('#ITP_' + id + '_DETAIL_UPLOAD').empty();
+        const fileArgs = {
+            'fileNo': $('#ITP_FORM_' + id + '_DETAIL_FILE_NO').val(),
+            'viewCd': $('#ITP_FORM_' + id + '_DETAIL_VIEW_CD').val(),
+            'showYn': $('#ITP_' + id + '_DETAIL_UPLOAD').attr('data-show-yn'),
+            'fileId': '#ITP_FORM_' + id + '_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
+        };
+        itp_fn_set_file_upload('ITP_' + id + '_DETAIL_UPLOAD', 'notice', true, false, id, fileArgs);
+    },
+    switchScreen: function(mode) {
+        $('.itp_det_head').find('button[id^="ITP_BTN_STINFO01011_"]').each(function(i) {
+            $(this).hide();
+        });
+        $('#ITP_TAB_STINFO01011').find('div[id$="_CONTAINER"]').each(function(i) {
+            $(this).hide();
+        });
+        if(mode == 'LIST') { // 목록
+            fn_show_btn_auth_array(['#ITP_BTN_STINFO01011_SRH', '#ITP_BTN_STINFO01011_NEWREG']);
+            $('#ITP_AJAX_STINFO01011_LIST_CONTAINER').show();
+        } else if(mode == 'ADD') { // 등록
+            $('#ITP_AJAX_STINFO01011_DETAIL_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_STINFO01011_CANCELLIST', '#ITP_BTN_STINFO01011_SAVE']);
+
+            $('#ITP_FORM_STINFO01011_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
+                $(this).attr('id') === 'ITP_FORM_STINFO01011_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
+                if(elem.type === 'select') {
+                    $(this).val('').prop('selected', true);
+                }
+            });
+
+            $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_FILE_NO').val('');
+            $('#ITP_FORM_STINFO01011_DETAIL_BRAND_ID').removeAttr('readonly');
+            $('#ITP_FORM_STINFO01011_DETAIL_BRAND_NM').removeAttr('readonly');
+            $('#ITP_FORM_STINFO01011_DETAIL_BSNS_REG_NO').removeAttr('readonly');
+            $('#ITP_FORM_STINFO01011_DETAIL_CORP_REG_NO').removeAttr('readonly');
+            // $('#ITP_FORM_STINFO01011_DETAIL_SEARCH_AFFL_SHOP').removeAttr('disabled');
+            // $('#ITP_FORM_STINFO01011_DETAIL_DELETE_AFFL_SHOP').removeAttr('disabled');
+            $('#ITP_FORM_STINFO01011_DETAIL_SEARCH_AFFL_SHOP').show();
+            $('#ITP_FORM_STINFO01011_DETAIL_DELETE_AFFL_SHOP').show();
+            $('.fnBrandId').text('(자동부여)');
+        } else if(mode == 'MODIFY') { // 수정
+            $('#ITP_AJAX_STINFO01011_DETAIL_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_STINFO01011_CANCELLIST', '#ITP_BTN_STINFO01011_SAVE', '#ITP_BTN_STINFO01011_RESET_PW']);
+
+            $('#ITP_FORM_STINFO01011_DETAIL_BRAND_ID').attr('readonly', true);
+            $('#ITP_FORM_STINFO01011_DETAIL_BRAND_NM').attr('readonly', true);
+            $('#ITP_FORM_STINFO01011_DETAIL_BSNS_REG_NO').attr('readonly', true);
+            $('#ITP_FORM_STINFO01011_DETAIL_CORP_REG_NO').attr('readonly', true);
+            // $('#ITP_FORM_STINFO01011_DETAIL_SEARCH_AFFL_SHOP').attr('disabled', true);
+            // $('#ITP_FORM_STINFO01011_DETAIL_DELETE_AFFL_SHOP').attr('disabled', true);
+            $('#ITP_FORM_STINFO01011_DETAIL_SEARCH_AFFL_SHOP').hide();
+            $('#ITP_FORM_STINFO01011_DETAIL_DELETE_AFFL_SHOP').hide();
+        } else if(mode == 'VIEW') { // 보기
+            $('#ITP_AJAX_STINFO01011_VIEW_CONTAINER').show();
+            fn_show_btn_auth_array(['#ITP_BTN_STINFO01011_MODIFY', '#ITP_BTN_STINFO01011_CANCELLIST']);
+        }
+    }
+};
+
+/*목록화면 Object*/
+let listObj = {
+    init: function () {
+        this.grid.init();
+    },
+    itp_STINFO01011_param: {},
+    itp_STINFO01011_search: false,
+    button: {
+        search: function() {
+            listObj.itp_STINFO01011_search = true;
+            let param = $('#ITP_FORM_STINFO01011_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+            param.gridPage = $.jgrid.defaults.page;
+            $(STINFO01011_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+        },
+        create: function() {
+            pageObj.switchScreen('ADD');
+            itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO01011_DETAIL');
+            // 권한정보 리스트 조회
+            createObj.init();
+        }
+    },
+    empty: {
+        init: function() {
+            var _this = this;
+            this.push();
+            $(STINFO01011_GRID_EMPTY).on('click', function() {
+                _this.back();
+                listObj.itp_STINFO01011_param.gridSize = $.jgrid.defaults.rowNum;
+                $(STINFO01011_GRID_ID).setGridParam({'postData': JSON.stringify(listObj.itp_STINFO01011_param)}).trigger('reloadGrid');
+            });
+        },
+        push: function() {
+            let param = $('#ITP_FORM_STINFO01011_SEARCH').serializeObject();
+            listObj.itp_STINFO01011_param = param;
+        },
+        back: function() {
+            $('#ITP_FORM_STINFO01011_SERVICE_BRAND_TYPE').val(listObj.itp_STINFO01011_param.brandType);
+            $('#ITP_FORM_STINFO01011_SERVICE_ST_CD').val(listObj.itp_STINFO01011_param.stCd);
+            $('#ITP_FORM_STINFO01011_SEARCH_BRAND_NM').val(listObj.itp_STINFO01011_param.brandNm);
+        }
+    },
+    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_STINFO01011_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+
+            var option = {
+                gridId: STINFO01011_GRID_ID,
+                colModel: gridColModel.list,
+                param: JSON.stringify(param),
+                url: DOMAIN + API_DETAIL_GRID_LIST,
+                pager: STINFO01011_GRID_PAGER,
+                onCellSelect: function(rowId, cellIdx, cellValue) {
+                    var cm = $(this).jqGrid('getGridParam', 'colModel');
+                    var colNm = cm[cellIdx].name;
+                    if (colNm === 'brandId') {
+                        const brandIdVal = $(this).jqGrid('getCell', rowId, 'brandId');
+                        const key = {brandId: brandIdVal, viewCd: 'R'};
+                        var param = $.param(key);
+                        viewObj.init(param);
+                    }
+                },
+                loadComplete: function(data) {
+                    console.log(data);
+                    itp_fn_grid_load_complete(data, STINFO01011_GRID_ID, true, 'number', 'STINFO01011', listObj.itp_STINFO01011_search, listObj.empty, true, data.gridRecords, true);
+                    var ids = $(STINFO01011_GRID_ID).getDataIDs();
+                    $.each(ids, function(idx, rowId) {
+                        $(STINFO01011_GRID_ID).jqGrid('setCell', rowId, 'brandId', '', ITP_GRID_COL_STYLE.link);
+                    });
+                },
+                onPaging: function(action) {
+                    itp_fn_grid_paging(STINFO01011_GRID_ID, action, param);
+                }
+            };
+            itp_fn_grid_make_remote(option);
+        },
+        clearData : function() {
+            $(STINFO01011_GRID_ID).jqGrid('clearGridData', true);
+            $(STINFO01011_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+            $(STINFO01011_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+            $(STINFO01011_GRID_EMPTY).show();
+        },
+        unload : function() {
+            $.jgrid.gridUnload(STINFO01011_GRID_ID);
+        }
+    }
+};
+
+/*상세화면 Object*/
+let viewObj = {
+    init: function () {
+        const key = {brandId: fn_make_user_info.get('brandId'), viewCd: 'R'};
+        var param = $.param(key);
+        this.load(param);
+    },
+    load: function(param) {
+        fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+    },
+    callback: function (result) {
+        console.log(result);
+        pageObj.switchScreen('VIEW');
+        $('#ITP_FORM_STINFO01011_VIEW #ITP_FORM_STINFO01011_VIEW_AFFL_SHOP_ID').val(result.afflShopId);
+        $('#ITP_FORM_STINFO01011_VIEW #ITP_FORM_STINFO01011_VIEW_BRAND_ID').val(result.brandId);
+        $('#ITP_FORM_STINFO01011_VIEW .fnBrandUnitUnqNo').text(result.brandId);
+        $('#ITP_FORM_STINFO01011_VIEW .fnStCd').text(result.stNm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnBrandNm').text(result.brandNm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnBrandType').text(result.brandTypeNm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnOwnerNm').text(result.ownerNm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnTelNo').text(result.telNo);
+        $('#ITP_FORM_STINFO01011_VIEW .fnFaxNo').text(result.faxNo);
+        $('#ITP_FORM_STINFO01011_VIEW .fnEmalAddr').text(result.emalAddr);
+        $('#ITP_FORM_STINFO01011_VIEW .fnDpstBnkCd').text(result.bnkCdNm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnRcvAcctNo').text(result.acctNo);
+        $('#ITP_FORM_STINFO01011_VIEW .fnOwacNm').text(result.owacNm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnZipNo').text(result.zipNo);
+        $('#ITP_FORM_STINFO01011_VIEW .fnLoadAddr').text(result.addr1);
+        $('#ITP_FORM_STINFO01011_VIEW .fnDtlAddr').text(result.addr2);
+        $('#ITP_FORM_STINFO01011_VIEW .fnRegId').text(result.sysRegId);
+        $('#ITP_FORM_STINFO01011_VIEW .fnRegDt').text(result.sysRegDttm);
+        $('#ITP_FORM_STINFO01011_VIEW .fnChgId').text(result.sysChgId);
+        $('#ITP_FORM_STINFO01011_VIEW .fnChgDt').text(result.sysChgDttm);
+        // $('#ITP_FORM_STINFO01011_VIEW .fnBrandLogo').text(result.lastLoginDt);
+
+        let locate = result.addr1 + ' ' + result.addr2;
+        kakaoMap.init('ITP_FORM_STINFO01011_VIEW', locate);
+
+    }
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+    button: {
+        modify: function () {
+            itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO01011_DETAIL');
+            const brandIdVal = $('#ITP_FORM_STINFO01011_VIEW_BRAND_ID').val();
+            const key = {brandId: brandIdVal, viewCd: 'R'};
+            var param = $.param(key);
+            modifyObj.load(param);
+        },
+        address: function() {
+            kakaoMap.address('ITP_FORM_STINFO01011_DETAIL');
+        },
+        save: function() {
+            const formId = '#ITP_FORM_STINFO01011_DETAIL';
+            itp_fn_form_clear_validate(null, formId);
+
+            if (modifyObj.isValid(formId)) {
+                let param = $(formId).serializeObject();
+                console.log(JSON.stringify(param));
+
+                var searhFn = function() {
+                    ITP_FORM_STINFO01011_DETAIL_IS_WRITING = false;
+                    viewObj.init();
+                };
+                fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+            }
+        },
+        cancel: function () {
+            viewObj.init();
+        }
+    },
+    load: function(param) {
+        fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+    },
+    callback: function (result) {
+        console.log(result);
+        pageObj.switchScreen('MODIFY');
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_VIEW_CD').val('U');
+
+        $('#ITP_FORM_STINFO01011_DETAIL .fnBrandId').text(result.brandId);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_ID').val(result.afflShopId);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_NM').val(result.afflShopNm);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_BRAND_ID').val(result.brandId);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_ST_CD').val(result.stCd);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_BRAND_NM').val(result.brandNm);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_BRAND_TYPE').val(result.brandType);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_CORP_REG_NO').val(result.corpRegNo);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_OWNER_NM').val(result.ownerNm);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_TEL_NO').val(result.telNo);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_FAX_NO').val(result.faxNo);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_EMAL_ADDR').val(result.emalAddr);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_DPST_BNK_CD').val(result.bnkCd);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_RCV_ACCT_NO').val(result.acctNo);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_OWAC_NM').val(result.owacNm);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_ZIPNO').val(result.zipNo);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_STINFO01011_DETAIL_ADRES').val(result.addr1);
+        $('#ITP_FORM_STINFO01011_DETAIL #ITP_FORM_OPER03010_DETAIL_ADRES_DTL').val(result.addr2);
+
+        $('#ITP_FORM_STINFO01011_DETAIL .fnAddDt').text(result.sysRegDttm);
+        $('#ITP_FORM_STINFO01011_DETAIL .fnChgDt').text(result.sysChgDttm);
+
+        let locate = result.addr1 + ' ' + result.addr2;
+        kakaoMap.init('ITP_FORM_STINFO01011_DETAIL', locate);
+    },
+    isValid: function(formId) {
+        var isValid = false;
+        $(formId).find('input, select, checkbox, textarea').each(function(k) {
+            if($(this).data('check-required')) {
+                var arry = $(this).data('check-required').split(',');
+                isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+                if(!isValid) return false;
+            }
+        });
+        return isValid;
+    }
+};
+
+/*신규화면 Object*/
+let createObj = {
+    init: function () {
+        this.button.init();
+        pageObj.fileUpload();
+        kakaoMap.init('ITP_FORM_STINFO01011_DETAIL', '');
+    },
+    button: {
+        init: function() {
+            // 가맹점 조회 버튼 클릭
+            $('#ITP_FORM_STINFO01011_DETAIL_SEARCH_AFFL_SHOP').on('click', function() {
+                createObj.popup();
+            });
+            // 가맹점 텍스트 삭제 버튼 클릭
+            $('#ITP_FORM_STINFO01011_DETAIL_DELETE_AFFL_SHOP').on('click', function() {
+                $('#ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_ID').val('');
+                $('#ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_NM').val('');
+            });
+        },
+    },
+    popup: function() {
+        var popFn = function(rowDataPop) {
+            // console.log(rowDataPop);
+            if(rowDataPop.AFFL_SHOP) {
+                $('#ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
+                $('#ITP_FORM_STINFO01011_DETAIL_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
+            }
+        };
+        fn_call_popup('biz', 'BIZPOP_AFFL_SHOP', '#ITP_ASIDE', popFn, null, 'S');
+    }
+};

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

@@ -0,0 +1,492 @@
+require(['config'], function() {
+	require([
+		'kakao.map.util'
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO02011_GRID_ID = '#ITP_STINFO02011_jqGrid';
+const STINFO02011_GRID_LIST = '#ITP_STINFO02011_jqGrid_list';
+const STINFO02011_GRID_PAGER = '#ITP_STINFO02011_jqGridPager';
+const STINFO02011_GRID_EMPTY = '#ITP_STINFO02011_jqGridEmpty';
+
+const STINFO02011_VIEW_GRID_ID = '#ITP_STINFO02011_VIEW_jqGrid';
+const STINFO02011_VIEW_GRID_LIST = '#ITP_STINFO02011_VIEW_jqGrid_list';
+const STINFO02011_VIEW_GRID_PAGER = '#ITP_STINFO02011_VIEW_jqGridPager';
+const STINFO02011_VIEW_GRID_EMPTY = '#ITP_STINFO02011_VIEW_jqGridEmpty';
+
+const STINFO02011_DETAIL_GRID_ID = '#ITP_STINFO02011_DETAIL_jqGrid';
+const STINFO02011_DETAIL_GRID_LIST = '#ITP_STINFO02011_DETAIL_jqGrid_list';
+const STINFO02011_DETAIL_GRID_PAGER = '#ITP_STINFO02011_DETAIL_jqGridPager';
+const STINFO02011_DETAIL_GRID_EMPTY = '#ITP_STINFO02011_DETAIL_jqGridEmpty';
+
+let ITP_FORM_STINFO02011_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/store/detail-grid-list';	// 목록
+let API_DETAIL_INFO 		= '/api/store/info-store';			// 상세
+let API_DETAIL_SAVE 		= '/api/store/save-store';			// 저장
+let API_INTI_PW				= '/api/store/inti-storePw';		// 패스워드 초기화
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'STORE_ID', name: 'storeId',
+			label: ITP_MSG_LOCALE.label.storeId, //매장번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_NM', name: 'storeNm',
+			label: ITP_MSG_LOCALE.label.storeNm, //매장명
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'BSNS_REG_NO', name: 'bsnsRegNo',
+			label: ITP_MSG_LOCALE.label.bsnsRegNo, //사업자등록번호
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_DVSN', name: 'storeDvsn',
+			label: ITP_MSG_LOCALE.label.storeDvsn, //매장구분
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'STORE_DVSN_NM', name: 'storeDvsnNm',
+			label: ITP_MSG_LOCALE.label.storeDvsn, //매장구분명
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_ST_NM', name: 'storeStNm',
+			label: ITP_MSG_LOCALE.label.stNm, //상태
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SYS_REG_DTTM', name: 'sysRegDttm',
+			label: ITP_MSG_LOCALE.label.sysRegDttm, //최초등록일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+	],
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'AUTH_NO', name: 'authNo',
+			label: ITP_MSG_LOCALE.label.permitCd,
+			width: '20', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'AUTH_NM', name: 'authNm',
+			label: ITP_MSG_LOCALE.label.permitName,
+			width: '30', fixed: false, align: 'center',
+			sortable: true, editable: false, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'USE_YN_NM', name: 'useYnNm',
+			label: ITP_MSG_LOCALE.label.status,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		},
+		{
+			index: 'ADD_DT', name: 'addDt',
+			label: ITP_MSG_LOCALE.label.regDt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		}
+	]
+};
+
+/*화면공통 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('STINFO02011');
+
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			$('#ITP_TAB_STINFO02011 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		},
+		grid: function() {
+			// itp_fn_jqgrid_resize(STINFO02011_GRID_ID, STINFO02011_GRID_LIST, 'lg');
+			// listObj.empty.init();
+			// itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			viewObj.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_STINFO02011_MODIFY'				: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_STINFO02011_CANCELLIST'			: modifyObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_STINFO02011_SAVE'					: modifyObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_FORM_STINFO02011_DETAIL_ADRES_SCH'	: modifyObj.button.address();	break;	// 신규등록 주소 찾기
+					}
+				});
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		$('.itp_det_head').find('button[id^="ITP_BTN_STINFO02011_"]').each(function(i) {
+			$(this).hide();
+		});
+		$('#ITP_TAB_STINFO02011').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode == 'LIST') { // 목록
+			$('#ITP_AJAX_STINFO02011_LIST_CONTAINER').show();
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO02011_SRH', '#ITP_BTN_STINFO02011_NEWREG']);
+		} else if(mode == 'ADD') { // 등록
+			$('#ITP_AJAX_STINFO02011_DETAIL_CONTAINER').show();
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO02011_CANCELLIST', '#ITP_BTN_STINFO02011_SAVE']);
+
+			$('#ITP_FORM_STINFO02011_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
+				$(this).attr('id') === 'ITP_FORM_STINFO02011_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
+				if(elem.type === 'select') {
+					$(this).val('').prop('selected', true);
+				}
+			});
+
+
+			// 가맹점 정보 설정
+			$('#ITP_FORM_STINFO02011_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+			$('#ITP_FORM_STINFO02011_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_STINFO02011_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+
+			$('#ITP_FORM_STINFO02011_DETAIL .fnStoreNm').text('(자동부여)');
+			$('#ITP_FORM_STINFO02011_DETAIL_STORE_ID').removeAttr('readonly');
+			$('#ITP_FORM_STINFO02011_DETAIL .itp_form_info').hide();
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_AJAX_STINFO02011_DETAIL_CONTAINER').show();
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO02011_CANCELLIST', '#ITP_BTN_STINFO02011_SAVE', '#ITP_BTN_STINFO02011_RESET_PW']);
+
+			$('#ITP_FORM_STINFO02011_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+			$('#ITP_FORM_STINFO02011_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_STINFO02011_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+
+			$('#ITP_FORM_STINFO02011_DETAIL_STORE_ID').attr('readonly', true);
+			$('#ITP_FORM_STINFO02011_DETAIL .itp_form_info').show();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_AJAX_STINFO02011_VIEW_CONTAINER').show();
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO02011_MODIFY', '#ITP_BTN_STINFO02011_CANCELLIST']);
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_STINFO02011_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STINFO02011_search = true;
+			let param = $('#ITP_FORM_STINFO02011_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STINFO02011_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			pageObj.switchScreen('ADD');
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO02011_DETAIL');
+			createObj.init();
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO02011_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO02011_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO02011_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO02011_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO02011_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO02011_SEARCH').serializeObject();
+			listObj.itp_STINFO02011_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STINFO02011_SERVICE_ST_DT').val(this.itp_STINFO02011_param.searchDateType);
+			$('#ITP_FORM_STINFO02011_SEARCH_REG_DT').val(this.itp_STINFO02011_param.fromDt);
+			$('#ITP_FORM_STINFO02011_SEARCH_OPEN_DT').val(this.itp_STINFO02011_param.toDt);
+			$('#ITP_FORM_STINFO02011_SEARCH_STORE_DVSN').val(this.itp_STINFO02011_param.sstoreDvsn);
+			$('#ITP_FORM_STINFO02011_SEARCH_STORE_ST_CD').val(this.itp_STINFO02011_param.sstoreStCd);
+			$('#ITP_FORM_STINFO02011_SEARCH_LOAN_DVSN').val(this.itp_STINFO02011_param.sloanDvsn);
+			$('#ITP_FORM_STINFO02011_SEARCH_STORE_NM').val(this.itp_STINFO02011_param.sstoreMm);
+		}
+	},
+	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_STINFO02011_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = fn_make_user_info.get('brandId');
+			// param.sbrandId = sessionStorage.getItem('itp_brand_id') !== null ? sessionStorage.getItem('itp_brand_id') : 'BRD221000001';
+
+			var option = {
+				gridId: STINFO02011_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: STINFO02011_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'storeNm') {
+						const selectVal = $(this).jqGrid('getCell', rowId, 'storeId');
+						const key = {brandId:fn_make_user_info.get('brandId'), storeId: selectVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STINFO02011_GRID_ID, true, 'number', 'STINFO02011', listObj.itp_STINFO02011_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(STINFO02011_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STINFO02011_GRID_ID).jqGrid('setCell', rowId, 'storeNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO02011_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO02011_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO02011_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO02011_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO02011_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO02011_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function () {
+		const key = {brandId:fn_make_user_info.get('brandId'), storeId: fn_make_user_info.get('storeId'), viewCd: 'R'};
+		var param = $.param(key);
+		this.load(param);
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_STINFO02011_VIEW #ITP_FORM_STINFO02011_VIEW_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_STINFO02011_VIEW .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnStCd').text(result.storeStNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnStoreId').text(result.storeId);
+		$('#ITP_FORM_STINFO02011_VIEW .fnStoreDvsn').text(result.storeDvsnNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnStoreNm').text(result.storeNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnBsnsCndt').text(result.bsnsCndt);
+		$('#ITP_FORM_STINFO02011_VIEW .fnBsnsRegNo').text(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO02011_VIEW .fnCtgrBsns').text(result.ctgrBsns);
+		$('#ITP_FORM_STINFO02011_VIEW .fnCorpRegNo').text(result.corpRegNo);
+		$('#ITP_FORM_STINFO02011_VIEW .fnTelNo').text(result.telNo);
+		$('#ITP_FORM_STINFO02011_VIEW .fnOwnerNm').text(result.ownerNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnFaxNo').text(result.faxNo);
+		$('#ITP_FORM_STINFO02011_VIEW .fnMblNo').text(result.telNo);
+		$('#ITP_FORM_STINFO02011_VIEW .fnEmalAddr').text(result.emalAddr);
+		$('#ITP_FORM_STINFO02011_VIEW .fnAreaCd').text(result.areaNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnFromDt').text(result.openDt);
+		$('#ITP_FORM_STINFO02011_VIEW .fnZipNo').text(result.zipNo);
+		$('#ITP_FORM_STINFO02011_VIEW .fnLoadAddr').text(result.addr1);
+		$('#ITP_FORM_STINFO02011_VIEW .fnDtlAddr').text(result.addr2);
+
+		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
+		kakaoMap.init('ITP_FORM_STINFO02011_VIEW', cmpyAdres);
+
+		$('#ITP_FORM_STINFO02011_VIEW .fnStoreAcctInfo').text(result.storeBnkNm + ' ' + result.storeAcctNo + ' ' + result.storeOwacNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnLoanDvsn').text(result.loanDvsnNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnBrandAcctInfo').text(result.brandBnkNm + ' ' + result.brandAcctNo + ' ' + result.brandOwacNm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnAcctBal').text(result.acctBal);
+		$('#ITP_FORM_STINFO02011_VIEW .fnWhsUseYn').text(result.whsUseYn);
+		$('#ITP_FORM_STINFO02011_VIEW .fnLimitAmt').text(result.limitAmt);
+		$('#ITP_FORM_STINFO02011_VIEW .fnSysRegDttm').text(result.sysRegDttm);
+		$('#ITP_FORM_STINFO02011_VIEW .fnCloseDt').text(result.closeDt);
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+		modify: function (param) {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO02011_DETAIL');
+			const selectVal = $('#ITP_FORM_STINFO02011_VIEW_STORE_ID').val();
+			const key = {brandId:fn_make_user_info.get('brandId'), storeId: selectVal, viewCd: 'R'};
+			var param = $.param(key);
+			modifyObj.load(param);
+		},
+		address: function() {
+			kakaoMap.address('ITP_FORM_STINFO02011_DETAIL');
+		},
+		cancel: function() {
+			viewObj.init();
+		},
+		save: function() {
+			const formId = '#ITP_FORM_STINFO02011_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+
+			if (modifyObj.isValid(formId)) {
+				let param = $(formId).serializeObject();
+				console.log(JSON.stringify(param));
+				var searhFn = function() {
+					ITP_FORM_STINFO02011_DETAIL_IS_WRITING = false;
+					viewObj.init();
+				};
+				fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+			}
+		}
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('MODIFY');
+
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_VIEW_CD').val('U');
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		$('#ITP_FORM_STINFO02011_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_STORE_ST_CD').val(result.storeStCd);
+		$('#ITP_FORM_STINFO02011_DETAIL .fnStoreNm').text(result.storeId);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_STORE_DVSN').val(result.storeDvsn);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_STORE_NM').val(result.storeNm);
+		$('#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_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);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_MBL_NO').val(result.telNo);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_EMAL_ADDR').val(result.emalAddr);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_AREA_CD').val(result.areaCd);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_FROM_DT').val(result.openDt);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_ZIPNO').val(result.zipNo);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_ADRES').val(result.addr1);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_ADRES_DTL').val(result.addr2);
+
+		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
+		kakaoMap.init('ITP_FORM_STINFO02011_DETAIL', cmpyAdres);
+
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_DPST_BNK_CD').text(result.storeBnkCd);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_ACCT_NO').text(result.storeAcctNo);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_OWAC_NM').text(result.storeOwacNm);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_LOAN_DVSN').val(result.loanDvsn);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_LIMIT_AMT').val(result.limitAmt);
+		$('#ITP_FORM_STINFO02011_DETAIL #ITP_FORM_STINFO02011_DETAIL_WHS_USE_YN').val(result.whsUseYn);
+		$('#ITP_FORM_STINFO02011_DETAIL .fnBrandAcctInfo').text(result.brandBnkNm + ' ' + result.brandAcctNo + ' ' + result.brandOwacNm);
+		$('#ITP_FORM_STINFO02011_DETAIL .fnAcctBal').text(result.acctBal);
+		$('#ITP_FORM_STINFO02011_DETAIL .fnTmpRcvAcctTotal').text(result.tmpRcvAcctTotal);
+		$('#ITP_FORM_STINFO02011_DETAIL .fnSysChgDttm').text(result.sysChgDttm);
+	},
+	isValid: function(formId) {
+		var isValid = false;
+		$(formId).find('input, select, checkbox, textarea').each(function(k) {
+			if($(this).data('check-required')) {
+				var arry = $(this).data('check-required').split(',');
+				isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+				if(!isValid) return false;
+			}
+		});
+		return isValid;
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+		$('#ITP_FORM_STINFO02011_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		kakaoMap.init('ITP_FORM_STINFO02011_DETAIL', '');
+	},
+	button: {
+	}
+};

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

@@ -39,25 +39,25 @@ const gridColModel = {
 		{
 			index: 'BRAND_ID', name: 'brandId',
 			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
-			width: '10', fixed: false, align: 'center',
+			width: '0', fixed: false, align: 'center',
 			sortable: false, hidden: true
 		},
 		{
 			index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
 			label: ITP_MSG_LOCALE.label.brandUnitUnqNo, //브랜드ID
-			width: '10', fixed: false, align: 'center',
+			width: '0', fixed: false, align: 'center',
 			sortable: false, hidden: true
 		},
 		{
 			index: 'ITEM_ID', name: 'itemId',
 			label: ITP_MSG_LOCALE.label.itemId, //품목번호
-			width: '10', fixed: false, align: 'center',
+			width: '13', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm, //품목명
-			width: '13', fixed: false, align: 'center',
+			width: '15', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -75,7 +75,7 @@ const gridColModel = {
 		{
 			index: 'STDD_QYT', name: 'stddQty',
 			label: ITP_MSG_LOCALE.label.stddQty, //기준수량
-			width: '15', fixed: false, align: 'center',
+			width: '6', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -93,13 +93,13 @@ const gridColModel = {
 		{
 			index: 'CONT_STT_DT', name: 'contSttDt',
 			label: ITP_MSG_LOCALE.label.contSttDt, //시작일
-			width: '15', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'CONT_END_DT', name: 'contEndDt',
 			label: ITP_MSG_LOCALE.label.contEndDt, //종료일
-			width: '6', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -111,7 +111,7 @@ const gridColModel = {
 		{
 			index: 'FILE_PATH', name: 'filePath',
 			label: ITP_MSG_LOCALE.label.itemFilePath, //단가계약파일
-			width: '15', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -165,7 +165,7 @@ let pageObj = {
 			$('#ITP_TAB_STINFO05010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
 		},
 		grid: function() {
-			itp_fn_jqgrid_resize(STINFO05010_GRID_ID, STINFO05010_GRID_LIST, 'lg');
+			itp_fn_jqgrid_resize(STINFO05010_GRID_ID, STINFO05010_GRID_LIST, 'sm');
 			listObj.empty.init();
 			itp_fn_fire_window_resize();
 		},

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

@@ -49,12 +49,6 @@ const gridColModel = {
 			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: true
 		},
-		{
-			index: 'BRAND_NM', name: 'brandNm',
-			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
-			width: '13', fixed: false, align: 'center',
-			sortable: false, hidden: false
-		},
 		{
 			index: 'STORE_ID', name: 'storeId',
 			label: ITP_MSG_LOCALE.label.storeId, //매장ID
@@ -65,7 +59,7 @@ const gridColModel = {
 			index: 'STORE_NM', name: 'storeNm',
 			label: ITP_MSG_LOCALE.label.storeNm, //매장명
 			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			sortable: false, hidden: false
 		},
 		{
 			index: 'CONT_STT_DT', name: 'contSttDt',
@@ -93,6 +87,12 @@ const gridColModel = {
 		}
 	],
 	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.brandId, //공급단가
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
 		{
 			index: 'BRAND_ID', name: 'brandId',
 			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
@@ -166,12 +166,6 @@ const gridColModel = {
 			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
 			width: '6', fixed: false, align: 'center',
 			sortable: false, hidden: false
-		},
-		{
-			index: 'EDIT_STATUS', name: 'editStatus',
-			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
-			width: '6', fixed: false, align: 'center',
-			sortable: false, hidden: true
 		}
 	]
 };
@@ -256,6 +250,7 @@ let pageObj = {
 			// 가맹점 정보 설정
 			$('#ITP_FORM_STINFO06010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
 			$('#ITP_FORM_STINFO06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_STINFO06010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
 
 			$('#ITP_FORM_STINFO06010_DETAIL_STORE_ID').removeAttr('readonly');
 			$('#ITP_FORM_STINFO06010_DETAIL_DUP').removeAttr('disabled');
@@ -268,6 +263,11 @@ let pageObj = {
 			// 가맹점 정보 설정
 			$('#ITP_FORM_STINFO06010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
 			$('#ITP_FORM_STINFO06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_STINFO06010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+
+			if(fn_make_user_info.get('authTpCd') === '50') {
+				$('#ITP_FORM_STINFO06010_DETAIL_STORE_NM').val(fn_make_user_info.get('storeNm'));
+			}
 		} else if(mode == 'VIEW') { // 보기
 			$('#ITP_AJAX_STINFO06010_VIEW_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_MODIFY', '#ITP_BTN_STINFO06010_CANCELLIST']);
@@ -292,8 +292,7 @@ let listObj = {
 		},
 		create: function() {
 			if(!fn_make_user_info.isEmpty()) {
-				let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
-				modifyObj.init($.param(param));
+				modifyObj.init();
 			}
 		}
 	},
@@ -379,7 +378,11 @@ let listObj = {
 /*수정화면 Object*/
 let modifyObj = {
 	init: function (param) {
+		console.log(param);
 		pageObj.switchScreen('MODIFY');
+		if(!param) {
+			param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
+		}
 		this.grid.init(param);
 	},
 	itp_STINFO06010_search: false,
@@ -396,15 +399,19 @@ let modifyObj = {
 
 			var rows = $(STINFO06010_DETAIL_GRID_ID).getRowData();
 			let param = {};
+			var gridInsertData = [];
 			var gridUpdateData = [];
 			$.each(rows, function (key, value) {
-				if(value.editStatus === 'U') {
+				if(value.viewCd === 'C') {
+					gridInsertData.push(value);
+				} else if(value.viewCd === 'U') {
 					gridUpdateData.push(value);
 				}
 			});
 			param['viewCd'] = 'U';
 			param['brandId'] = fn_make_user_info.get('brandId');
-			param['storeId'] = fn_make_user_info.get('userId');
+			param['storeId'] = fn_make_user_info.get('storeId');
+			param['gridInsertData'] = gridInsertData;
 			param['gridUpdateData'] = gridUpdateData;
 			console.log(JSON.stringify(param));
 			var searhFn = function() {
@@ -456,10 +463,9 @@ let modifyObj = {
 					console.log('rowId ===> ' + rowid);
 					STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowid, iRow, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
 					$('#' + rowid + "_stddQty").blur(function(){
-						console.log('_stddQty ===> ' + '#' + rowid + "_stddQty");
 						$(STINFO06010_DETAIL_GRID_ID).jqGrid('saveRow', rowid, true, 'clientArray');
-						if($(STINFO06010_DETAIL_GRID_ID).jqGrid('getRowData', rowid, 'editStatus') !== 'U') {
-							$(STINFO06010_DETAIL_GRID_ID).jqGrid('setRowData', rowid, {editStatus: 'U'});
+						if($(STINFO06010_DETAIL_GRID_ID).jqGrid('getRowData', rowid, 'viewCd') !== 'C') {
+							$(STINFO06010_DETAIL_GRID_ID).jqGrid('setRowData', rowid, {viewCd: 'U'});
 						}
 					});
 				},

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -64,7 +45,7 @@
         <h1>> 수거수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 772px;">
+    <div class="scroll_area row-3">
       <li class="history_list">
         <div>
           <div class="left">
@@ -167,7 +148,7 @@
         <h1>> 수주수주 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:972px;">
+    <div class="scroll_area row-5">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -233,13 +214,4 @@
       <button id="ITP_BTN_MCOLLMNG01010" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MCOLLMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MCOLLMNG01010">수주관리</button>
-      <button id="ITP_BTN_MCOLLMNG01010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -56,7 +37,7 @@
         <h1>> 수거수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list3">
         <div>
           <div class="left">
@@ -179,7 +160,7 @@
         <h1>> 수거수주 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:972px;">
+    <div class="scroll_area row-5">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -252,13 +233,4 @@
       <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MCOLLMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MCOLLMNG02010">수주관리</button>
-      <button id="ITP_BTN_MCOLLMNG02010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -56,16 +37,16 @@
         <h1>> 수거서 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list3">
         <div>
           <div class="left">
             <div class="nomal">
-              <label class="col_1">브랜드명 &nbsp;:</label>
+              <label class="col_0">브랜드명 :</label>
               <div class="">
                 <div class="space1">브랜드명</div>
               </div>
-              <label>수거서번호&nbsp;:</label>
+              <label>수거서번호:</label>
               <div class="">
                 <div class="">PO1234123</div>
               </div>
@@ -73,7 +54,7 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label>수거서상태 &nbsp;:</label>
+              <label>수거서상태 :</label>
               <div class="">
                 <div class="space1">수거전</div>
               </div>
@@ -97,7 +78,7 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label class="col_1">품목수량 &nbsp;:</label>
+              <label class="col_0">품목수량 :</label>
               <div class="">
                 <div class="space1">2</div>
               </div>
@@ -109,7 +90,7 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label class="col_1">수거장소 &nbsp;:</label>
+              <label class="col_0">수거장소 :</label>
               <div class="">
                 <div class="space1">A창고</div>
               </div>
@@ -217,7 +198,7 @@
         <h1>> 수거 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:1150px; height: 600px;">
+    <div class="scroll_area row-7">
       <li class="history_list1">
         <div>
           <div class="left">
@@ -263,13 +244,4 @@
       <button id="ITP_BTN_MCOLLMNG03010" class="col_12 btn-gray COK">확인</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MCOLLMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MCOLLMNG03010">수주관리</button>
-      <button id="ITP_BTN_MCOLLMNG03010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -408,7 +408,8 @@ var fn_make_user_info = {
 		$('#ITP_LOGIN_USER').text(this.get('userNm'));
 		let authTypeNm = (this.get('authTpNm') === undefined) ? '오더퀸' : this.get('authTpNm');
 		$('#ITP_TXT_MAIN_SHR_AFFL').text(authTypeNm);
-		$('#ITP_TXT_MAIN_SHR_BRAND').text('(' + this.get('brandNm') + ')');
+		var brandNm = (this.get('brandNm')) ? '(' + this.get('brandNm') + ')' : '';
+		$('#ITP_TXT_MAIN_SHR_BRAND').text(brandNm);
 	},
 	button: function() {
 		var _this = this;

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

@@ -1,16 +1,30 @@
-<link rel="stylesheet" href="/style.css">
-<section>
-	<div class="loding">
-		<div class="start">
-			<h2>오더퀸</h2>
-			<h1>수발주시스템</h1>
+<!DOCTYPE html>
+<html lang="ko">
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/style.css">
+		<title>Document</title>
+</head>
+<body class="eee">
+	<section>
+		<div class="app_run">
+			<div class="loding">
+				<div class="start">
+					<h2>오더퀸</h2>
+					<h1>수발주시스템</h1>
+			</div>
+			<div class="cap">
+				<h3>앱</h3>
+				<h3>FULL IMAGE</h3>
+			</div>
 		</div>
-		<div class="cap">
-			<h3>앱</h3>
-			<h3>FULL IMAGE</h3>
-		</div>
-	</div>
 		<div class="brand_name">
 			<h4>RICHBEAM</h4>
 		</div>
-</section>
+	</div>
+	</section>
+	
+</body>
+</html>

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

@@ -2,68 +2,46 @@
 <html lang="ko">
   <head>
     <meta charset="UTF-8">
-    <meta http-equiv="Content-Type" content="text/html; utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
-    <meta name="format-detection" content="telephone=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>로그인</title>
-
-    <link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="../../bootstrap-datepicker/css/bootstrap-datepicker3.css" />
-    <link rel="stylesheet" href="../../bootstrap-fileUpload/dist/bootstrap-FileUpload.css" />
-    <link rel="stylesheet" href="../../css/ui.jqgrid-bootstrap.css" />
-    <link rel="stylesheet" href="../css/style.css" />
-
-    <script>
-      const VIEW_PAGE = 'LOGIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
-      var CONN_KEY; //Jwt 토큰을 담기위한 변수
-    </script>
-
-    <script src="../js/properties.js"></script>
-    <script src="../../js/require.min.js" data-main="../js/config.js"></script>
+    <link rel="stylesheet" href="/style.css">
   </head>
-  <body>
     <div id="ITP_LOGIN">
-      <form id="ITP_FORM_MOBILE_LOGIN" class="form-horizontal" action="" method="post" onsubmit="return false;">
-        <input id="userId" name="userId" type="hidden" value="" />
-        <input id="password" name="password" type="hidden" value="" />
-        <div class="login_popup">
-          <div class="login_info">
-            <h1>서비스<br>VISUAL IMAGE</h1>
+      <div class="login_popup">
+        <div class="login_info">
+          <h1>서비스<br>VISUAL IMAGE</h1>
+        </div>
+        <div class="num_area">
+          <div class="input_area">
+            <input type="text" name="id" id="id"  required>
+            <label for="id">사업자번호</label>
+            <button>연결</button>
+          </div>
+          <div class="brand_list">
+            <select name="" id="">
+              <option>브랜드 리스트</option>
+              <option>asdfasdf</option>
+            </select>
           </div>
-          <!--<div class="num_area">
-            <div class="input_area">
-              <input type="text" name="id" id="id"  required>
-              <label for="id">사업자번호</label>
-              <button>연결</button>
-            </div>
-            <div class="brand_list">
-              <select name="" id="">
-                <option>브랜드 리스트</option>
-                <option>asdfasdf</option>
-              </select>
-            </div>
-          </div>-->
-          <div class="login_page">
-            <div class="input_area">
-              <input type="text" name="id" id="ITP_FORM_LOGIN_USER_ID" required>
-              <label for="ITP_FORM_LOGIN_USER_ID">아이디</label>
-            </div>
-            <div class="input_area">
-              <input type="password" name="pw" id="ITP_FORM_LOGIN_USER_PW" required>
-              <label for="ITP_FORM_LOGIN_USER_PW">비밀번호</label>
-            </div>
+        </div>
+        <div class="login_page">
+          <div class="input_area">
+            <input type="text" name="id" id="id"  required>
+            <label for="id">아이디</label>
           </div>
-          <div class="error">
-            <label>사업자번호와 관련된 브랜드 정보가 없습니다.</label>
+          <div class="input_area">
+            <input type="password" name="pw" id="pw"  required>
+            <label for="pw">비밀번호</label>
           </div>
         </div>
-        <div class="login_btn">
-          <button type="submit" id="login_btn" class="btn btn-primary btn-lg itp_btn">로그인</button>
+        <div class="error">
+          <label>사업자번호와 관련된 브랜드 정보가 없습니다.</label>
         </div>
-      </form>
-    </div>
-    <script src="../js/app/login.js?version=20210826"></script>
-  </body>
+      </div> 
+      <div class="login_btn">
+        <button>로그인</button>
+      </div>
+    </div>   
 </html>
 

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

@@ -2,42 +2,22 @@
 <html lang="ko">
 <head>
 	<meta charset="UTF-8">
-	<meta http-equiv="Content-Type" content="text/html; utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
-	<meta name="format-detection" content="telephone=no">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>모바일 수발주</title>
-
-	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
-	<link rel="stylesheet" href="../../bootstrap-datepicker/css/bootstrap-datepicker3.css" />
-	<link rel="stylesheet" href="../../bootstrap-fileUpload/dist/bootstrap-FileUpload.css" />
-	<link rel="stylesheet" href="../../css/ui.jqgrid-bootstrap.css" />
-	<link rel="stylesheet" href="../css/style.css" />
-
-	<script>
-		const ITP_SYSTEM_ADMIN_YN = 'Y';
-		const VIEW_PAGE = 'MAIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
-
-		var CONN_KEY; //Jwt 토큰을 담기위한 변수
-		var CODE_LIST; //코드리스트를 담기위한 변수
-		var AUTH_MENU_LIST; //메뉴리스트를 담기위한 변수
-		var ACT_LIST; //액션리스트를 담기위한 변수
-		var LOGIN_USER_INFO; // 로그인 사용자 정보를 담기위한 변수
-		var POP_LIST; //팝업 리스트
-		var USER_ID; //사용자ID
-		var USER_NM; //사용자명
-	</script>
-
-	<script src="../js/properties.js"></script>
-	<script src="../../js/require.min.js" data-main="../js/config.js"></script>
+	<link rel="stylesheet" href="/style.css">
 </head>
 	<body>
 		<div id="ITP_WRAPPER">
 			<header>
 				<div class="header_wrap">
-					<div class="fnBrandLogo">
-						<img src="../img/naver.png">
-					</div> 
+					<div class="menu_logo">
+						<button id="ITP_BTN_MENU"><img src="/img/menu.png" alt=""></button>
+						<button id="ITP_BTN_HOME"><img src="/img/home.png" alt=""></button>
+					</div>
+					<div class="logout">
+						<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
+					</div>
 					<div class="name_info">
 						<label>
 							<div class="fnBrnadNm">브랜드명</div>
@@ -49,77 +29,121 @@
 							<div class="fnStoreNm">매장명</div>
 						</label>
 					</div>
-					<div class="logout">
-						<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-					</div>
 				</div>
 			</header>
-			<div id="ITP_CONTAINER" class="main">
-				<!--<div class="wicon">
-					<div class="icon_left">
-						<button>
-							<label>ICON<br>구매요청생성</label>
-						</button>
-					</div>
-					<div class="icon_right">
-						<button>
-							<label>ICON<br>구매요청현황</label>
-						</button>		
-					</div>
+			<div id="ITP_MENU" style="display: block;">
+				<div class="menu_area">
+					<button class="ITP_BTN_CLOSE"><img src="/img/close2.png"></button>
 				</div>
-				<div class="wicon">
-					<div class="icon_left">
-						<button>
-							<label>ICON<br>구매요청생성</label>
-						</button>
-					</div>
-					<div class="icon_right">
-						<button>
-							<label>ICON<br>구매요청현황</label>
-						</button>		
-					</div>
-				</div>
-				<div class="wicon">
-					<div class="icon_left">
-						<button>
-							<label>ICON<br>구매요청생성</label>
-						</button>
-					</div>
-					<div class="icon_right">
-						<button>
-							<label>ICON<br>구매요청현황</label>
-						</button>		
-					</div>
-				</div>-->
-			</div>
-			<div class="footer">
-				<div class="footer_btn_bar">
-					<div class="home">
-						<button><img src="../img/home.png" alt=""></button>
-					</div>
-					<div class="manage_btn_bar">
-						<!--<div class="manage col_4" data-top-menu="3212">
-							<button>발주관리</button>
-						</div>
-						<div class="manage col_4" data-top-menu="3213">
-							<button>반품관리</button>
+				<div class="menu_bar">
+					<div class="menu_header">
+						<div class="brand_img">
+							<img src="/img/naver.png">
 						</div>
-						<div class="manage col_4" data-top-menu="3214">
-							<button>반품관리</button>
+						<div class="user_info">
+							<div class="">홍길동</div>
+							<label>사장님</label>
+							<div class="id">asdf1234</div>
 						</div>
-						<div class="manage col_4" data-top-menu="3212">
-							<button>발주관리</button>
+						<div class="setting">
+							<button><img src="/img/gear.png"></button>
 						</div>
-						<div class="manage col_4" data-top-menu="3213">
-							<button>반품관리</button>
-						</div>
-						<div class="manage col_4" data-top-menu="3214">
-							<button>반품관리</button>
-						</div>-->
+					</div>
+					<div class="menu_select">
+						<ul>
+							<li class="panel_list">
+								<div class="panel_heading">
+									<span class="fnMenuNm">발주관리</span>
+								</div>
+								<div class="panel_body">
+									<ul>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">구매요청생성</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">구매요청현황</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">입고처리</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">입고현황</span>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li class="panel_list">
+								<div class="panel_heading">
+									<span class="fnMenuNm">반품관리</span>
+								</div>
+								<div class="panel_body">
+									<ul>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">반품요청</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">반품요청현황</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">반품발주현황</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">반품처리</span>
+											</div>
+										</li>
+										<li>
+											<div class="itp_svg_in">
+												<i><img src="/img/arrow_right.png"></i>
+												<span class="fnMenuNm">반품현황</span>
+											</div>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li class="panel_list">
+								<div class="panel_heading">
+									<span class="fnMenuNm">여신관리</span>
+								</div>
+							</li>
+							<li class="panel_list">
+								<div class="panel_heading">
+									<span class="fnMenuNm">재고관리</span>
+								</div>
+							</li>
+							<li class="panel_list">
+								<div class="panel_heading">
+									<span class="fnMenuNm">버전</span>
+									<span class="fnVersion ver">1.0.3</span>
+									<span class="show">최신버전</span>
+								</div>
+							</li>
+						</ul>
 					</div>
 				</div>
 			</div>
 		</div>
-		<script src="../js/app/main.js?version=20210826"></script>
 	</body>
 </html>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -64,7 +45,7 @@
         <h1>> 수거수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 772px;">
+    <div class="scroll_area row-3">
       <li class="history_list">
         <div>
           <div class="left">
@@ -167,7 +148,7 @@
         <h1>> 수주수주 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:972px;">
+    <div class="scroll_area row-5">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -233,13 +214,4 @@
       <button id="ITP_BTN_MCOLLMNG01010" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MCOLLMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MCOLLMNG01010">수주관리</button>
-      <button id="ITP_BTN_MCOLLMNG01010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -56,7 +37,7 @@
         <h1>> 수거수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list3">
         <div>
           <div class="left">
@@ -179,7 +160,7 @@
         <h1>> 수거수주 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:972px;">
+    <div class="scroll_area row-5">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -252,13 +233,4 @@
       <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MCOLLMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MCOLLMNG02010">수주관리</button>
-      <button id="ITP_BTN_MCOLLMNG02010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -56,16 +37,16 @@
         <h1>> 수거서 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list3">
         <div>
           <div class="left">
             <div class="nomal">
-              <label class="col_1">브랜드명 &nbsp;:</label>
+              <label class="col_0">브랜드명 :</label>
               <div class="">
                 <div class="space1">브랜드명</div>
               </div>
-              <label>수거서번호&nbsp;:</label>
+              <label>수거서번호:</label>
               <div class="">
                 <div class="">PO1234123</div>
               </div>
@@ -73,7 +54,7 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label>수거서상태 &nbsp;:</label>
+              <label>수거서상태 :</label>
               <div class="">
                 <div class="space1">수거전</div>
               </div>
@@ -97,7 +78,7 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label class="col_1">품목수량 &nbsp;:</label>
+              <label class="col_0">품목수량 :</label>
               <div class="">
                 <div class="space1">2</div>
               </div>
@@ -109,7 +90,7 @@
           </div>
           <div class="left">
             <div class="nomal">
-              <label class="col_1">수거장소 &nbsp;:</label>
+              <label class="col_0">수거장소 :</label>
               <div class="">
                 <div class="space1">A창고</div>
               </div>
@@ -217,7 +198,7 @@
         <h1>> 수거 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:1150px; height: 600px;">
+    <div class="scroll_area row-7">
       <li class="history_list1">
         <div>
           <div class="left">
@@ -263,13 +244,4 @@
       <button id="ITP_BTN_MCOLLMNG03010" class="col_12 btn-gray COK">확인</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MCOLLMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MCOLLMNG03010">수주관리</button>
-      <button id="ITP_BTN_MCOLLMNG03010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,25 +1,6 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
-  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;" >
+  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: block;" >
     <div class="content">
       <div class="line">
         <label>매장선택</label>
@@ -56,7 +37,7 @@
         <h1>> 발주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list">
         <div class="left">
           <div class="nomal">
@@ -105,7 +86,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>매장명</label>
@@ -160,7 +141,7 @@
         <h1>> 여신 입출금 이력</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:1072px;">
+    <div class="scroll_area row-6">
       <li class="history_list">
         <div>
           <div class="detail_line">
@@ -215,14 +196,4 @@
       </li>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MLOANMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MLOANMNG01010">발주관리</button>
-      <button id="ITP_BTN_MLOANMNG01010">반품관리</button>
-      <button id="ITP_BTN_MLOANMNG01010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -129,25 +129,6 @@
       </div> 
     </div>
   </div>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -186,7 +167,7 @@
         <h1>> 입금 요청 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list">
         <div class="button_right">
           <button id="ITP_BTN_MLOANMNG02010" class="btn-primary AGR">승인</button>
@@ -237,14 +218,4 @@
       </li>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MLOANMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MLOANMNG02010">발주관리</button>
-      <button id="ITP_BTN_MLOANMNG02010">반품관리</button>
-      <button id="ITP_BTN_MLOANMNG02010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MLOANMNG03010_VIEW" style="display: none;">
     <div class="content">
       <div class="line">
@@ -56,8 +37,8 @@
         <h1>> 정산 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
-      <li class="history_list" style="padding-top:30px;">
+    <div class="scroll_area row-2">
+      <li class="history_list">
         <div class="left">
           <div class="nomal">
             <label class="history_label">브랜드명 &nbsp;:</label>
@@ -139,7 +120,7 @@
         <h1>> 정산 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:872px;">
+    <div class="scroll_area row-4">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -202,14 +183,4 @@
       </li>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MLOANMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MLOANMNG03010">발주관리</button>
-      <button id="ITP_BTN_MLOANMNG03010">반품관리</button>
-      <button id="ITP_BTN_MLOANMNG03010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
@@ -64,7 +45,7 @@
         <h1>> 수거수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 772px;">
+    <div class="scroll_area row-3">
       <li class="history_list">
         <div>
           <div class="left">
@@ -167,7 +148,7 @@
         <h1>> 수주 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:972px;">
+    <div class="scroll_area row-5">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -233,13 +214,4 @@
       <button id="ITP_BTN_MORDMNG01010" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MORDMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MORDMNG01010">수주관리</button>
-      <button id="ITP_BTN_MORDMNG01010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
@@ -56,7 +37,7 @@
         <h1>> 수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list3">
         <div>
           <div class="left">
@@ -179,7 +160,7 @@
         <h1>> 납품 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:972px;">
+    <div class="scroll_area row-5">
       <li class="history_list2">
         <div>
           <div class="left">
@@ -250,13 +231,4 @@
       <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MORDMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MORDMNG02010">수주관리</button>
-      <button id="ITP_BTN_MORDMNG02010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
@@ -56,7 +37,7 @@
         <h1>> 수주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list3">
         <div>
           <div class="left">
@@ -217,7 +198,7 @@
         <h1>> 납품 상세 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:1150px; height: 600px;">
+    <div class="scroll_area row-7">
       <li class="history_list1">
         <div>
           <div class="left">
@@ -263,13 +244,4 @@
       <button id="ITP_BTN_MORDMNG03010" class="col_12 btn-gray COK">확인</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MORDMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_2">
-      <button id="ITP_BTN_MORDMNG03010">수주관리</button>
-      <button id="ITP_BTN_MORDMNG03010">수거관리</button>
-    </div>
-  </div>
 </section>

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

@@ -61,25 +61,7 @@
       </div>
     </div>
   </div>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
+	
   <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -104,12 +86,32 @@
           </div>
         </div>
       </div>
-      <div class="table_header">
-        <h1>>구매 품목</h1>
-        <button id="ITP_BTN_MPOMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
-      </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">
+    <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 class="right">
+          <button id="ITP_BTN_MPOMNG01010"><</button>
+          <div class="fn num">2</div>
+          <button id="ITP_BTN_MPOMNG01010">></button>
+        </div>
+      </li>
       <li>
         <div class="left">
           <div class="thick">
@@ -135,14 +137,4 @@
       <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MPOMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MPOMNG01010">발주관리</button>
-      <button id="ITP_BTN_MPOMNG01010">반품관리</button>
-      <button id="ITP_BTN_MPOMNG01010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
         <div class="line">
@@ -56,7 +37,7 @@
         <h1>>구매 요청 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list">
         <div class="left">
           <div class="nomal">
@@ -130,7 +111,7 @@
         <h1>>구매 품목</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:672px;">
+    <div class="scroll_area row-2">
       <li>
         <div class="left">
           <div class="thick">
@@ -168,14 +149,4 @@
       <button id="" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MPOMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MPOMNG02010">발주관리</button>
-      <button id="ITP_BTN_MPOMNG02010">반품관리</button>
-      <button id="ITP_BTN_MPOMNG02010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,25 +1,6 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>발주일자</label>
@@ -66,7 +47,7 @@
         <h1>> 발주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 772px;">
+    <div class="scroll_area row-3">
       <li class="history_list">
         <div class="left">
           <div class="nomal">
@@ -110,7 +91,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>발주일자</label>
@@ -140,7 +121,7 @@
         <h1>> 발주 품목</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:672px;">
+    <div class="scroll_area row-2">
       <li>
         <div>
           <div class="detail_left">
@@ -177,14 +158,4 @@
       <button id="ITP_BTN_MPOMNG03010" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MPOMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MPOMNG03010">발주관리</button>
-      <button id="ITP_BTN_MPOMNG03010">반품관리</button>
-      <button id="ITP_BTN_MPOMNG03010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" >
     <div class="content">
       <div class="line">
@@ -74,7 +55,7 @@
         <h1>> 납품서 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 872px;">
+    <div class="scroll_area row-4">
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
@@ -131,14 +112,4 @@
       </li>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MPOMNG04010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MPOMNG04010">발주관리</button>
-      <button id="ITP_BTN_MPOMNG04010">반품관리</button>
-      <button id="ITP_BTN_MPOMNG04010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MPOMNG05010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -70,7 +51,7 @@
         <h1>> 납품서 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 872px;">
+    <div class="scroll_area row-4">
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
@@ -127,14 +108,4 @@
       <button id="ITP_BTN_MPOMNG05010" class="btn_col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MPOMNG05010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MPOMNG05010">발주관리</button>
-      <button id="ITP_BTN_MPOMNG05010">반품관리</button>
-      <button id="ITP_BTN_MPOMNG05010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MPOMNG06010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -72,7 +53,7 @@
         <h1>> 입고 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 872px;">
+    <div class="scroll_area row-4">
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
@@ -125,14 +106,4 @@
       </li>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MPOMNG06010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MPOMNG06010">발주관리</button>
-      <button id="ITP_BTN_MPOMNG06010">반품관리</button>
-      <button id="ITP_BTN_MPOMNG06010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -22,7 +22,7 @@
       </div>
     </div>
   </div>
-  <div class="popup2" style="display: block;">
+  <div class="popup2" style="display: none;">
     <div class="pop">
       <div class="header">
         <div class="header_left">
@@ -52,25 +52,6 @@
       </div>
     </div>
   </div>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MRTNMNG01010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -100,7 +81,7 @@
         <button id="ITP_BTN_MRTNMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
       </div>
     </div>
-    <div class="scroll_area">
+    <div class="scroll_area row-1">
       <li>
         <div class="left">
           <div class="thick">
@@ -126,14 +107,4 @@
       <button id="ITP_BTN_MRTNMNG01010" class="col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MRTNMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MRTNMNG01010">발주관리</button>
-      <button id="ITP_BTN_MRTNMNG01010">반품관리</button>
-      <button id="ITP_BTN_MRTNMNG01010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,25 +1,6 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
-  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display:none;">
+  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display:block;">
     <div class="content">
         <div class="line">
           <label>반품요청일</label>
@@ -56,7 +37,7 @@
         <h1>> 반품 요청 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list">
         <div class="left">
           <div class="nomal">
@@ -92,7 +73,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>반품요청일</label>
@@ -116,7 +97,7 @@
         <h1>> 반품 품목</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:572px;">
+    <div class="scroll_area row-1" >
       <li>
         <div class="left">
           <div class="thick">
@@ -138,14 +119,4 @@
       <button id="ITP_BTN_MRTNMNG02010" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MRTNMNG02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MRTNMNG02010">발주관리</button>
-      <button id="ITP_BTN_MRTNMNG02010">반품관리</button>
-      <button id="ITP_BTN_MRTNMNG02010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,25 +1,6 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
-  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>반품발주일자</label>
@@ -66,7 +47,7 @@
         <h1>> 반품 발주 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 772px;">
+    <div class="scroll_area row-3">
       <li class="history_list">
         <div class="left">
           <div class="nomal">
@@ -110,7 +91,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>반품발주일자</label>
@@ -140,7 +121,7 @@
         <h1>> 반품 발주 품목</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top:672px;">
+    <div class="scroll_area row-2">
       <li>
         <div>
           <div class="detail_left">
@@ -178,14 +159,4 @@
       <button id="ITP_BTN_MRTNMNG03010" class="col_12 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MRTNMNG03010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MRTNMNG03010">발주관리</button>
-      <button id="ITP_BTN_MRTNMNG03010">반품관리</button>
-      <button id="ITP_BTN_MRTNMNG03010">여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
@@ -70,7 +51,7 @@
         <h1>> 반품서 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 872px;">
+    <div class="scroll_area row-4" >
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
@@ -127,14 +108,5 @@
     <button id="ITP_BTN_MRTNMNG04010" class="btn_col_3 btn-gray CLB">취소</button>
   </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MRTNMNG04010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <button id="ITP_BTN_MRTNMNG04010">발주관리</button>
-      <button id="ITP_BTN_MRTNMNG04010">반품관리</button>
-      <button id="ITP_BTN_MRTNMNG04010">여신관리</button>
-    </div>
-  </div>
+  
 </section>

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

@@ -1,24 +1,5 @@
 <link rel="stylesheet" href="/style.css">
 <section>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MRTNMNG05010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -72,7 +53,7 @@
         <h1>> 반품 내역</h1>
       </div>
     </div>
-    <div class="scroll_area" style="top: 872px;">
+    <div class="scroll_area row-4">
       <li class="history_list2">
         <div class="left">
           <div class="nomal">
@@ -125,14 +106,4 @@
       </li>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MRTNMNG05010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage">
-      <buttonn id="ITP_BTN_MRTNMNG05010" >발주관리</button>
-      <buttonn id="ITP_BTN_MRTNMNG05010" >반품관리</button>
-      <buttonn id="ITP_BTN_MRTNMNG05010" >여신관리</button>
-    </div>
-  </div>
 </section>

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

@@ -42,25 +42,6 @@
       </div>
     </div>
   </div>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MSTOCKMNG01010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -97,7 +78,7 @@
         <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list">
         <div>
           <div class="left">
@@ -157,15 +138,4 @@
       <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MSTOCKMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_4">
-      <button id="ITP_BTN_MSTOCKMNG01010">발주관리</button>
-      <button id="ITP_BTN_MSTOCKMNG01010">반품관리</button>
-      <button id="ITP_BTN_MSTOCKMNG01010">여신관리</button>
-      <button id="ITP_BTN_MSTOCKMNG01010">재고관리</button>
-    </div>
-  </div>
 </section>

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

@@ -12,25 +12,6 @@
       <button id="ITP_BTN_MSTOCK02010" class="btn-gray">취소</button>
     </div>
   </div>
-	<header>
-		<div class="brand_logo">
-			<img src="/img/naver.png">
-		</div> 
-		<div class="name_info">
-			<label>
-				<div class="fnBrnadNm">브랜드명</div>
-			</label>
-			<div>
-				<label style="width: 1px;">-</label>
-			</div>
-			<label>
-				<div class="fnStoreNm">매장명</div>
-			</label>
-		</div>
-			<div class="logout">
-				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
-			</div>
-	</header>
   <div id="ITP_AJAX_MSTOCK02010_VIEW_CONTAINER">
     <div class="content">
       <div class="line">
@@ -67,7 +48,7 @@
         <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">바코드</button>
       </div>
     </div>
-    <div class="scroll_area" style="top: 672px;">
+    <div class="scroll_area row-2">
       <li class="history_list1">
         <div>
           <div class="left">
@@ -116,15 +97,4 @@
       <button id="ITP_BTN_MSTOCK02010" class="btn_col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-  <div class="footer">
-    <div class="home">
-      <button id="ITP_BTN_MSTOCK02010" class="home_btn"><img src="/img/home.png" alt=""></button>
-    </div>
-    <div class="manage col_4">
-      <button id="ITP_BTN_MSTOCK02010">발주관리</button>
-      <button id="ITP_BTN_MSTOCK02010">반품관리</button>
-      <button id="ITP_BTN_MSTOCK02010">여신관리</button>
-      <button id="ITP_BTN_MSTOCK02010">재고관리</button>
-    </div>
-  </div>
 </section>

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

@@ -1,20 +1,31 @@
-<link rel="stylesheet" href="/style.css">
-<section>
-	<div class="upgrade">
-    <div class="info">
-      <h1>새로운 버전이 출시 되었어요!</h1>
-      <h2>'다음에' 선택시 앱이 종료됩니다</h2>
-    </div>
-    <div class="btn">
-      <div class="info_btn1">
-        <button>다음에</button>
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/style.css">
+    <title>Document</title>
+</head>
+<body class="eee">
+  <section>
+    <div class="upgrade">
+      <div class="info">
+        <h1>새로운 버전이 출시 되었어요!</h1>
+        <h2>'다음에' 선택시 앱이 종료됩니다</h2>
       </div>
-      <div class="info_btn2">
-        <button>업그레이드</button>
+      <div class="btn">
+        <div class="info_btn1">
+          <button>다음에</button>
+        </div>
+        <div class="info_btn2">
+          <button>업그레이드</button>
+        </div>
       </div>
     </div>
-  </div>
-	<div class="brand_name">
-		<h4>OderQueen</h4>
-	</div>
-</section>
+    <div class="brand_name">
+      <h4>OderQueen</h4>
+    </div>
+  </section>
+</body>
+</html>

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

@@ -1,6 +1,6 @@
-@font-face { font-family: 'NanumBarunGothic';src: url('../fonts/NanumBarunGothic.eot');src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),url('../fonts/NanumBarunGothic.woff') format('woff');}
-* {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'NanumBarunGothic', 'serif';}
-section { background-color: #eee; width: 100%; height: 100%;}
+@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;}
 /* 팝업 */
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
@@ -16,6 +16,7 @@ section .popup .pop .popup_btn button.cancel {width: 36%;}
 
 
 section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(200, 200,200, 0.8); z-index: 11;}
+section .popup2 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
 section .popup2 .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%;}
@@ -55,6 +56,7 @@ section .popup2 .pop .popup_scroll li .add button{float: right; width: 120px; he
 section .popup2 .pop .content .line button {width: 40%; height: 80px;font-size: 2.4rem; padding: 0; margin: 0 20px;}
 
 section .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
+section .popup3 .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;}
@@ -70,26 +72,28 @@ button.btn-danger   {color: #fff; background-color: rgb(247, 76, 76); border: 1p
 button:hover {background: rgb(229, 248, 202); color: #000;}
 
 /* 실행,로딩 */
-.loding .start {position: absolute; width: 100%; top: 20%;}
-.loding .start h2 {font-size: 3rem;}
-.loding .start h1 {font-size: 5rem;}
-.loding .cap {position: absolute; width: 100%; top: 50%;}
-.loding .cap h3 {font-size: 3rem; color: #666;}
-.brand_name {position: absolute; width: 100%; bottom: 5%; font-size: 2.6rem;}
+body.eee {height: 700px; background: #eee;}
+.app_run {background: #ccc; width: 100%; height: 100%;}
+.app_run .loding .start {position: absolute; width: 100%; top: 20%;}
+.app_run .loding .start h2 {font-size: 1rem;}
+.app_run .loding .start h1 {font-size: 2rem;}
+.app_run .loding .cap {position: absolute; width: 100%; top: 50%; transform: translateY(50%);}
+.app_run .loding .cap h3 {font-size: 1rem; color: #666;}
+.brand_name {position: absolute; width: 100%; bottom: 0%; font-size: 1.6rem;}
 
 /* 업그레이드 , */
-.upgrade { padding-top: 70%;}
-.upgrade .info { position: relative; background-color: #fff; margin: 0 auto; width: 70%; height: 300px; padding: 20px; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
-.upgrade .info h1 { position: relative; font-size: 2.5rem; margin: 5px; top: 20%;}
-.upgrade .info h2 { position: relative; font-size: 2rem; margin: 5px; top: 30%;}
-.upgrade .btn { position: relative; display: block; background-color: #fff; margin: 0 auto; width: 70%; height: 100px;}
-.upgrade .btn button {border-radius: 0px;position: relative;border: 1px solid #000;float: left;display: block;height: 100px;font-size: 2.7rem;}
+.upgrade { padding-top: 50%;}
+.upgrade .info { position: relative; background-color: #fff; margin: 0 auto; width: 70%; height: 150px; padding: 20px; border: 1px solid #000; border-bottom: none; border-top-left-radius: 10px; border-top-right-radius: 10px;}
+.upgrade .info h1 { position: relative; font-size: 1rem; margin: 5px; top: 20%;}
+.upgrade .info h2 { position: relative; font-size: 0.8rem; margin: 5px; top: 30%;}
+.upgrade .btn { position: relative; display: block; background-color: #fff; margin: 0 auto; width: 70%; height: 50px;}
+.upgrade .btn button {border-radius: 0px;position: relative;border: 1px solid #000; padding: 0; float: left;display: block;height: 50px;font-size: 1.2rem;}
 .upgrade .btn .info_btn1 button{border-right: none;width: 35%;color: #000;background-color: #f5f5f5;}
 .upgrade .btn .info_btn2 button {width: 65%;color: #ccc;background-color: blue;}
 
 /* 로그인 */
 #ITP_LOGIN {max-width: 500px; margin: 0 auto;}
-#ITP_LOGIN .login_popup {position: relative; width: 100%; top: 50px; text-align: center;}
+#ITP_LOGIN .login_popup {position: relative; width: 100%; top: 80px; text-align: center;}
 #ITP_LOGIN .login_popup h1 { font-size: 1.5rem; color: #333; font-weight: normal;}
 #ITP_LOGIN .login_popup input { position: relative; height: 30px; font-size: 2.2rem;}
 #ITP_LOGIN .login_popup .login_info { margin-bottom: 100px;}
@@ -97,7 +101,7 @@ button:hover {background: rgb(229, 248, 202); color: #000;}
 #ITP_LOGIN .login_popup .num_area .input_area {margin-bottom: 10px;}
 #ITP_LOGIN .login_popup .num_area .input_area input {width:52%; font-size: 0.8rem; }
 #ITP_LOGIN .login_popup .num_area .input_area button {font-weight: 700; margin-left: 0.1%; width: 16.5%; height: 40px; background-color: blue; color: #eee; font-size: 1rem; padding: 0;}
-#ITP_LOGIN .login_popup .num_area .brand_list select {padding-left: 10px; width: 70%; height: 40px; font-size: 0.8rem; background: url(../img/down.png)no-repeat 100% 50%/70px auto; -webkit-appearance:none; appearance:none;}
+#ITP_LOGIN .login_popup .num_area .brand_list select {padding-left: 10px; width: 70%; height: 40px; font-size: 0.8rem; background: url(/img/down.png)no-repeat 100% 50%/40px auto; -webkit-appearance:none; appearance:none;} 
 #ITP_LOGIN .login_popup .num_area .brand_list select option {text-align: left; width: 70%; height: 50px; border: 1px solid #000; font-size: 20px;} 
 
 #ITP_LOGIN .login_page {position: relative; width: 100%;  margin-bottom: 30px;}
@@ -143,46 +147,49 @@ 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: 380px; height: 45px; margin: 0 auto;}
-#ITP_WRAPPER header .header_wrap img {float: left; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
-#ITP_WRAPPER header .header_wrap label{margin-top: 10px; width: 50px; height: 50px; font-size: 1rem;float: left; color: #fff;}
-#ITP_WRAPPER header .header_wrap .name_info {margin-left: 17%;}
-#ITP_WRAPPER header .header_wrap .name_info label {width: auto;font-size: 1.4rem;}
+#ITP_WRAPPER header .header_wrap {width: 100%; height: 45px; 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;}
+#ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
+#ITP_WRAPPER header .header_wrap .name_info {width: auto; float: right;}
+#ITP_WRAPPER header .header_wrap .name_info label {width: auto; font-size: 1.1rem; }
 #ITP_WRAPPER header .header_wrap .logout {float: right; width: 60px;}
 #ITP_WRAPPER header .header_wrap .logout button { margin: 3px 0px; padding: 0px; width: 50px; height: 50px; border-radius: 15px; font-size: 0.8rem;}
 
-#ITP_WRAPPER .footer {position: fixed; bottom: 0; background-color: #aaa; border: 1px solid #000; width: 100%; height: 60px; z-index: 12;}
-#ITP_WRAPPER .footer .footer_btn_bar {width: 380px; height: 60px; margin: 0 auto;}
-#ITP_WRAPPER .footer .footer_btn_bar button {float: left; border-radius: 15px;  width: 50px; height: 50px; font-size: 0.5rem; padding: 5px; margin: 5px 0 0 0;}
-#ITP_WRAPPER .footer .footer_btn_bar .home button { width: 40px; height: 40px; border: none; background-color: transparent; margin-top: 5px;}
-#ITP_WRAPPER .footer .footer_btn_bar .home button img{ width: 40px; height: 40px;}
-#ITP_WRAPPER .footer .footer_btn_bar .manage_btn_bar {width: 100%; height: 60px;}
-#ITP_WRAPPER .footer .footer_btn_bar .manage_btn_bar .manage {display: block; position: relative;float: left; opacity: 1;width: 50px; margin-left:50px;}
-#ITP_WRAPPER .footer .footer_btn_bar .col_4 .manage{margin-left:30px;}
-#ITP_WRAPPER .footer .footer_btn_bar .col_2 .manage {margin-left: 80px;}
+/* 메뉴바 */
+#ITP_MENU .menu_area {position: fixed; width: 100%; height: 100%; top: 0; left: -0%; background: #000; opacity: 0.7; z-index: 12; transition: all 0.5s;}
+#ITP_MENU .menu_area button {float: right; width: 20px; height: 20px; padding: 0; background: transparent; border: none;}
+#ITP_MENU .menu_area button img {float: right; width: 40px; height: 40px; margin: 7px;}
+#ITP_MENU .menu_bar {position: fixed; width: 80%; height: 100%; left: -0%; top: 0; background: #fff; opacity: 1; z-index: 13; transition: all 0.5s;}
+#ITP_MENU .menu_bar .menu_header {width: 100%; height: 100px; border-bottom: 1px solid #000 ;}
+#ITP_MENU .menu_bar .menu_header .brand_img {position: absolute; width: 50px; height: 50px; margin: 20px 0 0 20px;}
+#ITP_MENU .menu_bar .menu_header .brand_img img {width: 50px; height: 50px; border: 1px solid #000; border-radius: 5px;}
+#ITP_MENU .menu_bar .menu_header .user_info {position: absolute; width: 120px; margin-left: 70px; margin-top: 20px; float: left;}
+#ITP_MENU .menu_bar .menu_header .user_info div {position: absolute; width: 70px; margin-right: 10px; font-weight: 700;}
+#ITP_MENU .menu_bar .menu_header .user_info div.id {font-weight: normal; color: #666; margin-left: 10px; margin-top: 5px;}
+#ITP_MENU .menu_bar .menu_header .user_info label {width: auto; margin-left: 58px;}
+#ITP_MENU .menu_bar .menu_header .setting {float: right;}
+#ITP_MENU .menu_bar .menu_header .setting button {width: 30px; height: 30px; padding: 0; background: #666; border-radius: 5px; margin: 30px 20px 0 0;}
+#ITP_MENU .menu_bar .menu_header .setting button img {width: 20px; height: 20px;}
+#ITP_MENU .menu_bar .menu_select {width: 100%; height: 100%;}
+#ITP_MENU .menu_bar .menu_select ul {height: auto;}
+#ITP_MENU .menu_bar .menu_select ul .panel_list .panel_heading {text-align: left; padding: 15px 0 15px 20px; background: #eee; font-weight: 700; border-bottom: 1px solid #000; font-size: 1.1rem;}
+#ITP_MENU .menu_bar .menu_select ul .panel_list .panel_heading .ver {letter-spacing: 3px; margin-left: 10px; font-weight: normal; }
+#ITP_MENU .menu_bar .menu_select ul .panel_list .panel_heading .show {float: right; margin-right: 20px; color: #337ab7; font-size: 0.9rem;}
+#ITP_MENU .menu_bar .menu_select ul .panel_list .panel_body .itp_svg_in {padding: 10px 0 10px 30px; text-align: left; border-bottom: 1px solid #000;}
+#ITP_MENU .menu_bar .menu_select ul .panel_list .panel_body .itp_svg_in i {width: 30px; height: 30px;}
+#ITP_MENU .menu_bar .menu_select ul .panel_list .panel_body .itp_svg_in i img{width: 15px; height: 15px;}
 
 /* 컨텐츠 화면 */
-header {position: fixed;top: 0;width: 100%;height: 120px;background-color:#92c7f6;align-items: center;margin-bottom: 50px;border-bottom: 1px solid #000;z-index: 10;}
-header img {float: left;height: 100px; margin: 10px;border-radius: 50%; border: 1px solid #666;}
-header label{margin-top: 30px; width: 120px; font-size: 32px;float: left; color: #fff;}
-header .name_info {margin-left: 17%;}
-header .name_info label {width: 200px;font-size: 2.4rem;}
-header .logout {margin-right: 10px; float: right; width: 100px;}
-header .logout button { margin: 10px 10px 0 0; padding: 0px; width: 100px; height: 100px; border-radius: 25px; font-size: 24px;}
-.footer {position: fixed; bottom: 0; background-color: #aaa; border: 1px solid #000; width: 100%; height: 120px; z-index: 12;}
-.footer button {float: left; border-radius: 20px; margin-right: 130px; width: 100px; height: 100px; font-size: 2rem; margin-top: 10px; padding: 5px;}
-.footer button.home_btn { width: 100px; height: 100px; border: none; background-color: transparent; margin-left: 30px; margin-top: 5px;}
-.footer button.home_btn img{ width: 70px; height: 70px;}
-.footer .manage {position: absolute; display: block; position: relative;float: left; opacity: 1;}
-.footer .col_4 button {margin-right: 70px;}
-.footer .col_2 button {margin-left: 70px;}
+
 
 .fix {
   width: 100%;
   padding-top: 50px;
   font-size: 2rem;
 }
-.content {padding-top: 5%; top: 120px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.content {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 .line div {font-weight: 700;}
 .content .line label {font-size: 3rem; margin-left: 20px; float: left; width: 320px; text-align: left; margin-top: -15px;}
@@ -212,7 +219,7 @@ header .logout button { margin: 10px 10px 0 0; padding: 0px; width: 100px; heigh
 .content .table_header h1 {margin-top: 20px; margin-left: 15px; font-size: 2.2rem; float: left; color: #fff; font-weight: 100;}
 .content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
 
-.detail_content {padding-top: 5%; top: 120px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.detail_content {padding-top: 5%; 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;}
@@ -241,7 +248,7 @@ header .logout button { margin: 10px 10px 0 0; padding: 0px; width: 100px; heigh
   font-size: 1.8rem;
 } */
 
-.button_bar {width: 100%; height: 120px; background: #ccc; position: fixed; bottom: 120px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
+.button_bar {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 button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
 .button_bar button.btn {height: 120px;}
@@ -251,7 +258,18 @@ header .logout button { margin: 10px 10px 0 0; padding: 0px; width: 100px; heigh
 .button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 120px; font-size: 2.4rem; font-weight: 700; border-radius: 0px;}
 .button_bar button.col_12 {width: 100%; height: 120px; font-size: 2.2rem;}
 
-.scroll_area {position: absolute; width: 100%; height: 1400px; top: 572px; bottom: 30px; overflow: auto;}
+/* scroll_area 조정 */
+.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-5{top: 850px;}
+.row-6{top: 950px;}
+.row-7{top: 1030px;}
+
+
+
 .scroll_area li {margin: 5px; list-style: none; width: 99%; height: 140px; border: 1px solid #000; background-color: #fff;}
 .scroll_area li.history_list {height: 300px; }
 .scroll_area li.history_list .button_right {float: right; display: grid;}