모바일 폰트 수정

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

@@ -1,20 +1,21 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>수거장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MCOLLMNG01010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MCOLLMNG01010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
         <label>수거상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
             <option value=""></option>
           </select>
@@ -32,11 +33,11 @@
         <select class="label" name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
           <option value="">발주번호/품목명</option>
         </select>
-        <div class="float_left">
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        <div class="search_wrap">
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MCOLLMNG01010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -63,8 +64,8 @@
           <div class="left">
             <div class="nomal">
               <label class="col_0">반품발주상태 &nbsp;:</label>
-              <div style="min-width: 120px;">
-                <div  style="min-width: 120px;" class="fn">요청</div>
+              <div class="col_5">
+                <div class="col_5 fn">요청</div>
               </div>
               <label class="col_0">반품발주일자&nbsp;:</label>
               <div>
@@ -100,7 +101,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>브랜드명</label>

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

@@ -1,15 +1,16 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>수거장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MCOLLMNG02010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MCOLLMNG02010"><img src="../img/delete.png" alt=""></button>
+       		</div>
         </div>
       </div>
       <div class="line">
@@ -24,11 +25,11 @@
         <select class="label" name="" id="ITP_FORM_MCOLLMNG02010_VIEW">
           <option value="">발주번호/품목명</option>
         </select>
-        <div class="float_left">
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        <div class="search_wrap">
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MCOLLMNG02010" id="" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -55,8 +56,8 @@
           <div class="left">
             <div class="nomal">
               <label class="col_0">반품발주항번 &nbsp;:</label>
-              <div>
-                <div class="fn">1</div>
+              <div class="col_5">
+                <div class="col_5 fn">1</div>
               </div>
               <label class="col_0">수거요청일 &nbsp;:</label>
               <div class="space1">
@@ -91,8 +92,8 @@
           <div class="left">
             <div class="nomal">
               <label class="col_0">단가금액 &nbsp;:</label>
-              <div class="space1">
-                <div class="fn">1,000원</div>
+              <div class="col_5">
+                <div class="col_5 fn">1,000원</div>
               </div>
               <label class="col_0">수거금액&nbsp;:</label>
               <div class="space0">
@@ -111,7 +112,7 @@
       </div>
     </div>
   </div>
-  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>브랜드명</label>
@@ -152,8 +153,8 @@
       <div class="line">
         <label>수거담당자</label>
         <div class="line_right">
-          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
-          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
         </div>
       </div>
       <div class="table_header">
@@ -215,7 +216,7 @@
             <div class="nomal">
               <label>수거구분 &nbsp;:</label>
               <div>
-                <select style="width:200px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
+                <select style="width:85px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
                   <option value=""></option>
                 </select>
               </div>

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

@@ -1,15 +1,16 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>수거장소</label>
-        <div class="float_left">
-          <input type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button><img src="/img/search.png" alt=""></button>
-          <button><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button><img src="../img/search.png" alt=""></button>
+	          <button><img src="../img/delete.png" alt=""></button>
+        	</div>
         </div>
       </div>
       <div class="line">
@@ -24,11 +25,11 @@
         <select class="label" name="" id="">
           <option value="">수거서번호</option>
         </select>
-        <div class="float_left">
-          <input style="width: 630px;" type="text" placeholder="검색어입력">
+        <div class="search_wrap">
+          <input style="width: 262px;" type="text" placeholder="검색어입력">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -108,11 +109,11 @@
       </div>
     </div>
   </div>
-  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: none;">
     <div class="detail_content">
       <div class="detail_header">
         <div class="detail_logo">
-          <img src="/img/naver.png" alt="">
+          <img src="../img/naver.png" alt="">
         </div>
         <div class="detail_ok">
           <label>납품 확인서</label>
@@ -199,13 +200,13 @@
       </div>
     </div>
     <div class="scroll_area row-7">
-      <li class="history_list1">
+      <li class="history_list5">
         <div>
           <div class="left">
             <div class="nomal">
               <label class="col_0">수거발주번호 &nbsp;:</label>
-              <div class="space2">
-                <div class="fn">P12345</div>
+              <div class="col_5">
+                <div class="col_5 fn">P12345</div>
               </div>
               <label class="col_0">품목아이디&nbsp;:</label>
               <div class="space2">
@@ -229,7 +230,7 @@
             <div class="nomal">
               <label>수거수량 &nbsp;:</label>
               <div class="fn">
-                <div class="space2">10</div>
+                <div class="">10</div>
               </div>
               <label class="col_0">수거사유구분&nbsp;:</label>
               <div class="fn">

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

@@ -1,5 +1,5 @@
 <section>
-  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>납품장소</label>
@@ -109,11 +109,11 @@
       </div>
     </div>
   </div>
-  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: none;">
     <div class="detail_content">
       <div class="detail_header">
         <div class="detail_logo">
-          <img src="/img/naver.png" alt="">
+          <img src="../img/naver.png" alt="">
         </div>
         <div class="detail_ok">
           <label>납품 확인서</label>
@@ -200,7 +200,7 @@
       </div>
     </div>
     <div class="scroll_area row-7">
-      <li class="history_list1">
+      <li class="history_list5">
         <div>
           <div class="left">
             <div class="nomal">

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

@@ -231,23 +231,24 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
 
 .detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
-.detail_content .detail_header {width: 100%; height: 80px;}
+.detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
 .detail_content .detail_header .detail_logo {float: left;}
-.detail_content .detail_header .detail_logo img {width: 150px; margin-left: 50px;}
+.detail_content .detail_header .detail_logo img {width: 70px; margin-left: 15px;}
 .detail_content .detail_header .detail_ok {float: left;}
-.detail_content .detail_header .detail_ok label {margin-left: 80px; font-size: 2.8rem; font-weight: 700;}
-.detail_content .detail_confirmation {height: 200px; }
+.detail_content .detail_header .detail_ok label {margin-left: 50px; font-size: 1.6rem; font-weight: 700;}
+.detail_content .detail_confirmation {height: 260px; }
 .detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 15px; margin-bottom: 10px;}
 .detail_content .detail_confirmation .detail_col label{font-size: 1rem; font-weight: 700; float: left; width: 100px; text-align: left;}
-.detail_content .detail_confirmation .detail_col i{font-size: 1rem; width: 1%; text-align: right; margin-right: 10px;}
+.detail_content .detail_confirmation .detail_col i{font-size: 1rem; font-style:normal; width: 1%; text-align: right; margin-right: 10px;}
 .detail_content .detail_confirmation .detail_col div{font-size: 1rem; width: auto; text-align: left;}
+.detail_content .detail_company_info {height:150px;}
 .detail_content .detail_company_info label{font-size: 1rem; font-weight: 600;}
 .detail_content .detail_company_info .weight {margin-bottom: 20px;}
-.detail_content .detail_company_info .weight label{font-size: 1.4rem; font-weight: 700;}
+.detail_content .detail_company_info .weight label{font-size: 1.2rem; font-weight: 700;}
 .detail_content .detail_company_info div{font-size: 1rem;}
-.detail_content .detail_company_info .info_left {width: 50%; height: 350px; float: left;}
-.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 50px;}
-.detail_content .table_header {margin: 33% auto; width: 100%; height: 45px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
+.detail_content .detail_company_info .info_left {width: 50%; height: 150px; float: left;}
+.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 15px;}
+.detail_content .table_header {margin: 0% auto; width: 100%; height: 45px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
 .detail_content .table_header h1 {margin-top: 12px; margin-left: 15px; font-size: 1.2rem; float: left;}
 .detail_content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
 
@@ -279,7 +280,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .row-4{top: 377px;}
 .row-5{top: 418px;}
 .row-6{top: 468px;}
-.row-7{top: 1030px;}
+.row-7{top: 533px;}
 
 .col-4{width:40% !important;}
 .col-6{width:60% !important;}
@@ -296,10 +297,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list .button_right {float: right; display: grid;}
 .scroll_area li.history_list .button_right button {width: 65px; height: 70px; font-size: 1rem; margin: 0; border-radius: 0;}
 .scroll_area li.history_list1 {height: 230px;}
-.scroll_area li.history_list2 {height: 160px; padding-top:5px;}
+.scroll_area li.history_list2 {height: 165px; padding-top:5px;}
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
 .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
 .scroll_area li.history_list4 {height: 150px;}
+.scroll_area li.history_list5 {height: 100px; padding-top:5px;}
 .scroll_area li .history_info {width: auto;}
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
 .scroll_area li .btn {width:calc(100% - 65px); padding-top:12px;}
@@ -325,7 +327,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal .half label {font-weight:100;}
 .scroll_area li .left .nomal  input{width: 85px; height:30px;}
 .scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
-.scroll_area li .left .nomal .scroll_btn button{width: 50px; height: 40px; font-size: 0.8rem; padding: 0; border-radius: 10px; background: rgb(198, 170, 250);}
+.scroll_area li .left .nomal .scroll_btn button{top: 120px; position: absolute; width: 50px; height: 40px; font-size: 0.8rem; padding: 0; border-radius: 10px; background: rgb(198, 170, 250);}
 
 .scroll_area li .left .nomal span {margin:0 10px;}
 
@@ -333,7 +335,6 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
 
-.scroll_area li .left .nomal .space2 {display: inline-flex; font-size: 1.4rem; font-weight: 700;}
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
 .scroll_area li .left .nomal label.col_0{width: auto;}