Commit @0b22c3160b9f75c4ecd8d1e2047727a4a72c86e1

kmg 2024-11-19

2024/11/19 팝업수정 1차

@0b22c3160b9f75c4ecd8d1e2047727a4a72c86e1

7b464e5

0b22c31

src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

--- src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

+++ src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp


 			</div>
 		</div>
 		
-		<!-- 20241105 이용약관 팝업  -->
+		<!-- 20241105 이용약관 팝업  
 		<div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106">
 			<div class="layer_popup_cont">
 				<img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map">

 				<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
 				<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
 			</div>
+		</div>-->
+		
+		<!-- 세로가 짧은 팝업 2개일때 -->
+		<div class="popup_range">
+			<!-- 20241119 이용약관 팝업  -->
+			<div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106" style="margin: 0 0 20px 30px;">
+				<div class="layer_popup_cont">
+					<img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map" style="height:200px; width:413px;">
+					<map name="popup-use-map">
+						<area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="35,295,378,352" shape="rect">
+					</map>
+				</div>
+				<div class="popup_btm">
+					<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
+					<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
+				</div>
+			</div>
+			
+			<!-- 20241119 보안강화 인증 수단 도입 안내 팝업  -->
+			<div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106">
+				<div class="layer_popup_cont">
+					<img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map" style="height:300px; width:413px;">
+					<map name="popup-use-map">
+						<area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="35,295,378,352" shape="rect">
+					</map>
+				</div>
+				<div class="popup_btm">
+					<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
+					<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
+				</div>
+			</div>		
 		</div>
+		<!--// 세로가 짧은 팝업 2개일때 -->
 		
 		<div class="layer_popup payEventPop">
 			<div class="layer_popup_cont">

7b464e5

0b22c31

src/main/webapp/publish/css/popupLayer.css

--- src/main/webapp/publish/css/popupLayer.css

+++ src/main/webapp/publish/css/popupLayer.css


 .layer_popup_wrap02 .layer_popup:first-child{margin-left: 0;}
 .layer_popup_wrap02 .layer_popup:last-child{margin-right: 0;}
 .layer_popup_wrap02 .popup_inner{position: relative; display: flex; width: 100%; height: 100%; vertical-align: middle; justify-content: center; align-items: center;}
+.layer_popup_wrap .popup_range {display:flex; flex-direction:column;}
 
 /* layer_tType1 */
 .popTable_wrap {border: 1px solid #ccc; border-radius: 5px;}

Add a comment

Open 0
Closed 0

List

...	...	@@ -1225,7 +1225,7 @@
1225	1225	</div>
1226	1226	</div>
1227	1227
1228		- <!-- 20241105 이용약관 팝업 -->
	1228	+ <!-- 20241105 이용약관 팝업
1229	1229	<div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106">
1230	1230	<div class="layer_popup_cont">
1231	1231	<img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map">
...	...	@@ -1237,7 +1237,39 @@
1237	1237	<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
1238	1238	<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
1239	1239	</div>
	1240	+ </div>-->
	1241	+
	1242	+ <!-- 세로가 짧은 팝업 2개일때 -->
	1243	+ <div class="popup_range">
	1244	+ <!-- 20241119 이용약관 팝업 -->
	1245	+ <div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106" style="margin: 0 0 20px 30px;">
	1246	+ <div class="layer_popup_cont">
	1247	+ <img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map" style="height:200px; width:413px;">
	1248	+ <map name="popup-use-map">
	1249	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="35,295,378,352" shape="rect">
	1250	+ </map>
	1251	+ </div>
	1252	+ <div class="popup_btm">
	1253	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1254	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1255	+ </div>
	1256	+ </div>
	1257	+
	1258	+ <!-- 20241119 보안강화 인증 수단 도입 안내 팝업 -->
	1259	+ <div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106">
	1260	+ <div class="layer_popup_cont">
	1261	+ <img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map" style="height:300px; width:413px;">
	1262	+ <map name="popup-use-map">
	1263	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="35,295,378,352" shape="rect">
	1264	+ </map>
	1265	+ </div>
	1266	+ <div class="popup_btm">
	1267	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1268	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1269	+ </div>
	1270	+ </div>
1240	1271	</div>
	1272	+ <!--// 세로가 짧은 팝업 2개일때 -->
1241	1273
1242	1274	<div class="layer_popup payEventPop">
1243	1275	<div class="layer_popup_cont">

...	...	@@ -58,6 +58,7 @@
58	58	.layer_popup_wrap02 .layer_popup:first-child{margin-left: 0;}
59	59	.layer_popup_wrap02 .layer_popup:last-child{margin-right: 0;}
60	60	.layer_popup_wrap02 .popup_inner{position: relative; display: flex; width: 100%; height: 100%; vertical-align: middle; justify-content: center; align-items: center;}
	61	+.layer_popup_wrap .popup_range {display:flex; flex-direction:column;}
61	62
62	63	/* layer_tType1 */
63	64	.popTable_wrap {border: 1px solid #ccc; border-radius: 5px;}

Delete comment