diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
index 22f48633..d8c04686 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01020-info.jsp
@@ -19,11 +19,11 @@
 	
 					<div class="row g-1">
 						<div class="col-md-4">
-							<label for="fileGroup--${pageName}" 
+							<label is="name-label" for="fileGroup" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 								자료 파일 구분
 							</label>
-							<select id="fileGroup--${pageName}" name="fileGroup" data-map="DATA_FILE_SE" 
+							<select is="id-select" name="fileGroup" data-map="DATA_FILE_SE" 
 								class="form-select" required>
 								<option value="">선택</option>
 								<option value="TXT">텍스트파일 포함</option>
@@ -32,46 +32,46 @@
 							</select>
 						</div>
 						<div class="col-md-4">
-							<label for="fileNameLength--${pageName}" 
+							<label is="name-label" for="fileNameLength" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								파일명 길이
 							</label>
-							<input type="text" id="fileNameLength--${pageName}" name="fileNameLength" data-map="FILE_NM_SZ"
+							<input type="text" is="id-input" name="fileNameLength" data-map="FILE_NM_SZ"
 							class="form-control w-px-70" maxlength="4" data-maxlengthb="4" />
 						</div>
 						<div class="col-md-4">
-							<label for="enterpriseName--${pageName}" 
+							<label is="name-label" for="enterpriseName" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								업체명
 							</label>
-							<input type="text" id="enterpriseName--${pageName}" name="enterpriseName" data-map="ENT_NM"
+							<input type="text" is="id-input" name="enterpriseName" data-map="ENT_NM"
 							class="form-control" maxlength="100" data-maxlengthb="100" />
 						</div>
 						<div class="col-md-2">
-							<label for="fileNameSeperator--${pageName}" 
+							<label is="name-label" for="fileNameSeperator" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								파일명 구분 유형
 							</label>
-							<select id="fileNameSeperator--${pageName}" name="fileNameSeperator" data-map="FILE_NM_SE_TYPE" 
+							<select is="id-select" name="fileNameSeperator" data-map="FILE_NM_SE_TYPE" 
 								class="form-select">
 								<option value=""></option>
 								<option value="_">언더바</option>
 							</select>
 						</div>
 						<div class="col-md-10">
-							<label for="fileNameItmes--${pageName}" 
+							<label is="name-label" for="fileNameItmes" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								파일명 형식
 							</label>
-							<input type="text" id="fileNameItmes--${pageName}" name="fileNameItmes" data-map="FILE_NM_LAYOUT"
+							<input type="text" is="id-input" name="fileNameItmes" data-map="FILE_NM_LAYOUT"
 							class="form-control w-100" maxlength="500" data-maxlengthb="500" />
 						</div>
 						<div class="col-md-2">
-							<label for="contentSeperator--${pageName}" 
+							<label is="name-label" for="contentSeperator" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								자료 구분 유형1
 							</label>
-							<select id="contentSeperator--${pageName}" name="contentSeperator" data-map="DATA_SE_TYPE1" 
+							<select is="id-select" name="contentSeperator" data-map="DATA_SE_TYPE1" 
 								class="form-select">
 								<option value=""></option>
 								<option value=",">콤마</option>
@@ -79,19 +79,19 @@
 							</select>
 						</div>
 						<div class="col-md-10">
-							<label for="contentItems--${pageName}" 
+							<label is="name-label" for="contentItems" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								자료 형식1
 							</label>
-							<input type="text" id="contentItems--${pageName}" name="contentItems" data-map="DATA_LAYOUT1"
+							<input type="text" is="id-input" name="contentItems" data-map="DATA_LAYOUT1"
 							class="form-control w-100" maxlength="500" data-maxlengthb="500" />
 						</div>
 						<div class="col-md-2">
-							<label for="contentSecondSeperator--${pageName}" 
+							<label is="name-label" for="contentSecondSeperator" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								자료 구분 유형2
 							</label>
-							<select id="contentSecondSeperator--${pageName}" name="contentSecondSeperator" data-map="DATA_SE_TYPE2" 
+							<select is="id-select" name="contentSecondSeperator" data-map="DATA_SE_TYPE2" 
 								class="form-select">
 								<option value=""></option>
 								<option value=",">콤마</option>
@@ -99,51 +99,51 @@
 							</select>
 						</div>
 						<div class="col-md-10">
-							<label for="secondSeperatorStarterItems--${pageName}" 
+							<label is="name-label" for="secondSeperatorStarterItems" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								자료 형식2
 							</label>
-							<input type="text" id="secondSeperatorStarterItems--${pageName}" name="secondSeperatorStarterItems" data-map="DATA_LAYOUT2"
+							<input type="text" is="id-input" name="secondSeperatorStarterItems" data-map="DATA_LAYOUT2"
 							class="form-control w-100" maxlength="500" data-maxlengthb="500" />
 						</div>
 						<div class="col-md-2">
-							<label for="countPerFileGroup--${pageName}" 
+							<label is="name-label" for="countPerFileGroup" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								파일 총 건수
 							</label>
-							<input type="text" id="countPerFileGroup--${pageName}" name="countPerFileGroup" data-map="FILE_TNOCS"
+							<input type="text" is="id-input" name="countPerFileGroup" data-map="FILE_TNOCS"
 							class="form-control w-50" maxlength="2" data-maxlengthb="2" />
 						</div>
 						<div class="col-md-10">
-							<label for="linkFileLocation--${pageName}" 
+							<label is="name-label" for="linkFileLocation" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								연계 파일 경로
 							</label>
-							<input type="text" id="linkFileLocation--${pageName}" name="linkFileLocation" data-map="LINK_FILE_PATH"
+							<input type="text" is="id-input" name="linkFileLocation" data-map="LINK_FILE_PATH"
 							class="form-control w-100" maxlength="200" data-maxlengthb="200" />
 						</div>
 						<div class="col-md-9">
-							<label for="sameItemsInFileGroup--${pageName}" 
+							<label is="name-label" for="sameItemsInFileGroup" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								동일 항목
 							</label>
-							<input type="text" id="sameItemsInFileGroup--${pageName}" name="sameItemsInFileGroup" data-map="SAME_ITEMS"
+							<input type="text" is="id-input" name="sameItemsInFileGroup" data-map="SAME_ITEMS"
 							class="form-control w-px-600" maxlength="300" data-maxlengthb="300" />
 						</div>
 						<div class="col-md-9">
-							<label for="increaseItemInFileGroup--${pageName}" 
+							<label is="name-label" for="increaseItemInFileGroup" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								증가 항목
 							</label>
-							<input type="text" id="increaseItemInFileGroup--${pageName}" name="increaseItemInFileGroup" data-map="INCREASE_ITEM"
+							<input type="text" is="id-input" name="increaseItemInFileGroup" data-map="INCREASE_ITEM"
 							class="form-control w-px-600" maxlength="300" data-maxlengthb="300" />
 						</div>
 						<div class="col-md-3">
-							<label for="increaseTypeInFileGroup--${pageName}" 
+							<label is="name-label" for="increaseTypeInFileGroup" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								증가 형식
 							</label>
-							<select id="increaseTypeInFileGroup--${pageName}" name="increaseTypeInFileGroup" data-map="INCREASE_TYPE" 
+							<select is="id-select" name="increaseTypeInFileGroup" data-map="INCREASE_TYPE" 
 								class="form-select">
 								<option value=""></option>
 								<option value="number">숫자</option>
@@ -162,55 +162,55 @@
 				<div class="card-body">
 					<div class="row g-1">
 						<div class="col-md-4">
-							<label for="linkEnterpriseName--${pageName}" 
+							<label is="name-label" for="linkEnterpriseName" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								업체명(연계)
 							</label>
-							<input type="text" id="linkEnterpriseName--${pageName}" name="linkEnterpriseName" data-map="LINK_ENT_NM"
+							<input type="text" is="id-input" name="linkEnterpriseName" data-map="LINK_ENT_NM"
 							class="form-control" maxlength="100" data-maxlengthb="100" />
 						</div>
 						
 						<div class="col-md-4">
-							<label for="ip--${pageName}" 
+							<label is="name-label" for="ip" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								아이피
 							</label>
-							<input type="text" id="ip--${pageName}" name="ip" data-map="REMOTE_IP"
+							<input type="text" is="id-input" name="ip" data-map="REMOTE_IP"
 							class="form-control" maxlength="100" data-maxlengthb="100" />
 						</div>
 						
 						<div class="col-md-4">
-							<label for="port--${pageName}" 
+							<label is="name-label" for="port" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								포트
 							</label>
-							<input type="number" id="port--${pageName}" name="port" data-map="REMOTE_PORT"
+							<input type="number" is="id-input" name="port" data-map="REMOTE_PORT"
 							class="form-control" min="1" max="65535" />
 						</div>
 						
 						<div class="col-md-6">
-							<label for="id--${pageName}" 
+							<label is="name-label" for="id" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								아이디
 							</label>
-							<input type="text" id="id--${pageName}" name="id" data-map="REMOTE_ID"
+							<input type="text" is="id-input" name="id" data-map="REMOTE_ID"
 							class="form-control" maxlength="100" data-maxlengthb="100" />
 						</div>
 						<div class="col-md-6">
-							<label for="pw--${pageName}" 
+							<label is="name-label" for="pw" 
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								패스워드
 							</label>
-							<input type="text" id="pw--${pageName}" name="pw" data-map="REMOTE_PASSWORD"
+							<input type="text" is="id-input" name="pw" data-map="REMOTE_PASSWORD"
 							class="form-control" maxlength="100" data-maxlengthb="100" />
 						</div>
 						
 						<div class="col-md-2">
-							<label for="osType--${pageName}" 
+							<label is="name-label" for="osType" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								운영체제
 							</label>
-							<select id="osType--${pageName}" name="osType" data-map="REMOTE_OS" 
+							<select is="id-select" name="osType" data-map="REMOTE_OS" 
 								class="form-select w-100">
 								<option value=""></option>
 								<option value="linux">리눅스</option>
@@ -219,11 +219,11 @@
 						</div>
 						
 						<div class="col-md-10">
-							<label for="workPath--${pageName}" 
+							<label is="name-label" for="workPath" 
 							class="w-px-130 bg-lighter pe-2 ps-2 col-form-label text-sm-start">
 								파일경로
 							</label>
-							<input type="text" id="workPath--${pageName}" name="workPath" data-map="REMOTE_WORK_PATH"
+							<input type="text" is="id-input" name="workPath" data-map="REMOTE_WORK_PATH"
 							class="form-control w-100" maxlength="100" data-maxlengthb="100" />
 						</div>
 						
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
index 05eabf85..04c45115 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
@@ -56,8 +56,8 @@
                             </span>
                         </div>
                         <div class="col-6">
-                            <label for="crdnInptSeCd--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">단속구분</label>
-                            <select id="crdnInptSeCd--${pageName}" name="crdnInptSeCd" class="form-select">
+                            <label is="name-label" for="crdnInptSeCd" class="form-label fw-bold form-search-title w-px-120 text-end">단속구분</label>
+                            <select is="id-select" name="crdnInptSeCd" class="form-select">
                             	<option value="">전체</option>
                             	<c:forEach items="${FIM003List}" var="item">
                             		<option value="${item.code}">${item.value}</option>
@@ -65,8 +65,8 @@
                             </select>
                         </div>
                         <div class="col-6">
-                        	<label for="vhrno--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">차량번호</label>
-                            <input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
+                        	<label is="name-label" for="vhrno" class="form-label fw-bold form-search-title w-px-120 text-end">차량번호</label>
+                            <input type="text" is="id-input" name="vhrno" class="form-control" />
                         </div>
                         <div class="col-6">
                         	<span class="area-samevehicleinspection">
@@ -120,8 +120,8 @@
 		        <div name="searchDetail" class="container-search container-search-detail collapse">
 		            <div class="row">
 			            <div class="col-4">
-			                <label for="crdnSttsCd--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">자료상태</label>
-                            <select id="crdnSttsCd--${pageName}" name="crdnSttsCd" class="form-select">
+			                <label is="name-label" for="crdnSttsCd" class="form-label fw-bold form-search-title w-px-120 text-end">자료상태</label>
+                            <select is="id-select" name="crdnSttsCd" class="form-select">
                             	<option value="">전체</option>
                             	<c:forEach items="${FIM010List}" var="item">
                             		<option value="${item.code}">${item.value}</option>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp
index d3189e15..b704bfc4 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02050-info.jsp
@@ -9,9 +9,9 @@
 	
 			<div class="row g-1">
 				<div class="col-md-12">
-					<label for="chgAmtSe--${pageName}"
+					<label is="name-label" for="chgAmtSe"
 						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">금액 수정 구분</label>
-					<select class="form-select" id="chgAmtSe--${pageName}" name="chgAmtSe" required>
+					<select is="id-select" name="chgAmtSe" class="form-select" required>
 						<option value="1">가산</option>
 						<option value="2">감액</option>
 					</select>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
index 24b394cb..b623f4b8 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
@@ -31,8 +31,8 @@
                             </span>
                         </div>
                         <div class="col-6">
-                            <label for="regDt--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">등록일자</label>
-							<input type="text" id="regDt--${pageName}" name="regDt"
+                            <label is="name-label" for="regDt" class="form-label fw-bold form-search-title w-px-120 text-end">등록일자</label>
+							<input type="text" is="id-input" name="regDt"
 							class="form-control form-date" data-fmt-type="day"
 							title="금일" disabled="disabled" />
                         </div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
index decb911b..c03b190f 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
@@ -8,16 +8,16 @@
 				<div class="row g-1">
 					<div class="col-md-12">
 						<div class="form-check form-switch">
-						  <input class="form-check-input" type="checkbox" role="switch" id="direct--${pageName}" name="direct">
-						  <label for="direct--${pageName}" class="form-check-label">로컬파일업로드</label>
+						  <input type="checkbox" is="id-input" name="direct" class="form-check-input" />
+						  <label is="name-label" for="direct" class="form-check-label">로컬파일업로드</label>
 						</div>
 					</div>
 				</div>
 				<div class="row g-1">
 					<div class="col-md-12 d-flex align-items-center flex-nowrap">
-						<label for="taskSeCd--${pageName}" 
+						<label is="name-label" for="taskSeCd" 
 						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">과태료업무</label>
-					    <select id="taskSeCd--${pageName}" name="taskSeCd" class="form-select" disabled>
+					    <select is="id-select" name="taskSeCd" class="form-select" disabled>
 							<c:forEach items="${TaskListForSgg}" var="item">
 								<option value="${item.code}"
 									<c:if test="${item.code eq taskSeCd}"> selected="selected" </c:if>
@@ -25,9 +25,9 @@
 							</c:forEach>
 						</select>
 						<span id="uploadFilesArea" hidden>
-							<label for="uploadFiles--${pageName}" 
+							<label is="name-label" for="uploadFiles" 
 							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">파일</label>
-							<input type="file" id="uploadFiles--${pageName}" name="uploadFiles" 
+							<input type="file" is="id-input" name="uploadFiles" 
 							multiple="multiple" class="form-control"/>
 						</span>
 						<span class="d-flex justify-content-end float-start ms-4">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
index c75fb481..08ec0f20 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
@@ -13,11 +13,11 @@
 				<div class="col-md-12" slot="edit">
 					<template class="pvs bpv">
 						<slot>
-							<label for="crdnSeCd--${pageName}"
+							<label is="name-label" for="crdnSeCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							단속구분
 							</label>
-							<select id="crdnSeCd--${pageName}" name="crdnSeCd"
+							<select is="id-select" name="crdnSeCd"
 							data-map="CRDN_SE_CD" class="form-select">
 								<c:forEach items="${FIM002List}" var="item">
 									<option value="${item.code}">${item.value}</option>
@@ -27,90 +27,90 @@
 					</template>
 				</div>
 				<div class="col-md-4">
-					<label for="crdnYmd--${pageName}"
+					<label is="name-label" for="crdnYmd"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						위반일자
 					</label>
-					<input type="text" id="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD"
+					<input type="text" is="id-input" name="crdnYmd" data-map="CRDN_YMD"
 						class="form-control form-date" data-fmt-type="day" maxlength="10" required />
 		            <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 				</div>
 				<div class="col-md-4">
-					<label for="crdnTm--${pageName}"
+					<label is="name-label" for="crdnTm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						위반시간
 					</label>
-		            <input type="text" id="crdnTm--${pageName}" name="crdnTm" data-map="CRDN_TM"
+		            <input type="text" is="id-input" name="crdnTm" data-map="CRDN_TM"
 		            	class="form-control form-time" data-fmt-type="time" maxlength="8" required
 		            	placeholder="시:분:초" />
 				</div>
 				<div class="col-md-4">
-					<label for="vhrno--${pageName}"
+					<label is="name-label" for="vhrno"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						차량번호
 					</label>
-					<input type="text" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" class="form-control"
+					<input type="text" is="id-input" name="vhrno" data-map="VHRNO" class="form-control"
 						data-maxlengthb="30" required />
 				</div>
 				<div class="col-md-4">
-					<label for="vltnCd--${pageName}"
+					<label is="name-label" for="vltnCd"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 						위반내용
 					</label>
-					<select id="vltnCd--${pageName}" name="vltnCd" class="form-select" data-map="VLTN_CD">
+					<select is="id-select" name="vltnCd" class="form-select" data-map="VLTN_CD">
 						<c:forEach items="${VLTNList}" var="item">
 							<option value="${item.code}">${item.value}</option>
 		                </c:forEach>
 					</select>
 				</div>
 				<div class="col-md-4 select2-primary">
-					<label for="crdnStdgNm--${pageName}"
+					<label is="name-label" for="crdnStdgNm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 						법정동
 					</label>
-					<input type="text" id="crdnStdgNm--${pageName}" name="crdnStdgNm" data-map="CRDN_STDG_NM"
-						class="form-control w-px-150" list="stdgNmList--${pageName}" />
-					<datalist id="stdgNmList--${pageName}" name="stdgNmList">
+					<input type="text" is="id-input" name="crdnStdgNm" data-map="CRDN_STDG_NM"
+						class="form-control w-px-150" list="stdgNmList" />
+					<datalist is="id-datalist" name="stdgNmList">
 						<c:forEach items="${stdgNmList}" var="item">
 							<option value="${item}"></option>
 						</c:forEach>
 					</datalist>
 				</div>
 				<div class="col-md-4 select2-primary">
-					<label for="crdnRoadNm--${pageName}"
+					<label is="name-label" for="crdnRoadNm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					도로명
 					</label>
-					<input type="text" id="crdnRoadNm--${pageName}" name="crdnRoadNm" data-map="CRDN_ROAD_NM"
+					<input type="text" is="id-input" name="crdnRoadNm" data-map="CRDN_ROAD_NM"
 						class="form-control" />
 				</div>
 				<div class="col-md-6">
-					<label for="crdnPlc--${pageName}"
+					<label is="name-label" for="crdnPlc"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					단속장소
 					</label>
-					<input type="text" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC"
+					<input type="text" is="id-input" name="crdnPlc" data-map="CRDN_PLC"
 						class="form-control w-px-300" data-maxlengthb="200" />
 				</div>
 				<div class="col-md-6" slot="edit">
 					<template class="bpv">
 						<slot>
-							<label for="dtlCrdnPlc--${pageName}"
+							<label is="name-label" for="dtlCrdnPlc"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							상세단속장소
 							</label>
-							<input type="text" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc"
+							<input type="text" is="id-input" name="dtlCrdnPlc"
 							data-map="DTL_CRDN_PLC" class="form-control"
 								data-maxlenghb="200" />
 						</slot>
 					</template>
 					<template class="pvs">
 						<slot>
-							<label for="crdnSpareaCd--${pageName}"
+							<label is="name-label" for="crdnSpareaCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							특별구역
 							</label>
-							<select id="crdnSpareaCd--${pageName}" name="crdnSpareaCd"
+							<select is="id-select" name="crdnSpareaCd"
 							data-map="CRDN_SPAREA_CD" class="form-select">
 								<c:forEach items="${FIM007List}" var="item">
 									<option value="${item.code}">${item.value}</option>
@@ -120,27 +120,27 @@
 					</template>
 				</div>
 				<div class="col-md-12">
-					<label for="etcCn--${pageName}"
+					<label is="name-label" for="etcCn"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					특기사항
 					</label>
-					<input type="text" id="etcCn--${pageName}" name="etcCn"
+					<input type="text" is="id-input" name="etcCn"
 					data-map="ETC_CN" class="form-control"
 						data-maxlengthb="1000" />
 				</div>
 			</div>
 			<div class="row my-1 mx-4 g-1 border-card rounded-3">
 				<div class="col-md-4">
-					<label for="rtpyrNm--${pageName}"
+					<label is="name-label" for="rtpyrNm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">납부자명</label>
-					<input type="text" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM"
+					<input type="text" is="id-input" name="rtpyrNm" data-map="RTPYR_NM"
 						class="form-control" readonly
 						/>
 				</div>
 				<div class="col-md-3">
-					<label for="rtpyrSeCd--${pageName}"
+					<label is="name-label" for="rtpyrSeCd"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">납부자구분</label>
-					<select id="rtpyrSeCd--${pageName}" name="rtpyrSeCd" data-map="RTPYR_SE_CD"
+					<select is="id-select" name="rtpyrSeCd" data-map="RTPYR_SE_CD"
 						class="form-select" disabled>
 						<option value=""></option>
 						<c:forEach items="${FIM011List}" var="item">
@@ -149,72 +149,72 @@
 					</select>
 				</div>
 				<div class="col-md-5">
-					<label for="rtpyrNo--${pageName}"
+					<label is="name-label" for="rtpyrNo"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">납부자번호</label>
-					<input type="text" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO"
+					<input type="text" is="id-input" name="rtpyrNo" data-map="RTPYR_NO"
 						class="form-control privacy" readonly />
-					<input type="text" id="mask-rtpyrNo--${pageName}" name="mask-rtpyrNo"
+					<input type="text" is="id-input" name="mask-rtpyrNo"
 					class="form-control privacy-mask" disabled value="******"/>
 				</div>
 				<div class="col-md-12">
-					<label for="zip--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="zip" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					우편번호
 					</label>
-					<input type="text" id="zip--${pageName}" name="zip" data-map="ZIP" class="form-control w-px-100"
+					<input type="text" is="id-input" name="zip" data-map="ZIP" class="form-control w-px-100"
 						readonly maxlength="7" pattern="(\d{3}-\d{3}|\d{6}|\d{5})" />
 				</div>
 				<div class="col-md-12">
-					<label for="addr--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="addr" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					주소
 					</label>
-					<input type="text" id="addr--${pageName}" name="addr" data-map="ADDR"
+					<input type="text" is="id-input" name="addr" data-map="ADDR"
 						class="form-control w-px-700" readonly data-maxlengthb="320" />
 				</div>
 				<div class="col-md-12">
-					<label for="dtlAddr--${pageName}"
+					<label is="name-label" for="dtlAddr"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					상세주소
 					</label>
-					<input type="text" id="dtlAddr--${pageName}" name="dtlAddr" data-map="DTL_ADDR"
+					<input type="text" is="id-input" name="dtlAddr" data-map="DTL_ADDR"
 						class="form-control w-px-700" readonly data-maxlengthb="200" />
 				</div>
 			</div>
 			<div class="row g-1">
 				<div class="col-md-4">
-					<label for="vin--${pageName}"
+					<label is="name-label" for="vin"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					차대번호
 					</label>
-					<input type="text" id="vin--${pageName}" name="vin"
+					<input type="text" is="id-input" name="vin"
 					data-map="VIN" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-4">
-					<label for="vhclNm--${pageName}"
+					<label is="name-label" for="vhclNm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					차량명칭
 					</label>
-					<input type="text" id="vhclNm--${pageName}" name="vhclNm"
+					<input type="text" is="id-input" name="vhclNm"
 					data-map="VHCL_NM" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-4">
-					<label for="vhclColr--${pageName}"
+					<label is="name-label" for="vhclColr"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					차량색상
 					</label>
-					<input type="text" id="vhclColr--${pageName}" name="vhclColr"
+					<input type="text" is="id-input" name="vhclColr"
 					data-map="VHCL_COLR" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-12" slot="edit">
 					<template class="pvs bpv">
 						<slot>
-							<label for="ffnlgCarmdlCd--${pageName}"
+							<label is="name-label" for="ffnlgCarmdlCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							차종
 							</label>
-							<select id="ffnlgCarmdlCd--${pageName}" name ="ffnlgCarmdlCd"
+							<select is="id-select" name ="ffnlgCarmdlCd"
 							data-map="FFNLG_CARMDL_CD" class="form-select">
 								<option value=""></option>
 								<c:forEach items="${FIM009List}" var="item">
@@ -227,11 +227,11 @@
 				<div class="col-md-12" slot="edit">
 					<template class="eca">
 						<slot>
-							<label for="useFuelCd--${pageName}"
+							<label is="name-label" for="useFuelCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							연료구분
 							</label>
-							<select id="useFuelCd--${pageName}" name="useFuelCd"
+							<select is="id-select" name="useFuelCd"
 							data-map="USE_FUEL_CD" class="form-select" disabled>
 								<option value=""></option>
 								<c:forEach items="${LVS005List}" var="item">
@@ -244,11 +244,11 @@
 				<div class="col-md-4" slot="edit">
 					<template class="dpv eca pvs">
 						<slot>
-							<label for="towngYn--${pageName}"
+							<label is="name-label" for="towngYn"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							견인지시
 							</label>
-							<select id="towngYn--${pageName}" name="towngYn" class="form-select" data-map="TOWNG_YN">
+							<select is="id-select" name="towngYn" class="form-select" data-map="TOWNG_YN">
 								<c:forEach items="${FIM053List}" var="item">
 									<option value="${item.code}">${item.value}</option>
 				                </c:forEach>
@@ -259,11 +259,11 @@
 				<div class="col-md-4" slot="edit">
 					<template class="dpv eca pvs">
 						<slot>
-							<label for="crdnSn--${pageName}"
+							<label is="name-label" for="crdnSn"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							스티커번호
 							</label>
-							<input type="text" id="crdnSn--${pageName}" name="crdnSn"
+							<input type="text" is="id-input" name="crdnSn"
 							data-map="CRDN_SN" class="form-control"
 								maxlength="20" data-maxlengthb="20" />
 						</slot>
@@ -272,11 +272,11 @@
 				<div class="col-md-4" slot="edit">
 					<template class="dpv">
 						<slot>
-							<label for="prkPsbltyRsltCd--${pageName}"
+							<label is="name-label" for="prkPsbltyRsltCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							장애차량확인
 							</label>
-							<select id="prkPsbltyRsltCd--${pageName}" name="prkPsbltyRsltCd"
+							<select is="id-select" name="prkPsbltyRsltCd"
 							data-map="PRK_PSBLTY_RSLT_CD" class="form-select">
 								<c:forEach items="${FIM034List}" var="item">
 									<c:if test="${item.code == '0' or item.code == '1'}">
@@ -290,11 +290,11 @@
 				<div class="col-md-12" slot="edit">
 					<template class="pvs bpv">
 						<slot>
-							<label for="teamId--${pageName}"
+							<label is="name-label" for="teamId"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							단속조
 							</label>
-							<select id="teamId--${pageName}" name="teamId" data-map="TEAM_ID" class="form-select">
+							<select is="id-select" name="teamId" data-map="TEAM_ID" class="form-select">
 								<option value=""></option>
 								<c:forEach items="${TeamList}" var="item">
 									<option value="${item.TEAM_ID}">${item.TEAM_NM}</option>
@@ -319,8 +319,8 @@
 					</template>
 				</div>
 				<div class="col-md-6">
-					<label for="doWarning--${pageName}">
-						<input type="checkbox" id="doWarning--${pageName}" name="doWarning"
+					<label is="name-label" for="doWarning">
+						<input type="checkbox" is="id-input" name="doWarning"
 						class="form-check-input" />
 						계고처리
 					</label>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
index aa1be418..44a4242f 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
@@ -53,8 +53,8 @@
                             </span>
                         </div>
                         <div class="col-6">
-                            <label for="crdnInptSeCd--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">자료출처</label>
-                            <select id="crdnInptSeCd--${pageName}" name="crdnInptSeCd" class="form-select">
+                            <label is="name-label" for="crdnInptSeCd" class="form-label fw-bold form-search-title w-px-120 text-end">자료출처</label>
+                            <select is="id-select" name="crdnInptSeCd" class="form-select">
                             	<option value="">전체</option>
                             	<c:forEach items="${FIM003List}" var="item">
                             		<option value="${item.code}">${item.value}</option>
@@ -62,8 +62,8 @@
                             </select>
                         </div>
                         <div class="col-6">
-                            <label for="vhrno--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">차량번호</label>
-                            <input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
+                            <label is="name-label" for="vhrno" class="form-label fw-bold form-search-title w-px-120 text-end">차량번호</label>
+                            <input type="text" is="id-input" name="vhrno" class="form-control" />
                         </div>
 						<div class="col-6">
                         	<input type="hidden" name="by" />
@@ -101,8 +101,8 @@
 						    </template>
 			        	</div>
 			            <div class="col-6">
-			                <label for="crdnSttsCd--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">자료상태</label>
-                            <select id="crdnSttsCd--${pageName}" name="crdnSttsCd" class="form-select">
+			                <label is="name-label" for="crdnSttsCd" class="form-label fw-bold form-search-title w-px-120 text-end">자료상태</label>
+                            <select is="id-select" name="crdnSttsCd" class="form-select">
                             	<option value="">전체</option>
                             	<c:forEach items="${FIM010List}" var="item">
                             		<option value="${item.code}">${item.value}</option>
@@ -112,9 +112,9 @@
 			            <div slot="search" name="searchForNxrp" class="col-6 if-empty-col0">
                             <template class="pvs bpv">
                                 <slot>
-                                    <label for="nxrpSendStts--${pageName}"
+                                    <label is="name-label" for="nxrpSendStts"
                                     class="form-label fw-bold form-search-title w-px-120 text-end">세외수입 전송 상태</label>
-                                    <select id="nxrpSendStts--${pageName}" name="nxrpSendStts" class="form-select">
+                                    <select is="id-select" name="nxrpSendStts" class="form-select">
                                         <option value="">전체</option>
                                         <option value="01">전송가능</option>
                                         <option value="02">전송완료</option>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
index c5268a71..b5525351 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06020-info.jsp
@@ -20,32 +20,32 @@
 				<div class="row g-1">
 					<!-- 단속 일자 -->
 					<div class="col-md-6">
-						<label for="crdnYmd--${pageName}"
+						<label is="name-label" for="crdnYmd"
 						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">단속일자</label>
-						<input type="text" id="crdnYmd--${pageName}" name="crdnYmd"
+						<input type="text" is="id-input" name="crdnYmd"
 						class="form-control form-date" data-map="CRDN_YMD"
 						data-fmt-type="day" maxlength="10" required />
 			            <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 					</div>
 					<!-- 단속 시간 -->
 					<div class="col-md-6">
-						<label for="crdnTm--${pageName}"
+						<label is="name-label" for="crdnTm"
 						class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">단속시간</label>
-			            <input type="text" id="crdnTm--${pageName}" name="crdnTm"
+			            <input type="text" is="id-input" name="crdnTm"
 			            class="form-control form-time" data-map="CRDN_TM"
 			            data-fmt-type="time" maxlength="8" required placeholder="시:분:초" />
 					</div>
 					<!-- 차량번호 -->
 					<div class="col-md-6">
-						<label for="vhrno--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량번호</label>
-						<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control w-30" data-map="VHRNO" />
+						<label is="name-label" for="vhrno" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량번호</label>
+						<input type="text" is="id-input" name="vhrno" class="form-control w-30" data-map="VHRNO" />
 						<button type="button" name="btnVehicle"
 						class="btn btn-sm btn-outline-dark" title="차량 검색">조회</button>
 					</div>
 					<!-- 위반 내용 -->
 					<div class="col-md-6">
-						<label for="vltnCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
-						<select class="form-select w-px-200" id="vltnCd--${pageName}" name="vltnCd" data-map="VLTN_CD">
+						<label is="name-label" for="vltnCd" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">위반내용</label>
+						<select is="id-select" name="vltnCd" data-map="VLTN_CD" class="form-select w-px-200">
 							<c:forEach items="${VLTNList}" var="item">
 								<option value="${item.code}">${item.value}</option>
 			                </c:forEach>
@@ -53,10 +53,10 @@
 					</div>
 					<!-- 법정동 -->
 					<div class="col-md-6 select2-primary">
-						<label for="crdnStdgNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">법정동</label>
-						<input type="text" id="crdnStdgNm--${pageName}" name="crdnStdgNm"
-						class="form-control w-40" data-map="CRDN_STDG_NM" list="stdgNmList--${pageName}" />
-						<datalist id="stdgNmList--${pageName}" name="stdgNmList">
+						<label is="name-label" for="crdnStdgNm" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">법정동</label>
+						<input type="text" is="id-input" name="crdnStdgNm"
+						class="form-control w-40" data-map="CRDN_STDG_NM" list="stdgNmList" />
+						<datalist is="id-datalist" name="stdgNmList">
 							<c:forEach items="${stdgNmList}" var="item">
 								<option value="${item}"></option>
 							</c:forEach>
@@ -64,22 +64,22 @@
 					</div>
 					<!-- 도로명 -->
 					<div class="col-md-6 select2-primary">
-						<label for="crdnRoadNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">도로명</label>
-						<input type="text" id="crdnRoadNm--${pageName}" name="crdnRoadNm"
+						<label is="name-label" for="crdnRoadNm" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">도로명</label>
+						<input type="text" is="id-input" name="crdnRoadNm"
 						class="form-control w-40" data-map="CRDN_ROAD_NM" />
 					</div>
 					<!-- 단속 장소 -->
 					<div class="col-md-12">
-						<label for="crdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속장소</label>
-						<input type="text" id="crdnPlc--${pageName}" name="crdnPlc"
+						<label is="name-label" for="crdnPlc" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속장소</label>
+						<input type="text" is="id-input" name="crdnPlc"
 						class="form-control w-80" data-map="CRDN_PLC" data-maxlengthb="200" />
 					</div>
 					<!-- 상세 단속 장소 -->
 					<div class="col-md-12" slot="edit">
 						<template class="bpv">
 							<slot>
-								<label for="dtlCrdnPlc--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세단속장소</label>
-								<input type="text" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc"
+								<label is="name-label" for="dtlCrdnPlc" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">상세단속장소</label>
+								<input type="text" is="id-input" name="dtlCrdnPlc"
 								class="form-control w-80" data-map="DTL_CRDN_PLC" data-maxlenghb="200" />
 							</slot>
 						</template>
@@ -87,8 +87,8 @@
 					<div class="col-md-6" slot="edit">
 						<template class="pvs">
 							<slot>
-								<label for="crdnSpareaCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">특별구역</label>
-								<select id="crdnSpareaCd--${pageName}" name="crdnSpareaCd"
+								<label is="name-label" for="crdnSpareaCd" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">특별구역</label>
+								<select is="id-select" name="crdnSpareaCd"
 								class="form-select" data-map="CRDN_SPAREA_CD">
 									<c:forEach items="${FIM007List}" var="item">
 										<option value="${item.code}">${item.value}</option>
@@ -100,8 +100,8 @@
 					<div class="col-md-6" slot="edit">
 						<template class="pvs">
 							<slot>
-								<label for="ovtmYn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">2시간초과</label>
-								<select class="form-select" id="ovtmYn--${pageName}" name="ovtmYn" data-map="OVTM_YN" required>
+								<label is="name-label" for="ovtmYn" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">2시간초과</label>
+								<select is="id-select" name="ovtmYn" data-map="OVTM_YN" class="form-select" required>
 									<c:forEach items="${CMN006List}" var="item">
 										<option value="${item.code}">${item.value}</option>
 					                </c:forEach>
@@ -111,30 +111,30 @@
 					</div>
 					<!-- 기타 내용 -->
 					<div class="col-md-12">
-						<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">특기사항</label>
-						<input type="text" id="etcCn--${pageName}" name="etcCn"
+						<label is="name-label" for="etcCn" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">특기사항</label>
+						<input type="text" is="id-input" name="etcCn"
 						class="form-control w-80" data-map="ETC_CN" data-maxlengthb="1000" />
 					</div>
 					<div class="col-md-6">
-						<label for="vin--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차대번호</label>
-						<input type="text" id="vin--${pageName}" name="vin"
+						<label is="name-label" for="vin" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차대번호</label>
+						<input type="text" is="id-input" name="vin"
 						class="form-control" data-map="VIN" readonly placeholder="입력항목이 아닙니다." />
 					</div>
 					<div class="col-md-6">
-						<label for="vhclNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량명칭</label>
-						<input type="text" id="vhclNm--${pageName}" name="vhclNm"
+						<label is="name-label" for="vhclNm" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량명칭</label>
+						<input type="text" is="id-input" name="vhclNm"
 						class="form-control" data-map="VHCL_NM" readonly placeholder="입력항목이 아닙니다." />
 					</div>
 					<div class="col-md-6">
-						<label for="vhclColr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량색상</label>
-						<input type="text" id="vhclColr--${pageName}" name="vhclColr"
+						<label is="name-label" for="vhclColr" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량색상</label>
+						<input type="text" is="id-input" name="vhclColr"
 						class="form-control" data-map="VHCL_COLR" readonly placeholder="입력항목이 아닙니다." />
 					</div>
 					<div class="col-md-12" slot="edit">
 						<template class="pvs bpv">
 							<slot>
-								<label for="ffnlgCarmdlCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차종</label>
-								<select id="ffnlgCarmdlCd--${pageName}" name="ffnlgCarmdlCd" class="form-select" data-map="FFNLG_CARMDL_CD">
+								<label is="name-label" for="ffnlgCarmdlCd" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차종</label>
+								<select is="id-select" name="ffnlgCarmdlCd" class="form-select" data-map="FFNLG_CARMDL_CD">
 									<option value=""></option>
 									<c:forEach items="${FIM009List}" var="item">
 										<option value="${item.code}">${item.value}</option>
@@ -146,8 +146,8 @@
 					<div class="col-md-12" slot="edit">
 						<template class="eca">
 							<slot>
-								<label for="useFuelCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">연료구분</label>
-								<select id="useFuelCd--${pageName}"	class="form-select" name="useFuelCd" data-map="USE_FUEL_CD" disabled>
+								<label is="name-label" for="useFuelCd" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">연료구분</label>
+								<select is="id-select"	class="form-select" name="useFuelCd" data-map="USE_FUEL_CD" disabled>
 									<option value=""></option>
 									<c:forEach items="${LVS005List}" var="item">
 										<option value="${item.code}">${item.value}</option>
@@ -159,8 +159,8 @@
 					<div class="col-md-6" slot="edit">
 						<template class="dpv eca pvs">
 							<slot>
-								<label for="towngYn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">견인지시</label>
-								<select id="towngYn--${pageName}" name="towngYn" class="form-select w-px-120" data-map="TOWNG_YN">
+								<label is="name-label" for="towngYn" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">견인지시</label>
+								<select is="id-select" name="towngYn" class="form-select w-px-120" data-map="TOWNG_YN">
 									<c:forEach items="${FIM053List}" var="item">
 										<option value="${item.code}">${item.value}</option>
 					                </c:forEach>
@@ -171,8 +171,8 @@
 					<div class="col-md-6" slot="edit">
 						<template class="dpv eca pvs">
 							<slot>
-								<label for="crdnSn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속일련번호</label>
-								<input type="text" id="crdnSn--${pageName}" name="crdnSn"
+								<label is="name-label" for="crdnSn" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">단속일련번호</label>
+								<input type="text" is="id-input" name="crdnSn"
 								class="form-control" data-map="CRDN_SN" maxlength="20" data-maxlengthb="20" />
 							</slot>
 						</template>
@@ -180,8 +180,8 @@
 					<div class="col-md-6" slot="edit">
 						<template class="dpv">
 							<slot>
-								<label for="prkPsbltyRsltCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">장애차량확인</label>
-								<select id="prkPsbltyRsltCd--${pageName}" name="prkPsbltyRsltCd" class="form-select w-px-120" data-map="PRK_PSBLTY_RSLT_CD">
+								<label is="name-label" for="prkPsbltyRsltCd" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">장애차량확인</label>
+								<select is="id-select" name="prkPsbltyRsltCd" class="form-select w-px-120" data-map="PRK_PSBLTY_RSLT_CD">
 									<c:forEach items="${FIM034List}" var="item">
 										<c:if test="${item.code == '0' or item.code == '1'}">
 											<option value="${item.code}">${item.value}</option>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
index 05e35495..767c0b24 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
@@ -20,8 +20,8 @@
 				<div class="row g-1">
 					<!-- 단속 처리 상태 코드 -->
 					<div class="col-md-12">
-						<label for="crdnSttsCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">처리상태</label>
-						<select id="crdnSttsCd--${pageName}" name="crdnSttsCd" class="form-select" data-map="CRDN_STTS_CD" required>
+						<label is="name-label" for="crdnSttsCd" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">처리상태</label>
+						<select is="id-select" name="crdnSttsCd" class="form-select" data-map="CRDN_STTS_CD" required>
 							<option value="">선택하세요</option>
 							<c:forEach items="${FIM010List}" var="item">
 								<option value="${item.code}">${item.value}</option>
@@ -30,8 +30,8 @@
 					</div>
 					<!-- 기타 내용 --> <!-- DB에 등록할 때 문구가 추가로 붙기 때문에 data-maxlengthb="940" 으로 지정 -->
 					<div class="col-md-12">
-						<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타내용</label>
-						<input type="text" class="form-control w-85" id="etcCn--${pageName}" name="etcCn"	data-maxlengthb="940" />
+						<label is="name-label" for="etcCn" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타내용</label>
+						<input type="text" is="id-input" name="etcCn"	class="form-control w-85" data-maxlengthb="940" />
 					</div>
 				</div>
 			</form>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
index 1266f3ab..b558026e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
@@ -99,18 +99,18 @@
 
 					<div class="row g-1">
 						<div class="col-md-3">
-							<label for="teamNm--${pageName}"
+							<label is="name-label" for="teamNm"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 								단속조명
 							</label>
-							<input type="text" id="teamNm--${pageName}" name="teamNm" class="form-control"
+							<input type="text" is="id-input" name="teamNm" class="form-control"
 								data-maxlengthb="20" required />
 						</div>
 						<div class="col-md-9">
-							<label for="crdnSeCd--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+							<label is="name-label" for="crdnSeCd" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								단속구분
 							</label>
-							<select id="crdnSeCd--${pageName}" name="crdnSeCd" class="form-select">
+							<select is="id-select" name="crdnSeCd" class="form-select">
 								<option value=""></option>
 								<c:forEach items="${FIM002List}" var="item">
 									<option value="${item.code}">${item.value}</option>
@@ -118,38 +118,38 @@
 							</select>
 						</div>
 						<div class="col-md-3">
-							<label for="teamer1--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+							<label is="name-label" for="teamer1" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								단속원1
 							</label>
-							<input type="text" id="teamer1--${pageName}" name="teamer1" class="form-control"
+							<input type="text" is="id-input" name="teamer1" class="form-control"
 								data-maxlengthb="20" />
 						</div>
 						<div class="col-md-3">
-							<label for="teamer2--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+							<label is="name-label" for="teamer2" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								단속원2
 							</label>
-							<input type="text" id="teamer2--${pageName}" name="teamer2" class="form-control"
+							<input type="text" is="id-input" name="teamer2" class="form-control"
 								data-maxlengthb="20" />
 						</div>
 						<div class="col-md-3">
-							<label for="teamer3--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+							<label is="name-label" for="teamer3" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								단속원3
 							</label>
-							<input type="text" id="teamer3--${pageName}" name="teamer3" class="form-control"
+							<input type="text" is="id-input" name="teamer3" class="form-control"
 								data-maxlengthb="20" />
 						</div>
 						<div class="col-md-3">
-							<label for="teamer4--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+							<label is="name-label" for="teamer4" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								단속원4
 							</label>
-							<input type="text" id="teamer4--${pageName}" name="teamer4" class="form-control"
+							<input type="text" is="id-input" name="teamer4" class="form-control"
 								data-maxlengthb="20" />
 						</div>
 						<div class="col-md-12">
-							<label for="etcCn--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+							<label is="name-label" for="etcCn" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 								특이사항
 							</label>
-							<input type="text" id="etcCn--${pageName}" name="etcCn"
+							<input type="text" is="id-input" name="etcCn"
 								class="form-control w-px-700" data-maxlengthb="1000" />
 						</div>
 					</div>
@@ -171,11 +171,11 @@
 		    <div class="container-search">
 				<div class="row g-1">
 					<div class="col-6">
-						<label for="deletedTeamNm--${pageName}" class="form-label fw-bold form-search-title">
+						<label is="name-label" for="deletedTeamNm" class="form-label fw-bold form-search-title">
                            선택된 단속조
 						</label>
 						<span class="form-search-linebox">
-							<input type="text" id="deletedTeamNm--${pageName}" name="deletedTeamNm"
+							<input type="text" is="id-input" name="deletedTeamNm"
 							class="form-control" />
 							<button type="button" name="btnShowDeleted" class="btn btn-search">
 								비사용 단속조 조회
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
index d8913c49..99508755 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
@@ -22,16 +22,16 @@
 		        <div class="container-search">
                     <div class="row g-1">
                         <div class="col-6">
-                            <label for="vhrno--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">
+                            <label is="name-label" for="vhrno" class="form-label fw-bold form-search-title w-px-120 text-end">
                             차량번호
                             </label>
-							<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
+							<input type="text" is="id-input" name="vhrno" class="form-control" />
                         </div>
                         <div class="col-6">
-                            <label for="delYn--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">
+                            <label is="name-label" for="delYn" class="form-label fw-bold form-search-title w-px-120 text-end">
                             삭제여부
                             </label>
-                            <select id="delYn--${pageName}" name="denYn" class="form-select">
+                            <select is="id-select" name="denYn" class="form-select">
                             	<option value="">전체</option>
                             	<option value="N">사용</option>
                             	<option value="Y">삭제</option>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp
index 33349a65..0455d88b 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08020-info.jsp
@@ -10,10 +10,10 @@
 		<div class="row g-1">
 		
 			<div class="col-md-12">
-				<label for="vhrno--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
+				<label is="name-label" for="vhrno" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 					차량번호
 				</label>
-				<input type="text" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" class="form-control" 
+				<input type="text" is="id-input" name="vhrno" data-map="VHRNO" class="form-control" 
 					data-maxlengthb="30" required />
 			</div>
 			<div class="col-md-12">
@@ -29,24 +29,24 @@
                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 			</div>
 			<div class="col-md-12">
-				<label for="exmptnRsn--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+				<label is="name-label" for="exmptnRsn" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					면제 사유
 				</label>
-				<input type="text" id="exmptnRsn--${pageName}" name="exmptnRsn" data-map="EXMPTN_RSN"
+				<input type="text" is="id-input" name="exmptnRsn" data-map="EXMPTN_RSN"
 					class="form-control w-px-300" data-maxlengthb="1000" />
 			</div>
 			<div class="col-md-12">
-				<label for="docNo--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+				<label is="name-label" for="docNo" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					공문번호
 				</label>
-				<input type="text" id="docNo--${pageName}" name="docNo" data-map="DOC_NO"
+				<input type="text" is="id-input" name="docNo" data-map="DOC_NO"
 					class="form-control w-px-300" data-maxlengthb="100" />
 			</div>
 			<div class="col-md-12">
-				<label for="ownrNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+				<label is="name-label" for="ownrNm" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					소유주명
 				</label>
-				<input type="text" id="ownrNm--${pageName}" name="ownrNm" data-map="OWNR_NM"
+				<input type="text" is="id-input" name="ownrNm" data-map="OWNR_NM"
 					class="form-control w-px-300" data-maxlengthb="200" />
 			</div>
 		</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
index d23ce998..32c080ef 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
@@ -28,11 +28,11 @@
 				<div class="col-md-12" slot="edit">
 					<template class="pvs bpv">
 						<slot>
-							<label for="crdnSeCd--${pageName}"
+							<label is="name-label" for="crdnSeCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							단속구분
 							</label>
-							<select id="crdnSeCd--${pageName}" name="crdnSeCd"
+							<select is="id-select" name="crdnSeCd"
 							data-map="CRDN_SE_CD" class="form-select">
 								<c:forEach items="${FIM002List}" var="item">
 									<option value="${item.code}">${item.value}</option>
@@ -42,28 +42,28 @@
 					</template>
 				</div>
 				<div class="col-md-4">
-					<label for="crdnYmd--${pageName}"
+					<label is="name-label" for="crdnYmd"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						위반일자
 					</label>
-					<input type="text" id="crdnYmd--${pageName}" name="crdnYmd" data-map="CRDN_YMD"
+					<input type="text" is="id-input" name="crdnYmd" data-map="CRDN_YMD"
 						class="form-control form-date" data-fmt-type="day" maxlength="10" required />
 		            <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 				</div>
 				<div class="col-md-4">
-					<label for="crdnTm--${pageName}"
+					<label is="name-label" for="crdnTm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end required">
 						위반시간
 					</label>
-		            <input type="text" id="crdnTm--${pageName}" name="crdnTm" data-map="CRDN_TM"
+		            <input type="text" is="id-input" name="crdnTm" data-map="CRDN_TM"
 		            	class="form-control form-time" data-fmt-type="time" maxlength="8" required
 		            	placeholder="시:분:초" />
 				</div>
 				<div class="col-md-4">
-					<label for="vhrno--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="vhrno" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 						차량번호
 					</label>
-					<input type="text" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" class="form-control"
+					<input type="text" is="id-input" name="vhrno" data-map="VHRNO" class="form-control"
 						data-maxlengthb="30" />
 				</div>
 				<div class="col-md-12">
@@ -77,58 +77,58 @@
 					</span>
 				</div>
 				<div class="col-md-6">
-					<label for="vltnCd--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="vltnCd" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 						위반내용
 					</label>
-					<select id="vltnCd--${pageName}" name="vltnCd" class="form-select" data-map="VLTN_CD">
+					<select is="id-select" name="vltnCd" class="form-select" data-map="VLTN_CD">
 						<c:forEach items="${VLTNList}" var="item">
 							<option value="${item.code}">${item.value}</option>
 		                </c:forEach>
 					</select>
-					<label for="dstrbncYn--${pageName}">
-						<input type="checkbox" id="dstrbncYn--${pageName}" name="dstrbncYn"
+					<label is="name-label" for="dstrbncYn">
+						<input type="checkbox" is="id-input" name="dstrbncYn"
 						data-map="DSTRBNC_YN" value="Y" />
 						1면 방해
 					</label>
 				</div>
 				<div class="col-md-6 select2-primary">
-					<label for="crdnStdgNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="crdnStdgNm" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					법정동
 					</label>
-					<input type="text" id="crdnStdgNm--${pageName}" name="crdnStdgNm" data-map="CRDN_STDG_NM"
-					class="form-control" list="stdgNmList--${pageName}" />
-					<datalist id="stdgNmList--${pageName}" name="stdgNmList">
+					<input type="text" is="id-input" name="crdnStdgNm" data-map="CRDN_STDG_NM"
+					class="form-control" list="stdgNmList" />
+					<datalist is="id-datalist" name="stdgNmList">
 						<c:forEach items="${stdgNmList}" var="item">
 							<option value="${item}"></option>
 						</c:forEach>
 					</datalist>
 				</div>
 				<div class="col-md-6">
-					<label for="crdnPlc--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="crdnPlc" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					단속장소
 					</label>
-					<input type="text" id="crdnPlc--${pageName}" name="crdnPlc" data-map="CRDN_PLC"
+					<input type="text" is="id-input" name="crdnPlc" data-map="CRDN_PLC"
 						class="form-control w-px-300" data-maxlengthb="200" />
 				</div>
 				<div class="col-md-6" slot="edit">
 					<template class="bpv">
 						<slot>
-							<label for="dtlCrdnPlc--${pageName}"
+							<label is="name-label" for="dtlCrdnPlc"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							상세단속장소
 							</label>
-							<input type="text" id="dtlCrdnPlc--${pageName}" name="dtlCrdnPlc"
+							<input type="text" is="id-input" name="dtlCrdnPlc"
 							data-map="DTL_CRDN_PLC" class="form-control"
 								data-maxlenghb="200" />
 						</slot>
 					</template>
 					<template class="pvs">
 						<slot>
-							<label for="crdnSpareaCd--${pageName}"
+							<label is="name-label" for="crdnSpareaCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							특별구역
 							</label>
-							<select id="crdnSpareaCd--${pageName}" name="crdnSpareaCd"
+							<select is="id-select" name="crdnSpareaCd"
 							data-map="CRDN_SPAREA_CD" class="form-select">
 								<c:forEach items="${FIM007List}" var="item">
 									<option value="${item.code}">${item.value}</option>
@@ -138,52 +138,52 @@
 					</template>
 				</div>
 				<div class="col-md-6">
-					<label for="cvlcptAplcntNm--${pageName}"
+					<label is="name-label" for="cvlcptAplcntNm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					신고자
 					</label>
-					<input type="text" id="cvlcptAplcntNm--${pageName}" name="cvlcptAplcntNm"
+					<input type="text" is="id-input" name="cvlcptAplcntNm"
 					data-map="CVLCPT_APLCNT_NM" class="form-control" readonly />
 				</div>
 				<div class="col-md-6">
-					<label for="cvlcptPrcsPicNm--${pageName}"
+					<label is="name-label" for="cvlcptPrcsPicNm"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					담당자
 					</label>
-					<input type="text" id="cvlcptPrcsPicNm--${pageName}" name="cvlcptPrcsPicNm"
+					<input type="text" is="id-input" name="cvlcptPrcsPicNm"
 					data-map="CVLCPT_PRCS_PIC_NM" class="form-control" readonly />
 				</div>
 				<div class="col-md-12">
-					<label for="cvlcptAplyCn--${pageName}"
+					<label is="name-label" for="cvlcptAplyCn"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end align-top"
 					>신고내용</label>
-					<textarea type="text" id="cvlcptAplyCn--${pageName}" name="cvlcptAplyCn"
+					<textarea is="id-textarea" name="cvlcptAplyCn"
 					data-map="CVLCPT_APLY_CN" class="form-control"
 					cols="100%" rows="4" readonly
 					></textarea>
 				</div>
 				<div class="col-md-6">
-					<label for="cvlcptRcptYmd--${pageName}"
+					<label is="name-label" for="cvlcptRcptYmd"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					접수일
 					</label>
-					<input type="text" id="cvlcptRcptYmd--${pageName}" name="cvlcptRcptYmd"
+					<input type="text" is="id-input" name="cvlcptRcptYmd"
 					data-map="CVLCPT_RCPT_YMD" class="form-control form-date"
 					data-fmt-type="day" maxlength="10" disabled />
 				</div>
 				<div class="col-md-6">
-					<label for="cvldptPrcsPrnmntDt--${pageName}"
+					<label is="name-label" for="cvldptPrcsPrnmntDt"
 						class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">답변기한</label>
-					<input type="text" id="cvldptPrcsPrnmntDt--${pageName}" name="cvldptPrcsPrnmntDt"
+					<input type="text" is="id-input" name="cvldptPrcsPrnmntDt"
 					data-map="CVLCPT_PRCS_PRNMNT_DT" class="form-control form-date"
 					data-fmt-type="day" maxlength="10" disabled />
 				</div>
 				<div class="col-md-12">
-					<label for="etcCn--${pageName}"
+					<label is="name-label" for="etcCn"
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					특기사항
 					</label>
-					<input type="text" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN"
+					<input type="text" is="id-input" name="etcCn" data-map="ETC_CN"
 						class="form-control w-px-500" data-maxlengthb="1000" />
 				</div>
 			</div>
@@ -199,17 +199,17 @@
 					</div>
 				</div>
 				<div class="col-md-4">
-					<label for="rtpyrNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="rtpyrNm" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					납부자명
 					</label>
-					<input type="text" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM"
+					<input type="text" is="id-input" name="rtpyrNm" data-map="RTPYR_NM"
 						class="form-control w-px-140" readonly />
 				</div>
 				<div class="col-md-3">
-					<label for="rtpyrSeCd--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="rtpyrSeCd" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					납부자구분
 					</label>
-					<select id="rtpyrSeCd--${pageName}" name="rtpyrSeCd"
+					<select is="id-select" name="rtpyrSeCd"
 					data-map="RTPYR_SE_CD" class="form-select" disabled>
 						<c:forEach items="${FIM011List}" var="item">
 							<option value="${item.code}">${item.value}</option>
@@ -217,66 +217,66 @@
 					</select>
 				</div>
 				<div class="col-md-5">
-					<label for="rtpyrNo--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="rtpyrNo" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					납부자번호
 					</label>
-					<input type="text" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO"
+					<input type="text" is="id-input" name="rtpyrNo" data-map="RTPYR_NO"
 						class="form-control privacy" readonly />
-					<input type="text" id="mask-rtpyrNo--${pageName}" name="mask-rtpyrNo" class="form-control privacy-mask"
+					<input type="text" is="id-input" name="mask-rtpyrNo" class="form-control privacy-mask"
 					disabled value="******"/>
 				</div>
 				<div class="col-md-12">
-					<label for="zip--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="zip" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					우편번호
 					</label>
-					<input type="text" id="zip--${pageName}" name="zip" data-map="ZIP" class="form-control w-px-100"
+					<input type="text" is="id-input" name="zip" data-map="ZIP" class="form-control w-px-100"
 						readonly maxlength="7" pattern="(\d{3}-\d{3}|\d{6}|\d{5})" />
 				</div>
 				<div class="col-md-12">
-					<label for="addr--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="addr" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					주소
 					</label>
-					<input type="text" id="addr--${pageName}" name="addr" data-map="ADDR"
+					<input type="text" is="id-input" name="addr" data-map="ADDR"
 						class="form-control w-px-700" readonly data-maxlengthb="320" />
 				</div>
 				<div class="col-md-12">
-					<label for="dtlAddr--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="dtlAddr" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					상세주소
 					</label>
-					<input type="text" id="dtlAddr--${pageName}" name="dtlAddr" data-map="DTL_ADDR"
+					<input type="text" is="id-input" name="dtlAddr" data-map="DTL_ADDR"
 						class="form-control w-px-700" readonly data-maxlengthb="200" />
 				</div>
 			</div>
 			<div class="row g-1">
 				<div class="col-md-4">
-					<label for="vin--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="vin" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					차대번호
 					</label>
-					<input type="text" id="vin--${pageName}" name="vin" data-map="VIN" class="form-control" readonly
+					<input type="text" is="id-input" name="vin" data-map="VIN" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-4">
-					<label for="vhclNm--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="vhclNm" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					차량명칭
 					</label>
-					<input type="text" id="vhclNm--${pageName}" name="vhclNm"
+					<input type="text" is="id-input" name="vhclNm"
 					data-map="VHCL_NM" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-4">
-					<label for="vhclColr--${pageName}" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="vhclColr" class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 					차량색상
 					</label>
-					<input type="text" id="vhclColr--${pageName}" name="vhclColr"
+					<input type="text" is="id-input" name="vhclColr"
 					data-map="VHCL_COLR" class="form-control" readonly
 						placeholder="입력항목이 아닙니다." />
 				</div>
 				<div class="col-md-12" slot="edit">
 					<template class="pvs bpv">
 						<slot>
-							<label for="ffnlgCarmdlCd--${pageName}"
+							<label is="name-label" for="ffnlgCarmdlCd"
 							class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">차종</label>
-							<select id="ffnlgCarmdlCd--${pageName}" name ="ffnlgCarmdlCd"
+							<select is="id-select" name ="ffnlgCarmdlCd"
 							data-map="FFNLG_CARMDL_CD" class="form-select">
 								<option value=""></option>
 								<c:forEach items="${FIM009List}" var="item">
@@ -289,11 +289,11 @@
 				<div class="col-md-12" slot="edit">
 					<template class="eca">
 						<slot>
-							<label for="useFuelCd--${pageName}"
+							<label is="name-label" for="useFuelCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							연료구분
 							</label>
-							<select id="useFuelCd--${pageName}" name="useFuelCd"
+							<select is="id-select" name="useFuelCd"
 							data-map="USE_FUEL_CD" class="form-select" disabled>
 								<option value=""></option>
 								<c:forEach items="${LVS005List}" var="item">
@@ -306,11 +306,11 @@
 				<div class="col-md-4" slot="edit">
 					<template class="dpv eca pvs">
 						<slot>
-							<label for="towngYn--${pageName}"
+							<label is="name-label" for="towngYn"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							견인지시
 							</label>
-							<select id="towngYn--${pageName}" name="towngYn" class="form-select" data-map="TOWNG_YN">
+							<select is="id-select" name="towngYn" class="form-select" data-map="TOWNG_YN">
 								<c:forEach items="${FIM053List}" var="item">
 									<option value="${item.code}">${item.value}</option>
 				                </c:forEach>
@@ -321,11 +321,11 @@
 				<div class="col-md-4" slot="edit">
 					<template class="dpv eca pvs">
 						<slot>
-							<label for="crdnSn--${pageName}"
+							<label is="name-label" for="crdnSn"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							스티커번호
 							</label>
-							<input type="text" id="crdnSn--${pageName}" name="crdnSn"
+							<input type="text" is="id-input" name="crdnSn"
 							data-map="CRDN_SN" class="form-control"
 								maxlength="20" data-maxlengthb="20" />
 						</slot>
@@ -334,11 +334,11 @@
 				<div class="col-md-4" slot="edit">
 					<template class="dpv">
 						<slot>
-							<label for="prkPsbltyRsltCd--${pageName}"
+							<label is="name-label" for="prkPsbltyRsltCd"
 							class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">
 							장애차량확인
 							</label>
-							<select id="prkPsbltyRsltCd--${pageName}" name="prkPsbltyRsltCd"
+							<select is="id-select" name="prkPsbltyRsltCd"
 							data-map="PRK_PSBLTY_RSLT_CD" class="form-select">
 								<c:forEach items="${FIM034List}" var="item">
 									<option value="${item.code}">${item.value}</option>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp
index c2e93770..67f14816 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01050-info.jsp
@@ -9,46 +9,46 @@
 			
 			<div class="row g-1">
 				<div class="col-md-4">
-					<label for="cvlcptListNo--${pageName}" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
+					<label is="name-label" for="cvlcptListNo" class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
 						목록번호
 					</label>
-					<input type="text" id="cvlcptListNo--${pageName}" name="cvlcptListNo" data-map="CVLCPT_LIST_NO"
+					<input type="text" is="id-input" name="cvlcptListNo" data-map="CVLCPT_LIST_NO"
 						class="form-control" readonly />
 				</div>
 				<div class="col-md-4">
-					<label for="cvlcptRcptNo--${pageName}" 
+					<label is="name-label" for="cvlcptRcptNo" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
 						접수번호
 					</label>
-					<input type="text" id="cvlcptRcptNo--${pageName}" name="cvlcptRcptNo" 
+					<input type="text" is="id-input" name="cvlcptRcptNo" 
 					data-map="CVLCPT_RCPT_NO" class="form-control" readonly />
 				</div>
 				<div class="col-md-4">
-					<label for="cvlcptAplcntNm--${pageName}" 
+					<label is="name-label" for="cvlcptAplcntNm" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
 						신청자
 					</label>
-					<input type="text" id="cvlcptAplcntNm--${pageName}" name="cvlcptAplcntNm" 
+					<input type="text" is="id-input" name="cvlcptAplcntNm" 
 					data-map="CVLCPT_APLCNT_NM" class="form-control" readonly />
 				</div>
 				<div class="col-md-4">
-					<label for="cvlcptRcptYmd--${pageName}" 
+					<label is="name-label" for="cvlcptRcptYmd" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
 						접수일자
 					</label>
-					<input type="text" id="cvlcptRcptYmd--${pageName}" name="cvlcptRcptYmd" 
+					<input type="text" is="id-input" name="cvlcptRcptYmd" 
 					data-map="CVLCPT_RCPT_YMD" class="form-control" readonly />
 				</div>
 				<div class="col-md-4">
-					<label for="cvlcptPrcsPrnmtDt--${pageName}" 
+					<label is="name-label" for="cvlcptPrcsPrnmtDt" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-end">
 						처리기한
 					</label>
-					<input type="text" id="cvlcptPrcsPrnmtDt--${pageName}" name="cvlcptPrcsPrnmtDt" 
+					<input type="text" is="id-input" name="cvlcptPrcsPrnmtDt" 
 					data-map="CVLCPT_PRCS_PRNMNT_DT" class="form-control" readonly />
 				</div>
 				<div class="col-md-12">
-					<label for="cvlcptAplyCn--${pageName}" 
+					<label is="name-label" for="cvlcptAplyCn" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-center">
 						민원 내용
 					</label>
@@ -60,17 +60,17 @@
 				</div>
 				<div class="col-md-12">
 					<div class="px-2">
-						<textarea id="cvlcptAplyCn--${pageName}" name="cvlcptAplyCn" data-map="CVLCPT_APLY_CN"
+						<textarea is="id-textarea" name="cvlcptAplyCn" data-map="CVLCPT_APLY_CN"
 						rows="25" class="w-100" readonly
 						></textarea>
 					</div>
 				</div>
 				<div class="col-md-6">
-					<label for="cvlcptAplySeCd--${pageName}" 
+					<label is="name-label" for="cvlcptAplySeCd" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-center">
 						접수경로
 					</label>
-					<select id="cvlcptAplySeCd--${pageName}" name="cvlcptAplySeCd" class="form-select" 
+					<select is="id-select" name="cvlcptAplySeCd" class="form-select" 
 					data-map="CVLCPT_APLY_SE_CD" 
 					disabled="disabled">
 						<option value=""></option>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
index 03b21b0c..c1332007 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
@@ -53,8 +53,8 @@
                             </span>
                         </div>
                         <div class="col-6">
-                        	<label for="cvlcptPrcsCd--${pageName}" class="form-label fw-bold form-search-title w-px-120 text-end">처리구분</label>
-                            <select id="cvlcptPrcsCd--${pageName}" name="cvlcptPrcsCd" class="form-select w-px-160">
+                        	<label is="name-label" for="cvlcptPrcsCd" class="form-label fw-bold form-search-title w-px-120 text-end">처리구분</label>
+                            <select is="id-select" name="cvlcptPrcsCd" class="form-select w-px-160">
                             	<option value="">전체</option>
                             	<c:forEach items="${FIM017List}" var="item">
                             		<c:if test="${item.code == '02' or item.code == '03' or item.code == '04'}">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp
index 2ed18e66..4492af6d 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02060-info.jsp
@@ -10,7 +10,7 @@
 
 			<div class="row g-1">
 				<div class="col-md-6">
-					<label for="cvlcptAplyCn--${pageName}" 
+					<label is="name-label" for="cvlcptAplyCn" 
 					class="w-px-150 bg-lighter pe-2 col-form-label text-sm-center">
 						민원 내용
 					</label>
@@ -23,21 +23,21 @@
 				</div>
 				<div class="col-md-12">
 					<div class="px-2">
-						<textarea id="cvlcptAplyCn--${pageName}" name="cvlcptAplyCn" 
+						<textarea is="id-textarea" name="cvlcptAplyCn" 
 						data-map="CVLCPT_APLY_CN" rows="10" class="w-100" 
 						></textarea>
 					</div>
 				</div>
 
 				<div class="col-md-12">
-					<label for="cvlcptPrcsRsltCn--${pageName}" 
+					<label is="name-label" for="cvlcptPrcsRsltCn" 
 					class="required w-px-150 bg-lighter pe-2 col-form-label text-sm-center">
 						답변 내용
 					</label>
 				</div>
 				<div class="col-md-12">
 					<div class="px-2">
-						<textarea id="cvlcptPrcsRsltCn--${pageName}" name="cvlcptPrcsRsltCn" 
+						<textarea is="id-textarea" name="cvlcptPrcsRsltCn" 
 						data-map="CVLCPT_PRCS_RSLT_CN"
 						required rows="10" class="w-100"
 						></textarea>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
index 703b71bf..ed114ddf 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
@@ -127,17 +127,17 @@
 			<div class="card">
 				<div class="row g-1">
 					<div class="col-md-12">
-						<label for="rcptYmd--${pageName}" data-ref-doctx="${pageName}"
+						<label is="name-label" for="rcptYmd" data-ref-doctx="${pageName}"
 							class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">접수일자</label>
-						<input type="text" id="rcptYmd--${pageName}" name="rcptYmd"
+						<input type="text" is="id-input" name="rcptYmd"
 							data-ref-doctx="${pageName}"
 							class="form-control form-date" required data-fmt-type="day" />
 						<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 					</div>
 					<div class="col-md-12">
-						<label for="pstNo--${pageName}" data-ref-doctx="${pageName}"
+						<label is="name-label" for="pstNo" data-ref-doctx="${pageName}"
 								class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">목록번호</label>
-						<input type="text" id="pstNo--${pageName}" name="pstNo" class="form-control"
+						<input type="text" is="id-input" name="pstNo" class="form-control"
 							data-ref-doctx="${pageName}"
 							required maxlength="6" data-maxlengthb="6" data-fmt-type="zeroLpadNumber" />
 					</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
index d1f9bcbd..dfa19131 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
@@ -73,10 +73,10 @@
 								<div class="w-px-900">
 									<div class="row">
 										<div class="col-12">
-											<label for="headerCn--${pageName}"
+											<label is="name-label" for="headerCn"
 											class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end align-top"
 											>머리말</label>
-											<textarea id="headerCn--${pageName}" name="headerCn"
+											<textarea is="id-textarea" name="headerCn"
 											rows="5" cols="80%" class="form-control" required
 											placeholder="머리말이 없습니다."
 											></textarea>
@@ -84,10 +84,10 @@
 									</div>
 									<div class="row">
 										<div class="col-12">
-											<label for="footerCn--${pageName}"
+											<label is="name-label" for="footerCn"
 											class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end align-top"
 											>꼬리말</label>
-											<textarea id="footerCn--${pageName}" name="footerCn"
+											<textarea is="id-textarea" name="footerCn"
 											rows="5" cols="80%" class="form-control" required
 											placeholder="꼬리말이 없습니다."
 											></textarea>
@@ -216,12 +216,12 @@
 								    			<input type="hidden" name="ansRsnCd" />
 								    			<input type="hidden" name="dstrbncYn" />
 								    			<input type="hidden" name="ansWordsId" />
-								    			<label for="prcsRsltCn--${pageName}"
+								    			<label is="name-label" for="prcsRsltCn"
 								    			class="w-px-130 bg-lighter pe-2 col-form-label text-sm-center">
 								    			답변내용
 								    			</label>
 								    			<br/>
-								    			<textarea id="prcsRsltCn--${pageName}" name="prcsRsltCn"
+								    			<textarea is="id-textarea" name="prcsRsltCn"
 								    			class="form-control w-100" required rows="15"
 								    			></textarea>
 								    		</form>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
index 5ba43e9c..acd7a17b 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
@@ -75,16 +75,16 @@
 							    		<form name="frmEditWarningWords">
 							    			<input type="hidden" name="ansRsnCd" />
 							    			<input type="hidden" name="ansWordsId" />
-							    			<label for="mailTtlNm--${pageName}"
+							    			<label is="name-label" for="mailTtlNm"
 							    			class="w-px-130 bg-lighter pe-2 col-form-label text-sm-center">제목</label>
-							    			<input type="text" id="mailTtlNm--${pageName}" name="mailTtlNm" required
+							    			<input type="text" is="id-input" name="mailTtlNm" required
 							    			class="form-control w-px-500" />
 							    			<br/>
-							    			<label for="mailCn--${pageName}"
+							    			<label is="name-label" for="mailCn"
 							    			class="w-px-130 bg-lighter pe-2 col-form-label text-sm-center" hidden>
 							    			내용
 							    			</label>
-							    			<textarea id="mailCn--${pageName}" name="mailCn" class="form-control w-100"
+							    			<textarea is="id-textarea" name="mailCn" class="form-control w-100"
 							    			required rows="15"
 							    			></textarea>
 							    		</form>