메인 디자인 수정중 (크기조정)

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

@@ -104,7 +104,414 @@
 
 	<div id="ITP_CONTAINER" class="fix">
 		<div class="itp_mobile_contents">
-
+<section id="ITP_MOBILE_MPOMNG01010">
+  <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
+    <form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID" name="brandId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_STORE_ID" name="storeId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOAN_DVSN" name="loanDvsn" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_DVSN" name="pchReqDvsn" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_ST_CD" name="pchReqStCd" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_MALL_ID" name="mallId" value="">
+      <div class="content">
+      	<div class="line header">
+			<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청생성</div>
+      	</div>
+        <div class="line">
+          <label>납기요청일</label>
+          <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="itp_input date" data-check-required="empty" readonly>
+        </div>
+        <div class="line">
+          <label>구매요청금액</label>
+          <div class="line_right">
+            <div class="fnPchReqAmtTot">0원</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>구매가능금액</label>
+          <div class="line_right">
+            <div class="fnOrdUseAmt">0원</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>납품장소</label>
+            <div class="float_left">
+                <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_NM" class="" name="whsNm" data-check-required="empty" placeholder="매장명" readonly />
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="whsId" value="" />
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOCATION" class="form-control itp_input" name="location" value="" />
+		        <div class="itp_input_btn">
+		         	<button id="ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+		       	</div>
+            </div>
+            <div class="float_right_btn">
+              <!-- <button id="ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button> -->
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+            </div>
+        </div>
+        <div class="table_header line">
+          <div >
+            <h1><구매품목></h1>
+            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MPOMNG01010_ITEM_AREA">품목추가</button>
+          </div>
+        </div>
+      </div>
+      <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-1">
+        <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS" class="mb_0 panel-group"></ul>
+         <!--   검색된 데이터가 없습니다  -->
+         <div class="itp_non_data" style="display:none;">
+            <div>검색된 데이터가 없습니다.</div>
+         </div>
+        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display: grid;">
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+           <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+                <div class="itp_gram fnUnitAmt"></div>
+              </div>
+              <div class="thick">
+                <div class="itp_amt fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+            <div class="md_info">
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            	<div class="thick">
+            		<div></div>
+            	</div>
+            </div>
+          </li>
+        </div>
+      </div>
+      <div class="button_bar">
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_REQ_ORDER" data-call-popup="ITP_POP_MPOMNG01010_REQ_AREA" class="col_3 btn-primary REQ">구매요청</button>
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE" data-call-popup="ITP_POP_MPOMNG01010_REQ_AREA" class="col_3 btn-gray TSA">임시저장</button>
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_CANCEL" class="col_3 btn-gray CLB">취소</button>
+      </div>
+    </form>
+  </div>
+  <div id="ITP_MOBILE_JS"></div>
+  	<!-- 구매요청팝업 -->
+    <div id="ITP_POP_MPOMNG01010_REQ_AREA" class="popup mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="pop_line">
+	            <div class="itp_label_area">
+	                <label>납품요청일</label>
+	            </div>
+	            <div class="itp_info_area">
+	                <div class="fnPopDlvReqDt"></div>
+	            </div>
+            </div>
+            <div class="pop_line">
+	            <div class="itp_label_area">
+              		<label>품목수</label>
+	            </div>
+   	            <div class="itp_info_area">
+                	<div class="fnItemQty"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매요청금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdReqAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매가능금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdPssblAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line border">
+              	<div class="itp_label_area">
+                	<label>구매금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdAmt"></div>
+                </div>
+            </div>
+            <!--<label class="pop_label msg_save">구매요청 하시겠습니까?</label>-->
+            <div class="pop_msg">구매요청 하시겠습니까?</div>
+            <div class="popup_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
+            </div>
+        </div>
+    </div>
+    <div id="ITP_POP_MPOMNG01010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="header">
+                <div class="header_left">
+                    <label>납품장소</label>
+                </div>
+                <div class="header_right">
+                    <button type="button" id="ITP_BTN_MPOMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+                </div>
+            </div>
+            <div class="search_bar">
+                <form id="ITP_FORM_MPOMNG01010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+                    <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+                    <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+                    <input id="ITP_FORM_MPOMNG01010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+                    <button id="ITP_BTN_MPOMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+                </form>
+            </div>
+            <div class="select_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소  ▼</button>
+            </div>    
+            <div id="ITP_LIST_MPOMNG01010_POP_WHS_AREA" class="popup_scroll">
+                <ul id="ITP_LIST_MPOMNG01010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
+                <div id="ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY" style="display: none;">
+                    <li class="row_2">
+                        <div class="scroll_left">
+                            <div class="con_2 fnWhsNm"></div>
+                            <div class="con_2 sub fnLocationNm"></div>
+                        </div>
+                        <div class="scroll_right">
+                            <button id="ITP_BTN_MPOMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+                        </div>
+                    </li>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="header">
+                <div class="header_left">
+                    <label>품목 검색</label>
+                </div>
+                <div class="header_right">
+                    <button type="button" id="ITP_BTN_MPOMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+                </div>
+            </div>
+            <form id="ITP_FORM_MPOMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
+                <div class="search_bar">
+                    <input id="ITP_FORM_MPOMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
+                </div>
+                <div class="select_btn">
+                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명 ▼</button>
+                </div>
+            </form>
+            <div id="ITP_LIST_MPOMNG01010_POP_ITEM_AREA" class="popup_scroll">
+                <ul id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWS" class="mb_0 panel-group"></ul>
+                <div id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY" style="display: block;">
+                     <li class="row_2">
+                        <div class="scroll_left">
+                            <div class="fnItemNm"></div>
+                            <div class="sub fnKg"></div>
+                            <div class="amt fnUnitAmt"></div>
+                        </div>
+                        <div class="scroll_right">
+                            <button id="ITP_BTN_MPOMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+                        </div>
+                      	<div class="itp_num_set">
+		                      <div class="right">
+				              <button id="ITP_BTN_MPOMNG01010_POP_ITEM_MINUS">-</button>
+				              <div class="num fnPchReqQty">1</div>
+				              <button id="ITP_BTN_MPOMNG01010_POP_ITEM_PLUS">+</button>
+				            </div>
+			            </div>
+                    </li>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
 		</div>
 	</div>
 	<footer id="ITP_FOOTER">

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

@@ -6,7 +6,9 @@
 }
 * {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
 section {}
-body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';}
+body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';
+	overflow:scroll-y; 
+	-webkit-overflow-scrolling:touch;}
 body .login {position:fixed;}
 .color-gray {color:#aaa;}
 /* 팝업 */
@@ -211,7 +213,7 @@ body.eee {height: 700px; background: #eee;}
 .main .wicon .icon_left {float: left;}
 
 
-input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px;text-align: left; padding:0 10px;}
+input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 27px;text-align: left; padding:0 10px;}
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
 
 select {border: 1px solid #aaa; border-radius:5px; height: 35px; font-size: 12px; text-align: left; padding:0 15px;}
@@ -219,18 +221,18 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* 공통화면 */
 
-#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#F7B014;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
+#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 45px;background-color:#F7B014;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
 #ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto; display: inline-flex;}
-#ITP_WRAPPER header .header_wrap .menu_logo {width:100px;}
-#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 {width:100px; height:45px;}
+#ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 2px; margin-left: 3px;}
 #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 25px; height: 20px; 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: calc(100% - 160px); height:55px; display:inline-flex;}
-#ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:17px;}
+#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 160px); height:45px; display:inline-flex;}
+#ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:12px;}
 
 #ITP_WRAPPER header .header_wrap .logout {float: right; width: 60px;}
-#ITP_WRAPPER header .header_wrap .logout button { margin: 3px 0px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}
+#ITP_WRAPPER header .header_wrap .logout button {margin: -2px 10px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}
 #ITP_WRAPPER header .header_wrap .logout button img {width:22px;}
 
 /* 메뉴바 */
@@ -286,44 +288,44 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 .fix {
   width: 100%;
-  padding-top: 50px;
-  font-size: 2rem;
+  padding-top: 45px;
+  font-size: 16px;
 }
-.content {position:fixed; z-index: 10; padding-top: 10px; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
-.content .header {width:100% !important; height:55px !important; margin:0 !important;}
-.content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
+.content {position:fixed; z-index: 10; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
+.content .header {width:100% !important; margin:0 !important;}
+.content .line {position: relative; display: inline-block; width: 99%; height: 28px; margin:auto 1%; margin-bottom: -10px;}
 .content .line .pop_right {width:50%; height:46px; float:right;}
 .content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
 .content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
 .content .line .search_wrap select {float:right; width:50%; margin-right:10px;}
-.content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
-.content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
-.content .line label {min-width:92px; color:#666; font-size: 16px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
+.content .line div.itp_search_header {font-weight:100;padding:5px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;font-size:14px;}
+.content .line div.itp_search_header img{width:14px; top:-2px; position:relative;}
+.content .line label {min-width:92px; color:#666; font-size: 14px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
 .content .line label.pay_label {margin:20px 1%; width:98%;}
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
 .content .line .itp_label_select {padding:0;width:116px; color:#666; font-size: 18px; float: left; margin-top: 5px; margin-right:4px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
 .content .line .float_left.name {width:60%;}
-.content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:36px; height:36px; padding:0;} 
-.content .line .float_left button img {width:22px;}
+.content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:27px; height:27px; padding:0;} 
+.content .line .float_left button img {width:18px;}
 .content .line .float_left input {width:100%; font-size:14px;}
 .content .line .float_left.note {width: 100%; padding: 10px;}
 .content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
 .content .line .float_left div {font-size: 1rem; margin-top: 8px;}
 .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:50%;}
 .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
-.content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
-.content .line .float_right_btn button img {width:20px; height:20px;}
+.content .line .float_right_btn button {padding:0; width:27px; height:27px; border-radius:5px; border:1px solid #aaa;}
+.content .line .float_right_btn button img {width:18px; height:18px;}
 .content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
 .content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:65%}
-.content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
+.content .line .line_right div {float: right; font-size: 16px; margin-top: 12px; margin-right:3%; color:#555;}
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
 .content .line .line_right input.m9 {margin-right:93px;}
 .content .line .line_right input.left {text-align: left;}
 .content .line .line_right input.mg0 {margin-right:10px;}
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
-.content .line input.date {width: 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.date {width: 50%; margin: 5px 0; height: 27px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
 .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;}
@@ -342,9 +344,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .list_line .mail input {width:30%;}
 .content .list_line .mail select {width:30%; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
 .content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
-.content .table_header {margin-top: 10px; width: 100%; height: 45px;}
-.content .table_header h1 {margin-left: 12px; font-size: 16px; float: left; color: #000; font-weight: 700;}
-.content .table_header button {float: right; width: 80px; height:30px; font-size: 12px; font-weight: 100; padding:0px; margin: 8px; border-radius:15px;}
+.content .table_header {margin-top: 10px; width: 100%; height: 36px;}
+.content .table_header h1 {margin: 10px; font-size: 14px; float: left; color: #000; font-weight: 700;}
+.content .table_header button {float: right; width: 68px; height:24px; font-size: 12px; font-weight: 100; padding:0px; margin: 5px; border-radius:15px;}
 
 .detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
 .detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
@@ -376,8 +378,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   font-size: 1.8rem;
 } */
 
-.button_bar {width: 100%; height: 60px; background: #ccc; position: fixed; bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
-.button_bar button.col_3{float: left; height: 60px; font-size: 1.4rem; margin: 0; width: 33.3%; font-weight: 700; border: 1px solid #000; border-radius: 0;}
+.button_bar {width: 100%; height: 40px; 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: 40px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: 1px solid #000; border-radius: 0;}
 .button_bar button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
 .button_bar button.btn {height: 120px;}
 .button_bar button.btn_col_3 {width: 35%;}
@@ -387,9 +389,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .button_bar button.col_12 {font-weight:100; width: 100%; height: 60px; font-size: 18px;}
 
 /* scroll_area 조정 */
-.scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
-.row-0{top: 302px;}
-.row-1{top: 347px;}
+.scroll_area {position: absolute; width: 100%; height: 392px;border-bottom:2px solid #000; bottom: 30px; overflow: auto; background: #fff;}
+
+.row-1{top: 225px;}
 .row-1-1{top:363px;}
 .row-2{top: 345px;}
 .row-2-1{top:317px;}
@@ -415,7 +417,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area .itp_non_data {margin:35% auto;}
 .scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
 
-.scroll_area li.list-row {display: inline-flex; height:80px;}
+.scroll_area li.list-row {display: inline-flex; height:60px;}
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}
 
 .scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:6px;}