마이페이지 모바일 수정

src/main/java/com/style24/front/biz/web/TsfMypageController.java

@@ -192,6 +192,10 @@ public class TsfMypageController extends TsfBaseController {
 		} else {
 			mav.addObject("mypageMainYn", "N");
 		}
+		
+		// 2021.04.30 모바일 추가
+		String custGradeNm1Str = coreCustomerService.getCustomerInfo(customer).getCustGradeNm().substring(0,1);
+		mav.addObject("custGradeNm1Str", custGradeNm1Str);
 
 		// 주문상세상태코드 설정
 		mav.addObject("ordDtlStatList", rendererService.getCommonCodeList("G013", "Y", new String[] {"G013_10", "G013_11", "G013_25", "G013_35", "G013_55", "G013_97", "G013_98", "G013_99"}));
@@ -288,7 +292,6 @@ public class TsfMypageController extends TsfBaseController {
 
 		// 페이징 처리 설정
 		order.setCustNo(custNo);
-		log.info("order >>> {}", order);
 		TscPageRequest pageable = new TscPageRequest((order.getPageNo() > 0 ? order.getPageNo() - 1 : 0), order.getPageSize(), order.getPageUnit());
 		pageable.setTotalCount(orderService.getPagingOrdNoListCount(order));
 		order.setPageable(pageable);

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderDetailFormMob.html

@@ -360,24 +360,26 @@
 							<!-- //주문상태별 문구정보 정의 -->
 							
 							<!-- 사은품 영역 -->
-							<th:block th:if="${order.freeGiftList != null and #lists.size(order.freeGiftList) > 0}">
-								<div class="goods_gift">
-									<div class="gift_wrap">
-										<div class="title">사은품</div>
-										<div class="li_gift">
-											<ul>
-												<th:block th:each="freeGift , j : ${order.freeGiftList}">
-													<li>
-														<span class="gift_name" th:text="${freeGift.goodsNm}"></span> 
-														<th:block th:if="${freeGift.usePoint} > 0">
-															<span class="deduct_p" th:text="|(-${#numbers.formatInteger(freeGift.usePoint, 1, 'COMMA')}P)|"></span>
-														</th:block>
-													</li>
-												</th:block>
-											</ul>
+							<th:block th:if="${#lists.size(order.ordDtlList) == status.count}">
+								<th:block th:if="${order.freeGiftList != null and #lists.size(order.freeGiftList) > 0}">
+									<div class="goods_gift">
+										<div class="gift_wrap">
+											<div class="title">사은품</div>
+											<div class="li_gift">
+												<ul>
+													<th:block th:each="freeGift , j : ${order.freeGiftList}">
+														<li>
+															<span class="gift_name" th:text="${freeGift.goodsNm}"></span> 
+															<th:block th:if="${freeGift.usePoint} > 0">
+																<span class="deduct_p" th:text="|(-${#numbers.formatInteger(freeGift.usePoint, 1, 'COMMA')}P)|"></span>
+															</th:block>
+														</li>
+													</th:block>
+												</ul>
+											</div>
 										</div>
 									</div>
-								</div>
+								</th:block>
 							</th:block>
 							<!-- //사은품 영역 -->
 						</div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderListFormMob.html

@@ -61,7 +61,7 @@
 			<div class="inner bg_gray">
 				<div class="mem_info clear">
 					<div class="mem_rank">
-						<div class="rank_icon vip">V</div>
+						<div th:class="|rank_icon ${#strings.toLowerCase(customerInfo.custGradeNm)}|" th:text="${custGradeNm1Str}"></div>
 						<div class="mem_name"><strong th:text="${customerInfo.custNm}"></strong>님</div>
 						<a href="javascript:void(0);" class="rank_txt" th:text="${customerInfo.custGradeNm}" onclick="fnGoToCustomerBenefit();"></a> <!-- 210408_a태그 변경 | 회원등급혜택 페이지 링크 이동-->
 						<button type="button" id="btn_coupon_down" class="btn cou_btn" onclick="fnDownloadCoupon();">등급 쿠폰 다운로드</button> <!-- 210409_추가 : btn_coupon_down id 추가 -->

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderListInfoMob.html

@@ -13,6 +13,7 @@
 					<a href="javascript:void(0);" class="detail_btn" th:ordno="${order.ordNo}" onclick="fnGoToOrderDetail(this)">상세보기</a>
 				</div>
 				
+				<!-- 주문목록 -->
 				<th:block th:each="ordDtl , j : ${order.ordDtlList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
 					<!-- 주문 접수 -->
 					<div class="goods_section">
@@ -161,9 +162,11 @@
 								<div class="goods_btn_wrap btn_group_flex">
 									<!-- 교환가능, 반품가능 -->
 									<th:block th:if="${ordDtl.changeableYn} == 'Y'">
-										<button type="button" class="btn btn_default btn_exch_req" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" th:ordCanChgQty="${ordDtl.ordCanChgQty}" th:delvFeeCd="${ordDtl.delvFeeCd}" onclick="fnCreateChange(this, 'exchange');">
-											<span>교환 신청</span>
-										</button>
+										<div>
+											<button type="button" class="btn btn_default btn_exch_req" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" th:ordCanChgQty="${ordDtl.ordCanChgQty}" th:delvFeeCd="${ordDtl.delvFeeCd}" onclick="fnCreateChange(this, 'exchange');">
+												<span>교환 신청</span>
+											</button>
+										</div>
 									</th:block>
 									<th:block th:if="${ordDtl.returnableYn} == 'Y'">
 										<div>
@@ -174,7 +177,7 @@
 									</th:block>
 									<!-- //교환가능, 반품가능 -->
 									<div>
-										<button type="button" id="btn_purchase_confirm btn_ord_confirm" class="btn btn_primary" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" onclick="fnDecideOrder(this);">
+										<button type="button" id="btn_purchase_confirm" class="btn btn_primary" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" onclick="fnDecideOrder(this);">
 											<span>구매 확정</span>
 										</button>
 									</div>
@@ -183,7 +186,7 @@
 									<!-- 교환불가, 반품불가 -->
 									<th:block th:if="${ordDtl.changeableYn} == 'N' or ${ordDtl.returnableYn} == 'N'">
 										<div>
-											<button type="button" class="btn btn_default btn_qna_write" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"">
+											<button type="button" class="btn btn_default btn_qna_write" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);">
 												<span>1:1 문의</span>
 											</button>
 										</div>
@@ -191,9 +194,9 @@
 									<!-- //교환불가, 반품불가 -->
 									
 									<!-- 리뷰사용가능, 리뷰등록전일때 -->
-									<th:block th:if="${ordDtl.reviewableYn} == 'Y' and ${ordDtl.reviewSq} == null">
+									<th:block th:if="${ordDtl.reviewableYn} == 'Y' and ${ordDtl.reviewSq} == ''">
 										<div>
-											<button type="button" class="btn btn_primary btn_review_write" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" th:goodsCd="${ordDtl.GoodsCd}" onclick="fnCreateReview(this);">
+											<button type="button" class="btn btn_primary btn_review_write" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" th:goodsCd="${ordDtl.goodsCd}" onclick="fnCreateReview(this);">
 												<span>리뷰 쓰기</span>
 											</button>
 										</div>
@@ -207,15 +210,10 @@
 							<th:block th:if="${ordDtl.ordDtlStat} == 'G013_70'">
 								<div class="goods_btn_wrap btn_group_flex">
 									<div>
-										<button type="button" class="btn btn_primary btn_cart_save" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" onclick="fnCreateCart(this);"">
+										<button type="button" class="btn btn_primary btn_cart_save" th:ordNo="${ordDtl.ordNo}" th:ordDtlNo="${ordDtl.ordDtlNo}" onclick="fnCreateCart(this);">
 											<span>쇼핑백 담기</span>
 										</button>
 									</div>
-									<div>
-										<button type="button" class="btn btn_default btn_qna_write" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"">
-											<span>1:1 문의</span>
-										</button>
-									</div>
 									
 									<!-- 리뷰사용가능, 리뷰등록전일때 -->
 									<th:block th:if="${ordDtl.reviewableYn} == 'Y' and ${ordDtl.reviewSq} == null">
@@ -384,29 +382,32 @@
 						<!-- //상태문구정리 -->
 						
 						<!-- 사은품 영역 -->
-						<th:block th:if="${order.freeGiftList != null and #lists.size(order.freeGiftList) > 0}">
-							<div class="goods_gift">
-								<div class="gift_wrap">
-									<div class="title">사은품</div>
-									<div class="li_gift">
-										<ul>
-											<th:block th:each="freeGift , j : ${order.freeGiftList}">
-												<li>
-													<span class="gift_name" th:text="${freeGift.goodsNm}"></span> 
-													<th:block th:if="${freeGift.usePoint} > 0">
-														<span class="deduct_p" th:text="|(-${#numbers.formatInteger(freeGift.usePoint, 1, 'COMMA')}P)|"></span>
-													</th:block>
-												</li>
-											</th:block>
-										</ul>
+						<th:block th:if="${#lists.size(order.ordDtlList) == j.count}">
+							<th:block th:if="${order.freeGiftList != null and #lists.size(order.freeGiftList) > 0}">
+								<div class="goods_gift">
+									<div class="gift_wrap">
+										<div class="title">사은품</div>
+										<div class="li_gift">
+											<ul>
+												<th:block th:each="freeGift , j : ${order.freeGiftList}">
+													<li>
+														<span class="gift_name" th:text="${freeGift.goodsNm}"></span> 
+														<th:block th:if="${freeGift.usePoint} > 0">
+															<span class="deduct_p" th:text="|(-${#numbers.formatInteger(freeGift.usePoint, 1, 'COMMA')}P)|"></span>
+														</th:block>
+													</li>
+												</th:block>
+											</ul>
+										</div>
 									</div>
 								</div>
-							</div>
+							</th:block>
 						</th:block>
 						<!-- //사은품 영역 -->
 					</div>
 					<!-- //주문 접수 -->
 				</th:block>
+				<!-- //주문목록 -->
 			</th:block>
 		</th:block>
 		<!-- //주문목록이 있을때 -->

src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -383,6 +383,7 @@
 										</table>
 									</div>
 								</div>
+								<!-- 
 								<div class="payinfo_blk">
 									<a href="">
 										결제대행 서비스 약관 동의
@@ -392,6 +393,7 @@
 										결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.
 									</div>
 								</div>
+								 -->
 							</div>
 						</div>
 						

src/main/webapp/WEB-INF/views/web/order/OrderFormWeb.html

@@ -351,12 +351,14 @@
 											개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.
 										</div>
 									</div>
+									<!-- 
 									<div class="payinfo_blk">
 										<a href="">결제대행 서비스 약관 동의<span>보기</span></a>
 										<div class="infotxt">
 											결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.
 										</div>
 									</div>
+									 -->
 								</div>
 								<div class="agree_payment">
 									위 주문내역을 확인 하였으며, 회원 본인은 결제에 동의합니다. (전자상거래법 제 8조 제2항)

src/main/webapp/ux/mo/css/common_m.css

@@ -910,8 +910,8 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 
 /* footer */
 footer{background-color: #f1f1f1;}
-footer .btn_top{position: fixed; bottom: 30px; right: 25px; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 45px; height: 45px; border-radius: 50%; font-size: 0; z-index: 50;}
-footer .btn_top span{display: block; width: 24px; height: 24px; margin: 0 auto; position: relative;}
+footer .btn_top{position: fixed; bottom: 30px; right: 25px; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 41px; height: 40px; font-size: 0; z-index: 50; background:url(/images/mo/mo_btn_top.png) no-repeat;}
+footer .btn_top span{display: block; width: 24px; height: 24px; margin: 0 auto; position: relative; opacity:0;}
 footer .btn_top span i{display: block; position: absolute; background: #fff;}
 footer .btn_top span i.gl1{left: 4px; top: 2px; width: 10px; height: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
 footer .btn_top span i.gl2{left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2px; height: 20px;}

src/main/webapp/ux/mo/css/layout_m.css

@@ -868,6 +868,53 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
 .br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
 .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888}
 .select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important}
+/* 210428 */
+.cs_contactUs_my .form_field:first-of-type{margin:0;}
+.cs_contactUs_my .form_field .pics{position:absolute; top:0; left:0; z-index:2}
+.pop_detail .review_list {border-top:1px solid #ddd;}
+.pop_detail .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
+.pop_detail .review_list > ul > li .review {}
+.pop_detail .review_list .review .info_box {}
+.pop_detail .review_list .review .info_box .star_score {float:left}
+.pop_detail .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
+.pop_detail .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
+.pop_detail .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
+.pop_detail .review_list .review .info_box .writer {float:right;}
+.pop_detail .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
+.pop_detail .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
+.pop_detail .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
+.pop_detail .review_list .review .info_box .writer span:first-child::after {display:none;}
+.pop_detail .review_list .review .response_box {margin-top:1.4rem;}
+.pop_detail .review_list .review .response_box > div:first-child {margin-top:0}
+.pop_detail .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem;}
+.pop_detail .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888}
+.pop_detail .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802}
+.pop_detail .review_list .review .response_box2 {margin-top:1.4rem;}
+.pop_detail .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
+.pop_detail .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
+.pop_detail .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
+.pop_detail .review_list .review .response_box2 > div dl div dt:before{content:''; position:absolute; left:0; top:0.6rem; display:block; width:2px; height:2px; background-color:#888;}
+.pop_detail .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222}
+.pop_detail .review_list .review .info_box{line-height:1;}
+.pop_detail .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
+.pop_detail .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
+.pop_detail .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
+.pop_detail .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
+.pop_detail .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
+.pop_detail .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000}
+.pop_detail .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
+.pop_detail .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
+.pop_detail .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-1.5rem; width:0px; height:0px; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer {}
+.pop_detail .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:1px; background:#ddd;}
+.pop_detail .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{padding-top:0 !important;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0px none;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
 
 
 
@@ -1151,12 +1198,12 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
 .modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
 .modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important; width:auto;}
 .modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
-.pd_qnalist .qna_list .foldGroup {margin-bottom:0;}
+.pd_qnalist .qna_list .foldGroup {margin-bottom:2rem;}
 .pd_qnalist .qna_list {margin-top:3rem;}
 .pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
 .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
 .pd_qnalist .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%); margin-top:0;}
-.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.33rem; border-bottom:0.1rem solid #E5E5E5;}
+.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 3rem; border-bottom:0.1rem solid #E5E5E5;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}

src/main/webapp/ux/mo/css/style24_m.css

@@ -1888,6 +1888,9 @@ background-size:100%;}
 
 .adrsChange_Pop .modal-footer .btn {height: 4.5rem; font-size: 1.4rem;}
 .adrsChange_Pop .modal-body .pop_cont {font-size: 1.4rem; line-height: 1.4;}
+.adrsChange_Pop .modal-body .pop_cont .empty_txt {display: none;}
+.adrsChange_Pop .modal-body .pop_cont.nodata .delivery_list {display: none;}
+.adrsChange_Pop .modal-body .pop_cont.nodata .empty_txt {display: block; padding:14rem 0 11rem; font-size: 1.3rem; color: #222; text-align: center; font-weight: 300;}
 .adrsChange_Pop .badge_wrap {display: inline-block;}
 .adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
 .adrsChange_Pop .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
@@ -2203,6 +2206,8 @@ background-size:100%;}
 .od .ship_info .select_dress {padding:1.1rem 1.5rem;}
 .od .ship_info .select_options li {padding: 1rem 0;}
 
+.od .ship_info.none p {padding-top: 0.5rem; color: #222; font-weight: 300;}
+
 /* od_nonMb_order.html */
 .od .nonMBorder {}
 .od .nonMBorder .inner:first-child, .od .nonMBorder .inner:last-child {margin-top: -1.2rem;}