품목 검색팝업 수정

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

@@ -217,15 +217,15 @@
 	                            <div class="type_hide">/</div>
 	                            <div class="amt fnOrdAmt"></div>
                             </div>
-                        </div>
-                         <div class="scroll_right">
-                        	<input id="ITP_FORM_MPOMNG01010_POP_ITEM_ADD" type="checkbox">
                         </div>
                         <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 class="scroll_right">
+                        	<input id="ITP_FORM_MPOMNG01010_POP_ITEM_ADD" type="checkbox">
+                        </div>
                     </li>
                 </div>
             </div>

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

@@ -85,30 +85,30 @@ section .popup2 .pop .table_tr .table_td .chkItem {margin-top:-5px; width:15px;
 section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
 section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 75%; overflow: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
 section .popup2 .pop .popup_scroll li {list-style: none; width: 100%; height: 50px; border-bottom: 1px solid #E0B8AB;}
-section .popup2 .pop .popup_scroll li.row_2 {height: 70px;}
+section .popup2 .pop .popup_scroll li.row_2 {height: 70px; display:flex;}
 
 section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
 section .popup2 .pop .popup_scroll li .left .check_box {width:30px; float:left; height:80px; padding-left:5px; padding-top:20px;}
 section .popup2 .pop .popup_scroll li .left div {display: inline-block;}
 section .popup2 .pop .popup_scroll li .left label{font-size: 2.5rem;}
-section .popup2 .pop .popup_scroll li .left .thick {float: left; margin: 12px 0 0 10px; font-size: 1rem; text-align: left; width: 140px; font-weight: 600;}
+section .popup2 .pop .popup_scroll li .left .thick {float: left; margin: 12px 0 0 10px; font-size: 1rem; text-align: left; width: 94px; font-weight: 600;}
 section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 15px 0px 0px 15px; font-size: 1.2rem; text-align: left; width: 100%;}
 section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
-section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; width:50%;}
-section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 18px; font-weight: 100; width: 80%; margin:8px 6px -6px 10px;}
+section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; width: calc(100% - 141px);}
+section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 14pt; font-weight: 100; width: 80%; margin:8px 6px -6px 10px;}
 section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:0px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100%;}
-section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:40%; margin:0; padding: 8px 2px 0px 2px;}
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:47%; margin:0; padding: 8px 2px 0px 2px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 .type_hide {width:auto;}
-section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray; text-align:right; width:100px !important;}
+section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray; text-align:right; }
 section .popup2 .pop .popup_scroll li .scroll_left .wichi{font-size:14pt; color:gray;}
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14pt; color:#b88278;}
-section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
+section .popup2 .pop .popup_scroll li .scroll_right {float: right; width:50px;}
 section .popup2 .pop .popup_scroll li .scroll_right input[type=checkbox]{width:27px; margin:18px 11px 0 11px;}
 section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height: 38px; padding: 0; background:#8f9fc6; border:1px solid #cacfe3; color:#eee; border-radius: 10px; font-size: 14px; margin:16px 10px;}
 section .popup2 .pop .popup_scroll li .scroll_right button:hover {background:#708cd1;}
-section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:21px; height:27px;}
+section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:21px; width:91px; height:27px;}
 section .popup2 .pop .popup_scroll li .right button {padding: 0px; font-size: 17px; width:24px;}
 section .popup2 .pop .popup_scroll li .add button{float: right; width: 60px; height: 55px; margin: 12px 9px; border-radius: 10px; font-size: 1rem; background: rgb(198, 170, 250);}
 section .popup2 .pop .content .line button {width: 35%; height: 35px;font-size: 14px; font-weight:100; padding-top: 7px; margin: 0 10px;}