품목검색 팝업수정

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

@@ -164,7 +164,8 @@
 					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
 				</div>
 				<div class="select_btn">
-					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_NM" class="btn_blue">품목명 <img src="../img/arrow_down.png"></button>
+					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD_BTN" class="btn_blue ">추가</button>
+					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_NM" class="btn_red">품목명 <img src="../img/arrow_down.png"></button>
 				</div>
 			</form>
 			<div id="ITP_LIST_MRTNMNG01010_POP_ITEM_AREA" class="popup_scroll">

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

@@ -47,13 +47,15 @@ section .popup2 .pop .header .header_left label {font-size: 16px; 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:3px -5px;}
 section .popup2 .pop .header .header_right button img {width:22px;}
-section .popup2 .pop .select_btn {position:relative; top:-25px; left:55px; width:100%; height: 20px;}
-section .popup2 .pop .select_btn button.btn_blue {float: right; width: 90px; height: 25px; background:#d9baaf; color: #fff; font-size: 12px; padding-top:4px; border: 1px solid #cca597;}
+section .popup2 .pop .select_btn {position:relative; width:100%; height: 63px;}
+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: 90px; height: 25px; margin:0 7px; background:#8f9fc6; color: #fff; font-size: 12px; padding-top:4px; border: 1px solid #cacfe3;}
+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: 100%; height: 60px; padding:10px;}
-section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 27px; position:relative; top:-37px; font-size:14px;}
-section .popup2 .pop .search_bar button {position:relative; width:27px; height:27px; top:-38px; background:transparent; margin-right:5%; float: right; border: 1px solid #aaa; border-radius:4px; padding-top:3px;}
-section .popup2 .pop .search_bar button img {width: 18px;}
+section .popup2 .pop .search_bar {width: 90%; height: 60px; margin:0 auto; padding:10px;}
+section .popup2 .pop .search_bar input {width: 80%; height: 27px; position:relative; font-size:14px;}
+section .popup2 .pop .search_bar button {position:relative; width:27px; height:27px; background:transparent; margin-right:0%; margin-top:3px; border: 1px solid #aaa; border-radius:4px; padding:0px;}
+section .popup2 .pop .search_bar button img {width: 17px; position:relative; top:-1px;}
 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:98%;margin:5px auto; position: relative; top:-40px; display:flex;}
 section .popup2 .pop .search_item_bar input {width:40%; height:27px; border-radius:5px; margin:0; font-size:12px;}
@@ -95,7 +97,7 @@ section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
 section .popup2 .pop .popup_scroll li .scroll_left div {text-align:left; float: left; font-size: 18px; font-weight: 100; width: auto; margin:8px 6px -6px 10px;}
 section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:3px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0;}
-section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 8px 8px 0px 2px;}
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 8px 2px 0px 2px;}
 .type_hide {display:block;}
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray;}
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14pt; color:#b88278;}
@@ -565,9 +567,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 }
 @media screen and (max-width: 380px) {
 	section .popup2 .barcode_area {width: 250px; height: 250px;}
-	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
+/* 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
 	.type_hide {display:none;}
-	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;}
+	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;} */
 }
 @media screen and (max-height: 720px) {
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}