diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
index d9535129..70e0d963 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01240-main.jsp
@@ -558,7 +558,7 @@
 		}
 
 		// 한글파일 출력 버튼 이벤트
-		$P.fnHwpSvbtc = (title) => {
+		$P.fnHwpSvbtc = async(title) => {
 			if ($P.control.dataset.empty) {
 				dialog.alert({
 					  content : "검색된 자료가 없습니다."
@@ -574,24 +574,27 @@
 			let textDate = DateUtil.getDateDay(0).date + " ~ " + DateUtil.getDateDay(15).date + " (15일간)";
 
 			// 문서번호, 제목, 공고기한 입력
-			let popupWidth = 720;
-			let popupHeight = 240;
-			let popupX = (window.screen.width / 2) - (popupWidth / 2);
-			let popupY = (window.screen.height / 2) - (popupHeight / 2);
-
-			window.open(
-				encodeURI(wctx.url("/resources/html/inputDocNoTtlDialog.html"
-						+ "?openerPageName=${pageName}"
-						+ "&prefix=" + $P.control.prefix
-						+ "&title=" + title
-						+ "&callPurpose=" + "hwpSvbtc"
-						+ "&docNo=" + docNo
-						+ "&ttlNm=" + ttlNm
-						+ "&textDate=" + textDate
-				))
-				, "inputDelRsnDialog"
-				, 'status=no, height=' + popupHeight  + ', width=' + popupWidth  + ', left='+ popupX + ', top='+ popupY
-			);
+			var resp = await fetch(wctx.url("/resources/html/inputDocNoTtlDialog.html"));
+			var template = await resp.text();
+
+			dialog.open({
+				id : "inputDocNoTtlDialog",
+				title: title,
+				size : "lg",
+				content: template,
+				init : () => {
+					$("#docNo").val(docNo);
+					$("#ttlNm").val(ttlNm);
+					$("#textDate").val(textDate);
+				},
+				onOK : () => {
+					$P.callbackDocNoTtl({ 
+						"docNo" : $("#docNo").val(),
+						"ttlNm" : $("#ttlNm").val(),
+						"textDate" : $("#textDate").val()
+					});
+				}
+			});
 		}
 
 		// 수정 버튼 이벤트
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
index 1904cfb8..485787ef 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01250-info.jsp
@@ -408,31 +408,35 @@
 		}
 
 		// 한글파일 출력 버튼 이벤트
-		$P.fnHwpSvbtc = (title) => {
+		$P.fnHwpSvbtc = async(title) => {
 			// 문서번호, 제목, 공고기한 입력
 			let docNo = $P.control.dataset.getValue("DOC_NO");
 			let ttlNm = $P.control.dataset.getValue("TASK_SE_NM") + " 과태료 처분에 대한 " + $P.control.dataset.getValue("TTL_NM");
 			let textDate = DateUtil.getDateDay(0).date + " ~ " + DateUtil.getDateDay(15).date + " (15일간)";
 
 			// 문서번호, 제목, 공고기한 입력
-			let popupWidth = 640;
-			let popupHeight = 240;
-			let popupX = (window.screen.width / 2) - (popupWidth / 2);
-			let popupY = (window.screen.height / 2) - (popupHeight / 2);
-
-			window.open(
-				encodeURI(wctx.url("/resources/html/inputDocNoTtlDialog.html"
-						+ "?openerPageName=${pageName}"
-						+ "&prefix=" + $P.control.prefix
-						+ "&title=" + title
-						+ "&callPurpose=" + "hwpSvbtc"
-						+ "&docNo=" + docNo
-						+ "&ttlNm=" + ttlNm
-						+ "&textDate=" + textDate
-				))
-				, "inputDelRsnDialog"
-				, 'status=no, height=' + popupHeight  + ', width=' + popupWidth  + ', left='+ popupX + ', top='+ popupY
-			);
+			var resp = await fetch(wctx.url("/resources/html/inputDocNoTtlDialog.html"));
+			var template = await resp.text();
+
+			dialog.open({
+				id : "inputDocNoTtlDialog",
+				title: title,
+				size : "lg",
+				content: template,
+				init : () => {
+					$("#docNo").val(docNo);
+					$("#ttlNm").val(ttlNm);
+					$("#textDate").val(textDate);
+				},
+				onOK : () => {
+					$P.callbackDocNoTtl({ 
+						"docNo" : $("#docNo").val(),
+						"ttlNm" : $("#ttlNm").val(),
+						"textDate" : $("#textDate").val()
+					});
+				}
+			});
+
 		}
 
 		// 삭제 버튼 이벤트
diff --git a/src/main/webapp/resources/html/inputDocNoTtlDialog.html b/src/main/webapp/resources/html/inputDocNoTtlDialog.html
index 4a603d62..c4e0639b 100644
--- a/src/main/webapp/resources/html/inputDocNoTtlDialog.html
+++ b/src/main/webapp/resources/html/inputDocNoTtlDialog.html
@@ -1,113 +1,23 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-		<!-- Favicon -->
-		<link rel="icon" type="image/x-icon" href="/resources/image/favicon.ico" />
-		<!-- Fonts -->
-		<link rel="stylesheet" href="/resources/font/publicsans/fontface.css" />
-		<!-- Icons. Uncomment required icon fonts -->
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/fonts/boxicons.css" />
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/fonts/fontawesome.css" />
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/fonts/flag-icons.css" />
-		<link rel="stylesheet" href="/resources/css/fims/framework/common/xit-icon.css" />
-		<!-- Core CSS -->
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/css/theme-default.css" />
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/css/docs.css" />
-		<link rel="stylesheet" href="/resources/css/fims/framework/common/xit-core.css" />
-		<link rel="stylesheet" href="/resources/css/fims/framework/common/xit-core-extend.css" />
-		<!-- Vendors CSS -->
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.css" />
-		<link rel="stylesheet" href="/resources/css/styles.css" />
-		<link rel="stylesheet" href="/resources/css/fims/framework/common/common.css"/>
-
-		<link rel="stylesheet" href="/resources/3rd-party/sneat/libs/bootstrap-datepicker/bootstrap-datepicker.css" />
-
-		<title>공시송달 출력 입력</title>
-	</head>
-
-	<body>
-		<div class="card m-4 p-3">
-			<form id="frmInput" name="frmInput" method="post">
-				<div class="container-search">
-					<div class="row g-1">
-						<!-- 문서 번호 -->
-						<div class="col-md-12">
-							<label for="docNo" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">문서번호</label>
-							<input type="text" class="form-control w-40" id="docNo" name="docNo" autocomplete="off" />
-						</div>
-						<!-- 제목 명 -->
-						<div class="col-md-12">
-							<label for="ttlNm" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">제목</label>
-							<input type="text" class="form-control w-78" id="ttlNm" name="ttlNm" autocomplete="off" required />
-						</div>
-						<!-- 공고 기간 -->
-						<div class="col-md-12">
-							<label for="textDate" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">공고기간</label>
-							<input type="text" class="form-control w-78" id="textDate" name="textDate" autocomplete="off" required />
-						</div>
-					</div>
+<div class="card m-4 p-3">
+	<form id="frmInput" name="frmInput" method="post">
+		<div class="container-search">
+			<div class="row g-1">
+				<!-- 문서 번호 -->
+				<div class="col-md-12">
+					<label for="docNo" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">문서번호</label>
+					<input type="text" class="form-control w-40" id="docNo" name="docNo" autocomplete="off" />
+				</div>
+				<!-- 제목 명 -->
+				<div class="col-md-12">
+					<label for="ttlNm" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">제목</label>
+					<input type="text" class="form-control w-78" id="ttlNm" name="ttlNm" autocomplete="off" required />
+				</div>
+				<!-- 공고 기간 -->
+				<div class="col-md-12">
+					<label for="textDate" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">공고기간</label>
+					<input type="text" class="form-control w-78" id="textDate" name="textDate" autocomplete="off" required />
 				</div>
-			</form>
-
-			<div>
-				<span class="container-page-btn">
-					<span class="container-window-btn-right">
-						<button type="button" class="btn btn-primary w-px-80" title="확인" onclick="fnOK()">확인</button>
-					</span>
-				</span>
 			</div>
 		</div>
-
-		<!-- Core JS -->
-		<script src="/resources/3rd-party/sneat/js/helpers.js"></script>
-		<script src="/resources/3rd-party/sneat/js/config.js"></script>
-		<script src="/resources/3rd-party/sneat/libs/popper/popper.js"></script>
-		<script src="/resources/3rd-party/sneat/js/bootstrap.js"></script>
-		<script src="/resources/3rd-party/sneat/libs/jquery/jquery.js" ></script>
-		<script src="/resources/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
-		<script src="/resources/3rd-party/sneat/js/menu.js"></script>
-
-
-		<script src="/resources/3rd-party/sneat/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script>
-		<script src="/resources/3rd-party/bootstrap-datepicker/bootstrap-datepicker-support.js"></script>
-		<script src="/resources/js/fims/framework/cmm/cmmnDateUtil.js"></script>
-		<script src="/resources/js/fims/framework/cmm/initAfterPageLoad.js"></script>
-
-		<script language="javascript">
-			// parameter
-			var openerPageName = location.search.split("&")[0].split("=")[1];
-			var prefix = location.search.split("&")[1].split("=")[1];
-			var title = decodeURI(location.search.split("&")[2].split("=")[1]);
-			var callPurpose = location.search.split("&")[3].split("=")[1];
-			var docNo = decodeURI(location.search.split("&")[4].split("=")[1]);
-			var ttlNm = decodeURI(location.search.split("&")[5].split("=")[1]);
-			var textDate = decodeURI(location.search.split("&")[6].split("=")[1]);
-
-			function fnOK() {
-				let obj = {
-					  prefix : prefix						// 호출 prefix
-					, title : title							// 타이틀
-					, callPurpose : callPurpose				// 호출 용도
-					, docNo : $("#docNo").val()				// 문서 번호
-					, ttlNm : $("#ttlNm").val()				// 제목
-					, textDate : $("#textDate").val()		// 공고 기한
-				};
-
-				window.opener.pageObject[openerPageName].callbackDocNoTtl(obj);
-
-				window.close();
-			}
-
-			$(document).ready(function() {
-				// title 변경
-				document.title = title;
-
-				$("#docNo").val(docNo);
-				$("#ttlNm").val(ttlNm);
-				$("#textDate").val(textDate);
-			});
-		</script>
-
-	</body>
-</html>
+	</form>
+</div>
\ No newline at end of file