fix : 레이아웃 팝업,메인,비즈 html5로 수정, 필드셋 디자인 적용

src/main/webapp/WEB-INF/jsp/fims/biz/rt/rtCrackdownExtrInterfaceMgtForm.jsp

@@ -27,30 +27,31 @@ Date       Author       Description
 <form id="frmSearch" name="frmSearch">
 	<div class="search">
 		<div class="detail_02" style="display: block;">
-			<p class="box_title">상세검색</p>
+			<fieldset>
-			<ul class="detailGroup_02">
+				<legend>test</legend>
-				<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
+				<ul class="detailGroup_02">
-					<option value="regltDe">단속일자</option>
+					<select id="sch_date_opt" name="sch_date_opt" class="selectBox">
-					<option value="registDt">등록일자</option>
+						<option value="regltDe">단속일자</option>
-				</select>
+						<option value="registDt">등록일자</option>
-				<span class="cal-box">
+					</select>
-					<input id="sch_date_from" class="inputText cal"  name="sch_date_from" type="text" title="시작 날짜 선택">
+					<span class="cal-box">
-					<button type="button" name="sch_date_from" class="calendar"><span class="ico far fa-calendar-alt">
+						<input id="sch_date_from" class="inputText cal"  name="sch_date_from" type="text" title="시작 날짜 선택">
-						<img style="width:18px;" src="${ctx}/resources/biz/content/images/common/main/calendar.png"/><em>달력</em></span>
+						<button type="button" name="sch_date_from" class="calendar"><span class="ico far fa-calendar-alt">
-					</button>
+							<img style="width:18px;" src="${ctx}/resources/biz/content/images/common/main/calendar.png"/><em>달력</em></span>
-					~
+						</button>
-					<input id="sch_date_to" class="inputText cal" name="sch_date_to" type="text" title="종료 날짜 선택" placeholder="날짜를 선택하세요">
+						~
-					<button type="button" name="sch_date_to" class="calendar"><span class="ico far fa-calendar-alt">
+						<input id="sch_date_to" class="inputText cal" name="sch_date_to" type="text" title="종료 날짜 선택" placeholder="날짜를 선택하세요">
-						<img style="width:18px;" src="${ctx}/resources/biz/content/images/common/main/calendar.png"/><em>달력</em></span>
+						<button type="button" name="sch_date_to" class="calendar"><span class="ico far fa-calendar-alt">
-					</button>
+							<img style="width:18px;" src="${ctx}/resources/biz/content/images/common/main/calendar.png"/><em>달력</em></span>
-				</span>
+						</button>
-				<code:select id="regltProcessSttusCode" name="regltProcessSttusCode" codeId="FIM010" defaultSelect="01" title="단속처리상태" cls="selectBoxTotal act_color" alt="단속처리상태" disabled="false"/>
+					</span>
-				<br/>
+					<code:select id="regltProcessSttusCode" name="regltProcessSttusCode" codeId="FIM010" defaultSelect="01" title="단속처리상태" cls="selectBoxTotal act_color" alt="단속처리상태" disabled="false"/>
-				<label class="title">시스템구분</label>
+					<br/>
-				<code:radio codeId="FIM001" id="sysCode" name="sysCode" defaultSelect='${sessionScope.XitLoginSession.orgnztId}' onclick="fnTab0Biz.search()" cls="radioBox" alt="시스템구분"/>
+					<label class="title">시스템구분</label>
-				<br/>
+					<code:radio codeId="FIM001" id="sysCode" name="sysCode" defaultSelect='${sessionScope.XitLoginSession.orgnztId}' onclick="fnTab0Biz.search()" cls="radioBox" alt="시스템구분"/>
-				<label class="title">단속구분</label>
+					<br/>
-				<code:radio type="CMM_ETC2" id="regltSeCode" name="regltSeCode" codeId="FIM002" onclick="fnTab0Biz.search()" cls="radioBox" alt="단속구분" />
+					<label class="title">단속구분</label>
+					<code:radio type="CMM_ETC2" id="regltSeCode" name="regltSeCode" codeId="FIM002" onclick="fnTab0Biz.search()" cls="radioBox" alt="단속구분" />
 
 						<!-- 데이타 확인 여부 : 차종분류코드가 있는지 여부로 판별 -->
 				<!--
@@ -73,6 +74,7 @@ Date       Author       Description
 						<a href="#" class="btn darkgray" id="btnRegist" title="연계파일등록">연계파일처리</a>
 					</span>
 				</ul>
+			</fieldset>
 			</div>
 		</div>
 </form>

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp

@@ -1,6 +1,7 @@
 <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+	<meta charset="UTF-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=11" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	
 
 	<c:set var="ctx" value="${pageContext.request.contextPath}"/>

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/layout-tiles-biz-main.jsp

@@ -4,7 +4,7 @@
 
 <!DOCTYPE html>
 <html>
-<head>
+<head lang="ko">
 	<%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>
 </head>
 

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/layout-tiles-biz-pop.jsp

@@ -3,8 +3,10 @@
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 
 <!DOCTYPE html>
-<html>
+<html lang="ko">
  	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<c:if test="${!empty pageTitle}">
 			<title>${pageTitle}</title>
 		</c:if>

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/layout-tiles-biz.jsp

@@ -3,7 +3,7 @@
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 
 <!DOCTYPE html>
-<html>
+<html lang="ko">
     <head>
         <%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>
 

src/main/webapp/resources/framework/css/cmmn/common-style.css

@@ -456,7 +456,7 @@ label, label * {vertical-align: middle;}
 	position: relative;
 	overflow: hidden;
 /* 	padding: 13px 25px; */
-	padding: 13px 15px;
+	padding: 10px 15px;
 	background-color: #f2f2f2;
 	border: 1px solid #d0d0d0;
 	box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
@@ -1381,17 +1381,27 @@ input:read-only {
 	margin-right: 7px;
 	width: 14px;
 }
-.box_title{
+fieldset {
-	width: 52px;
+	display: block;
-	background: #f2f2f2;
+	margin-inline-start: 2px;
-	position: absolute;
+	margin-inline-end: 2px;
-	top: 3px;
+	padding-block-start: 0.35em;
-	left: 23px;
+	padding-inline-start: 0.75em;
-	padding-left: 4px;
+	padding-inline-end: 0.75em;
-}
+	padding-block-end: 0.625em;
-.detailGroup_02{
+	min-inline-size: min-content;
-	border: 1px solid #a3a3a3;
+	border-width: 2px;
-	padding: 16px 0px 13px 12px;
+	border-style: groove;
+	border-color: rgb(192, 192, 192);
+	border-image: initial;
+}
+legend {
+	/*background-color: #000;*/
+	color:#333;
+	padding: 3px 6px;
+	position: inherit;
+	font-size: 12px;
+	letter-spacing: -0.6px;
 }
 /*단속현황관리- 메인폼 (시스템구분,단속구분) 디자인 추가*/
 .detailGroup_02 label[class^="title"]{