모바일 재고관리 메뉴 html 메뉴

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

@@ -4,26 +4,24 @@
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
+		  	<div class="line header">
+				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">재고현황</div>
+	      	</div>
 			<div class="line">
 			  <label>창고선택</label>
-				<div class="line_right">
-					<select name="swhsId" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM">
-						<option value=""></option>
-					</select>
-				</div>
-			  <!--<div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM" type="text" placeholder="A매장명">
-				  </div>
-				  <div class="float_left_btn">
+			  <div class="float_left">
+				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="A창고명">
+				<div class="itp_input_btn">		
 					<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MSTOCKMNG01010_LIST_DETELE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div>-->
+				</div>
+			  </div>
+			  <div class="float_right_btn">
+				<button id="ITP_BTN_MSTOCKMNG01010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+			  </div>
 			</div>
 			<div class="line">
 			  <label>Location</label>
-			  <div class="line_right">
+			  <div class="float_left">
 				<select name="slocation" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_LOCATION">
 				  <option value=""></option>
 				</select>
@@ -31,8 +29,8 @@
 			</div>
 			<div class="line">
 			  <label>품목명</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
+			  <div class="float_left">
+				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
 			  </div>
 			</div>
 			<div class="line" style="height:45px;">
@@ -41,18 +39,19 @@
 			  </div>
 			</div>
 			<div class="table_header">
-			  <h1>> 재고 목록</h1>
+			  <h1><재고 목록></h1>
 			  <button type="button" id="ITP_BTN_MSTOCKMNG01010_LIST_ADD_STCK" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MSTOCKMNG01010_STCK_AREA">재고처리</button>
 			</div>
 		  </div>
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
-			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display:none;">
-				<li class="history_list list-row">
+			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
+			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: block;">
+				<li class="history_list2 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
-						<label>창고번호 &nbsp;:</label>
+						<label>창고번호 </label>
+						<span>:</span>
 						<div>
 						  <div class="fnWhsId"></div>
 						</div>
@@ -62,21 +61,23 @@
 						</div>
 					  </div>
 					</div>
-					  <div class="left">
-						  <div class="nomal">
-							  <label>품목번호 &nbsp;:</label>
-							  <div>
-								  <div class="fnItemId"></div>
-							  </div>
-							  <label>품목명&nbsp;:</label>
-							  <div>
-								  <div class="fnItemNm"></div>
-							  </div>
+				    <div class="left">
+					  <div class="nomal">
+						  <label>품목번호</label>
+						  <span>:</span>
+						  <div>
+							  <div class="fnItemId"></div>
+						  </div>
+						  <label>품목명&nbsp;:</label>
+						  <div>
+							  <div class="fnItemNm"></div>
 						  </div>
 					  </div>
+				    </div>
 					<div class="left">
 					  <div class="nomal">
-						<label>단위 &nbsp;:</label>
+						<label>단위</label>
+						<span>:</span>
 						<div>
 						  <div class="fnUnit"></div>
 						</div>
@@ -88,21 +89,23 @@
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label>현재고수량 &nbsp;:</label>
-						<div class="col_5 fn">
-						  <div class="col_5 fnStckQty"></div>
+						<label>현재고수량</label>
+						<span>:</span>
+						<div>
+						  <div class=" fnStckQty"></div>
 						</div>
 						<label>적정재고수량&nbsp;:</label>
-						<div class="fn">
+						<div>
 						  <div class="fnPrpStckQty"></div>
 						</div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label>안전재고비율 &nbsp;:</label>
-						<div class="col_5 fn">
-						  <div class="col_5 fnSftStckRt"></div>
+						<label>안전재고비율</label>
+						<span>:</span>
+						<div>
+						  <div class="fnSftStckRt"></div>
 						</div>
 						<label class="col_0">Location&nbsp;:</label>
 						<div class="fn">
@@ -121,7 +124,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 납품장소</label>
+					<label>납품장소</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -135,16 +138,17 @@
 					<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
 							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">(상세위치내용)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -158,7 +162,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 재고처리</label>
+					<label>재고처리</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>

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

@@ -4,39 +4,36 @@
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_BRAND_ID" name="brandId" value="">
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STORE_ID" name="storeId" value="">
 		  <div class="content">
+		  <div class="line header">
+				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">재고실사</div>
+	      	</div>
 			<div class="line">
-			  <label>재고실사일자</label>
-			  <div class="line_right">
-				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="date" type="date" data-check-required="empty">
+			  <label style="margin-left:5px; margin-right:5px;">재고실사일자</label>
+			  <div class="float_left">
+				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="date full" type="date" data-check-required="empty">
 			  </div>
 			</div>
 			<div class="line">
 			  <label>창고선택</label>
-			  <div class="line_right">
-				<select name="swhsId" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID">
-					<option value=""></option>
-				</select>
+			  <div class="float_left">
+				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="A창고명">
+				<div class="itp_input_btn">		
+					<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+				</div>
+			  </div>
+			  <div class="float_right_btn">
+				<button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 			  </div>
-			  <!--<div class="search_nm">
-				  <div class="float_left">
-					  <input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="창고명" data-check-required="empty" readonly>
-					  <input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID" name="whsId" type="hidden">
-				  </div>
-				  <div class="float_left_btn">
-					  <button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-					  <button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div>-->
 			</div>
 			<div class="line">
 			  <label>Location</label>
-			  <div class="line_right">
+			  <div class="float_left">
 				<select name="slocation" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION" data-check-required="empty"></select>
 			  </div>
 			</div>
 			  <div class="line">
 				  <label>실사구분</label>
-				  <div class="line_right">
+				  <div class="float_left">
 					  <select id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_CDD_DVSN" data-select-code="CDD_DVSN" data-check-required="empty" name="cddDvsn"></select>
 				  </div>
 			  </div>
@@ -46,18 +43,109 @@
 			  </div>
 			</div>
 			<div class="table_header">
-			  <h1>> 실사 목록</h1>
+			  <h1><실사 목록></h1>
 			  <button id="ITP_BTN_MSTOCKMNG02010_LIST_BARCODE" class="btn-primary btn-sm ADB">바코드</button>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
-			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display:none;">
+			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-3-2">
+			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
+			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: grid;"> <!-- display:gird -->
+				<li class="history_list5 list-row">
+				  <div>
+					<div class="left">
+					  <div class="nomal">
+						<label>품목번호</label>
+						<span>:</span>
+						<div>
+						  <div class="fnItemId"></div>
+						</div>
+						<label>품목명&nbsp;:</label>
+						<div>
+						  <div class="fnItemNm"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label>단위</label>
+						<span>:</span>
+						<div>
+						  <div class="fnUnit"></div>
+						</div>
+						<label>단위수량&nbsp;:</label>
+						<div>
+						  <div class="fnUnitQty"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">현재고수량</label>
+						<span>:</span>
+						<div class="fn">
+						  <div class="fnStckQty"></div>
+						</div>
+						<label class="col_6">실사수량&nbsp;:</label>
+						<div class="btn_bar">
+						  <button class="DETAIL_ITEM_MINUS"><</button>
+						  <div class="fnCddQty col_0">1</div>
+						  <button class="DETAIL_ITEM_PLUS">></button>
+						</div>
+					  </div>
+					</div>
+				  </div>
+				</li>
+				<li class="history_list5 list-row">
+				  <div>
+					<div class="left">
+					  <div class="nomal">
+						<label>품목번호</label>
+						<span>:</span>
+						<div>
+						  <div class="fnItemId"></div>
+						</div>
+						<label>품목명&nbsp;:</label>
+						<div>
+						  <div class="fnItemNm"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label>단위</label>
+						<span>:</span>
+						<div>
+						  <div class="fnUnit"></div>
+						</div>
+						<label>단위수량&nbsp;:</label>
+						<div>
+						  <div class="fnUnitQty"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">현재고수량</label>
+						<span>:</span>
+						<div class="fn">
+						  <div class="fnStckQty"></div>
+						</div>
+						<label class="col_6">실사수량&nbsp;:</label>
+						<div class="btn_bar">
+						  <button class="DETAIL_ITEM_MINUS"><</button>
+						  <div class="fnCddQty col_0">1</div>
+						  <button class="DETAIL_ITEM_PLUS">></button>
+						</div>
+					  </div>
+					</div>
+				  </div>
+				</li>
 				<li class="history_list5 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
-						<label>품목번호 &nbsp;:</label>
+						<label>품목번호</label>
+						<span>:</span>
 						<div>
 						  <div class="fnItemId"></div>
 						</div>
@@ -69,7 +157,8 @@
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label>단위 &nbsp;:</label>
+						<label>단위</label>
+						<span>:</span>
 						<div>
 						  <div class="fnUnit"></div>
 						</div>
@@ -81,7 +170,8 @@
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label class="col_0">현재고수량 &nbsp;:</label>
+						<label class="col_0">현재고수량</label>
+						<span>:</span>
 						<div class="fn">
 						  <div class="fnStckQty"></div>
 						</div>
@@ -119,7 +209,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 납품장소</label>
+					<label>납품장소</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -133,16 +223,17 @@
 					<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
 							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">(상세위치내용)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -156,7 +247,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 품목 검색</label>
+					<label>품목 검색</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -178,25 +269,43 @@
 					</div>
 				</div>
 			</form>
-			<table id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" border="1">
-				<thead>
-				<th><input type="checkbox" class="chkAll" checked></th>
-				<th>품목번호</th>
-				<th>품목명</th>
-				<th>단위</th>
-				<th>현재고수량</th>
-				</thead>
-				<tbody>
-				</tbody>
-			</table>
-			<div id="ITP_POP_MSTOCKMNG02010_TABLE_TR" style="display:none;">
-				<tr>
-					<td><input type="checkbox" class="chkItem" checked></td>
-					<td class="fnItemId"></td>
-					<td class="fnItemNm"></td>
-					<td class="fnUnit"></td>
-					<td class="fnStckQty"></td>
-				</tr>
+			<div id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" class="table">
+				<div class="table_tr">
+					<div class="tabel_th" style="width:10%; border:none;">
+						<label><input type="checkbox" class="chkAll" checked></label>
+					</div>
+					<div class="tabel_th">
+						<label>품목번호</label>
+					</div>
+					<div class="tabel_th">
+						<label>품목명</label>
+					</div>
+					<div class="tabel_th">
+						<label>단위</label>
+					</div>
+					<div class="tabel_th">
+						<label>현재고수량</label>
+					</div>
+				</div>
+			</div>
+			<div id="ITP_POP_MSTOCKMNG02010_TABLE_TR" class="table_body" style="display: block;">
+				<div class="table_tr">
+					<div class="table_td" style="width:10%; border:none;">
+						<input type="checkbox" class="chkItem" checked>
+					</div>
+					<div class="table_td">
+						<div class="fnItemId"></div>
+					</div>
+					<div class="table_td">
+						<div class="fnItemNm"></div>
+					</div>
+					<div class="table_td">
+						<div class="fnUnit"></div>
+					</div>
+					<div class="table_td">
+						<div class="fnStckQty"></div>
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>

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

@@ -31,9 +31,9 @@ section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(20
 section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
 section .popup2 .barcode {width: 100%;}
 section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 10%;}
-section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 1.1rem; margin:auto; margin-top: 20%;}
+section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 20px; margin:auto; margin-top: 20%;}
 section .popup2 .btn_barcode {margin-top: 20%;}
-section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 1rem;}
+section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 15px; font-weight:100;}
 section .popup2 .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 85%; background: #fff; border: 1px solid #000; border-radius:10px;}
 section .popup2 .pop .header {position: relative; height: 50px; background: #f0831e; color:#eee; border-bottom: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
 section .popup2 .pop .header .header_left {padding-top: 12px;}
@@ -48,16 +48,26 @@ section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 40px; p
 section .popup2 .pop .search_bar button {position:relative; top:-74px; background:transparent; margin-right:5%; float: right; border: none; padding-top:3px;}
 section .popup2 .pop .search_bar button img {width: 22px;}
 section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 35px; background:rgb(46, 46, 248); color: #fff; font-size: 1rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
-section .popup2 .pop .search_item_bar {width:100%; margin-top:10px;}
-section .popup2 .pop .search_item_bar input {width:22%; border-radius:2px;}
-section .popup2 .pop .search_item_bar select {width:22%;border-radius:2px;}
+section .popup2 .pop .search_item_bar {width:98%;margin:5px auto; display:flex;}
+section .popup2 .pop .search_item_bar input {width:40%; border-radius:5px; margin:0;}
+section .popup2 .pop .search_item_bar select {width:22%;border-radius:5px; margin-right:5px;}
 section .popup2 .pop .search_btn_bar {width:100%; height:50px; margin-top:10px; margin-right:10px;}
 section .popup2 .pop .search_btn_bar .btn_right {float:right; margin-right:10px;}
 section .popup2 .pop .search_btn_bar .btn_right button img{width:18px; height:18px; margin-right:2px;}
-section .popup2 .pop .search_btn_bar .btn_right button {height:35px; padding:5px 8px; font-size:12px; border-radius:3px; border:1px solid #333;}
-section .popup2 .pop table{width:98%; margin:0 1%;}
-section .popup2 .pop table tbody th {height:50px; font-size:16px;}
-section .popup2 .pop table tbody input{width:15px;}
+section .popup2 .pop .search_btn_bar .btn_right button {height:30px; padding:5px 12px; font-size:12px; font-weight:100; border-radius:3px; border:1px solid #333;}
+
+section .popup2 .pop .table{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom:none;}
+section .popup2 .pop .table .table_tr {display:flex;}
+section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
+section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; font-weight:100;}
+section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-2px;}
+
+section .popup2 .pop .table_body{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom: none;}
+section .popup2 .pop .table_body .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa;}
+section .popup2 .pop .table_body .table_tr .table_td{width:23%;; height:30px; padding-top:5px; border-left:1px solid #aaa; background:#fff;}
+section .popup2 .pop .table_body .table_tr .table_td div {font-size:14px; font-weight:100;}
+section .popup2 .pop .table_body .table_tr .table_td .chkItem {margin:-7px;}
+
 section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
 section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 540px; overflow: auto; border-top:1px solid #E0B8AB;}
 section .popup2 .pop .popup_scroll li {list-style: none; width: 100%; height: 50px; border-bottom: 1px solid #E0B8AB;}
@@ -314,7 +324,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
 .content .line input.date {width: 50%; margin: 5px 0; height: 35px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
-.content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
+.content .line input.full {width: 100%;}
 .content .line div.date_to {display:flex; width:60%; float: left; margin-right:0px;}
 .content .line div.date_to input {font-weight:100; width:47%; font-size:14px;}
 
@@ -384,6 +394,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .row-2{top: 345px;}
 .row-2-1{top:317px;}
 .row-3{top: 395px;}
+.row-3-2{top:393px;}
 .row-3-1{top: 355px;}
 .row-4{top: 435px;}
 .row-4-1 {top: 400px;}
@@ -517,6 +528,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 @media screen and (min-width: 550px) {
 	.content .line input.date {width: 70%;}
+	.content .line input.full {width: 100%;}
+	
 	.content .line .line_right {width:80%}
 	.content .line .float_left .itp_input_btn {width:70%;}
 	.content .line .float_left {width:70%;}