모바일 회색부분 컨텐츠 고정

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

@@ -7,40 +7,42 @@
 			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_DVSN" name="whsDvsn" value="">
 			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_RTN_REQ_ST_CD" name="rtnReqStCd" value="">
 			<div class="content">
-				<div class="line header">
-					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청</div>
-		      	</div>
-				<div class="line mt5">
-					<label>반품요청일</label>
-					<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" readonly>
-				</div> 
-				<div class="line">
-					<label>반품요청금액</label>
-					<div class="float_left">
-						<div class="input_text">
-							<div class="fnRtnReqAmt">1,000,000원</div>
+				<div class="content_inside">
+					<div class="line header">
+						<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청</div>
+			      	</div>
+					<div class="line mt5">
+						<label>반품요청일</label>
+						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" readonly>
+					</div> 
+					<div class="line">
+						<label>반품요청금액</label>
+						<div class="float_left">
+							<div class="input_text">
+								<div class="fnRtnReqAmt">1,000,000원</div>
+							</div>
 						</div>
 					</div>
-				</div>
-				<div class="line">
-					<label>반품장소</label>
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" placeholder="" readonly />
-						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
-						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" name="rtnLocation" value="" />
-       					<div class="itp_input_btn">
-							<button id="ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+					<div class="line">
+						<label>반품장소</label>
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" placeholder="" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
+							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" name="rtnLocation" value="" />
+	       					<div class="itp_input_btn">
+								<button id="ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+							</div>
+						</div>
+						<div class="float_right_btn">
+							<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 						</div>
 					</div>
-					<div class="float_right_btn">
-						<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					<div class="table_header">
+						<h1><반품 품목></h1>
+						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MRTNMNG01010_ITEM_AREA">품목추가</button>
 					</div>
 				</div>
-				<div class="table_header">
-					<h1><반품 품목></h1>
-					<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
-					<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MRTNMNG01010_ITEM_AREA">품목추가</button>
-				</div>
 			</div>
 			<div id="ITP_LIST_MRTNMNG01010_ITEM_AREA" class="scroll_area row-7">
 				<ul id="ITP_LIST_MRTNMNG01010_DETAIL_ROWS" class="mb_0 panel-group"></ul>

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

@@ -317,7 +317,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   padding-top: 45px;
   font-size: 16px;
 }
-.content {position:relative; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
+.content {position: fixed; display:contents; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
+.content .content_inside {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
 .content .header {width:100% !important; margin:0 !important;}
 .content .line {position: relative; display: inline-block; width: 332px; margin:0 auto; height: 40px; margin-bottom: -10px;}
 .content .line.mt5 {margin-top:5px;}
@@ -436,7 +437,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area ul.mb_0 {margin-bottom:0 !important;}
 .scroll_area .itp_non_data {margin:35% auto;}
 
-.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
+.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border-bottom: 1px solid #ccc; background-color: #fff;}
 .scroll_area li.check {background:#f5f6f6;}
 .scroll_area li.list-row {display: inline-flex; height:76px;}
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}