정수빈 정수빈 17 hours ago
오가시스 관리자페이지 수정
@88685e6b1f525768ff698ad415e64cdd612d8644
src/main/webapp/publish/adm/css/popup.css
--- src/main/webapp/publish/adm/css/popup.css
+++ src/main/webapp/publish/adm/css/popup.css
@@ -1,60 +1,60 @@
-@charset "utf-8";
-
-.mask{position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,0.64);left:0;top:0;z-index:9;}
-.popup{background:#fff;}
-.popup_title_area{display:flex;width:100%;height:60px;padding:0 20px;border-bottom:1px solid #eee;background:#fff;align-items:center;justify-content:space-between;}
-.popup h1.popup_title{font-size:18px;font-weight:600;color:#222;}
-.popup_title_area .btn_popup_close{width:30px;height:30px;}
-.popup_title_wrap{display:flex;align-items:center;justify-content:space-between;}
-.popup_title_wrap h2{font-size:16px;font-weight:600;color:var(--primary-title-color);}
-.popup_content{padding:30px 24px 50px 24px;}
-
-.popup .btn.large{height:40px;font-size:16px;padding:0 12px;font-weight:500;}
-.popup .btn.xlarge{height:50px;font-size:16px;padding:0 24px;font-weight:500;}
-
-.popup .text_primary{font-size:16px;font-weight:500;}
-.popup .text_secondary{font-size:14px;font-weight:400;color:#444;}
-
-.popup .search_area.box{padding:0 10px;font-size:14px;}
-.popup .search_item{padding:4px 0;}
-
-.popup .input{height:30px;}
-.popup .input.medium{height:36px;}
-.popup select,.popup .select{height:30px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(/publish/adm/images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
-
-.popup .radio_wrap,.popup .checkbox_wrap{gap:8px;}
-.popup .radio_item,.popup .checkbox_item{font-size:14px;}
-
-.popup_title_wrap+.table{margin:12px 0 40px 0;}
-.popup.table_type_cols thead>tr>th,.popup.table_type_cols tbody>tr>td{height:40px;font-size:15px;}
-.popup.table_type_rows tbody>tr>th, .popup.table_type_rows tbody>tr>td{height:40px;font-size:15px;padding:8px 12px;}
-
-.popup .page a{width:32px;height:32px;}
-
-/* 레이어 */
-.popup:not(.popup_window,.table){position:absolute;display:none;min-width:200px;min-height:200px;border-radius:12px;overflow:hidden;opacity:0;transition:all 0.3s;left:50%;top:50%;transform:translate(-50%,-50%);}
-.popup.active:not(.popup_window,.table){display:block;opacity:1;z-index:11;}
-
-
-/* 새창팝업 */
-.popup_window{padding:20px;box-sizing:border-box;}
-.popup_window h2.title{display:flex;width:100%;height:50px;font-size:20px;font-weight:bold;color:#fff;padding:0 20px;border-radius:4px;background:#f86a3c;align-items:center;}
-.popup_window h2.title .text_secondary{font-weight:300;color:#fff;}
-
-.popup_window .content_title{margin:40px 0 12px 0;}
-.popup_window h3.title{font-size:18px;font-weight:bold;margin:0;padding:0;}
-.popup_window h3.title::before{display:none;}
-
-.popup_window .search_title{font-weight:400;}
-.popup_window .search_title::after{top:12px;}
-.popup_window .search_area.box{border-radius:4px;}
-.popup_window input[type="text"]{height:30px;}
-.popup_window .search_item:has(input[type='hidden']:only-child){display:none;}
-
-.popup_window .tree{display:flex;border:1px solid #CDD5E6;border-radius:4px;flex-direction:column;}
-.popup_window .tree_title{display:flex;width:100%;height:50px;font-weight:500;padding:0 12px;background:#eff2f9;align-items:center;gap:8px;}
-.popup_window .tree .tree_wrap{padding:4px 0;max-height:300px;overflow:scroll;}
-.popup_window .tree .row{display:flex;height:35px;font-size:14px;padding:0 12px;align-items:center;gap:4px;}
-.popup_window .tree .row label{display:flex;min-height:35px;align-items:center;gap:4px;}
-.popup_window .tree .rowgroup{display:flex;width:calc(100% - 24px);font-size:14px;background:#f2f4f5;flex-direction:column;gap:4px;border-radius:4px;padding:8px 12px;margin:0 auto;}
+@charset "utf-8";
+
+.mask{position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,0.64);left:0;top:0;z-index:9;}
+.popup{background:#fff;}
+.popup_title_area{display:flex;width:100%;height:60px;font-size:18px;font-weight:600;padding:0 20px;border-bottom:1px solid #eee;background:#fff;align-items:center;justify-content:space-between;}
+.popup h1.popup_title{font-size:18px;font-weight:600;color:#222;}
+.popup_title_area .btn_popup_close{width:30px;height:30px;}
+.popup_title_wrap{display:flex;align-items:center;justify-content:space-between;}
+.popup_title_wrap h2{font-size:16px;font-weight:600;color:var(--primary-title-color);}
+.popup_content{padding:30px 24px 50px 24px;}
+
+.popup .btn.large{height:40px;font-size:16px;padding:0 12px;font-weight:500;}
+.popup .btn.xlarge{height:50px;font-size:16px;padding:0 24px;font-weight:500;}
+
+.popup .text_primary{font-size:16px;font-weight:500;}
+.popup .text_secondary{font-size:14px;font-weight:400;color:#444;}
+
+.popup .search_area.box{padding:0 10px;font-size:14px;}
+.popup .search_item{padding:4px 0;}
+
+.popup .input{height:30px;}
+.popup .input.medium{height:36px;}
+.popup select,.popup .select{height:30px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(/publish/adm/images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
+
+.popup .radio_wrap,.popup .checkbox_wrap{gap:8px;}
+.popup .radio_item,.popup .checkbox_item{font-size:14px;}
+
+.popup_title_wrap+.table{margin:12px 0 40px 0;}
+.popup.table_type_cols thead>tr>th,.popup.table_type_cols tbody>tr>td{height:40px;font-size:15px;}
+.popup.table_type_rows tbody>tr>th, .popup.table_type_rows tbody>tr>td{height:40px;font-size:15px;padding:8px 12px;}
+
+.popup .page a{width:32px;height:32px;}
+
+/* 레이어 */
+.popup:not(.popup_window,.table){position:absolute;display:none;min-width:200px;min-height:200px;border-radius:12px;overflow:hidden;opacity:0;transition:all 0.3s;left:50%;top:50%;transform:translate(-50%,-50%);}
+.popup.active:not(.popup_window,.table){display:block;opacity:1;z-index:11;}
+
+
+/* 새창팝업 */
+.popup_window{padding:20px;box-sizing:border-box;}
+.popup_window h2.title{display:flex;width:100%;height:50px;font-size:20px;font-weight:bold;color:#fff;padding:0 20px;border-radius:4px;background:#f86a3c;align-items:center;}
+.popup_window h2.title .text_secondary{font-weight:300;color:#fff;}
+
+.popup_window .content_title{margin:40px 0 12px 0;}
+.popup_window h3.title{font-size:18px;font-weight:bold;margin:0;padding:0;}
+.popup_window h3.title::before{display:none;}
+
+.popup_window .search_title{font-weight:400;}
+.popup_window .search_title::after{top:12px;}
+.popup_window .search_area.box{border-radius:4px;}
+.popup_window input[type="text"]{height:30px;}
+.popup_window .search_item:has(input[type='hidden']:only-child){display:none;}
+
+.popup_window .tree{display:flex;border:1px solid #CDD5E6;border-radius:4px;flex-direction:column;}
+.popup_window .tree_title{display:flex;width:100%;height:50px;font-weight:500;padding:0 12px;background:#eff2f9;align-items:center;gap:8px;}
+.popup_window .tree .tree_wrap{padding:4px 0;max-height:300px;overflow:scroll;}
+.popup_window .tree .row{display:flex;height:35px;font-size:14px;padding:0 12px;align-items:center;gap:4px;}
+.popup_window .tree .row label{display:flex;min-height:35px;align-items:center;gap:4px;}
+.popup_window .tree .rowgroup{display:flex;width:calc(100% - 24px);font-size:14px;background:#f2f4f5;flex-direction:column;gap:4px;border-radius:4px;padding:8px 12px;margin:0 auto;}
 .popup_window .tree .rowgroup .row{height:auto;}
(No newline at end of file)
src/main/webapp/publish/adm/css/style.css
--- src/main/webapp/publish/adm/css/style.css
+++ src/main/webapp/publish/adm/css/style.css
@@ -55,9 +55,9 @@
 .input_desc.blue{color:var(--primary-color);}
 
 .calendar_wrap{display:flex;align-items:center;gap:8px;}
-.calendar{width:140px;background:#fff/*  url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */;}
-i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
-.calendar_wrap .btn_calendar{margin:0 0 0 -43px;}
+.calendar, .calendar[readonly]{width:140px;background:#fff/*  url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */; cursor:auto;}
+i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;cursor:pointer;}
+.calendar_wrap .btn_calendar{margin:0 0 0 -43px;cursor:pointer;}
 .calendar_wrap .btn_calendar:hover{box-shadow:none;}
 
 .time_layer_wrap{position:relative;}
src/main/webapp/publish/adm/css/table.css
--- src/main/webapp/publish/adm/css/table.css
+++ src/main/webapp/publish/adm/css/table.css
@@ -1,50 +1,52 @@
-@charset "utf-8";
-
-.table{border-top:2px solid var(--primary-color);margin:0 0 40px 0;}
-.content_title.h4+.table{margin:0 0 20px 0;}
-.content_title.h5+.table{margin:12px 0 40px 0;}
-
-.table table{table-layout:fixed;width:100%;}
-.table .mobile_show,.table .mobile_hide{display:none;}
-.table .required{color:var(--red-color);margin:0 4px 0 0;}
-
-.table td.visible{overflow:visible !important;}
-
-.table_type_cols{margin:12px 0 40px 0;}
-.table_type_cols tr{border-bottom:1px solid #DEE6F4;}
-.table_type_cols th,.table_type_cols td{padding:4px 8px;font-size:16px;text-align:center;box-sizing:border-box;}
-.table_type_cols thead>tr>th{height:50px;font-weight:500;color:#25272A;background:#eff2f9;}
-.table_type_cols tbody>tr>td{height:50px;font-weight:400;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
-.table_type_cols .text_left a{width:100%;text-align:left;}
-
-
-.table_type_rows{margin:30px 0;}
-.table_type_rows>table>tbody>tr{border-bottom:1px solid #e2e7ef;}
-.table_type_rows tbody>tr>th,.table_type_rows tbody>tr>td{height:50px;padding:12px 20px;font-size:16px;color:#25272A;text-align:left;box-sizing:border-box;}
-.table_type_rows tbody>tr>th{font-weight:500;background:#F2F3F5;}
-.table_type_rows tbody>tr>td{font-weight:400;}
-
-.file_top{display:flex;justify-content:space-between;align-items:flex-end;}
-.file_table{height:150px;margin:12px 0 0 0;border:1px solid var(--lightgray-color);border-radius:8px;}
-.file_table table{table-layout:fixed;width:100%;border-collapse: collapse;}
-.file_table tr{border-bottom:1px solid #E2E7EF;}
-.file_table tbody{width:100%;max-height:150px;overflow-y:auto;}
-.file_table th{height:36px;font-size:14px;color:#222;padding:0 8px;text-align:center;}
-.file_table tbody>tr>td{height:36px;font-size:14px;color:#444;padding:0 8px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
-
-.file_table.before_file_table table{height:100%;}
-.file_table.before_file_table thead{opacity:0.3;}
-.file_table.before_file_table tbody{background:#EFF0F4;}
-.file_table.before_file_table tbody tr{height:100%;border:0;text-align:center;}
-.file_table.before_file_table p{font-size:14px;}
-.file_table.before_file_table b{color:var(--primary-color);}
-
-.table_type_cols td>.file_table{height:auto;margin:0;border:0;}
-.table_type_cols td>.file_table tbody td{height:auto;font-size:16px;}
-.table_type_cols td>.file_table .file_row{display:flex;align-items:center;justify-content:center;gap:8px;}
-.table_type_cols td>.file_table .file_row span{width:calc(100% - 28px);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} 
-
-.file_table#egov_file_view_table{height:auto;margin:0;border:0;}
-.file_table#egov_file_view_table tr{border:0;}
-.file_table#egov_file_view_table td{height:auto;text-align:left;}
-.file_table#egov_file_view_table td .file_row{display:inline-flex;font-size:16px;font-weight:400;align-items:center;gap:8px;}
+@charset "utf-8";
+
+.table{border-top:2px solid var(--primary-color);margin:0 0 40px 0;}
+.content_title.h4+.table{margin:0 0 20px 0;}
+.content_title.h5+.table{margin:12px 0 40px 0;}
+
+.sort_wrap,.sort{display:inline-block;vertical-align:middle;font-size:11px;margin:0 0 0 4px;}
+
+.table table{table-layout:fixed;width:100%;}
+.table .mobile_show,.table .mobile_hide{display:none;}
+.table .required{color:var(--red-color);margin:0 4px 0 0;}
+
+.table td.visible{overflow:visible !important;}
+
+.table_type_cols{margin:12px 0 40px 0;}
+.table_type_cols tr{border-bottom:1px solid #DEE6F4;}
+.table_type_cols th,.table_type_cols td{padding:4px 8px;font-size:16px;text-align:center;box-sizing:border-box;}
+.table_type_cols thead>tr>th{height:50px;font-weight:500;color:#25272A;background:#eff2f9;}
+.table_type_cols tbody>tr>td{height:50px;font-weight:400;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+.table_type_cols .text_left a{width:100%;text-align:left;}
+
+
+.table_type_rows{margin:30px 0;}
+.table_type_rows>table>tbody>tr{border-bottom:1px solid #e2e7ef;}
+.table_type_rows tbody>tr>th,.table_type_rows tbody>tr>td{height:50px;padding:12px 20px;font-size:16px;color:#25272A;text-align:left;box-sizing:border-box;}
+.table_type_rows tbody>tr>th{font-weight:500;background:#F2F3F5;}
+.table_type_rows tbody>tr>td{font-weight:400;}
+
+.file_top{display:flex;justify-content:space-between;align-items:flex-end;}
+.file_table{height:150px;margin:12px 0 0 0;border:1px solid var(--lightgray-color);border-radius:8px;}
+.file_table table{table-layout:fixed;width:100%;border-collapse: collapse;}
+.file_table tr{border-bottom:1px solid #E2E7EF;}
+.file_table tbody{width:100%;max-height:150px;overflow-y:auto;}
+.file_table th{height:36px;font-size:14px;color:#222;padding:0 8px;text-align:center;}
+.file_table tbody>tr>td{height:36px;font-size:14px;color:#444;padding:0 8px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+
+.file_table.before_file_table table{height:100%;}
+.file_table.before_file_table thead{opacity:0.3;}
+.file_table.before_file_table tbody{background:#EFF0F4;}
+.file_table.before_file_table tbody tr{height:100%;border:0;text-align:center;}
+.file_table.before_file_table p{font-size:14px;}
+.file_table.before_file_table b{color:var(--primary-color);}
+
+.table_type_cols td>.file_table{height:auto;margin:0;border:0;}
+.table_type_cols td>.file_table tbody td{height:auto;font-size:16px;}
+.table_type_cols td>.file_table .file_row{display:flex;align-items:center;justify-content:center;gap:8px;}
+.table_type_cols td>.file_table .file_row span{width:calc(100% - 28px);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} 
+
+.file_table#egov_file_view_table{height:auto;margin:0;border:0;}
+.file_table#egov_file_view_table tr{border:0;}
+.file_table#egov_file_view_table td{height:auto;text-align:left;}
+.file_table#egov_file_view_table td .file_row{display:inline-flex;font-size:16px;font-weight:400;align-items:center;gap:8px;}
src/main/webapp/publish/common/css/reset.css
--- src/main/webapp/publish/common/css/reset.css
+++ src/main/webapp/publish/common/css/reset.css
@@ -1,210 +1,209 @@
-/* ========================================================================
-   reset.css — 2025
-   작성자: 정수빈 
-   날짜: 2025-10-17
-   ======================================================================== */
-
-/* box-sizing & 기본 리셋 */
-*, *::before, *::after {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-/* HTML5 요소 기본 표시 보장 */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section, main {
-  display: block;
-}
-
-/* root 설정 */
-html {
-  scroll-behavior: smooth;
-  -webkit-text-size-adjust: 100%;
-  font-size: 16px;
-}
-
-body {
-  min-height: 100vh;
-  line-height: 1.5;
-  font-family: 'Noto Sans KR', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  letter-spacing: -0.35px;
-  color: #222;
-  background-color: #fff;
-}
-
-/* 텍스트 요소 */
-h1, h2, h3, h4, h5, h6, p {
-  font-weight: inherit;
-  font-size: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-  display: inline-block;
-}
-a:focus-visible {
-  outline: 2px solid #222;
-  outline-offset: 3px;
-}
-
-/* 리스트 */
-ol, ul {
-  list-style: none;
-}
-
-/* 이미지 및 미디어 */
-img, picture, video, canvas, svg {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  border: 0;
-  font-size: 0;
-}
-
-/* 표 */
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  table-layout: fixed;
-  width: 100%;
-}
-
-/* 폼 요소 */
-button, input, select, textarea {
-  font: inherit;
-  color: inherit;
-  border: none;
-  background: none;
-  margin: 0;
-  padding: 0;
-  vertical-align: middle;
-  
-  appearance: none;
-}
-
-/* 라디오, 체크박스는 appearance 제거 금지 (기본 표시 유지) */
-input[type="radio"],
-input[type="checkbox"] {
-  appearance: auto;
-  -webkit-appearance: auto;
-  -moz-appearance: auto;
-  display: inline-block;
-  width: auto;
-  height: auto;
-  cursor: pointer;
-  vertical-align: middle;
-}
-
-button {
-  cursor: pointer;
-  background: transparent;
-}
-
-input::placeholder,
-textarea::placeholder {
-  color: #777;
-  font-weight: 400;
-  font-size:14px;
-}
-
-input:not([type="button"]):disabled,
-input:not([type="button"]):read-only,
-textarea:disabled,
-textarea:read-only,
-select:disabled,
-select:read-only
-input.readonly,
-textarea.readonly,
-select.readonly{
-  background-color: var(--disable-fill-bg-color) !important;
-  color: var(--disable-fill-text-color) !important;
-  border: 1px solid var(--disable-fill-line-color) !important;
-  cursor: not-allowed;
-}
-
-/* 접근성 - label 숨김 처리 */
-caption,.caption, .label, .sr-only, .visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-/* 스크롤바 커스터마이징 */
-::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
-}
-::-webkit-scrollbar-thumb {
-  background: #adadad;
-  border-radius: 10px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-/* 인용, 기타 */
-blockquote, q {
-  quotes: none;
-}
-blockquote::before, blockquote::after,
-q::before, q::after {
-  content: '';
-}
-
-/* 폼 예외 처리 */
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  appearance: none;
-}
-
-/* 주소, 이탤릭 등 */
-address, em, i {
-  font-style: normal;
-}
-
-/* hr */
-hr {
-  border: none;
-  height: 1px;
-  background: #e0e0e0;
-  margin: 0;
-}
-
-/* 텍스트영역 기본 */
-textarea {
-  resize: vertical;
-  color: #333;
-}
-
-/* 접근성: 모션 줄이기 선호 시 */
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.001ms !important;
-    transition-duration: 0.001ms !important;
-    scroll-behavior: auto !important;
-  }
-}
-
-/* 다크모드 기본 대응 */
-@media (prefers-color-scheme: dark) {
-  body {
-    color: #e6e6e6;
-    background-color: #111;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: #666;
-  }
-}
+/* ========================================================================
+   reset.css — 2025
+   작성자: 정수빈 
+   날짜: 2025-10-17
+   ======================================================================== */
+
+/* box-sizing & 기본 리셋 */
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+/* HTML5 요소 기본 표시 보장 */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, main {
+  display: block;
+}
+
+/* root 설정 */
+html {
+  scroll-behavior: smooth;
+  -webkit-text-size-adjust: 100%;
+  font-size: 16px;
+}
+
+body {
+  min-height: 100vh;
+  line-height: 1.5;
+  font-family: 'Noto Sans KR', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  letter-spacing: -0.35px;
+  color: #222;
+  background-color: #fff;
+}
+
+/* 텍스트 요소 */
+h1, h2, h3, h4, h5, h6, p {
+  font-weight: inherit;
+  font-size: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  display: inline-block;
+}
+a:focus-visible {
+  outline: 2px solid #222;
+  outline-offset: 3px;
+}
+
+/* 리스트 */
+ol, ul {
+  list-style: none;
+}
+
+/* 이미지 및 미디어 */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border: 0;
+  font-size: 0;
+}
+
+/* 표 */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  width: 100%;
+}
+
+/* 폼 요소 */
+button, input, select, textarea {
+  font: inherit;
+  color: inherit;
+  border: none;
+  background: none;
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+  
+  appearance: none;
+}
+
+/* 라디오, 체크박스는 appearance 제거 금지 (기본 표시 유지) */
+input[type="radio"],
+input[type="checkbox"] {
+  appearance: auto;
+  -webkit-appearance: auto;
+  -moz-appearance: auto;
+  display: inline-block;
+  width: auto;
+  height: auto;
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+button {
+  cursor: pointer;
+  background: transparent;
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: #777;
+  font-weight: 400;
+  font-size:14px;
+}
+
+input:not([type="button"]):disabled,
+input[readonly],
+textarea:disabled,
+textarea[readonly],
+select:disabled,
+input.readonly,
+textarea.readonly,
+select.readonly {
+    background-color: var(--disable-fill-bg-color) !important;
+    color: var(--disable-fill-text-color) !important;
+    border: 1px solid var(--disable-fill-line-color) !important;
+    cursor: auto;
+}
+
+/* 접근성 - label 숨김 처리 */
+caption,.caption, .label, .sr-only, .visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* 스크롤바 커스터마이징 */
+::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+}
+::-webkit-scrollbar-thumb {
+  background: #adadad;
+  border-radius: 10px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+/* 인용, 기타 */
+blockquote, q {
+  quotes: none;
+}
+blockquote::before, blockquote::after,
+q::before, q::after {
+  content: '';
+}
+
+/* 폼 예외 처리 */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  appearance: none;
+}
+
+/* 주소, 이탤릭 등 */
+address, em, i {
+  font-style: normal;
+}
+
+/* hr */
+hr {
+  border: none;
+  height: 1px;
+  background: #e0e0e0;
+  margin: 0;
+}
+
+/* 텍스트영역 기본 */
+textarea {
+  resize: vertical;
+  color: #333;
+}
+
+/* 접근성: 모션 줄이기 선호 시 */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.001ms !important;
+    transition-duration: 0.001ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/* 다크모드 기본 대응 */
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #e6e6e6;
+    background-color: #111;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: #666;
+  }
+}
Add a comment
List