모바일 팝업 수정

src/main/webapp/mobile/app/popup/biz/BIZPOP_PO_PAYMENT.html

@@ -7,11 +7,9 @@
 			</div>
 			<div class="modal-body">
 			
-				<div class="itp_form itp_type1 fix">
-					<div class="col-xs-12">
+				<div class=" ">
+					<div class="col-xs-12" style="padding:10px 15px 30px 15px;">
 					수발주 <b><span id="ITP_BIZPOP_PO_PAYMENT_PAY_TP_NM"></span></b>을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여 PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.
-					<br>
-					<br>
 					</div>
 				</div>
 				
@@ -36,54 +34,56 @@
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_KICC_ACTION_MOBILE_URL" name="kiccActionMobileUrl" value="" />
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_MALL_ID" name="mallId" value="" />
 							
-								<div class="form-group">
-									<label class="col-xs-3 itp_lb">주문번호</label>
-									<div class="col-xs-9 itp_ip fnPoOrdNo"></div>
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">주문번호</label>
+									<div class="col-xs-9 itp_mip fnPoOrdNo">adfasdfafda</div>
 								</div>
-								<div class="form-group">
-									<label class="col-xs-3 itp_lb">구매자명</label>
-									<div class="col-xs-9 itp_ip fnOrdNm"></div>
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">구매자명</label>
+									<div class="col-xs-9 itp_mip fnOrdNm">asdfasdfasdfa</div>
 								</div>
-								<div class="form-group">
-									<label class="col-xs-3 itp_lb">상품명</label>
-									<div class="col-xs-9 itp_ip fnGoodsNm"></div>
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">상품명</label>
+									<div class="col-xs-9 itp_mip fnGoodsNm">adsfasdf</div>
 								</div>
-								<div class="form-group">
-									<label class="col-xs-3 itp_lb">결제금액*</label>
-									<div class="col-xs-9 itp_ip">
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">결제금액*</label>
+									<div class="col-xs-9 itp_mip">
 									<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT" class="form-control itp_input" name="goodsAmt" data-key-up="number" />
 									</div>									
 								</div>
-								<div class="form-group">
-									<label class="col-xs-3 itp_lb">결제방법*</label>
-									<div class="col-xs-9 itp_ip">
-										<div class="col-xs-5 itp_ip">
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">결제방법*</label>
+									<div class="col-xs-9 itp_mip">
+										<div class="col-xs-5 itp_pd_none">
 											<select id="ITP_FORM_PO_PAYMENT_POPUP_PAY_METHOD" class="form-control itp_input" name="payMethod">
 												<option value="11">신용카드</option>
 												<option value="21">계좌이체</option>
 											</select>
 										</div>
-									</div>									
+									</div>	
 								</div>								
-								<div class="form-group">
-									<label class="col-xs-4 itp_lb">휴대폰번호*</label>
-									<div class="col-xs-8 itp_ip">
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">휴대폰번호*</label>
+									<div class="col-xs-9 itp_mip">
 									<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_ORD_TEL" class="form-control itp_input" name="ordTel" data-key-up="tel" placeholder="010-0000-0000" maxlength="13" />
 									</div>
 								</div>
-								<div class="form-group">
-									<label class="col-xs-2 itp_lb">이메일</label>
-									<div class="col-xs-3 itp_ip">
-									<input id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL" name="ordEmail" class="" type="hidden">
-									<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL_ID" class="form-control itp_input" name="emailId" />
-									</div>
-									<div class="col-xs-1 itp_ip">@</div>
-									<div class="col-xs-3 itp_ip">
-										<input id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL_NM" name="emailNm" class="form-control itp_input" type="text" data-check-required="empty">
-									</div>
-									<div class="col-xs-3 itp_ip">
-										<select name="emailCd" id="ITP_FORM_PO_PAYMENT_POPUP_EMAIL_CD" data-select-code="EMAIL_CD" class="form-control itp_input">
-										</select>
+								<div class="form-group itp_mg_btm">
+									<label class="col-xs-3 itp_mlb itp_mg_btm">이메일</label>
+									<div class="col-xs-9 itp_mip">
+										<div class="col-xs-3 itp_pd_none">
+											<input id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL" name="ordEmail" class="" type="hidden">
+											<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL_ID" class="form-control itp_input" name="emailId" />
+										</div>
+										<div class="col-xs-a" style="padding:0 5px;">@</div>
+										<div class="col-xs-3 itp_pd_none">
+											<input id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL_NM" name="emailNm" class="form-control itp_input" type="text" data-check-required="empty">
+										</div>
+										<div class="col-xs-5">
+											<select name="emailCd" id="ITP_FORM_PO_PAYMENT_POPUP_EMAIL_CD" data-select-code="EMAIL_CD" class="form-control itp_input">
+											</select>
+										</div>
 									</div>
 								</div>								
 							</form>
@@ -304,8 +304,8 @@
 				</div>
 			</div>
 			<div class="modal-footer">
-				<button type="button" id="ITP_BTN_PO_PAYMENT_CLOSE_POP" class="btn btn-danger btn-sm CLB">&nbsp;&nbsp;취소&nbsp;&nbsp;</button>
-				<button type="button" id="ITP_BTN_PO_PAYMENT_CONFIRM_POP" class="btn btn-primary btn-sm SAB" style="display: inline-block;">&nbsp;&nbsp;결제요청&nbsp;&nbsp;</button>
+				<button type="button" id="ITP_BTN_PO_PAYMENT_CLOSE_POP" class="btn btn-danger btn-sm itp_mg_top CLB">&nbsp;&nbsp;취소&nbsp;&nbsp;</button>
+				<button type="button" id="ITP_BTN_PO_PAYMENT_CONFIRM_POP" class="btn btn-primary btn-sm itp_mg_top SAB" style="display: inline-block;">&nbsp;&nbsp;결제요청&nbsp;&nbsp;</button>
 			</div>
 		</div>
 	</div>

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

@@ -438,7 +438,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 #ITP_FOOTER .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
 #ITP_FOOTER .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;}
 #ITP_FOOTER .itp_modal .itp_form .itp_check {margin-top:7px;}
-#ITP_FOOTER .itp_modal .itp_form select.itp_input  {padding-left:4px;}
+#ITP_FOOTER .itp_modal .itp_form select.itp_input  {padding-left:4px; margin-top:-2px;}
 #ITP_FOOTER .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;}
 #ITP_FOOTER .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
 #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
@@ -449,3 +449,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   -o-transform:translate(0, calc(50vh - 50%));
   transform:translate(0, 50vh) translate(0, -50%);
 }
+/* 수발주 결제 테이블 css */
+#ITP_FOOTER .itp_modal .itp_mg_btm {margin-bottom:0 !important;}
+#ITP_FOOTER .itp_modal .itp_pd_none {padding:0;} 
+#ITP_FOOTER .itp_modal .itp_mg_top {margin-top: 10px;} 
+#ITP_FOOTER .itp_modal .itp_form .itp_mlb {font-size:13px; height:42px; text-align:left; padding:12px 5px 8px 10px; color:#333; border:1px solid #ccc;}
+#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;}