This commit is contained in:
myname 2025-01-02 11:51:53 +09:00
commit 36ae4a9eb8
34 changed files with 14 additions and 10 deletions

View File

@ -49,7 +49,7 @@ function popupSet(bodyWidth){
if(bodyWidth>1199){ if(bodyWidth>1199){
$(".popup").each(function(idx,itm) { $(".popup").each(function(idx,itm) {
$(this).css({ $(this).css({
top: '10%', // 화면 중앙에 위치 top: '60px', // 화면 중앙에 위치
left: offset + 'px', // 각 팝업을 가로로 정렬 left: offset + 'px', // 각 팝업을 가로로 정렬
/* transform: 'translateY(-50%)', // 세로 중앙 정렬 */ /* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
position: 'absolute' // 부모 요소 기준으로 위치 설정 position: 'absolute' // 부모 요소 기준으로 위치 설정
@ -378,7 +378,7 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
position: fixed; /* 화면에 고정 */ position: fixed; /* 화면에 고정 */
left: 0; /* 초기 위치 설정 */ left: 0; /* 초기 위치 설정 */
top: 50%; /* 화면 중앙에 위치 */ top: 50%; /* 화면 중앙에 위치 */
min-width: 300px; /* 팝업 너비 */ min-width: 400px; /* 팝업 너비 */
height: auto; /* 높이를 내용에 맞게 자동 조정 */ height: auto; /* 높이를 내용에 맞게 자동 조정 */
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
background-color: #f4f5f6; background-color: #f4f5f6;
@ -386,20 +386,23 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
z-index: 1000; /* 다른 요소들 위에 표시되도록 설정 */ z-index: 1000; /* 다른 요소들 위에 표시되도록 설정 */
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* 그림자 효과 */ 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;} .popup_wrap{padding:100px 30px;left:0;top:0;z-index:10;}
.pop-conts{display:flex;background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;} .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;} .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{display:flex;font-size:1.5rem;color:#222;gap:6px;}
.today_close [type="checkbox"]{width:16px;height:16px;} .today_close [type="checkbox"]{width:16px;height:16px;}
.btn-layerClose{width:16px;height:16px;margin:2px 0 0 0;} .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;} .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){ @media screen and (max-width: 1199px){
.popup_wrap{width:95%;} .popup{width:95%;min-width:auto;}
.pop-conts{min-height:auto;} .pop-conts{min-height:auto;}
.popup_wrap img{height:auto !important;object-fit:contain;} .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%);}
}
</style> </style>
<div class="popup_wrap">
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4"> <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup"> <div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup">
<div class="pop-container"> <div class="pop-container">
@ -429,5 +432,4 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
</div> </div>
</div> </div>
</c:forEach> </c:forEach>
</div>
</c:if> </c:if>

View File

@ -23,7 +23,8 @@
<!-- 1. 지도 노드 --> <!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1472776991323" class="map_area root_daum_roughmap root_daum_roughmap_landing"></div> <div id="daumRoughmapContainer1472776991323" class="map_area root_daum_roughmap root_daum_roughmap_landing"></div>
<!-- 2. 설치 스크립트 --> <!-- 2. 설치 스크립트 -->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script> <!-- <script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script> -->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 --> <!-- 3. 실행 스크립트 -->
<script charset="UTF-8"> <script charset="UTF-8">
var MYMAP; var MYMAP;

Binary file not shown.

After

Width:  |  Height:  |  Size: 789 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1002 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 994 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 856 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -143,7 +143,7 @@
.news_content .title{font-size:2.7rem;font-weight:bold;color:#333;line-height:1.2;margin:0 0 20px 0;} .news_content .title{font-size:2.7rem;font-weight:bold;color:#333;line-height:1.2;margin:0 0 20px 0;}
.news_content .title span{display:block;width:100%;margin:15px 0 0 0;font-size:1.9rem;font-weight:400;color:#888;} .news_content .title span{display:block;width:100%;margin:15px 0 0 0;font-size:1.9rem;font-weight:400;color:#888;}
.news_content .news_list{margin:20px 0 15px 0;} .news_content .news_list{margin:20px 0 15px 0;}
.news_content a{position:relative;display:inline-block;padding:0 20px 12px 12px;font-size:2.1rem;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .news_content a{position:relative;display:inline-block;max-width:100%;padding:0 20px 12px 12px;font-size:2.1rem;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.news_content a.new::before{position:absolute;content:"N";font-size:1.6rem;font-weight:900;color:#f96502;right:0;top:3px;} .news_content a.new::before{position:absolute;content:"N";font-size:1.6rem;font-weight:900;color:#f96502;right:0;top:3px;}
.news_content a::after{position:absolute;content:"";width:4px;height:4px;background:#b4b4b4;left:0;top:12.5px;} .news_content a::after{position:absolute;content:"";width:4px;height:4px;background:#b4b4b4;left:0;top:12.5px;}
.news_content .btn_wrap{margin:10px 0 0 0;gap:5px} .news_content .btn_wrap{margin:10px 0 0 0;gap:5px}

View File

@ -396,10 +396,11 @@
:not(.window_popup.idf) .search_wrap .select+.select+.input_text{width:calc(100% - 330px);} :not(.window_popup.idf) .search_wrap .select+.select+.input_text{width:calc(100% - 330px);}
:not(.window_popup.idf) .search_wrap .btn_search{width:110px;height:80px;padding:0;font-size:3.6rem;padding:0;} :not(.window_popup.idf) .search_wrap .btn_search{width:110px;height:80px;padding:0;font-size:3.6rem;padding:0;}
.page{flex-wrap:wrap;}
.page a{font-size:3.4rem;} .page a{font-size:3.4rem;}
.page a,.page .only_icon{width:80px;height:80px;border-radius:10px;} .page a,.page .only_icon{width:80px;height:80px;border-radius:10px;}
.page i{width:80px;height:80px;} .page i{width:80px;height:80px;}
.page li:nth-child(n+5):nth-child(-n+11){display:none;} /* .page li:nth-child(n+5):nth-child(-n+11){display:none;} */
.page .page_first_li,.page .page_prev_li,.page .page_next_li,.page .page_last_li{display:block !important;} .page .page_first_li,.page .page_prev_li,.page .page_next_li,.page .page_last_li{display:block !important;}
.page .page_first{background:url(/kofair_case_seed/usr/images/component/icon_page_first_80.png) center center;} .page .page_first{background:url(/kofair_case_seed/usr/images/component/icon_page_first_80.png) center center;}
.page .page_prev{background:url(/kofair_case_seed/usr/images/component/icon_page_prev_80.png) center center;} .page .page_prev{background:url(/kofair_case_seed/usr/images/component/icon_page_prev_80.png) center center;}