모바일 전체수정

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

@@ -13,7 +13,7 @@
       <div class="content">
 	      <div class="content_fix">
 	      	<div class="line header">
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청생성</div>
+				<div class="itp_search_header fnTitleNm"><img src="../img/right_arrow_pink.png" alt="">발주요청</div>
 	      	</div>
 	        <div class="line">
 	          <label>납기요청일</label>
@@ -52,7 +52,7 @@
 	        </div>
 	        <div class="table_btn">
 	          <div>
-	            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_DELROW" class="btn-danger btn-sm ADB">품목삭제</button>
+	            <button style="margin-right:7px;" type="button" id="ITP_BTN_MPOMNG01010_DETAIL_DELROW" class="btn-danger 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>
 	            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_SCAN" class="btn-primary btn-sm ADB">스캔</button>
 	            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_WISH" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MPOMNG01010_WISH_LIST_AREA">위시리스트</button>

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

@@ -49,9 +49,9 @@ section .popup2 .pop .header .header_left label {font-size: 14pt; font-weight:10
 section .popup2 .pop .header .header_right {float: right; padding-right: 10px; position:relative; top:-44px;}
 section .popup2 .pop .header .header_right button {border: none; background: transparent; margin:0px -5px;}
 section .popup2 .pop .header .header_right button img {width:16px;}
-section .popup2 .pop .select_btn {position:relative; width:100%; height: 45px;}
+section .popup2 .pop .select_btn {position:relative; width:100%; height: 40px;}
 section .popup2 .pop .select_btn button.btn_red {float: right; width: 90px; height: 25px; margin:0 7px; background:#d9baaf; color: #fff; font-size: 12px; padding-top:4px; border: 1px solid #cca597;}
-section .popup2 .pop .select_btn button.btn_blue {float: right; width: 60px; height: 30px; margin:0 7px; background:#8f9fc6; color: #fff; font-size: 12pt; padding-top:5px; border: none; border-radius:5px;}
+section .popup2 .pop .select_btn button.btn_blue {float: right; width: 62px; height: 34px; margin:0 7px; background:#8f9fc6; color: #fff; font-size: 12pt; padding-top:5px; border: none; border-radius:5px;}
 section .popup2 .pop .select_btn button.btn_blue:active{background-color: #708cd1;}
 section .popup2 .pop .select_btn img {width:12px;}
 section .popup2 .pop .search_bar {width: 90%; height: 60px; margin:0 auto; padding:10px;}
@@ -349,7 +349,7 @@ input .day {margin: 18%; width: 45%; height: 80px; 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%; height:27px; margin-right:10px;}
-.content .line div.itp_search_header {height:32px; font-weight:100;padding:5px 10px 5px 10px; text-align: left; color:#b88278; font-size:12pt;}
+.content .line div.itp_search_header {height:32px; font-weight:100;padding:5px 10px 5px 10px; text-align: left; color:#b88278; font-size:12pt; font-weight:bold;}
 .content .line div.itp_search_header img{width:14px; top:-2px; position:relative;}
 .content .line label {min-width:125px; color:#898989; font-size: 12pt; float: left; text-align: left; margin-top: 7px; font-weight:100;}
 .content .line label.pay_label {margin:20px 1%; width:98%;}
@@ -385,8 +385,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:2px; float: right;}
 .content .line .search {width: 100%; height: 50px; padding-top:6px;}
-.content .line .search button {width: 40%; height: 32px; font-size: 12pt; font-weight:100; padding: 0;}
-.content .line .search button.col_3 {width: 25%; height:32px; margin:0 10px;}
+.content .line .search button {width: 40%; height: 34px; font-size: 12pt; font-weight:100; padding: 0;}
+.content .line .search button.col_3 {width: 25%; height:34px; margin:0 10px;}
 .content .list_line {width:98%; float:left; height:36px;display: inline-flex; margin:0 1%; font-size:12px;}
 .content .border {border-bottom: 1px solid #000 !important;}
 .content .list_line .list_label {width:30%;border:1px solid #000; height:36px; padding-top:7px; border-bottom:none; background:#eee;}
@@ -399,7 +399,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .list_line .mail select {width:30%; height:26px; 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:12pt;}
 .content .table_header {margin-top: 6px; width: 100%; height: 20px;}
-.content .table_btn {margin-top: 6px; width: 100%; height: 40px;}
+.content .table_btn {margin-top: 12px; width: 100%; height: 40px;}
 .content .table_header h1 {margin-left: 15px; margin-top:0px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
 .content .table_btn h1 {margin-left: 15px; margin-top:16px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
 .content .table_btn button {float:right; width: 62px; height:34px; font-size: 10pt; font-weight: 100; padding:0px; margin: 0px 2px 0px 0; border-radius:5px;}
@@ -480,10 +480,10 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left_info label{width:60px; font-size: 14pt; font-weight:100; margin-top:5px;}
 .scroll_area li .left_info label.two{width:84px; font-size: 12pt;}
 .scroll_area li .left_info .check_box {padding-top:8px; height:50px; float:left; width:22px;}
-.scroll_area li .left_info .check_box input[type=checkbox] {width:15px; margin:10px 0 0 7px;}
+.scroll_area li .left_info .check_box input[type=checkbox] {width:24px; margin:10px 0 0 7px;}
 .scroll_area li .left_info .thick {float:left; text-align: left; width: 90%; height:26px; font-weight: 100;}
-.scroll_area li .left_info .thick .itp_item {font-weight:400; padding-left:5px; color:gray;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:calc(100% - 81px); top:7px; text-align:left; position:relative;}
-.scroll_area li .left_info .thick .itp_gram {padding-left:6px; position:relative; top:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#aaa; font-size:12pt; text-align:right; width: 85px;}
+.scroll_area li .left_info .thick .itp_item {font-weight:400; padding-left:14px; color:gray;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:calc(100% - 81px); top:7px; text-align:left; position:relative;}
+.scroll_area li .left_info .thick .itp_gram {padding-left:16px; position:relative; top:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#aaa; font-size:12pt; text-align:right; width: 85px;}
 .scroll_area li .left_info .thick .auto {width:auto;}
 .scroll_area li .left_info .thick .itp_amt {color:#b88278; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: calc(100% - 105px); top: 7px; position:relative; text-align:left;}
 .scroll_area li .left_info .thick .amt_wd {width:calc(100% - 95px);}