diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
index 391d475a..c72e50fe 100644
--- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
@@ -49,7 +49,7 @@ function popupSet(bodyWidth){
if(bodyWidth>1199){
$(".popup").each(function(idx,itm) {
$(this).css({
- top: '10%', // 화면 중앙에 위치
+ top: '60px', // 화면 중앙에 위치
left: offset + 'px', // 각 팝업을 가로로 정렬
/* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
position: 'absolute' // 부모 요소 기준으로 위치 설정
@@ -378,7 +378,7 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
position: fixed; /* 화면에 고정 */
left: 0; /* 초기 위치 설정 */
top: 50%; /* 화면 중앙에 위치 */
- min-width: 300px; /* 팝업 너비 */
+ min-width: 400px; /* 팝업 너비 */
height: auto; /* 높이를 내용에 맞게 자동 조정 */
border: 1px solid #e5e5e5;
background-color: #f4f5f6;
@@ -386,20 +386,23 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
z-index: 1000; /* 다른 요소들 위에 표시되도록 설정 */
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* 그림자 효과 */
}
- .popup_wrap{position:fixed;width:100%;height:100%;padding:30px;left:0;top:0;z-index:999;}
- .pop-conts{display:flex;background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;}
+ .popup_wrap{padding:100px 30px;left:0;top:0;z-index:10;}
+ .pop-conts{background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;}
+ .pop-conts a{width:100%;padding:20px;word-break:break-word;}
.btn-r{display:flex;height:45px;padding:0 15px;justify-content:space-between;align-items:center;}
.today_close{display:flex;font-size:1.5rem;color:#222;gap:6px;}
.today_close [type="checkbox"]{width:16px;height:16px;}
.btn-layerClose{width:16px;height:16px;margin:2px 0 0 0;}
.icon.popup_close{width:16px;height:16px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;background-size:100% auto;}
@media screen and (max-width: 1199px){
- .popup_wrap{width:95%;}
+ .popup{width:95%;min-width:auto;}
.pop-conts{min-height:auto;}
.popup_wrap img{height:auto !important;object-fit:contain;}
}
+ @media screen and (max-width: 640px){
+ .popup{width:95% !important;left:50% !important;transform:translateX(-50%);}
+ }
-
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/web/site/case/jsp/content/01030000000000000000.jsp b/src/main/webapp/WEB-INF/jsp/web/site/case/jsp/content/01030000000000000000.jsp
index e03506d2..6ba82db1 100644
--- a/src/main/webapp/WEB-INF/jsp/web/site/case/jsp/content/01030000000000000000.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/site/case/jsp/content/01030000000000000000.jsp
@@ -23,7 +23,8 @@
-
+
+