모달 스크롤 추가

detailGrid 수정
전투이벤트, 랜드경매, 이벤트, 메일 상세 수정
랜드경매 예약종료일 제거

src/components/common/modal/Modal.js

@@ -38,6 +38,8 @@ const ModalBg = styled(motion.div)`
 	min-width: 1080px;
 	display: ${props => (props.$view === 'hidden' ? 'none' : 'block')};
 	z-index: 20;
+    overflow-y: auto; 
+    overflow-x: auto;
 `;
 
 const ModalContainer = styled.div`
@@ -52,9 +54,18 @@ const ModalWrapper = styled(motion.div)`
     min-width: ${props => props.min || 'auto'};
     padding: ${props => props.$padding || '30px'};
     border-radius: 30px;
-    max-height: 90%;
+    max-height: calc(100vh - 40px);
     overflow: auto;
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
+	
+	/*모바일*/
+    @media (max-width: 768px) {
+        min-width: unset;
+        max-width: calc(100vw - 20px);
+        max-height: calc(100vh - 20px);
+        padding: ${props => props.$padding || '20px'};
+        border-radius: 20px;
+    }
 `;
 
 const Modal = ({ children, $padding, min, $view, $bgcolor }) => {