마이페이지 취반교리스트 화면 인피니티스크롤 처리

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

@@ -2489,4 +2489,57 @@ public class TsfMypageController extends TsfBaseController {
 		return mav;
 	}
 
+	/**
+	 * 마이페이지 주문목록 사전 정보 조회 (모바일)
+	 *
+	 * @param Order
+	 * @return ModelAndView
+	 * @author card007
+	 * @since 2021. 05. 27
+	 */
+	@ResponseBody
+	@PostMapping("/cre/list/pre/info")
+	public GagaMap getCreListPreInfo(@RequestBody OrderChange orderChange) {
+		GagaMap result = new GagaMap();
+		
+		orderChange.setCustNo(TsfSession.getInfo().getCustNo());
+
+		// 페이징 처리 설정
+		TscPageRequest pageable = new TscPageRequest((orderChange.getPageNo() > 0 ? orderChange.getPageNo() - 1 : 0), orderChange.getPageSize(), orderChange.getPageUnit());
+		pageable.setTotalCount(orderChangeService.getPagingCreListCount(orderChange));
+		orderChange.setPageable(pageable);
+
+		result.set("paging"		, pageable);
+		result.set("creList"	, orderChangeService.getPagingCreList(orderChange));
+
+		return result;
+	}
+
+	/**
+	 * 마이페이지 주문목록 조회 (모바일)
+	 *
+	 * @param Order
+	 * @return ModelAndView
+	 * @author card007
+	 * @since 2021. 05. 27
+	 */
+	@ResponseBody
+	@PostMapping("/cre/list/info")
+	public ModelAndView getCreListInfo2(@RequestBody OrderChange orderChange) {
+		// 주문목록조회
+		ModelAndView mav = new ModelAndView();
+
+		orderChange.setCustNo(TsfSession.getInfo().getCustNo());
+
+		Collection<GagaMap> creList = orderChangeService.getCreList(orderChange);
+
+		mav.addObject("creList"			, 	creList);
+		mav.addObject("creListCnt"		, 	creList.size());
+		mav.addObject("pageNo"			, 	orderChange.getPageNo());
+
+		mav.setViewName(super.getDeviceViewName("mypage/MypageCreListInfo"));
+
+		return mav;
+	}
+
 }

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

@@ -91,10 +91,17 @@
 </div>		
 <!-- //주문상태 선택 팝업 -->
 
+<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
+<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
+
 <script th:inline="javascript">
 //AJAX 로드를 위한 변수 설정
 let custNo 		= [[${custNo}]];
 let totalCnt 	= [[${totalCnt}]];
+var jsonObj 	= {};
+var totalPage	= 0;
+var remainList	= 0;
+var pageNo		= 0;
 
 /*<![CDATA[*/
 $(document).ready(function() {
@@ -108,124 +115,155 @@ $(document).ready(function() {
 		, "chgStat" 		: ""
 		, "stDate" 			: ""
 		, "edDate" 			: ""
-		, "custNo"			: custNo
 	}
 	
 	// AJAX 변수 설정
-	jsonData = JSON.stringify(jsonObj);
+	//jsonData = JSON.stringify(jsonObj);
 	
 	// 전체페이지 구하기
-	totalPage 	= parseInt(totalCnt / 10);
-	remainList 	= totalCnt % 10; 
+	//totalPage 	= parseInt(totalCnt / 10);
+	//remainList 	= totalCnt % 10; 
 	
 	// 나머지가 있으면 전체 페이지 + 1
-	if (remainList > 0) {
-		totalPage = totalPage + 1;
-	}
+	//if (remainList > 0) {
+	//	totalPage = totalPage + 1;
+	//}
 	
-	fnSetSearchPeriod(3);
+	//fnSetSearchPeriod(3);
 	
-	var win = $(window);
+	//var win = $(window);
 	 
 	// Each time the user scrolls
-	win.scroll(function() {
+	//win.scroll(function() {
 		// End of the document reached?
-		if ($(document).height() - win.height() == win.scrollTop()) {
-			if (scrollTemp) {
-				var tempPage 	= parseInt($("#searchForm input[name=pageNo]").val());
-				tempPage 		= tempPage + 1;
-				
-				if (totalPage > tempPage) {
-					scrollTemp = false;
-					fnGetInfiniteScrollDataList(tempPage);
-				}
-			}
-		}
-	});
+		//if ($(document).height() - win.height() == win.scrollTop()) {
+		//	if (scrollTemp) {
+		//		var tempPage 	= parseInt($("#searchForm input[name=pageNo]").val());
+		//		tempPage 		= tempPage + 1;
+		//
+		//		if (totalPage > tempPage) {
+		//			scrollTemp = false;
+		//			fnGetInfiniteScrollDataList(tempPage);
+		//		}
+		//	}
+		//}
+	//});
 	
-	// 주문상세상태코드 셀렉트박스 변경 이벤트
-	$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
-		let code = $(this).attr('code');
-		$('#searchForm input[name=chgStat]').val(code);
-		jsonObj.chgStat = code;
-
-		$("#odStatusPop .popup_con button").removeClass("on");
-
-		// 상태값설정
-		$("#odStatusPop .popup_con button").each(function() {
-			var tempCode = $(this).attr("code");
-			if (tempCode == code) {
-				$(this).addClass("on");
-
-				// 상태값 명칭
-				var ordDtlStatNm = $(this).find("span").text();
-				$(".container .my_return .od_status_btn").text(ordDtlStatNm);
-			}
-		});
-
-		// 리헷
-		$("#listBox").html("");
-
-		// 초기화설정
-		fnGetInfiniteScrollDataList(1);
+	
+});
 
-		// 팝업닫기
-		$(".popup_close").trigger("click");
-	});
+//사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
+$(window).on("pageshow", function(event) {
+	if ((event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
+		var historyData = sessionStorage.getItem(document.location.href);
+		if (historyData != null) {
+			historyData = JSON.parse(historyData);
+		} else {
+			historyData = {};
+		}
+	} else {
+		// 2021.05.28 인피니티스크롤 초기화
+		fnMypageCreListInfiniteScrollInit();
+		fnGetInfiniteScrollDataList();
+	}
 });
 
 //취소,반품,교환목록조회
-var fnGetInfiniteScrollDataList = function(pageNo) {
-
-	// 페이지번호가 없으면 1페이지 설정
-	if (pageNo == null || pageNo == 0) {
-		pageNo = 1;
+var fnGetInfiniteScrollDataList = function() {
+	
+	// 2021.05.28 페이지 기능 수정
+	if (pageNo <= totalPage) {
+		pageNo++;
+	} else {
+		return false;
 	}
 	
 	// 페이지설정
 	$("#searchForm input[name=pageNo]").val(pageNo);
 	
-	jsonObj.pageNo = pageNo;
-	jsonObj.stDate = $("#searchForm input[name=stDate]").val();
-	jsonObj.edDate = $("#searchForm input[name=edDate]").val();
+	jsonObj.pageNo	= pageNo;
+	jsonObj.stDate	= $("#searchForm input[name=stDate]").val();
+	jsonObj.edDate	= $("#searchForm input[name=edDate]").val();
+	jsonObj.chgStat	= $('#searchForm input[name=chgStat]').val();
 	
-	$.ajax( {
-		type		: "POST",
-		url 		: '/mypage/cre/listInfo',
-		data		: JSON.stringify(jsonObj),
-		dataType 	: 'html',
-		beforeSend : function(xhr, settings) {
-			xhr.setRequestHeader("AJAX"			, "true");
-			xhr.setRequestHeader('Accept'		, 'application/json');
-			xhr.setRequestHeader('Content-Type'	, 'application/json');
-		},
-		success 	: function(result) {
-			if (result != null) {
-				$("#listBox").css("display", "block");
-				$("#listBox").append(result);
-				
-				scrollTemp = true;
-				
-			}
+	gagajf.ajaxJsonSubmit('/mypage/cre/list/pre/info', JSON.stringify(jsonObj), function(result) {
+		let totalCount 	= result.paging.totalCount;
+		totalCnt 		= totalCount;
+		
+		getTotalPage(totalCount);
+		
+		gagaInfiniteScroll.pageStatus.totalCount = totalCount;
+		
+		let ordChgSqArr = [];
+		$.each(result.creList, function(idx, item) {
+			ordChgSqArr.push(item.ordChgSq);
+		});
+		
+		jsonObj.ordChgSqArr = ordChgSqArr;
+		
+		if (ordChgSqArr.length > 0) {
+			$.ajax({
+				type: "POST",
+				url: '/mypage/cre/list/info',
+				data: JSON.stringify(jsonObj),
+				dataType: 'html',
+				beforeSend: function (xhr, settings) {
+					xhr.setRequestHeader("AJAX", "true");
+					xhr.setRequestHeader('Accept', 'application/json');
+					xhr.setRequestHeader('Content-Type', 'application/json');
+				},
+				success: function (result) {
+					if (result != null) {
+						// 2021.05.28
+						$("#listBox").css("display", "block");
+						gagaInfiniteScroll.draw(result);
+					}
+				}
+			});
 		}
-	});
+	}, true);
+	//$.ajax( {
+	//	type		: "POST",
+	//	url 		: '/mypage/cre/listInfo',
+	//	data		: JSON.stringify(jsonObj),
+	//	dataType 	: 'html',
+	//	beforeSend : function(xhr, settings) {
+	//		xhr.setRequestHeader("AJAX"			, "true");
+	//		xhr.setRequestHeader('Accept'		, 'application/json');
+	//		xhr.setRequestHeader('Content-Type'	, 'application/json');
+	//	},
+	//	success 	: function(result) {
+	//		if (result != null) {
+	//			$("#listBox").css("display", "block");
+	//			$("#listBox").append(result);
+	//			
+	//			scrollTemp = true;
+	//			
+	//		}
+	//	}
+	//});
 }
 
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);
 	
-	// 리헷
-	$("#listBox").html("");
-	
-	// 초기화설정
-	fnGetInfiniteScrollDataList(1);
+	// 인피니티스크롤 초기화
+	fnMypageOrderListInfiniteScrollInit();
 	
 	$("#odDatePop .popup_con button").removeClass("on");
 	
@@ -240,13 +278,57 @@ var fnSetSearchPeriod = function(period) {
 			$(".container .my_return .od_date_btn").text(periodStr);
 		}
 	});
+	
+	fnGetInfiniteScrollDataList();
+	
+	// 팝업닫기
+	$(".popup_close").trigger("click");
+}
 
+// 주문상세상태코드 셀렉트박스 변경 이벤트
+$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
+	let code = $(this).attr('code');
+	$('#searchForm input[name=chgStat]').val(code);
+	jsonObj.chgStat = code;
+	
+	$("#odStatusPop .popup_con button").removeClass("on");
+	
+	// 상태값설정
+	$("#odStatusPop .popup_con button").each(function() {
+		var tempCode = $(this).attr("code");
+		if (tempCode == code) {
+			$(this).addClass("on");
+			
+			// 상태값 명칭
+			var ordDtlStatNm = $(this).find("span").text();
+			$(".container .my_return .od_status_btn").text(ordDtlStatNm);
+		}
+	});
+	
+	// 인피니티스크롤 초기화
+	fnMypageOrderListInfiniteScrollInit();
+	fnGetInfiniteScrollDataList();
+	
 	// 팝업닫기
 	$(".popup_close").trigger("click");
+});
+
+// 2021.04.21 인피니티 스크롤 기능 구현전 추후 수정
+var fnMypageCreListInfiniteScrollInit = function(){
+	sessionStorage.removeItem(document.location.href);
+	
+	pageNo = 0;
+	
+	// History 초기화
+	$("#listBox").html("");
 }
 
 // 취반교 상세 페이지 이동
 var fnGoToCreDetail = function(param) {
+	// 2021.05.27 인피니스크롤위치이동
+	let scrollpos = $(window).scrollTop();
+	localStorage.setItem('scrollpos', scrollpos);
+	
 	let ordNo = $(param).attr('ordNo');
 	let ordChgSq = $(param).attr('ordChgSq');
 	let chgGb = $(param).attr('chgGb');
@@ -266,6 +348,19 @@ var fnGoToCreDetail = function(param) {
 
 	cfnGoToPage(_frontUrl + url);
 }
+
+var getTotalPage = function(param) {
+	// 전체페이지 구하기
+	totalPage 	= parseInt(param / 10);
+	remainList 	= param % 10;
+	
+	// 나머지가 있으면 전체 페이지 + 1
+	if (remainList > 0) {
+		totalPage = totalPage + 1;
+	}
+}
+
+$(function() { gagaInfiniteScroll.getHistory(); });
 /*]]>*/
 </script>
 
@@ -313,35 +408,6 @@ var fnGoToCreDetail = function(param) {
 		});
 	});
 	/* //210409_추가 : alert 모음 */
-	
-	// 등급쿠폰 다운 클릭 이벤트
-	var fnDownloadCoupon = function() {
-		let url = '/mypage/coupon/download/all';
-
-		let data = {};
-		data.custNo = customerInfo.custNo;
-
-		let jsonData = JSON.stringify(data);
-
-		gagajf.ajaxJsonSubmit(url, jsonData, function() {
-			fnReloadCouponCount();
-		});
-	}
-	
-	// 보유쿠폰 수량 업데이트 처리
-	var fnReloadCouponCount = function() {
-		let url = '/mypage/coupon/count';
-		
-		let data = {};
-		data.custNo = customerInfo.custNo;
-		
-		let jsonData = JSON.stringify(data);
-		
-		gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
-			$('#couponCnt').text(result.couponCnt);
-			$('#expiredSoonCouponCnt').text(result.expiredSoonCouponCnt);
-		});
-	}
 </script>
 
 </th:block>

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

@@ -23,7 +23,7 @@
 							<p class="dlvr_desc"><th:block th:text="|${cre.chgDate} ${cre.chgTime}|"></p>
 						</div>
 						<div class="goods_detail">
-							<a href="javascript:void(0);">
+							<a href="javascript:void(0)" th:attr="goodsCd=${cre.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 								<div class="thumb_box">
 									<img th:src="${imageUrl + '/' + cre.sysImgNm}" src="/" width="100%" alt="">
 								</div>

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

@@ -209,34 +209,6 @@ $(document).ready(function() {
 		$('#htopTitle').text('주문확인/배송조회');
 	}
 	
-	// 주문상세상태코드 셀렉트박스 변경 이벤트
-	$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
-		let code = $(this).attr('code');
-		$('#searchForm input[name=ordDtlStat]').val(code);
-		jsonObj.ordDtlStat = code;
-
-		$("#odStatusPop .popup_con button").removeClass("on");
-
-		// 상태값설정
-		$("#odStatusPop .popup_con button").each(function() {
-			var tempCode = $(this).attr("code");
-			if (tempCode == code) {
-				$(this).addClass("on");
-
-				// 상태값 명칭
-				var ordDtlStatNm = $(this).find("span").text();
-				$(".container .my_order .od_status_btn").text(ordDtlStatNm);
-			}
-		});
-		
-		// 인피니티스크롤 초기화
-		fnMypageOrderListInfiniteScrollInit();
-		fnGetInfiniteScrollDataList();
-
-		// 팝업닫기
-		$(".popup_close").trigger("click");
-	});
-
 	// GNB Background Color 변경
 	if (mypageMainYn == 'Y') {
 		$('#htopSub').addClass('my_main');
@@ -331,22 +303,27 @@ var fnGetInfiniteScrollDataList = function() {
 				}
 			});
 		}
-	});
+	}, true);
 }
 
 // 검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);
 	
-	// 리헷
-	$("#listBox").html("");
-	
 	// 인피니티스크롤 초기화
 	fnMypageOrderListInfiniteScrollInit();
 	
@@ -363,15 +340,47 @@ var fnSetSearchPeriod = function(period) {
 			$(".container .my_order .od_date_btn").text(periodStr);
 		}
 	});
-
+	
+	fnGetInfiniteScrollDataList();
+	
 	// 팝업닫기
 	$(".popup_close").trigger("click");
 }
 
+// 주문상세상태코드 셀렉트박스 변경 이벤트
+$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
+	let code = $(this).attr('code');
+	$('#searchForm input[name=ordDtlStat]').val(code);
+	jsonObj.ordDtlStat = code;
+	
+	$("#odStatusPop .popup_con button").removeClass("on");
+	
+	// 상태값설정
+	$("#odStatusPop .popup_con button").each(function() {
+		var tempCode = $(this).attr("code");
+		if (tempCode == code) {
+			$(this).addClass("on");
+			
+			// 상태값 명칭
+			var ordDtlStatNm = $(this).find("span").text();
+			$(".container .my_order .od_status_btn").text(ordDtlStatNm);
+		}
+	});
+	
+	// 인피니티스크롤 초기화
+	fnMypageOrderListInfiniteScrollInit();
+	fnGetInfiniteScrollDataList();
+	
+	// 팝업닫기
+	$(".popup_close").trigger("click");
+});
+
 // 2021.04.21 인피니티 스크롤 기능 구현전 추후 수정
 var fnMypageOrderListInfiniteScrollInit = function(){
 	sessionStorage.removeItem(document.location.href);
 	
+	pageNo = 0;
+	
 	// History 초기화
 	$("#listBox").html("");
 }

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

@@ -328,9 +328,17 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);

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

@@ -233,9 +233,17 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);
@@ -266,6 +274,10 @@ var fnSetSearchPeriod = function(period) {
 
 // 취반교 상세 페이지 이동
 var fnGoToCreDetail = function(param) {
+	// 2021.05.27 인피니스크롤위치이동
+	let scrollpos = $(window).scrollTop();
+	localStorage.setItem('scrollpos', scrollpos);
+	
 	let ordChgSq = $(param).attr('ordChgSq');
 	let chgGb = $(param).attr('chgGb');
 	let url = '';

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

@@ -278,9 +278,17 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);

src/main/webapp/WEB-INF/views/web/mypage/MypageCreListFormWeb.html

@@ -200,10 +200,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);
@@ -535,6 +543,10 @@
 	
 	// 취반교 상세 페이지 이동
 	var fnGoToCreDetail = function(param) {
+		// 2021.05.27 인피니스크롤위치이동
+		let scrollpos = $(window).scrollTop();
+		localStorage.setItem('scrollpos', scrollpos);
+		
 		let ordNo = $(param).attr('ordNo');
 		let ordChgSq = $(param).attr('ordChgSq');
 		let chgGb = $(param).attr('chgGb');

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderDetailFormWeb.html

@@ -409,11 +409,11 @@
 											</div>
 											<div class="include_item" th:if="${orderAmtInfo.prePntDcAmt > 0}">
 												<dt>선포인트 할인</dt>
-												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.prePntDcAmt, 1, 'COMMA')}|"></em>원</dd>
+												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.prePntDcAmt, 1, 'COMMA')}|"></em>P</dd>
 											</div>
 											<div class="include_item" th:if="${orderAmtInfo.pntDcAmt > 0}">
 												<dt>포인트 사용</dt>
-												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.pntDcAmt, 1, 'COMMA')}|"></em>원</dd>
+												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.pntDcAmt, 1, 'COMMA')}|"></em>P</dd>
 											</div>
 											<div class="include_item" th:if="${orderAmtInfo.gfcdUseAmt > 0}">
 												<dt>상품권 사용</dt>

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderListFormWeb.html

@@ -222,10 +222,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);

src/main/webapp/WEB-INF/views/web/mypage/NoMemberCreListFormWeb.html

@@ -203,10 +203,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);
@@ -533,6 +541,10 @@
 	
 	// 취반교 상세 페이지 이동
 	var fnGoToCreDetail = function(param) {
+		// 2021.05.27 인피니스크롤위치이동
+		let scrollpos = $(window).scrollTop();
+		localStorage.setItem('scrollpos', scrollpos);
+		
 		let ordChgSq = $(param).attr('ordChgSq');
 		let chgGb = $(param).attr('chgGb');
 		let url = '';

src/main/webapp/WEB-INF/views/web/mypage/NoMemberOrderListFormWeb.html

@@ -194,10 +194,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);

src/main/webapp/biz/mypage.js

@@ -506,3 +506,21 @@ var fnGoToWithdrawDelivery = function(param) {
 		}
 	});
 }
+
+// 날짜 포멧 처리
+function getFormatDate(date) {
+	let year = date.getFullYear();
+	let month = (1 + date.getMonth());
+	let day = date.getDate();
+	let lastDay = (new Date(year, month, 0)).getDate();
+
+	if (day > lastDay) {
+		day = lastDay;
+	}
+	
+	month = month >= 10 ? month : '0' + month;
+	
+	day = day >= 10 ? day : '0' + day;
+	
+	return year + '-' + month + '-' + day;
+}

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

@@ -282,12 +282,14 @@ input[type="reset"], input[type="button"], input[type="submit"], button {line-he
   content: ''; position:absolute; top:50%; margin-top:-10px; left:0; width:20px; height:20px; background-color: #fd4800; 
   background: url('/images/mo/ico_chk_rdi.png') no-repeat;
   background-position: -80px 0px;
+  border-radius: 100%;
 }
 
 .form_field input[type="radio"]:Disabled + label:after{ 
   content: ''; position:absolute; top:50%; margin-top:-10px; left:0; width:20px; height:20px; background-color: #fd4800; 
   background: url('/images/mo/ico_chk_rdi.png') no-repeat;
   background-position: -100px 0px;
+  border-radius: 100%;
 }
 /* 이미지 체크박스 */
 .chk_img+label span {border: 2px solid transparent; padding: 10px; box-sizing: border-box;}
@@ -1135,9 +1137,9 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tbl.type5 {padding:0; border-top:1px solid #000;} 
 .tbl.type5 table {word-break:keep-all;}
 .tbl.type5 table th,
-.tbl.type5 table td {position:relative; padding:2.0rem 0; font-size:1.6rem; letter-spacing:-0.025em; text-align:center;}
-.tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:200;}
-.tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;}
+.tbl.type5 table td {position:relative; padding:2.0rem 0; font-size:1.3rem; letter-spacing:0; text-align:center;}
+.tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:300;font-size:1.2rem;}
+.tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;font-size:1.3rem;}
 
 /* 테이블 type6 - 결제정보 (신 버전) */
 .tbl.type6 {padding:35px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;} 

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

@@ -465,9 +465,12 @@
 .pd .pd_detail .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc;}
 .pd .pd_detail .Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
 .pd .pd_detail .Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
+
 .pd .pd_detail .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888;}
 .pd .pd_detail .Purchase_pop .deal_opt_item .select{padding-bottom:0}
+
 .pd .pd_detail .Purchase_pop .deal_opt_item .select .item_prod{top:-0.2rem}
+
 .pd .pd_detail .Purchase_pop .btn_box{display:flex;}
 .pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
 .pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
@@ -836,8 +839,11 @@
 /* 재확인 할 것 */
 .pd_pop.Purchase_pop .btPop_body{height:calc(100% - 10rem);}
 .pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
-.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
-.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
+
+
+
+.container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
+.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
 /* 재확인 할 것 */
 
 .pd_pop.Purchase_pop{}
@@ -856,30 +862,21 @@
 .pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; margin-bottom:2.5rem; border-top:2px solid #222; height:7.4rem;}
 .pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
 
+
 /* 토스트팝업 > 구매하기 > 옵션선택팝업 */
 .pd .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select{min-height: 4.5rem;}
 .pd .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 100%;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd_pop.Purchase_pop .pop_option_select{display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #fff; height:84%;}
-.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd_pop.Purchase_pop .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header{margin-bottom:2rem;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
-.pd_pop.Purchase_pop .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
+
 .pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem; height:auto; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; padding-right: 4rem;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .option_box .select_custom .combo .select{padding-left:1.5rem; color: #333333;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom .combo .select::before{content: '상품';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(2) .select_custom .combo .select::before{content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(3) .select_custom .combo .select::before{content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd.deal .pd_detail .select_custom .select .item_prod .item_state .itemLink .itemName{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden; color:#777;}
-.pd_pop.Purchase_pop .pop_option_select .setOption{}
-.pd_pop.Purchase_pop .pop_option_select .setOption .title{margin-bottom:1rem;}
-.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap{margin-top:2rem;}
-.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
+
+.pd.deal .pd_detail .option_box .select_custom .combo .select{padding-left:1.5rem; color: #333333;}
+.pd.deal .pd_detail .form_field:nth-child(1) .select_custom .combo .select::before{content: '상품';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333;}
+.pd.deal .pd_detail .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
+.pd.deal .pd_detail .form_field:nth-child(2) .select_custom .combo .select::before{content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
+.pd.deal .pd_detail .form_field:nth-child(3) .select_custom .combo .select::before{content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
+.pd.deal .pd_detail .select_custom .select .item_prod .item_state .itemLink .itemName{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden; color:#777; height:auto;}
+
+
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right:4rem;padding-left: 5rem;}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select .opt_name{pointer-events: none;}
@@ -888,6 +885,7 @@
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
 
 
+
 /* pd_popup 공통 */
 .modal.pd_pop .opt_select .form_field {margin-top:0.5rem;}
 .modal.pd_pop .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:0.3rem;}
@@ -907,6 +905,31 @@
 .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
 .tbl.type2 table th {font-weight:300; color:#222;} */
 
+/* 상품상세 및 상품상세딜_옵션선택팝업 */
+.pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
+.pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
+.pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
+.pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
+.pd .pd_detail .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
+.pd .pd_detail .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
+.pd .pd_detail .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
+
+.pd .pd_detail .pop_option_select .form_wrap .form_field{display: block; margin-bottom:1rem;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field .select:before{color:#333333}
+.pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_name{pointer-events: none;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_price{pointer-events: none;display: none;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
+
+.pd .pd_detail .pop_option_select .select_custom .deal_opt_item .select .item_prod {top:-0.1rem;}
+.pd .pd_detail .pop_option_select .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem; padding-bottom:0}
+.pd .pd_detail .pop_option_select .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
+.pd .pd_detail .pop_option_select .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
+.pd .pd_detail .pop_option_select .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
+.pd .pd_detail .pop_option_select .select_custom .combo .list>li .item_prod {padding-right: 0;}
+
 /* 쇼핑백담음 팝업 */
 #shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
 #shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}

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

@@ -1087,11 +1087,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .tip2 .tip_contents:before,
 .my .review .tip2 .tip_contents:after{left: 64.5%;}
 .my .review .titWrap {margin-top: 1.2rem;}
-.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-weight: 200;}
-.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 3px;height: 3px;}
+.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-size: 1.3rem;font-weight: 200;}
+.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
 .my .review .tab_cont .inner:first-child {margin-top: 0;}
 .my .review .tab_cont .inner {margin-top: 1.2rem;}
 .my .review .tab_cont .inner .reviewMy {padding: 2.4rem 0 6rem; font-weight: 200;}
+.my .review .tab_cont .inner .reviewMy::before {content: ''; width: 100%; height: 0.1rem; display: block; background: #eeeeee; position: relative; top: -2.45rem; left: 0; }
 .my .review .part_goods {padding-top: 2.4rem;}
 .my .review .part_goods:first-child {margin-top: 0;}
 .my .review .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
@@ -1488,26 +1489,27 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 
 /* my_Leave */
+.my .myMbLeave .titWrap {font-size: 1.4rem;}
 .my .myMbLeave .inner {background: #fff;margin-bottom: 1.2rem;}
 .my .myMbLeave .inner:nth-last-child(2) {background: #fff;margin-bottom: 0;}
 .my .myMbLeave .mb_leave_complete {text-align: center;padding: 10rem 0 4rem 0;color: #222;font-size: 2.4rem;font-weight: 500;}
 .my .myMbLeave .mb_leave_complete::before {content: '';display: block;width: 8.5rem;height: 8.5rem;position: relative;left: 50%;top: 50%;background: url(/images/mo/ico_complete_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;transform: translate(-50%, -50%);}
 .my .myMbLeave .hold_order .on, .my .myMbLeave .hold_voucher, .my .myMbLeave .hold_coupon {color: #fd4802;}
-.my .myMbLeave .tbl.type5 table{width: 100%;}
 .my .myMbLeave .tblWrap table {padding: 0;border-top: 0px;}
 .my .myMbLeave .tblWrap table tr td {padding-top:0;}
 .my .myMbLeave .tblWrap table tr td:first-child {border-bottom: 0;}
 .my .myMbLeave .tblWrap .tbl td input {width: 100%;}
-.my .myMbLeave .tbl.type5 {border-top: 0;padding-top: 2.0rem;padding-bottom: 4rem;}
-.my .myMbLeave .tbl.type5 table th {background: #f5f5f5;border-top: 2px solid #222;}
-.my .myMbLeave .tbl.type5 th p {font-size: 1.3rem; color: #888888;}
-.my .myMbLeave .tbl.type5 th p {font-size: 1.3rem; color: #888888;}
+.my .myMbLeave .tbl.type5 {border-top: 0;padding-top: 2.0rem;padding-bottom: 3rem;}
+.my .myMbLeave .tbl.type5 table{width: 100%;}
+.my .myMbLeave .tbl.type5 table th {padding: 1.6rem 0; background: #f5f5f5;border-top: 0.1rem solid #222;}
+.my .myMbLeave .tbl.type5 th p {font-size: 1.1rem; font-weight: 200; color: #888888;}
 .my .myMbLeave .announce_txt .announce_list{padding: 1.0rem 0 3rem;}
-.my .myMbLeave .announce_txt + .check_box {padding: 3.0rem 0;border-top: 1px dashed #dcdcdc;}
-.my .myMbLeave .message { width: 100%; display: inline-table;position: relative; border:1px solid #ffe4d9; padding:0 1.5rem; margin-top: 1.2rem;background: #fff6f2;}
+.my .myMbLeave .announce_txt + .check_box {padding: 3.0rem 0;border-top: 0.1rem dashed #dcdcdc;}
+.my .myMbLeave .message { width: 100%; display: inline-table;position: relative; border:0.1rem solid #ffe4d9; padding:0 1.5rem; margin-top: 1.2rem;background: #fff6f2;}
 .my .myMbLeave .message .msg_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500; padding-top: 1.5rem;   padding-left: 2rem;}
 .my .myMbLeave .message .msg_tit.t_err {text-indent: -2rem;}
 .my .myMbLeave .message .content {font-size: 1.3rem; padding-bottom: 1.5rem;padding-left: 2rem;color: #888888;}
+.my .myMbLeave .form_field input[type="checkbox"] + label {text-align: left;line-height: 1.4rem;}
 .my .myMbLeave .btn_group_flex {margin-top: 0;}
 
 

src/main/webapp/ux/pc/css/common.css

@@ -1246,37 +1246,42 @@ input[type="file"] {
 
 /* datePicker */
 /* jquery ui datepicker month year picker */
+.ui-icon {display: none;}
 .ui-datepicker { font-family:arial,verdana,sans-serif }
+.ui-datepicker .ui-datepicker-header { height: 40px}
 .ui-datepicker .ui-datepicker-select-month td ,
-.ui-datepicker .ui-datepicker-select-year td {
-	line-height: 3.4em;
-}
+.ui-datepicker .ui-datepicker-select-year td {line-height: 3.4em;}
 .ui-datepicker .ui-datepicker-select-month td span,
 .ui-datepicker .ui-datepicker-select-month td a,
 .ui-datepicker .ui-datepicker-select-year td span,
-.ui-datepicker .ui-datepicker-select-year td a  {
-	font-size: 1.5em;
-	text-align: center;
-}
-.ui-datepicker .ui-datepicker-select-year td.outoffocus {
-	opacity: 0.5;
-}
-.ui-datepicker .ui-datepicker-prev { left: 15px;cursor: pointer;  }
-.ui-datepicker .ui-datepicker-next { right: 15px;cursor: pointer;  }
-.ui-datepicker .ui-datepicker-header { height: 40px  }
-.ui-widget.ui-widget-content { width: 300px;padding:5px 8px;border-radius: 0   }
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
-	border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center; 
-}
+.ui-datepicker .ui-datepicker-select-year td a {font-size: 1.5em;text-align: center;}
+.ui-datepicker .ui-datepicker-select-year td.outoffocus {opacity: 0.5;}
+.ui-datepicker .ui-datepicker-prev { left: 15px;cursor: pointer;}
+.ui-datepicker .ui-datepicker-next { right: 15px;cursor: pointer;}
+.ui-state-hover, 
+.ui-widget-content .ui-state-hover, 
+.ui-widget-header .ui-state-hover, 
+.ui-state-focus, 
+.ui-widget-content .ui-state-focus, 
+.ui-widget-header .ui-state-focus, 
+.ui-button:hover, .ui-button:focus {border: 0;top:3px;}
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:3px;}
+.ui-datepicker-prev:hover, .ui-datepicker-next:hover {border-width:0;top:3px;}
+.ui-datepicker-prev:before, .ui-datepicker-next:before {content: "";position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);width: 8px;height: 16px;vertical-align: middle; background: url(/images/pc/slide_prev.png) no-repeat;background-size: 8px 16px;}
+.ui-datepicker-next:before {background: url(/images/pc/slide_next.png) no-repeat;background-size: 8px 16px;}
+
+
+.ui-widget.ui-widget-content { width: 300px;padding:5px 8px;border-radius: 0;}
+.ui-state-default, 
+.ui-widget-content .ui-state-default, 
+.ui-widget-header .ui-state-default, 
+.ui-button, 
+html .ui-button.ui-state-disabled:hover, 
+html .ui-button.ui-state-disabled:active{border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center;}
 .ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{  background-color:rgba(159,121,82,1);   }
-.ui-state-default:hover { background-color:rgba(159,121,82,0.6);color:#fff;   }
-.ui-widget-header {  font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;   }
-.ui-datepicker th {  border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
-
-.ui-datepicker-prev:hover, .ui-datepicker-next:hover { border-width:0 ;background: transparent;  }
-.ui-datepicker-prev:before, .ui-datepicker-next:before { content: "";position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);width: 8px;height: 16px;vertical-align: middle;background:url(../images/icon_bg.png) no-repeat -81px 0;   }
-.ui-icon {display: none;}
-.ui-datepicker-next:before {background-position: -95px 0}
+.ui-state-default:hover {background-color:rgba(159,121,82,0.6);color:#fff;   }
+.ui-widget-header {font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;   }
+.ui-datepicker th {border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
 
 
 /* tab */