diff --git a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/trublprocessmngList.jsp b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/trublprocessmngList.jsp
index 1587333f..5ec80a64 100644
--- a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/trublprocessmngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/trublprocessmngList.jsp
@@ -194,15 +194,15 @@ function clipCall(crfNm){
 						<col class="title7">
 					</c:if>
 					<col class="title10">
-					<col class="title7">
-					<col class="title7">
-					<col class="title15">
-					<col class="title15">
 					<col class="title5">
 					<col class="title5">
+					<col class="title15">
+					<col class="title15">
 					<col class="title7">
 					<col class="title7">
-					<col class="title7">
+					<col class="title5">
+					<col class="title5">
+					<col class="title5">
 					<col class="title7">
 					<c:if test="${memberPosition == '0911000000' || memberPosition == '0910000000'}">
 						<col class="title7">
diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp
index d29a54f6..34cf2484 100644
--- a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp
@@ -288,9 +288,9 @@ function fncPopupListDelete() {
 			<!-- cont -->
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
-					<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
-					<div class="list_util">
+				<div class="list_top table_top">
+					<p>총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
+					<div class="list_util search_wrap">
 					<select class="sel2 searchSel" id="searchCondition" name="searchCondition" title="조회조건">
 						<option value="" >전체</option>
 						<option value="POPUP_SJ_NM" <c:if test="${searchCondition == 'POPUP_SJ_NM'}">selected="selected"</c:if> >제목</option>
@@ -298,7 +298,7 @@ function fncPopupListDelete() {
 					</select>
 					
 					<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${popupManageVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요" maxlength="255">
-					<button class="btn_search" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
+					<button class="btn_search btn btn_text blue_border" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
 					
 					<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
 						<option value='10' <c:if test="${popupManageVO.pageUnit == '10' or popupManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
@@ -310,7 +310,7 @@ function fncPopupListDelete() {
 				<!-- //list_top -->
 		
 				<!-- list -->
-				<div class="list tbType01">
+				<div class="list tbType01 table-layout mt15">
 					<table>
 						<colgroup>
 							<col style="width: 3%">
@@ -392,10 +392,10 @@ function fncPopupListDelete() {
 				<!-- btn_wrap -->
 				<div class="btn_wrap btn_layout01">
 					<div class="area_left">
-						<button type="button" class="btnType03"  onclick="fncPopupListDelete(); return false;">삭제</button>
+						<button type="button" class="btnType03 btn btn_text btn_46 red_border"  onclick="fncPopupListDelete(); return false;">삭제</button>
 					</div>
 					<div class="area_right">
-						<button type="button" class="btnType02" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
+						<button type="button" class="btnType02 btn btn_text btn_46 blue_fill" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
 					</div>
 				</div>
 				<!-- //btn_wrap -->
diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp
index 57568d85..2747ac70 100644
--- a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp
+++ b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp
@@ -39,7 +39,7 @@
 function fn_egov_save_PopupManage(){
 
 	var varFrom = document.popupManageVO;
-	
+	    
 	CKEDITOR.instances.nttCn.updateElement();
 	
 	if(confirm("<spring:message code="common.save.msg" />")){
@@ -132,12 +132,12 @@ function fn_egov_delete_PopupManage(){
 }
 
 </script>
-<style>
+<!-- <style>
 .date_format{width:91px !important;}
 .main1_table input{
 		width: unset;
 	}
-</style>
+</style> -->
 </head>
 <body>
 <form:form commandName="popupManageVO" name="popupManageVO" action="${pageContext.request.contextPath}/uss/ion/pwm/updtPopup.do" method="post" >
@@ -158,7 +158,7 @@ function fn_egov_delete_PopupManage(){
 
 		<div class="cont">
 			<!-- list_상세 -->
-			<div class="tbType02">
+			<div class="tbType02 col-table data-table">
 				<table>
 					<colgroup>
 						<col style="width: 20%">
@@ -168,14 +168,14 @@ function fn_egov_delete_PopupManage(){
 					<tbody>
 						<tr>
 							<th><span class="reqArea">팝업명</span></th>
-							<td colspan="3">
-								<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255"/>
+							<td>
+								<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" cssClass="w100per"/>
 		      					<form:errors path="popupTitleNm" />							
 							</td>
 						</tr>
 						<tr>
 							<th><span class="reqArea">게시기간</span></th>
-							<td colspan="3">
+							<td>
 								<%-- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
 							    <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
 							    
@@ -203,13 +203,13 @@ function fn_egov_delete_PopupManage(){
 							    </form:select>분	 --%>
 							    
 							    
-								<div id="sel_date" class="sel_date">
+								<div id="sel_date" class="sel_date calendar">
 									<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
 									<input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD"  maxlength="10" title="게시시작일" value="<c:out value="${fn:substring(popupManageVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 6, 8)}"/>" readonly>
 									<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
 										<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
 									    <input type="button" class="calBtn">
-									    <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지">
+									    <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
 									    </a>
 									</div> 
 									<form:select path="ntceBgndeHH" class="date_format">
@@ -223,7 +223,7 @@ function fn_egov_delete_PopupManage(){
 									<div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
 										<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
 									    <input type="button" class="calBtn">
-									    <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지">
+									    <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
 									    </a>
 									</div> 
 									<form:select path="ntceEnddeHH" class="date_format">
@@ -237,14 +237,14 @@ function fn_egov_delete_PopupManage(){
 						</tr>
 						<tr>
 							<th>링크 URL</th>
-							<td colspan="3">
-								<form:input path="fileUrl" size="50"  title="링크 URL" maxlength="255"/>
+							<td>
+								<form:input path="fileUrl" size="50"  title="링크 URL" maxlength="255" cssClass="w100per"/>
 		      					<form:errors path="fileUrl" />								
 							</td>
 						</tr>
 						<tr style="display:none;">
 							<th>팝업사이즈</th>
-							<td colspan="3">
+							<td>
 							     가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px  세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
 							  <form:errors path="popupWSize" />
 							  <form:errors path="popupHSize" />							
@@ -252,15 +252,16 @@ function fn_egov_delete_PopupManage(){
 						</tr>
 						<tr>
 							<th>위치</th>
-							<td colspan="3">
-								왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/>px  상단<form:input path="popupHlc" class="dateInput" maxlength="10"/>px
+							<td class="td_position">
+								<p>왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/>px</p>
+								<p>상단<form:input path="popupHlc" class="dateInput" maxlength="10"/>px</p>
 								  <form:errors path="popupWlc" />
 								  <form:errors path="popupHlc" />
 							</td>
 						</tr>
 						<tr>
 							<th>내용</th>
-							<td colspan="3">
+							<td>
 								<form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" /> 
 								<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />							
 							</td>
@@ -291,11 +292,12 @@ function fn_egov_delete_PopupManage(){
 			<!-- btn_wrap -->
 			<div class="btn_wrap btn_layout01">
 				<div class="area_left">
+					<button class="btnType04 btn btn_text btn_46 red_border" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
 				</div>
 				<div class="area_right">
-					<button class="btnType04" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
-					<button class="btnType06" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
-					<button class="btnType04" onclick="fnList(); return false;">목 록</button>
+					
+					<button class="btnType06 btn btn_text btn_46 blue_fill" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
+					<button class="btnType04 btn btn_text btn_46 gray_fill" onclick="fnList(); return false;">목 록</button>
 				</div>
 			</div>
 			<!-- //btn_wrap -->
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 8236faf6..391d475a 100644
--- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
@@ -31,20 +31,47 @@ $(document).ready(function (){
 	</c:forEach>
 	
 	// 팝업 위치 조정
-    let offset = 0;
-    $(".popup").each(function() {
-        $(this).css({
-            top: '10%', // 화면 중앙에 위치
-            left: offset + 'px', // 각 팝업을 가로로 정렬
-            transform: 'translateY(-50%)', // 세로 중앙 정렬
-            position: 'absolute' // 부모 요소 기준으로 위치 설정
-        });
-        offset += $(this).outerWidth(true); // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
-    });
+    
 	
+	var bdWidth = $("body").width();
+	popupSet(bdWidth);
 	
 });
 
+$(window).on("resize",function(){
+	var bdWidth = $("body").width();
+	popupSet(bdWidth);
+})
+
+// 팝업 css 설정
+function popupSet(bodyWidth){
+	let offset = 30;
+	if(bodyWidth>1199){
+		$(".popup").each(function(idx,itm) {
+	        $(this).css({
+	            top: '10%', // 화면 중앙에 위치
+	            left: offset + 'px', // 각 팝업을 가로로 정렬
+	            /* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
+	            position: 'absolute' // 부모 요소 기준으로 위치 설정
+	        });
+	        offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
+	    });	
+	}else{
+		$(".popup").each(function(idx,itm) {
+	    	var zIndex = 1000 - idx;
+			var topPosi = idx * 45;
+	        $(this).css({
+	            top: 'calc(10% + '+topPosi+'px)', // 화면 중앙에 위치
+	            left: '30px', // 각 팝업을 가로로 정렬
+	            /* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
+	            position: 'absolute', // 부모 요소 기준으로 위치 설정
+	            "z-index":zIndex
+	        });
+	        offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
+	    });
+	}
+}
+
 
 /* ********************************************************
 * 팝업창  오픈 쿠키 정보 OPEN
@@ -345,55 +372,62 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
 
 <c:if test="${fn:length(popupList) > 0}" >
 	<style>
+	
 	    .popup {
 	        display: none; /* 처음에는 보이지 않도록 설정 */
 	        position: fixed; /* 화면에 고정 */
 	        left: 0; /* 초기 위치 설정 */
 	        top: 50%; /* 화면 중앙에 위치 */
-	        transform: translateY(-50%); /* 세로 중앙 정렬 */
-	        width: 300px; /* 팝업 너비 */
+	        min-width: 300px; /* 팝업 너비 */
 	        height: auto; /* 높이를 내용에 맞게 자동 조정 */
-	        border: 1px solid #ccc;
-	        background-color: #f9f9f9;
+	        border: 1px solid #e5e5e5;
+	        background-color: #f4f5f6;
 	        text-align: center;
 	        z-index: 1000; /* 다른 요소들 위에 표시되도록 설정 */
-	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 그림자 효과 */
-	        padding: 20px; /* 내용과 경계 사이의 여백 */
-	    }
-	    .pop-container {
-	        text-align: left; /* 내용 정렬 */
-	    }
-	    .btn-r {
-	        margin-top: 10px; /* 버튼과 내용 사이의 여백 */
+	        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;}
+	    .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%;}
+	    	.pop-conts{min-height:auto;}
+	    	.popup_wrap img{height:auto !important;object-fit:contain;}
+		}
 	</style>
-	<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
-	    <div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup">
-	        <div class="pop-container">
-	            <div class="pop-conts">
-	                <c:choose>
-	                    <c:when test="${not empty popupListData.fileUrl}">
-	                        <a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
-	                            ${popupListData.nttCn}
-	                        </a>
-	                    </c:when>
-	                    <c:otherwise>
-	                        <a href="#">
-	                            ${popupListData.nttCn}
-	                        </a>
-	                    </c:otherwise>
-	                </c:choose>
-	            </div>
-	            <div class="btn-r">
-	                <div class="today_close">
-	                    <c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
-	                        <label for="chkPupup_${status.count}">하루동안 창을 열지 않음</label>
-	                        <input type="checkbox" id="chkPupup_${status.count}" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
-	                    </c:if>
-	                </div>
-	                <a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"></a>
-	            </div>
-	        </div>
-	    </div>
-	</c:forEach>
+	<div class="popup_wrap">
+		<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
+		    <div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup">
+		        <div class="pop-container">
+		            <div class="pop-conts">
+		                <c:choose>
+		                    <c:when test="${not empty popupListData.fileUrl}">
+		                        <a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
+		                            ${popupListData.nttCn}
+		                        </a>
+		                    </c:when>
+		                    <c:otherwise>
+		                        <a href="#">
+		                            ${popupListData.nttCn}
+		                        </a>
+		                    </c:otherwise>
+		                </c:choose>
+		            </div>
+		            <div class="btn-r">
+		                <div class="today_close">
+		                    <c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
+		                    	<input type="checkbox" id="chkPupup_${status.count}" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
+		                        <label for="chkPupup_${status.count}">하루동안 창을 열지 않음</label>
+		                    </c:if>
+		                </div>
+		                <a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"><i class="icon popup_close"></i></a>
+		            </div>
+		        </div>
+		    </div>
+		</c:forEach>
+	</div>
 </c:if>		
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/adm/style/style.css b/src/main/webapp/kofair_case_seed/adm/style/style.css
index 7a8eb11c..99e08de0 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/style.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/style.css
@@ -44,6 +44,7 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 .calendar input[type="text"]{width:120px;font-size:14px;font-weight:400;color:#666;}
 .calendar input[type="text"]+img{margin:0 0 0 -32px;}
 .calendar input[type="text"]:first-child+img{margin:0 13px 0 -32px;}
+.calendar .calBtn{width:36px;height:36px;margin:0 0 0 -40px;border:0 !important;border-radius:5px;background:transparent url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 10px) 50% !important;}
 
 .wrap .form-group.calendar{display:flex;align-items:center;}
 .wrap .form-group.calendar input[type="text"],.wrap .hasDatepicker{width:150px !important;height:36px;}
@@ -147,6 +148,9 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 .wrap .col-table.data-table table td:last-child{border-right:0;}
 .wrap .col-table.data-table textarea{max-width:100%;}
 
+.wrap .col-table.data-table .td_position p{display:flex;align-items:center;gap:8px;}
+.wrap .col-table.data-table .td_position p:first-child{margin:0 0 8px 0;}
+
 .wrap .radio_wrap,.wrap .radio_wrap span{display:flex;align-items:center;}
 .wrap .radio_wrap{gap:20px;}
 .wrap .radio_wrap input[type="radio"]{margin:0;}
diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css
index 2150f8a1..df0ce29b 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -325,6 +325,7 @@
 .cmmt_wrap li:last-child{width:80px;}
 .cmmt_wrap .btn_add_cmmt{width:100%;height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;}
 
+/* .popup{position:fixed;min-width:300px;height:auto;background:#fff;border:1px solid #e5e5e5;box-shadow:0 0 10px rgba(0,0,0,0.5);left:0;top:0;transform: translateY(-50%);} */
 
 /* ==================== 테블릿 ==================== */
 @media screen and (max-width: 1199px){