모바일 재고관리 수정

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

@@ -19,7 +19,7 @@
 				<button id="ITP_BTN_MSTOCKMNG01010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 			  </div>
 			</div>
-			<div class="line">
+			<div class="line top6">
 			  <label>Location</label>
 			  <div class="float_left">
 				<select name="slocation" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_LOCATION">
@@ -27,13 +27,13 @@
 				</select>
 			  </div>
 			</div>
-			<div class="line">
+			<div class="line top6">
 			  <label>품목명</label>
 			  <div class="float_left">
 				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
 			  </div>
 			</div>
-			<div class="line" style="height:45px;">
+			<div class="line top3">
 			  <div class="search">
 				<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 			  </div>
@@ -43,9 +43,9 @@
 			  <button type="button" id="ITP_BTN_MSTOCKMNG01010_LIST_ADD_STCK" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MSTOCKMNG01010_STCK_AREA">재고처리</button>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
+			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-12">
 			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: none;">
+			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: grid;"><!-- style="display: grid;" -->
 				<li class="history_list2 list-row">
 				  <div>
 					<div class="left">
@@ -139,16 +139,15 @@
 				</form>
 			</div>
 			<div class="select_btn">
-				<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+				<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_NM" class="btn_blue">납품장소 <img src="../img/arrow_down.png"></button>
 			</div>
 			<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_AREA" class="popup_scroll">
 				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWCOPY" style="display: none;">
+				<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="sub fnLocationNm">(상세위치내용)</div>
-							<div class="sub fnLocationNm">(상세위치내용)</div>
+							<div class="con_2 fnWhsNm">브랜드 창고 명A</div>
+							<div class="con_2 sub fnLocationNm">(상세위치내용)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -173,13 +172,13 @@
 				<input type="hidden" id="ITP_FORM_MSTOCKMNG01010_POP_ITEM_ID" name="itemId" value="">
 				<input type="hidden" id="ITP_FORM_MSTOCKMNG01010_POP_SOURCE_LOCATION" name="sourceLocation" value="">
 				<input type="hidden" id="ITP_FORM_MSTOCKMNG01010_POP_SOURCE_WHS_ID" name="sourceWhsId" value="">
-			<div style="margin-top:10px;">
+			<div>
 				<div class="list_line">
 					<div class="list_label">
 						<label>창고명</label>
 					</div>
 					<div class="list_info">
-						<div class="pay_info fnWhsNm"></div>
+						<div class="pay_info fnWhsNm">fasdfsafsf</div>
 					</div>
 				</div>
 				<div class="list_line">
@@ -261,4 +260,4 @@
 			</div>
 		</div>
 	</div>
-  </section>
+  </section

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

@@ -13,7 +13,7 @@
 				  <input type="text" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="itp_input date full" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="재고실사일자" readonly>
 			  </div>
 			</div>
-			<div class="line">
+			<div class="line top3">
 			  <label>창고선택</label>
 			  <div class="float_left">
 				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A창고명">
@@ -25,19 +25,19 @@
 				<button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 			  </div>
 			</div>
-			<div class="line">
+			<div class="line top9">
 			  <label>Location</label>
 			  <div class="float_left">
 				<select name="slocation" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="Location"></select>
 			  </div>
 			</div>
-			  <div class="line">
+			  <div class="line top12">
 				  <label>실사구분</label>
 				  <div class="float_left">
 					  <select id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_CDD_DVSN" data-select-code="CDD_DVSN" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="실사구분" name="cddDvsn"></select>
 				  </div>
 			  </div>
-			<div class="line" style="height:45px;">
+			<div class="line top12" >
 			  <div class="search">
 				<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">대상 검색</button>
 			  </div>
@@ -47,64 +47,19 @@
 			  <button id="ITP_BTN_MSTOCKMNG02010_LIST_BARCODE" class="btn-primary btn-sm ADB">바코드</button>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-3-2">
+			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-4">
 			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: grid;"> <!-- display:gird -->
 				<li class="history_list5 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
-						<label>품목번호</label>
-						<span>:</span>
-						<div>
-						  <div class="fnItemId"></div>
-						</div>
-						<label>품목명&nbsp;:</label>
-						<div>
-						  <div class="fnItemNm"></div>
-						</div>
-					  </div>
-					</div>
-					<div class="left">
-					  <div class="nomal">
-						<label>단위</label>
-						<span>:</span>
-						<div>
-						  <div class="fnUnit"></div>
-						</div>
-						<label>단위수량&nbsp;:</label>
-						<div>
-						  <div class="fnUnitQty"></div>
-						</div>
-					  </div>
-					</div>
-					<div class="left">
-					  <div class="nomal">
-						<label class="col_0">현재고수량</label>
-						<span>:</span>
-						<div class="fn">
-						  <div class="fnStckQty"></div>
-						</div>
-						<label class="col_6">실사수량&nbsp;:</label>
-						<div class="btn_bar">
-						  <button class="DETAIL_ITEM_MINUS"><</button>
-						  <div class="fnCddQty col_0">1</div>
-						  <button class="DETAIL_ITEM_PLUS">></button>
-						</div>
-					  </div>
-					</div>
-				  </div>
-				</li>
-				<li class="history_list5 list-row">
-				  <div>
-					<div class="left">
-					  <div class="nomal">
-						<label>품목번호</label>
+						<label class="col_3">품목번호</label>
 						<span>:</span>
 						<div>
 						  <div class="fnItemId"></div>
 						</div>
-						<label>품목명&nbsp;:</label>
+						<label class="col_0">품목명&nbsp;:</label>
 						<div>
 						  <div class="fnItemNm"></div>
 						</div>
@@ -112,57 +67,12 @@
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label>단위</label>
-						<span>:</span>
-						<div>
-						  <div class="fnUnit"></div>
-						</div>
-						<label>단위수량&nbsp;:</label>
-						<div>
-						  <div class="fnUnitQty"></div>
-						</div>
-					  </div>
-					</div>
-					<div class="left">
-					  <div class="nomal">
-						<label class="col_0">현재고수량</label>
-						<span>:</span>
-						<div class="fn">
-						  <div class="fnStckQty"></div>
-						</div>
-						<label class="col_6">실사수량&nbsp;:</label>
-						<div class="btn_bar">
-						  <button class="DETAIL_ITEM_MINUS"><</button>
-						  <div class="fnCddQty col_0">1</div>
-						  <button class="DETAIL_ITEM_PLUS">></button>
-						</div>
-					  </div>
-					</div>
-				  </div>
-				</li>
-				<li class="history_list5 list-row">
-				  <div>
-					<div class="left">
-					  <div class="nomal">
-						<label>품목번호</label>
-						<span>:</span>
-						<div>
-						  <div class="fnItemId"></div>
-						</div>
-						<label>품목명&nbsp;:</label>
-						<div>
-						  <div class="fnItemNm"></div>
-						</div>
-					  </div>
-					</div>
-					<div class="left">
-					  <div class="nomal">
-						<label>단위</label>
+						<label class="col_3">단위</label>
 						<span>:</span>
 						<div>
 						  <div class="fnUnit"></div>
 						</div>
-						<label>단위수량&nbsp;:</label>
+						<label class="col_0">단위수량&nbsp;:</label>
 						<div>
 						  <div class="fnUnitQty"></div>
 						</div>
@@ -170,12 +80,12 @@
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label class="col_0">현재고수량</label>
+						<label class="col_3">현재고수량</label>
 						<span>:</span>
 						<div class="fn">
 						  <div class="fnStckQty"></div>
 						</div>
-						<label class="col_6">실사수량&nbsp;:</label>
+						<label class="col_3">실사수량&nbsp;:</label>
 						<div class="btn_bar">
 						  <button class="DETAIL_ITEM_MINUS"><</button>
 						  <div class="fnCddQty col_0">1</div>
@@ -196,7 +106,7 @@
 	<div id="ITP_MOBILE_JS"></div>
 	<div id="ITP_POP_MSTOCKMNG02010_BARCODE_AREA" class="popup2" style="display: none;">
 		<div class="barcode">
-			<h1>바코드를 스캔 하시면 재고  실사 목록에 스캔한<br>바코드의품목이 추가 되고 실사 수량을 입력<br>하시기 바랍니다.</h1>
+			<h1>바코드를 스캔 하시면 재고  실사 목록에 스캔한 바코드의품목이 추가 되고 실사 수량을 입력하시기 바랍니다.</h1>
 		</div>
 		<div class="barcode_area">
 
@@ -224,16 +134,15 @@
 				</form>
 			</div>
 			<div class="select_btn">
-				<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+				<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_NM" class="btn_blue">납품장소 <img src="../img/arrow_down.png"></button>
 			</div>
 			<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_AREA" class="popup_scroll">
 				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
 				<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="sub fnLocationNm">(상세위치내용)</div>
-							<div class="sub fnLocationNm">(상세위치내용)</div>
+							<div class="con_2 fnWhsNm">브랜드 창고 명A</div>
+							<div class="con_2 sub fnLocationNm">(상세위치내용)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -288,7 +197,7 @@
 					</div>
 				</div>
 			</div>
-			<div id="ITP_POP_MSTOCKMNG02010_TABLE_TR" class="table_body" style="display: none;">
+			<div id="ITP_POP_MSTOCKMNG02010_TABLE_TR" class="table_body" style="display: block;">
 				<div class="table_tr">
 					<div class="table_td" style="width:10%; border:none;">
 						<input type="checkbox" class="chkItem" checked>

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

@@ -12,7 +12,7 @@ body{background: #fff; position: relative; width: 100%; height: auto; font-famil
 body .login {position:fixed;}
 .color-gray {color:#aaa;}
 /* 팝업 */
-section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
+section .popup {position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
 section .popup .pop {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 360px; padding-top: 20px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
 section .popup .pop.short {height:260px;}
 section .popup .pop label.pop_label {position:relative; top:10px; font-size: 16px;}
@@ -33,9 +33,9 @@ section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(20
 section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
 section .popup2 .barcode {width: 100%;}
 section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 10%;}
-section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 20px; margin:auto; margin-top: 20%;}
+section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 16px; margin:auto; margin-top: 10%;}
 section .popup2 .btn_barcode {margin-top: 20%;}
-section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 15px; font-weight:100;}
+section .popup2 .btn_barcode button {width: 35%; height: 40px; font-size: 15px; font-weight:100;}
 section .popup2 .pop { position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 70%; background: #fff; border: 1px solid #000; border-radius:10px;}
 section .popup2 .pop .header {position: relative; height: 40px; background: #f0831e; color:#eee; border-bottom: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
 section .popup2 .pop .header .header_left {padding-top: 12px;}
@@ -51,10 +51,10 @@ section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 27px; p
 section .popup2 .pop .search_bar button {position:relative; top:-64px; background:transparent; margin-right:5%; float: right; border: none; padding-top:3px;}
 section .popup2 .pop .search_bar button img {width: 18px;}
 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; display:flex;}
-section .popup2 .pop .search_item_bar input {width:40%; border-radius:5px; margin:0;}
+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:34px; border-radius:5px; margin:0;}
 section .popup2 .pop .search_item_bar select {width:22%;border-radius:5px; margin-right:5px;}
-section .popup2 .pop .search_btn_bar {width:100%; height:50px; margin-top:10px; margin-right:10px;}
+section .popup2 .pop .search_btn_bar {width:100%; height:50px; margin-top:-30px; margin-right:10px;}
 section .popup2 .pop .search_btn_bar .btn_right {float:right; margin-right:10px;}
 section .popup2 .pop .search_btn_bar .btn_right button img{width:18px; height:18px; margin-right:2px;}
 section .popup2 .pop .search_btn_bar .btn_right button {height:30px; padding:5px 12px; font-size:12px; font-weight:100; border-radius:3px; border:1px solid #333;}
@@ -62,14 +62,14 @@ section .popup2 .pop .search_btn_bar .btn_right button {height:30px; padding:5px
 section .popup2 .pop .table{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom:none;}
 section .popup2 .pop .table .table_tr {display:flex;}
 section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
-section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; font-weight:100;}
-section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-2px;}
+section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; padding-top:5px; font-weight:100;}
+section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-3px;}
 
 section .popup2 .pop .table_body{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom: none;}
 section .popup2 .pop .table_body .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa;}
 section .popup2 .pop .table_body .table_tr .table_td{width:23%;; height:30px; padding-top:5px; border-left:1px solid #aaa; background:#fff;}
 section .popup2 .pop .table_body .table_tr .table_td div {font-size:14px; font-weight:100;}
-section .popup2 .pop .table_body .table_tr .table_td .chkItem {margin:-7px;}
+section .popup2 .pop .table_body .table_tr .table_td .chkItem {margin:-3px;}
 
 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;}
@@ -98,10 +98,10 @@ section .popup2 .pop .popup_scroll li .right {position: relative; display: flex;
 section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; 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;}
-section .popup2	.list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
+section .popup2	.list_line {width:98%; float:left; height:40px;display: inline-flex; margin:0 1%; font-size:12px;}
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
-section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
-section .popup2 .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:17px; border-left:none; border-bottom:none;}
+section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:40px; padding-top:10px; border-bottom:none; background:#eee;}
+section .popup2 .list_line .list_info {width:70%;height:40px; border:1px solid #000; padding-top:10px; border-left:none; border-bottom:none;}
 section .popup2 .list_line .list_info input{width:90%;}
 section .popup2 .list_line .mail input {width:30%;}
 section .popup2 .list_line .mail select {width:30%;}
@@ -109,7 +109,7 @@ section .popup2 .list_line .list_info .pay_info {text-align:left; padding-left:1
 section .popup_scroll li .right .num {padding:8px 12px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
 section .popup_scroll li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
 section .popup2 .list_line .line_right {float:right; width:70%;}
-section .popup2 .list_line .line_right select {width:200px; float:right;}
+section .popup2 .list_line .line_right select {width:200px; float:right; height:27px; margin-top:6px;}
 section .popup2 .list_line .line_right input {width:200px; float:right;}
 section .popup2 .list_line .info{width:30%; padding-top:10px; padding-left:20px; text-align:left;}
 
@@ -338,7 +338,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .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: 55%; 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.date {width: 55%; 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%; height:27px; float: left; margin-right:0px;}
 .content .line div.date_to input {font-weight:100; width:47%; height:27px; font-size:14px; margin:0;}
@@ -461,7 +461,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
 .scroll_area li.history_list7 {height: 120px; padding-top:5px;}
 .scroll_area li .history_info {width: auto;}
-.scroll_area li .left {width:100%; height:30px; margin-top:0px;}
+.scroll_area li .left {width:100%; height:26px; margin-top:0px;}
 .scroll_area li .btn_list {width:calc(100% - 65px); height:35px; padding-top:12px;}
 .scroll_area li .left div {display: inline-block;}
 .scroll_area li .left label{font-size: 1.1rem;}
@@ -496,14 +496,15 @@ 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 label{position:relative; margin-left: 10px; font-size:14px; font-weight:700; min-width:81px; text-align:left;}
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:14px; font-weight:100; min-width:81px; text-align:left;}
 .scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
+.scroll_area li .left .nomal label.col_0{min-width: auto;}
 .scroll_area li .left .nomal label.col_1{min-width: 45px;}
 .scroll_area li .left .nomal label.col_3{min-width: 70px;}
 .scroll_area li .left .nomal label.col_2{width: 95px;}
 
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
-.scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
+.scroll_area li .left .nomal div{display: inline-flex; font-weight: 700; font-size: 15px;}
 .scroll_area li .left .nomal .col_5{min-width:50px;}
 
 .scroll_area li .right {margin: 12px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
@@ -543,6 +544,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 #ITP_FOOTER .itp_modal .itp_form .itp_mip {padding: 8px 5px 4px 12px; height:42px; text-align: left; font-size: 16px; border:1px solid #ccc;}
 
 @media screen and (min-width: 550px) {
+	
 	.content .line input.date {width: 70%;}
 	.content .line input.full {width: 100%;}
 	
@@ -558,6 +560,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line .search_wrap select {width:78%;}	
 }
 @media screen and (max-width: 380px) {
+	section .popup2 .barcode_area {width: 250px; height: 250px;}
 	section .popup2 .pop .popup_scroll li.row_2 {height: 85px;}
 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
 	.type_hide {display:none;}