diff --git a/src/main/java/go/kr/project/biz/common/controller/CommonContorller.java b/src/main/java/go/kr/project/biz/common/controller/CommonContorller.java
new file mode 100644
index 0000000..8be3b61
--- /dev/null
+++ b/src/main/java/go/kr/project/biz/common/controller/CommonContorller.java
@@ -0,0 +1,52 @@
+package go.kr.project.biz.common.controller;
+
+import go.kr.project.biz.common.dto.CommonDto;
+import go.kr.project.biz.common.service.CommonService;
+import lombok.RequiredArgsConstructor;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.ModelAttribute;
+
+import java.util.List;
+
+@Controller
+@RequiredArgsConstructor
+public class CommonContorller {
+
+    private final CommonService commonService;
+
+    /**
+     * 디비에서 관리되는 코드 조회
+     */
+    @GetMapping("/common/code/find.ajax")
+    public ResponseEntity<?> getCode(@ModelAttribute CommonDto.Request commonDto) {
+
+        CommonDto.Response.CodeResult result = commonService.findCode(commonDto);
+
+
+        return ResponseEntity.ok(result);
+    }
+
+    /**
+     * 차적조회
+     */
+    @GetMapping("/common/car/info/find.ajax")
+    public ResponseEntity<?> findCarInfo() {
+
+        return ResponseEntity.ok("aaa");
+    }
+
+    /**
+     * 표지조회
+     */
+    @GetMapping("/cover/info/find.ajax")
+    public ResponseEntity<?> findCoverInfo() {
+
+        return ResponseEntity.ok("aaa");
+    }
+
+
+
+
+}
diff --git a/src/main/java/go/kr/project/biz/common/dto/CommonDto.java b/src/main/java/go/kr/project/biz/common/dto/CommonDto.java
new file mode 100644
index 0000000..9891758
--- /dev/null
+++ b/src/main/java/go/kr/project/biz/common/dto/CommonDto.java
@@ -0,0 +1,45 @@
+package go.kr.project.biz.common.dto;
+
+import go.kr.project.domain.entity.CpBdong;
+import go.kr.project.domain.entity.CpViolation;
+import go.kr.project.vo.CpBdongVO;
+import go.kr.project.vo.CpViolationVO;
+import lombok.Builder;
+import lombok.Getter;
+import lombok.Setter;
+
+import java.util.List;
+
+public class CommonDto {
+
+    @Getter
+    @Setter
+    public static class Request {
+
+        private String sggCode;
+        private String jobGroup;
+        private String code;
+
+
+    }
+
+
+
+
+
+
+    public static class Response {
+
+
+        @Getter
+        @Setter
+        @Builder
+        public static class CodeResult {
+            private List<CpViolationVO> cpViolation;
+            private List<CpBdongVO> cpBdong;
+        }
+
+
+
+    }
+}
diff --git a/src/main/java/go/kr/project/biz/common/repository/CommonRepository.java b/src/main/java/go/kr/project/biz/common/repository/CommonRepository.java
new file mode 100644
index 0000000..44e4c7a
--- /dev/null
+++ b/src/main/java/go/kr/project/biz/common/repository/CommonRepository.java
@@ -0,0 +1,80 @@
+package go.kr.project.biz.common.repository;
+
+import com.querydsl.core.types.Projections;
+import com.querydsl.jpa.impl.JPAQueryFactory;
+import go.kr.project.biz.common.dto.CommonDto;
+import go.kr.project.domain.entity.CpBdong;
+import go.kr.project.domain.entity.CpViolation;
+import go.kr.project.vo.CpBdongVO;
+import go.kr.project.vo.CpViolationVO;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+import static go.kr.project.domain.entity.QCpBdong.cpBdong;
+import static go.kr.project.domain.entity.QCpViolation.cpViolation;
+
+@Repository
+@RequiredArgsConstructor
+public class CommonRepository {
+
+
+    private final JPAQueryFactory queryFactory;
+
+
+    public List<CpViolationVO> findViolationCode(CommonDto.Request commonDto) {
+
+        commonDto.setSggCode("41590");
+        commonDto.setJobGroup("1");
+
+        List<CpViolationVO> result = queryFactory
+                .select(
+                        Projections.fields(
+                                CpViolationVO.class,
+                                cpViolation.id.vlCode,
+                                cpViolation.id.vlJobgroup,
+                                cpViolation.id.vlSggcode,
+                                cpViolation.vlId,
+                                cpViolation.vlAnswer,
+                                cpViolation.vlEnable,
+                                cpViolation.vlKeum,
+                                cpViolation.vlLaw1,
+                                cpViolation.vlLaw2,
+                                cpViolation.vlLaw3,
+                                cpViolation.vlSemok1,
+                                cpViolation.vlSemok2,
+                                cpViolation.vlSemok3
+                        )
+                )
+                .from(cpViolation)
+                .where(
+                        cpViolation.id.vlJobgroup.eq(commonDto.getJobGroup()),
+                        cpViolation.id.vlSggcode.eq(commonDto.getSggCode())
+                )
+                .fetch();
+
+        return result;
+    }
+
+    public List<CpBdongVO> findBdongCode() {
+        List<CpBdongVO> result = queryFactory
+                .select(
+                        Projections.fields(
+                                CpBdongVO.class,
+                                cpBdong.bdCode,
+                                cpBdong.bdDongName,
+                                cpBdong.bdSggName
+                        )
+                )
+                .from(cpBdong)
+                .where(cpBdong.bdEnable.eq("1"))
+                .fetch();
+
+        return result;
+    }
+
+
+
+
+}
diff --git a/src/main/java/go/kr/project/biz/common/service/CommonService.java b/src/main/java/go/kr/project/biz/common/service/CommonService.java
new file mode 100644
index 0000000..1465b60
--- /dev/null
+++ b/src/main/java/go/kr/project/biz/common/service/CommonService.java
@@ -0,0 +1,10 @@
+package go.kr.project.biz.common.service;
+
+import go.kr.project.biz.common.dto.CommonDto;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+public interface CommonService {
+    CommonDto.Response.CodeResult findCode(CommonDto.Request commonDto);
+}
diff --git a/src/main/java/go/kr/project/biz/common/service/impl/CommonServiceImpl.java b/src/main/java/go/kr/project/biz/common/service/impl/CommonServiceImpl.java
new file mode 100644
index 0000000..016e5f4
--- /dev/null
+++ b/src/main/java/go/kr/project/biz/common/service/impl/CommonServiceImpl.java
@@ -0,0 +1,34 @@
+package go.kr.project.biz.common.service.impl;
+
+import go.kr.project.biz.common.dto.CommonDto;
+import go.kr.project.biz.common.repository.CommonRepository;
+import go.kr.project.biz.common.service.CommonService;
+import go.kr.project.vo.mapper.EntityVoMapper;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.stream.Collectors;
+
+@Service
+@RequiredArgsConstructor
+public class CommonServiceImpl implements CommonService {
+
+    private final EntityVoMapper mapper;
+    private final CommonRepository commonRepository;
+
+    @Override
+    public CommonDto.Response.CodeResult findCode(CommonDto.Request commonDto) {
+
+        return CommonDto.Response.CodeResult.builder()
+                .cpViolation(commonRepository.findViolationCode(commonDto))
+                .cpBdong(commonRepository.findBdongCode())
+                .build();
+    }
+
+
+
+
+
+}
diff --git a/src/main/java/go/kr/project/biz/post/notice/status/controller/NoticeStatusController.java b/src/main/java/go/kr/project/biz/post/notice/status/controller/NoticeStatusController.java
index 0e7b5b0..03fd56e 100644
--- a/src/main/java/go/kr/project/biz/post/notice/status/controller/NoticeStatusController.java
+++ b/src/main/java/go/kr/project/biz/post/notice/status/controller/NoticeStatusController.java
@@ -43,8 +43,8 @@ public class NoticeStatusController {
         dto.setPagingYn("N");
 
         // 리스트 조회
-        List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> result = preNoticeSendTargetService.findPreNoticeSendTarget();
+//        List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> result = preNoticeSendTargetService.findPreNoticeSendTarget();
 
-        return ApiResponseUtil.successWithGrid(result, dto);
+        return ApiResponseUtil.successWithGrid(null, dto);
     }
 }
diff --git a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/controller/PreNoticeSendTargetController.java b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/controller/PreNoticeSendTargetController.java
index 3ecd92d..0331d9e 100644
--- a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/controller/PreNoticeSendTargetController.java
+++ b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/controller/PreNoticeSendTargetController.java
@@ -32,6 +32,8 @@ public class PreNoticeSendTargetController {
     }
 
 
+
+
     @PostMapping("/post/preNotice/sendTarget/sendTargetList.ajax")
     public ResponseEntity<?> getPreNoticeSendTargetistAjax(@ModelAttribute PreNoticeSendTargetDto.Request.Search dto) {
 
@@ -43,7 +45,7 @@ public class PreNoticeSendTargetController {
         dto.setPagingYn("N");
 
         // 리스트 조회
-        List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> result = preNoticeSendTargetService.findPreNoticeSendTarget();
+        List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> result = preNoticeSendTargetService.findPreNoticeSendTarget(dto);
 
         return ApiResponseUtil.successWithGrid(result, dto);
     }
diff --git a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/dto/PreNoticeSendTargetDto.java b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/dto/PreNoticeSendTargetDto.java
index d843a5e..31d07ab 100644
--- a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/dto/PreNoticeSendTargetDto.java
+++ b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/dto/PreNoticeSendTargetDto.java
@@ -15,8 +15,11 @@ public class PreNoticeSendTargetDto {
 
     public static class Request {
 
+        @Getter
+        @Setter
         public static class Search extends PagingVO {
-
+            private String mmSggcode;
+            private String searchLawgb;
         }
 
     }
diff --git a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/repository/PreNoticeSendTargetQueryDslRepository.java b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/repository/PreNoticeSendTargetQueryDslRepository.java
index ed7fd64..7a08114 100644
--- a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/repository/PreNoticeSendTargetQueryDslRepository.java
+++ b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/repository/PreNoticeSendTargetQueryDslRepository.java
@@ -3,6 +3,7 @@ package go.kr.project.biz.post.preNotice.sendTarget.repository;
 import com.querydsl.core.types.Projections;
 import com.querydsl.jpa.impl.JPAQueryFactory;
 import go.kr.project.biz.post.preNotice.sendTarget.dto.PreNoticeSendTargetDto;
+import go.kr.project.vo.code.MmStateEnum;
 import go.kr.project.vo.mapper.EntityVoMapper;
 import lombok.RequiredArgsConstructor;
 import org.springframework.stereotype.Repository;
@@ -20,11 +21,10 @@ public class PreNoticeSendTargetQueryDslRepository {
 
     private final JPAQueryFactory queryFactory;
 
-    public List<PreNoticeSendTargetDto.Response.PreNoticeSendTargetEntities> findPreNoticeSendTarget() {
 
-        String aaa = null;
-        String bbb = null;
-        String ccc = null;
+
+    public List<PreNoticeSendTargetDto.Response.PreNoticeSendTargetEntities> findPreNoticeSendTarget(PreNoticeSendTargetDto.Request.Search dto) {
+
 
         List<PreNoticeSendTargetDto.Response.PreNoticeSendTargetEntities> result = queryFactory
                 .select(
@@ -40,10 +40,10 @@ public class PreNoticeSendTargetQueryDslRepository {
                 .leftJoin(cpUser).on(cpAnswer.asReuser.eq(cpUser.umCode))
                 .leftJoin(cpOwner).on(cpMain.mmOmcode.eq(cpOwner.omCode))
                 .where(
-                        cpMain.mmSggcode.eq(aaa),
-                        cpMain.mmState.eq(bbb),
+//                        cpMain.mmSggcode.eq(dto.getMmSggcode()),
+                        cpMain.mmState.eq(MmStateEnum.VEHICLE_CHECKED.getCode()),
                         cpAnswer.asState.ne("0").or(cpAnswer.asState.isNull()),
-                        cpMain.mmLawgb.eq(ccc)
+                        cpMain.mmLawgb.eq(dto.getSearchLawgb())
                 )
                 .orderBy(cpMain.mmCarno.asc(), cpMain.mmDate.asc(), cpMain.mmTime.asc())
                 .fetch();
diff --git a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/PreNoticeSendTargetService.java b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/PreNoticeSendTargetService.java
index 4c832c6..7c6441d 100644
--- a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/PreNoticeSendTargetService.java
+++ b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/PreNoticeSendTargetService.java
@@ -5,5 +5,5 @@ import go.kr.project.biz.post.preNotice.sendTarget.dto.PreNoticeSendTargetDto;
 import java.util.List;
 
 public interface PreNoticeSendTargetService {
-    List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> findPreNoticeSendTarget();
+    List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> findPreNoticeSendTarget(PreNoticeSendTargetDto.Request.Search dto);
 }
diff --git a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/impl/PreNoticeSendTargetServiceImpl.java b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/impl/PreNoticeSendTargetServiceImpl.java
index 00cbcf7..99ff1fc 100644
--- a/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/impl/PreNoticeSendTargetServiceImpl.java
+++ b/src/main/java/go/kr/project/biz/post/preNotice/sendTarget/service/impl/PreNoticeSendTargetServiceImpl.java
@@ -19,18 +19,19 @@ public class PreNoticeSendTargetServiceImpl implements PreNoticeSendTargetServic
     private final PreNoticeSendTargetQueryDslRepository preNoticeSendTargetQueryDslRepository;
 
     @Override
-    public List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> findPreNoticeSendTarget() {
+    public List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> findPreNoticeSendTarget(PreNoticeSendTargetDto.Request.Search dto) {
 
-        List<PreNoticeSendTargetDto.Response.PreNoticeSendTargetEntities> list = preNoticeSendTargetQueryDslRepository.findPreNoticeSendTarget();
+        List<PreNoticeSendTargetDto.Response.PreNoticeSendTargetEntities> list = preNoticeSendTargetQueryDslRepository.findPreNoticeSendTarget(dto);
 
-        list.stream().map(e ->
-                PreNoticeSendTargetDto.Response.PreNoticeSendTarget.builder()
-                        .cpMain(mapper.toCpMainVO(e.getCpMain()))
-                        .cpAnswer(mapper.toCpAnswerVO(e.getCpAnswer()))
-                        .cpOwner(mapper.toCpOwnerVO(e.getCpOwner()))
-                        .build()
-        ).collect(Collectors.toList());
+        List<PreNoticeSendTargetDto.Response.PreNoticeSendTarget> result =
+                list.stream().map(e ->
+                        PreNoticeSendTargetDto.Response.PreNoticeSendTarget.builder()
+                                .cpMain(mapper.toCpMainVO(e.getCpMain()))
+                                .cpAnswer(mapper.toCpAnswerVO(e.getCpAnswer()))
+                                .cpOwner(mapper.toCpOwnerVO(e.getCpOwner()))
+                                .build()
+                ).collect(Collectors.toList());
 
-        return null;
+        return result;
     }
 }
diff --git a/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java b/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java
index adc1149..38ade26 100644
--- a/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java
+++ b/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java
@@ -31,6 +31,7 @@ public class TotalInfoController {
         return "biz/totalInfo/totalInfo_popup" + TilesConstants.POPUP;
     }
 
+
     @GetMapping("/total/info/{mmCode}/info.ajax")
     @ResponseBody
     public ResponseEntity<?> findTotalInfo(@PathVariable String mmCode) {
diff --git a/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp b/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp
index 2138483..7ad88b9 100644
--- a/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp
+++ b/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp
@@ -156,6 +156,7 @@
                 pagination.setItemsPerPage($('#perPageSelect').val());
                 pagination.reset(TuiGrid.instance.getRowCount());
                 pagination.movePageTo(1);
+                console.log(TuiGrid.instance)
                 TuiGrid.instance.readData(1);
 
             });
diff --git a/src/main/webapp/WEB-INF/views/biz/post/preNotice/sendTarget/preNoticeSendTarget.jsp b/src/main/webapp/WEB-INF/views/biz/post/preNotice/sendTarget/preNoticeSendTarget.jsp
index ebdbf70..377ccb3 100644
--- a/src/main/webapp/WEB-INF/views/biz/post/preNotice/sendTarget/preNoticeSendTarget.jsp
+++ b/src/main/webapp/WEB-INF/views/biz/post/preNotice/sendTarget/preNoticeSendTarget.jsp
@@ -55,6 +55,18 @@
                 </li>
             </ul>
         </div>
+
+        <div class="state-tab-wrap">
+            <ul class="state-tabs">
+<%--                <li data-state="FIN_BU" value="6">답변완료(부과)</li>--%>
+<%--                <li data-state="FIN_GE" value="7">답변완료(계도)</li>--%>
+<%--                <li data-state="FIN_ME" value="8">답변완료(미부과)</li>--%>
+<%--                <li data-state="FIN_ADD" value="9">답변완료(수기)</li>--%>
+<%--                <li data-state="FAIL" value="5">답변실패</li>--%>
+<%--                <li data-state="INCOMP" value="fail">답변미대상</li>--%>
+            </ul>
+        </div>
+
         <div class="gs_booking">
             <div class="row">
                 <div class="col-sm-12">
@@ -72,8 +84,9 @@
 
 <script type="text/javascript">
 
+
     let GRID = null;
-    let INIT_POPUP = null;
+    let TOTAL_POPUP = null;
 
     let SEARCH_COND = {};
 
@@ -86,13 +99,15 @@
         let searchUseYn = $.trim(nvl($("#searchUseYn").val(), ""));
         let searchStartDt = $.trim(nvl($("#searchStartDt").val(), ""));
         let searchEndDt = $.trim(nvl($("#searchEndDt").val(), ""));
-        let searchState = $("#searchEndDt").val()
+        let searchLawgb = $(".state-tabs li.on").attr("value");
+
 
         SEARCH_COND.searchCondition = searchCondition;
         SEARCH_COND.searchKeyword = searchKeyword;
         SEARCH_COND.searchUseYn = searchUseYn;
         SEARCH_COND.searchStartDt = searchStartDt;
         SEARCH_COND.searchEndDt = searchEndDt;
+        SEARCH_COND.searchLawgb = searchLawgb;
     };
 
 
@@ -100,8 +115,30 @@
 
 
         init: () => {
-            initGrid();
+            fnBiz.searchCode();
+        },
+
+        searchCode: () => {
+            $.ajax({
+                url: "/common/code/find.ajax",
+                type: "GET",
+                contentType: 'application/json',
+                success: function(response) {
+                    response.cpViolation.forEach((item) => {
+                        $(".state-tabs").append('<li value="' + item.vlCode + '">' + item.vlId + '</li>');
+                    });
+
+                    initGrid();
+                    $(".state-tabs li").first().addClass("on").trigger("click");
+
 
+
+
+                },
+                error: function(xhr, status, error) {
+                    $("#result").text("조회 실패");
+                }
+            });
         },
 
 
@@ -160,6 +197,19 @@
                 TuiGrid.instance.readData(1);
 
             });
+
+            // 상태 탭 클릭
+            $(".state-tabs").on("click", "li", function () {
+                $(".state-tabs li").removeClass("on");
+                $(this).addClass("on");
+
+                // const state = $(this).data('state') || '';
+                // $('#tabState').val(state);
+
+
+                SEARCH_COND = {};
+                TuiGrid.instance.readData(1);
+            });
         }
 
     }
@@ -191,7 +241,7 @@
                     processData: true
                 }
             },
-            initialRequest: true,    //초기화시 조회
+            initialRequest: false,    //초기화시 조회
             serializer: function (params) {
                 setSearchCond();
                 SEARCH_COND.perPage = params.perPage;
@@ -214,8 +264,8 @@
         GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
 
             GRID.on("dblclick", (e) => {
-                var popUrl = '/minwon/init/init_popup.do';
-                var popTitle = "initPopup";
+                var popUrl = '/total/info.do';
+                var popTitle = "TotalPopup";
                 var popOption = "width=1400px, height=900px, resizable=yes, scrollbars=yes, location=no, top=100px, left=100px";
 
                 // 1) localStorage에 저장
@@ -227,12 +277,12 @@
                 localStorage.setItem('TOTAL_INFO_STATE', JSON.stringify(state));
 
                 // 2) 팝업이 없거나 닫혀 있으면 새로 열기
-                if (!INIT_POPUP || INIT_POPUP.closed) {
-                    INIT_POPUP = window.open(popUrl, popTitle, popOption);
+                if (!TOTAL_POPUP || TOTAL_POPUP.closed) {
+                    TOTAL_POPUP = window.open(popUrl, popTitle, popOption);
                 } else {
                     // 이미 떠 있으면 새로 안 만들고, 그 창에 포커스만 줌
-                    INIT_POPUP.focus();
-                    INIT_POPUP.INIT_POP_API.search();
+                    TOTAL_POPUP.focus();
+                    TOTAL_POPUP.TOTAL_INFO_POPUP_API.search();
                 }
             });
         });
diff --git a/src/main/webapp/WEB-INF/views/layouts/base/default.jsp b/src/main/webapp/WEB-INF/views/layouts/base/default.jsp
index b25b7c2..05f2085 100644
--- a/src/main/webapp/WEB-INF/views/layouts/base/default.jsp
+++ b/src/main/webapp/WEB-INF/views/layouts/base/default.jsp
@@ -39,6 +39,7 @@
     <!-- options: blue,cyan,dark,gray,green,pink,purple,red,royal,ash,crimson,namn,frost -->
     <link rel="stylesheet" href="<c:url value='/css/bootstrap-datepicker.min.css' />">
     <link rel="stylesheet" href="<c:url value='/css/style_new.css' />">
+    <link rel="stylesheet" href="<c:url value='/css/cc.css' />">
 
 
     <%--================== Main Scripts ======================--%>
diff --git a/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp b/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp
index 483efc4..0dfac38 100644
--- a/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp
+++ b/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp
@@ -42,6 +42,7 @@
     <link rel="stylesheet" href="<c:url value='/css/style_new.css' />">
     <link rel="stylesheet" href="<c:url value='/css/jquery-ui.css' />">
     <link rel="stylesheet" href="<c:url value='/css/cc.css' />">
+    <link rel="stylesheet" href="<c:url value='/css/cc-popup.css' />">
 
 
     <%--================== Main Scripts ======================--%>
diff --git a/src/main/webapp/resources/css/cc-popup.css b/src/main/webapp/resources/css/cc-popup.css
new file mode 100644
index 0000000..9319460
--- /dev/null
+++ b/src/main/webapp/resources/css/cc-popup.css
@@ -0,0 +1,374 @@
+
+/** totalInfo Start */
+/* 팝업 기본 스타일 */
+.popup_wrap {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1000;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 20px;
+    overflow-y: auto;
+}
+
+.popup_inner {
+    position: relative;
+    width: 97%;
+    max-width: 1200px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    z-index: 1001;
+    margin-bottom: 20px;
+}
+
+/* 팝업 헤더 */
+.popup_tit {
+    display: flex;
+    border-bottom: 1px solid #ddd;
+    background-color: #0d1342;
+    color: rgba(255, 255, 255, .9);
+    font-size: 15px;
+    padding: 15px 20px;
+    line-height: 1em;
+    position: relative;
+    font-weight: 300;
+}
+
+.popup_tit .tit {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 500;
+    color: rgba(255, 255, 255, .9);
+    line-height: 1.4;
+}
+
+/* 팝업 컨텐츠 */
+.popup_con {
+    padding: 15px;
+    font-size: 13px;
+}
+
+/* 팝업 내 테이블 셀 */
+.popup_con td,
+.popup_con th {
+    font-size: 13px;
+}
+
+/* 팝업 내 힌트 메시지 */
+.popup_con .hint-message {
+    font-size: 12px;
+    color: #666;
+    margin-top: 5px;
+}
+
+/* 팝업 푸터 */
+.popup_foot {
+    padding: 12px 15px;
+    text-align: center;
+    border-top: 1px solid #e5e5e5;
+    background: #f9f9f9;
+    border-radius: 0 0 4px 4px;
+}
+
+.popup_foot .newbtn,
+.popup_foot .newbtns {
+    min-width: 80px;
+    margin: 0 4px;
+    font-size: 13px;
+}
+
+/* 팝업 컨테이너 */
+.auth-container {
+    display: flex;
+    gap: 15px;
+    height: calc(100vh - 180px);
+    min-height: 450px;
+    max-height: 600px;
+}
+
+/* 섹션 영역 공통 스타일 */
+.group-selection-area,
+.role-list-area,
+.menu-tree-area {
+    flex: 1;
+    background: #fff;
+    border: 1px solid #e5e5e5;
+    border-radius: 4px;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    height: 100%;
+}
+
+.section-title {
+    padding: 10px 12px;
+    font-size: 13px;
+    font-weight: 500;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+    background: #f9f9f9;
+    border-radius: 4px 4px 0 0;
+    line-height: 1.4;
+}
+
+/* 검색 영역 */
+.search-box {
+    padding: 10px 12px;
+    display: flex;
+    gap: 8px;
+}
+
+.search-box .input {
+    flex: 1;
+    height: 32px;
+    padding: 0 10px;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    font-size: 13px;
+}
+
+/* 테이블 영역 */
+.table_area {
+    flex: 1;
+    padding: 0 12px 12px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+/* 메뉴 트리 영역 */
+.menu-tree-container {
+    flex: 1;
+    padding: 0 12px 12px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.menu-tree-wrapper {
+    flex: 1;
+    overflow-y: auto;
+    border: none;
+    border-radius: 0;
+    padding: 0;
+    background: #fff;
+    min-height: 0;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar {
+    width: 5px;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 3px;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar-thumb {
+    background: #ccc;
+    border-radius: 3px;
+}
+
+.menu-tree-wrapper::-webkit-scrollbar-thumb:hover {
+    background: #999;
+}
+
+/* 선택된 항목 스타일 */
+#selectedGroupName,
+#selectedRoleName {
+    color: #327fc8;
+    margin-left: 6px;
+    font-size: 12px;
+}
+
+/* DataTables 커스텀 스타일 */
+.dataTables_wrapper {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.dataTables_wrapper .dataTables_scroll {
+    flex: 1;
+    overflow: hidden;
+    min-height: 0;
+}
+
+.dataTables_wrapper .dataTables_scrollBody {
+    overflow-y: auto !important;
+}
+
+.dataTables_wrapper table.dataTable {
+    width: 100% !important;
+    margin: 0 !important;
+    font-size: 13px;
+}
+
+.dataTables_wrapper table.dataTable thead th {
+    background: #f9f9f9;
+    padding: 8px 10px;
+    font-weight: 500;
+    border-bottom: 1px solid #e5e5e5;
+    font-size: 13px;
+    line-height: 1.4;
+}
+
+.dataTables_wrapper table.dataTable tbody td {
+    padding: 6px 10px;
+    border-bottom: 1px solid #f0f0f0;
+    line-height: 1.4;
+}
+
+.dataTables_wrapper table.dataTable tbody tr {
+    cursor: pointer;
+}
+
+.dataTables_wrapper table.dataTable tbody tr:hover,
+.dataTables_wrapper table.dataTable tbody tr.selected {
+    background-color: #ddedfd !important;
+}
+
+/* 메시지 스타일 */
+.no-data-message {
+    padding: 15px;
+    text-align: center;
+    color: #666;
+    background: #f9f9f9;
+    border-radius: 3px;
+    margin: 8px 0;
+    font-size: 13px;
+    line-height: 1.4;
+}
+
+
+:root{
+    --green:#8bc34a; --border:#d9d9d9; --muted:#6b7280; --text:#111827;
+    --panel:#f7f7f7; --focus:rgba(37,99,235,.35); --warn:#fff3cd; --ok:#10b981;
+}
+
+/* 카드/헤더 */
+.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;}
+.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:#202342; color:#fff; padding:10px 12px;}
+.card-header .title{font-weight:700}
+.card-header .actions{display:flex; gap:6px; align-items:center}
+.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px}
+.btn,.nav-btn,.close-btn{border:1px solid rgba(0,0,0,.15); background:#fff; color:#333; padding:3px 8px; border-radius:6px; cursor:pointer; font-size:12px}
+.btn:focus,.nav-btn:focus,.close-btn:focus{outline:none; box-shadow:0 0 0 3px var(--focus)}
+
+/* 본문 레이아웃 */
+.detail-body{display:grid; grid-template-columns: 3fr 1fr; gap:16px; padding:16px; background:var(--panel)}
+.left,.right{background:#fff; border:1px solid var(--border); border-radius:8px; padding:12px}
+.section-title{font-weight:700; margin-bottom:8px}
+.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px}
+
+/* 폼 그리드 */
+/*.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px}*/
+/*.lbl{align-self:center; color:#444; font-size:13px}*/
+/*.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff}*/
+/*.fld input[readonly],.fld textarea[readonly]{background:#fafafa}*/
+/*.fld textarea{height:80px; resize:vertical}*/
+/*.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px}*/
+/*.hl{background:var(--warn)}*/
+/*.block{grid-column: 1 / -1}*/
+
+/** 플렉스 폼 start */
+.form-grid {display: flex;flex-direction: column; row-gap: 8px;}
+.form-row {display: flex;column-gap: 10px;}
+.field-group {display: flex;align-items: center;flex: 1 1 0;min-width: 0;gap: 6px;}
+.field-group .lbl {flex: 0 0 110px;color: #444;font-size: 13px;align-self: center;white-space: nowrap;font-weight: 400;}
+.field-group .fld {flex: 1 1 0;}
+.field-group .fld input, .field-group .fld textarea, .field-group .fld select {width: 100%;padding: 6px 8px;border: 1px solid var(--border);border-radius: 6px;font-size: 13px;background: #fff;box-sizing: border-box;}
+.field-group .fld input[readonly], .field-group .fld textarea[readonly] {background: #fafafa;}  .field-group .fld textarea {height: 80px;resize: vertical;}  .form-row.block .field-group.full {flex: 1 1 100%;display: flex;align-items: flex-start;}
+.form-row.block .field-group.full .lbl {margin-top: 4px;}
+.field-group.empty {flex: 1 1 0;}
+.badge {display: inline-block;background: #eef2ff;color: #1d4ed8;border: 1px solid #c7d2fe;padding: 3px 8px;border-radius: 999px;font-size: 12px;}
+.hl {background: var(--warn);}
+@media (max-width: 1200px) {  .form-row {flex-direction: column;}  }
+/* 플렉스 폼 end */
+
+.bar{height:1px; background:var(--border); margin:8px 0}
+
+
+/* 하단 상태바 */
+.statusbar{display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--border); background:#fff}
+.status-left{color:#0a7f2e; font-weight:700}
+.status-right{display:flex; gap:14px; align-items:center; color:#333}
+.count-dot{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:var(--ok); color:#fff; font-size:12px}
+
+
+/* 우측 썸네일/지도/미리보기 */
+.right .thumbs {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    max-height: 600px;
+    overflow-y: auto;
+    padding-right: 8px;
+    margin-bottom: 10px;
+}
+
+/* 개별 썸네일 박스 */
+.thumbs .thumb {
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    width: 100%;
+    height: 200px;
+    overflow: hidden;
+    background: #f8f8f8;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+
+/* 이미지 스타일 */
+.thumbs .thumb img {
+    width: 100%;
+    height: 400%;
+    object-fit: cover;      /* 비율 유지하며 꽉 채움 */
+    object-position: center;/* 중앙 기준 크롭 */
+    display: block;
+}
+
+
+.mapbox {
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    overflow: hidden;
+    margin-top: 8px
+}
+
+.mapbox img {
+    display: block;
+    width: 100%;
+    height: auto
+}
+
+.preview {
+    border: 1px dashed var(--border);
+    border-radius: 6px;
+    height: 220px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 10px;
+    background: #fafafa
+}
+
+.preview img {
+    max-width: 100%;
+    max-height: 100%;
+    display: block
+}
+
+
+/** totalInfo End */
+
diff --git a/src/main/webapp/resources/css/cc.css b/src/main/webapp/resources/css/cc.css
index d2a37b1..ce23f5c 100644
--- a/src/main/webapp/resources/css/cc.css
+++ b/src/main/webapp/resources/css/cc.css
@@ -1,376 +1,57 @@
+/** dayanswer start */
 
-/** totalInfo Start */
-/* 팝업 기본 스타일 */
-.popup_wrap {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1000;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    padding-top: 20px;
-    overflow-y: auto;
-}
-
-.popup_inner {
-    position: relative;
-    width: 97%;
-    max-width: 1200px;
-    background: #fff;
-    border-radius: 4px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-    z-index: 1001;
-    margin-bottom: 20px;
-}
-
-/* 팝업 헤더 */
-.popup_tit {
-    display: flex;
-    border-bottom: 1px solid #ddd;
-    background-color: #0d1342;
-    color: rgba(255, 255, 255, .9);
-    font-size: 15px;
-    padding: 15px 20px;
-    line-height: 1em;
-    position: relative;
-    font-weight: 300;
+.state-tab-wrap {
+    margin: 10px 0;
 }
 
-.popup_tit .tit {
+.state-tabs {
+    list-style: none;
+    padding: 0;
     margin: 0;
-    font-size: 14px;
-    font-weight: 500;
-    color: rgba(255, 255, 255, .9);
-    line-height: 1.4;
-}
-
-/* 팝업 컨텐츠 */
-.popup_con {
-    padding: 15px;
-    font-size: 13px;
-}
-
-/* 팝업 내 테이블 셀 */
-.popup_con td,
-.popup_con th {
-    font-size: 13px;
-}
-
-/* 팝업 내 힌트 메시지 */
-.popup_con .hint-message {
-    font-size: 12px;
-    color: #666;
-    margin-top: 5px;
-}
-
-/* 팝업 푸터 */
-.popup_foot {
-    padding: 12px 15px;
-    text-align: center;
-    border-top: 1px solid #e5e5e5;
-    background: #f9f9f9;
-    border-radius: 0 0 4px 4px;
-}
-
-.popup_foot .newbtn,
-.popup_foot .newbtns {
-    min-width: 80px;
-    margin: 0 4px;
-    font-size: 13px;
-}
-
-/* 팝업 컨테이너 */
-.auth-container {
-    display: flex;
-    gap: 15px;
-    height: calc(100vh - 180px);
-    min-height: 450px;
-    max-height: 600px;
-}
-
-/* 섹션 영역 공통 스타일 */
-.group-selection-area,
-.role-list-area,
-.menu-tree-area {
-    flex: 1;
-    background: #fff;
-    border: 1px solid #e5e5e5;
-    border-radius: 4px;
     display: flex;
-    flex-direction: column;
-    min-width: 0;
-    height: 100%;
 }
 
-.section-title {
-    padding: 10px 12px;
-    font-size: 13px;
-    font-weight: 500;
-    color: #333;
-    border-bottom: 1px solid #e5e5e5;
-    background: #f9f9f9;
-    border-radius: 4px 4px 0 0;
-    line-height: 1.4;
-}
-
-/* 검색 영역 */
-.search-box {
-    padding: 10px 12px;
-    display: flex;
-    gap: 8px;
-}
-
-.search-box .input {
-    flex: 1;
-    height: 32px;
-    padding: 0 10px;
-    border: 1px solid #ddd;
-    border-radius: 3px;
-    font-size: 13px;
-}
-
-/* 테이블 영역 */
-.table_area {
-    flex: 1;
-    padding: 0 12px 12px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-}
-
-/* 메뉴 트리 영역 */
-.menu-tree-container {
-    flex: 1;
-    padding: 0 12px 12px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-}
-
-.menu-tree-wrapper {
-    flex: 1;
-    overflow-y: auto;
-    border: none;
-    border-radius: 0;
-    padding: 0;
-    background: #fff;
-    min-height: 0;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar {
-    width: 5px;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 3px;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar-thumb {
-    background: #ccc;
-    border-radius: 3px;
-}
-
-.menu-tree-wrapper::-webkit-scrollbar-thumb:hover {
-    background: #999;
-}
-
-/* 선택된 항목 스타일 */
-#selectedGroupName,
-#selectedRoleName {
-    color: #327fc8;
-    margin-left: 6px;
+.state-tabs li {
+    padding: 6px 14px;
+    border: 1px solid #ccc;
+    border-bottom: none;
+    background: #f5f5f5;
     font-size: 12px;
-}
-
-/* DataTables 커스텀 스타일 */
-.dataTables_wrapper {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-}
-
-.dataTables_wrapper .dataTables_scroll {
-    flex: 1;
-    overflow: hidden;
-    min-height: 0;
-}
-
-.dataTables_wrapper .dataTables_scrollBody {
-    overflow-y: auto !important;
-}
-
-.dataTables_wrapper table.dataTable {
-    width: 100% !important;
-    margin: 0 !important;
-    font-size: 13px;
-}
-
-.dataTables_wrapper table.dataTable thead th {
-    background: #f9f9f9;
-    padding: 8px 10px;
-    font-weight: 500;
-    border-bottom: 1px solid #e5e5e5;
-    font-size: 13px;
-    line-height: 1.4;
-}
-
-.dataTables_wrapper table.dataTable tbody td {
-    padding: 6px 10px;
-    border-bottom: 1px solid #f0f0f0;
-    line-height: 1.4;
-}
-
-.dataTables_wrapper table.dataTable tbody tr {
     cursor: pointer;
+    margin-right: 4px;
 }
 
-.dataTables_wrapper table.dataTable tbody tr:hover,
-.dataTables_wrapper table.dataTable tbody tr.selected {
-    background-color: #ddedfd !important;
-}
-
-/* 메시지 스타일 */
-.no-data-message {
-    padding: 15px;
-    text-align: center;
-    color: #666;
-    background: #f9f9f9;
-    border-radius: 3px;
-    margin: 8px 0;
-    font-size: 13px;
-    line-height: 1.4;
-}
-
-
-:root{
-    --green:#8bc34a; --border:#d9d9d9; --muted:#6b7280; --text:#111827;
-    --panel:#f7f7f7; --focus:rgba(37,99,235,.35); --warn:#fff3cd; --ok:#10b981;
-}
-
-/* 카드/헤더 */
-.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;}
-.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:#202342; color:#fff; padding:10px 12px;}
-.card-header .title{font-weight:700}
-.card-header .actions{display:flex; gap:6px; align-items:center}
-.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px}
-.btn,.nav-btn,.close-btn{border:1px solid rgba(0,0,0,.15); background:#fff; color:#333; padding:3px 8px; border-radius:6px; cursor:pointer; font-size:12px}
-.btn:focus,.nav-btn:focus,.close-btn:focus{outline:none; box-shadow:0 0 0 3px var(--focus)}
-
-/* 본문 레이아웃 */
-.detail-body{display:grid; grid-template-columns: 3fr 1fr; gap:16px; padding:16px; background:var(--panel)}
-.left,.right{background:#fff; border:1px solid var(--border); border-radius:8px; padding:12px}
-.section-title{font-weight:700; margin-bottom:8px}
-.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px}
-
-/* 폼 그리드 */
-/*.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px}*/
-/*.lbl{align-self:center; color:#444; font-size:13px}*/
-/*.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff}*/
-/*.fld input[readonly],.fld textarea[readonly]{background:#fafafa}*/
-/*.fld textarea{height:80px; resize:vertical}*/
-/*.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px}*/
-/*.hl{background:var(--warn)}*/
-/*.block{grid-column: 1 / -1}*/
-
-/** 플렉스 폼 start */
-.form-grid {display: flex;flex-direction: column; row-gap: 8px;}
-.form-row {display: flex;column-gap: 10px;}
-.field-group {display: flex;align-items: center;flex: 1 1 0;min-width: 0;gap: 6px;}
-.field-group .lbl {flex: 0 0 110px;color: #444;font-size: 13px;align-self: center;white-space: nowrap;font-weight: 400;}
-.field-group .fld {flex: 1 1 0;}
-.field-group .fld input, .field-group .fld textarea, .field-group .fld select {width: 100%;padding: 6px 8px;border: 1px solid var(--border);border-radius: 6px;font-size: 13px;background: #fff;box-sizing: border-box;}
-.field-group .fld input[readonly], .field-group .fld textarea[readonly] {background: #fafafa;}  .field-group .fld textarea {height: 80px;resize: vertical;}  .form-row.block .field-group.full {flex: 1 1 100%;display: flex;align-items: flex-start;}
-.form-row.block .field-group.full .lbl {margin-top: 4px;}
-.field-group.empty {flex: 1 1 0;}
-.badge {display: inline-block;background: #eef2ff;color: #1d4ed8;border: 1px solid #c7d2fe;padding: 3px 8px;border-radius: 999px;font-size: 12px;}
-.hl {background: var(--warn);}
-@media (max-width: 1200px) {  .form-row {flex-direction: column;}  }
-/* 플렉스 폼 end */
-
-.bar{height:1px; background:var(--border); margin:8px 0}
-
-
-/* 하단 상태바 */
-.statusbar{display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--border); background:#fff}
-.status-left{color:#0a7f2e; font-weight:700}
-.status-right{display:flex; gap:14px; align-items:center; color:#333}
-.count-dot{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:var(--ok); color:#fff; font-size:12px}
-
-
-/* 우측 썸네일/지도/미리보기 */
-.right .thumbs {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    max-height: 600px;
-    overflow-y: auto;
-    padding-right: 8px;
-    margin-bottom: 10px;
+.state-tabs li.on {
+    background: #ffffff;
+    font-weight: bold;
+    border-bottom: 1px solid #ffffff;
 }
-
-/* 개별 썸네일 박스 */
-.thumbs .thumb {
-    border: 1px solid var(--border);
-    border-radius: 8px;
-    width: 100%;
-    height: 200px;
-    overflow: hidden;
-    background: #f8f8f8;
+.state-area {
+    margin-top: 10px;
+    padding: 10px 0;
     display: flex;
-    justify-content: center;
     align-items: center;
-    cursor: pointer;
+    gap: 10px;
 }
 
-/* 이미지 스타일 */
-.thumbs .thumb img {
-    width: 100%;
-    height: 400%;
-    object-fit: cover;      /* 비율 유지하며 꽉 채움 */
-    object-position: center;/* 중앙 기준 크롭 */
-    display: block;
+.state-label {
+    font-weight: bold;
+    margin-right: 5px;
+    white-space: nowrap;
 }
 
-
-.mapbox {
-    border: 1px solid var(--border);
-    border-radius: 6px;
-    overflow: hidden;
-    margin-top: 8px
-}
-
-.mapbox img {
-    display: block;
-    width: 100%;
-    height: auto
+.state-input {
+    width: 120px;
+    height: 28px;
+    padding: 4px;
+    border: 1px solid #ccc;
 }
 
-.preview {
-    border: 1px dashed var(--border);
-    border-radius: 6px;
-    height: 220px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 10px;
-    background: #fafafa
-}
-
-.preview img {
-    max-width: 100%;
-    max-height: 100%;
-    display: block
+.state-area button {
+    height: 32px;
+    padding: 0 12px;
 }
 
 
 
-
-
-/** totalInfo End */
\ No newline at end of file
+/** dayanswer end */
\ No newline at end of file