@charset "utf-8";

@font-face {
     font-family: 'Noto Sans KR1';
     font-style: normal;
     font-weight: 100;
     src: local('Noto Sans Thin'), local('Noto Sans Thin'), url('./fonts/Notokr/NotoSans-Thin.eot');
     src: url('./fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-Thin.woff2') format('woff2'),
          url('../fonst/NotoSans-Thin.woff') format('woff');
}

@font-face {
     font-family: 'Noto Sans KR2';
     font-style: normal;
     font-weight: 300;
     src: local('Noto Sans Light'), local('Noto Sans Light'), url('./fonts/Notokr/NotoSans-Light.eot');
     src: url('./fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-Light.woff2') format('woff2'),
          url('./fonts/NotoSans-Light.woff') format('woff');
}

@font-face {
     font-family: 'Noto Sans KR3';
     font-style: normal;
     font-weight: 350;
     src: local('Noto Sans DemiLight'), local('Noto Sans DemiLight'), url('./fonts/Notokr/NotoSans-DemiLight.eot');
     src: url('./fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-DemiLight.woff2') format('woff2'),
          url('./fonts/NotoSans-DemiLight.woff') format('woff');
}

@font-face {
     font-family: 'Noto Sans KR4';
     font-style: normal;
     font-weight: 400;
     src: local('Noto Sans Regular'), local('Noto Sans Regular'), url('./fonts/Notokr/NotoSans-Regular.eot');
     src: url('./fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-Regular.woff2') format('woff2'),
          url('./fonts/NotoSans-Regular.woff') format('woff');
}

@font-face {
     font-family: 'Noto Sans KR5';
     font-style: normal;
     font-weight: 500;
     src: local('Noto Sans Medium'), local('Noto Sans Medium'), url('./fonts/Notokr/NotoSans-Medium.eot');
     src: url('./fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-Medium.woff2') format('woff2'),
          url('./fonts/NotoSans-Medium.woff') format('woff');
}

@font-face {
     font-family: 'Noto Sans KR6';
     font-style: normal;
     font-weight: 700;
     src: local('Noto Sans Bold'), local('Noto Sans Bold'), url('./fonts/Notokr/NotoSans-Bold.eot');
     src: url('./fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-Bold.woff2') format('woff2'),
          url('./fonts/NotoSans-Bold.woff') format('woff');
}

@font-face {
     font-family: 'Noto Sans KR7';
     font-style: normal;
     font-weight: 900;
     src: local('Noto Sans Black'), local('Noto Sans Black'), url('./fonts/Notokr/NotoSans-Black.eot');
     src: url('./fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
          url('./fonts/NotoSans-Black.woff2') format('woff2'),
          url('./fonts/NotoSans-Black.woff') format('woff');
}

@font-face {
     font-family: 'Binggrae';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(./fonts/Pretendard-Black.woff2) format('woff2'), url(./fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(./fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(./fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(./fonts/Pretendard-Bold.woff2) format('woff2'), url(./fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(./fonts/Pretendard-SemiBold.woff2) format('woff2'), url(./fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(./fonts/Pretendard-Medium.woff2) format('woff2'), url(./fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(./fonts/Pretendard-Regular.woff2) format('woff2'), url(./fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(./fonts/Pretendard-Light.woff2) format('woff2'), url(./fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(./fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(./fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(./fonts/Pretendard-Thin.woff2) format('woff2'), url(./fonts/Pretendard-Thin.woff) format('woff');
}


/*
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
*/
/*common*/

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,span,
button {
     margin: 0;
     padding: 0;
     -webkit-text-size-adjust: none;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
}

body,
input,
textarea,
select,
table,
button,
code {
     letter-spacing: 0px;
     font-size: 1.2em/1.3em;
     line-height: 1.25em;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
     box-sizing: border-box;
}

div, button{
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
     font-weight: 400;
}





.divLayoutLeft {
     /* padding: 5px; */
     border: 1px solid #E5E7EB;
     border-radius: 10px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;

}

.divLayoutRight {
     /* padding: 5px; */
     border: 1px solid #E5E7EB;
     border-radius: 10px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;
     flex: 1;
}

.divLayoutRight_app {
     /* padding: 5px; */
     /* box-shadow: 0px 0px 5px 1px #AAAAAA; */
     border-radius: 20px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;
     border: 1px solid #E5E7EB;
     flex: 1;
}

.divLayoutLeft_app {
     /* padding: 5px; */
     /* box-shadow: 0px 0px 5px 1px #AAAAAA; */
     border-radius: 20px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;
     border: 1px solid #E5E7EB;

}

.smallTitle_app {
     padding: 12px 0 12px 5px;
     margin: 0px 0 20px 0;
     font-size: 18px;
     font-weight: bold;
     background-color: #FFFFFF;
     border-bottom: 1px solid #EFEFEF;
     border-radius: 20px 20px 20px 20px;
}

ul.smallTitle_app li {
     padding: 10px 5px;
     margin: 0px 0 0px 0;
     font-size: 14px;
     font-weight: normal;
     background-color: #FFFFFF;
     cursor: pointer;
}

.gridCss {
     font-size: 13px; font-family: Verdana; flex: 1;border-top:0px solid #CCCCCC;
     border-radius: 4px !important; /* !important는 테마 스타일 충돌 시 강제 적용 */
     overflow: hidden !important;  
     padding-right: 3px;
}

/*소제목부문*/
.smallTitle {
     padding: 12px 0 12px 5px;
     margin: 0px 0 0px 0;
     font-size: 18px;
     font-weight: 500;
     background-color: #FFFFFF;
     border-bottom: 1px solid #EFEFEF;
     border-radius: 20px 20px 0px 0px;
}

.smallTitle2 {
     padding: 12px 0 12px 5px;
     margin: 0px 0 0px 0;
     font-size: 18px;
     font-weight: 500;
     background-color: #FFFFFF;
     border-bottom: 1px solid #EFEFEF
}

.smallTitle3 {
     padding: 12px 0 12px 5px;
     margin: 0px 0 0px 0;
     font-size: 14px;
     font-weight: 500;
     background-color: #FFFFFF;
     border-bottom: 1px solid #EFEFEF
}

ul.smallTitle li {
     padding: 10px 5px;
     margin: 0px 0 0px 0;
     font-size: 14px;
     font-weight: normal;
     background-color: #FFFFFF;
     cursor: pointer;
}

/*조회조건박스*/
.searchResion1 {
     position: relative;
     border-top: 0px solid #64707F;
     background-color: white;
     z-index: 100;
}

.searchResion2 {
     box-shadow: 0px 0px 5px 1px #AAAAAA;
     border-radius: 20px;
     margin: 5px;
     padding: 5px;
     background-color: #ffffff;
}

.searchResionDiv {
     /* display: flex; */
     align-items: center;
     /* gap: 12px; */
     padding: 5px;
     /* position: relative;
     border-top: 0px solid #64707F;
     background-color: white;
     z-index: 100;
     padding: 5px; */
}

.search_table {
     margin: 0 0 0px 0;
     width: 100%;
     height: 100%;
     border-bottom: 0px solid #DCDCDC;
     border-collapse: collapse;
     background-color: #ffffff;
}

.search_table th,
.search_table td {
     padding: 8px 0 8px 0;
     border-bottom: 0px solid #DCDCDC;
}

.search_table th {
     padding-left: 10px;
     text-align: left;
     font-size: 14px;
     /* font-weight: lighter; */
}

.search_table td {
     text-align: left;
     padding-left: 20px;
     font-size: 12px;
}

.search_table2 {
     margin: 0 0 0px 0;
     width: 100%;
     height: 100%;
     border-bottom: 0px solid #DCDCDC;
     border-collapse: collapse;
     background-color: #ffffff;
}

.search_table2 th,
.search_table2 td {
     padding: 3px 0 3px 0;
     border-bottom: 0px solid #DCDCDC;
}

.search_table2 th {
     padding-left: 10px;
     text-align: left;
     font-size: 14px;
     /* font-weight: lighter; */
}

.search_table2 td {
     text-align: left;
     padding-left: 20px;
}

.div_search {
     padding: 8px 0 8px 0
}


.notice {
     color: red;
     font-family: "Noto Sans KR4";
     font-size: 13px;
     line-height: 1.42857143;
}


/* 등록박스 */
/* .inputResion1{ position:relative; border-top: 0px solid #64707F; background-color: white; z-index: 100;} */
/*
.input_table{ margin: 0 0 0px 0; width: 100%; border-bottom: 2px solid #E5E5E5;border-top: 2px solid #E5E5E5;border-collapse:collapse;}
.input_table th, .input_table td{ padding: 8px 0 8px 0; border-bottom: 1px solid #F0F0F0;}
.input_table th{padding-left: 10px; text-align: left; font-size: 14px;background-color: #F8F8F8; } 
.input_table td{text-align: left; padding-left: 5px;}
*/
.input_table {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 0px solid #E5E5E5;
     border-top: 0px solid #E5E5E5;
     border-collapse: collapse;
}

.input_table th,
.input_table td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     border-right: 1px solid #EFEFEF;
}

.input_table th {
     padding-left: 10px;
     text-align: left;
     font-size: 14px;
     background-color: var(--form_back);
     font-weight: 500;
}

.input_table td {
     text-align: left;
     padding-left: 5px;
     padding-right: 5px
}

.input_table2 {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 0px solid #E5E5E5;
     border-top: 0px solid #E5E5E5;
     border-collapse: collapse;
}

.input_table2 th,
.input_table2 td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     border-right: 1px solid #EFEFEF;
}

.input_table2 th {
     padding-left: 10px;
     text-align: center;
     font-size: 14px;
     background-color: var(--form_back);
     /* font-weight: lighter; */
}

.input_table2 td {
     text-align: center;
     padding-left: 5px;
}

.input_table3 {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 2px solid #E5E5E5;
     border-top: 2px solid #E5E5E5;
     border-collapse: collapse;
}

.input_table3 th,
.input_table3 td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #F0F0F0;
}

.input_table3 th {
     padding-left: 10px;
     text-align: left;
     font-size: 14px;
     background-color: #F8F8F8;
}

.input_table3 td {
     text-align: left;
     padding-left: 5px;
     font-size: 12px;
}


.input_table4 {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 0px solid #E5E5E5;
     border-top: 0px solid #E5E5E5;
     border-collapse: collapse;
}

.input_table4 th,
.input_table4 td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     border-right: 1px solid #EFEFEF;
}

.input_table4 th {
     padding-left: 10px;
     text-align: center;
     font-size: 14px;
     background-color: var(--form_back);
}

.input_table4 td {
     text-align: center;
     padding: 4px;
}

.input_table5 {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 2px solid #E5E5E5;
     border-top: 2px solid #E5E5E5;
     border-collapse: collapse;
}

.input_table5 th,
.input_table5 td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #F0F0F0;
}

.input_table5 th {
     padding-left: 10px;
     text-align: left;
     font-size: 13px;
     background-color: var(--form_back);
}

.input_table5 td {
     text-align: left;
     padding-left: 5px;
     font-size: 12px;
}

.app_table {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 0px solid #E5E5E5;
     border-top: 1px solid var(--form_top_line);
     border-collapse: collapse;
}

.app_table th,
.app_table td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     border-right: 1px solid #EFEFEF;
}

.app_table th {
     padding-left: 5px;
     padding-right: 5px;
     text-align: center;
     font-size: 14px;
     background-color: var(--form_back);
     /* font-weight: lighter; */
}

.app_table td {
     text-align: center;
     padding-left: 5px;
     padding-right: 5px
}

/* 조직도 */
.org_table {
     margin: 0 0 0px 0;
     border-bottom: 0px solid #777777;
     border-top: 0px solid;
     border-collapse: separate;
     border-spacing: 0 2px;
}

.org_table th,
.org_table td {
     padding: 1px 0 1px 0;
     border-bottom: 0px solid #777777;
}

.org_table th {
     padding-left: 10px;
     text-align: left;
     font-size: 14px;
     background-color: #F8F8F8;
}

.org_table td {
     text-align: center;
     font-size: 12px;
     height: 30px;
}

.orgPos {
     border: 1px solid var(--orgLine);
     background-color: var(--orgPos);
     border-radius: 6px;
}

.orgName {
     border: 1px solid var(--orgLine) !important;
     background-color: var(--orgName);
     border-radius: 6px;
}

.orgLine_top {
     border-top: 1px solid var(--orgLine);
}

.orgLine_right {
     border-right: 1px solid var(--orgLine);
}

.orgLine {
     border: 1px solid var(--orgLine) !important;
}

.orgNot {
     color: #707070;
}

.report_table {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 0px solid #E5E5E5;
     border-top: 1px solid var(--form_top_line);
     border-collapse: collapse;
}

.report_table th,
.report_table td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     border-right: 1px solid #EFEFEF;
}

.report_table th {
     text-align: center;
     font-size: 14px;
     background-color: var(--form_back);
     font-weight: 500;
}

.report_table td {
     text-align: center;
     padding: 4px;
     font-size: small
}


.report_table2 {
     margin: 0 0 0px 0;
     width: 100%;
     border-bottom: 0px solid #E5E5E5;
     border-top: 1px solid #f2ae3a;
     border-collapse: collapse;
}

.report_table2 th,
.report_table2 td {
     padding: 8px 0 8px 0;
     border-bottom: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     border-right: 1px solid #EFEFEF;
}

.report_table2 th {
     text-align: center;
     font-size: 14px;
     background-color: var(--form_back);
     font-weight: 500;
}

.report_table2 td {
     text-align: center;
     padding: 4px;
     font-size: small
}


/* 스크롤 설정 */
.divScroll {
     overflow: auto;
}

.divScroll::-webkit-scrollbar {
     width: 10px;
     height: 10px;
}

.divScroll::-webkit-scrollbar-thumb {
     height: 30%;
     background: #c5c5c5;
     border-radius: 10px;
}

.divScroll::-webkit-scrollbar-track {
     background: rgba(145, 145, 145, 0.1);
}

/*.contentCss{padding:0px 10px 10px 10px;background:#EFEFEF;}*/
.comment_inbox_name {
     display: block;
     /* margin-bottom: 10px; */
     font-weight: 700;
     font-size: 13px;
     padding-top: 5px;
}

.comment_inbox_text {
     overflow-x: hidden;
     overflow-y: auto;
     display: block;
     width: 100%;
     min-height: 25px;
     padding-right: 1px;
     border: 1px solid #CCC;
     font-size: 13px;
     -webkit-appearance: none;
     resize: none;
     box-sizing: border-box;
     background: transparent;
     outline: 0;
     padding-top: 4px;
}

.comment_regusr {
     display: block;
     /* margin-top: 10px;
      margin-bottom: 10px; */
     font-weight: 700;
     font-size: 13px;
}

.comment_cmttxt {
     display: block;
     margin-bottom: 10px;
     margin-left: 10px;
     margin-right: 10px;
     font-size: 12px;
     background-color: #F7F7F7;
     padding: 5px;
}

.comment_regdat2 {
     font-weight: normal;
     font-size: 12px;
     color: #999
}

.comment_regdat {
     display: block;
     margin-bottom: 10px;
     font-size: 12px;
     color: #999
}

.comment_write_box {
     border: 0px solid #CCC;
     border-radius: 6px;
     padding: 10px 10px 10px 10px;
     margin: 12px 5px 12px 0px;
     position: relative;
     background-color: #F7F7F7;
}

.check input[type="checkbox"] {
     -webkit-appearance: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     width: 20px;
     height: 20px;
     cursor: pointer;
     outline: none !important;
     border: 1px solid #9999;
     vertical-align: middle;
}

.check input[type="checkbox"]::before {
     content: "\2713";
     position: absolute;
     top: 50%;
     left: 50%;
     overflow: hidden;
     transform: scale(0) translate(-50%, -50%);
     line-height: 1;
}

.check input[type="checkbox"]:checked {
     background-color: #fdfdfd;
     border-color: #D4D4D4;
     color: black;
}

.check input[type="checkbox"]:checked::before {
     border-radius: 4px;
     transform: scale(1) translate(-50%, -50%)
}
.gridBorderHidden {
     color: black;
     background-color: #ffffff;
     border-bottom: 0px solid;
}


.gridBorderHidden:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected),.jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
     color: black;
     background-color: #ffffff;
     border-bottom: 0px solid;
}
.gridCellGreen {
     color: black\9;
     background-color: #b6ff00\9;
}

.gridCellYellow {
     color: black\9;
     background-color: yellow\9;
}

.gridCellRed {
     color: black\9;
     background-color: #e83636\9;
}

.gridCellGreen:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected),
.jqx-widget .gridCellGreen:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
     color: black;
     background-color: #b6ff00;
}

.gridCellYellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected),
.jqx-widget .gridCellYellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
     color: black;
     background-color: yellow;
}

.gridCellBtn {
     border : none;
     background-color: transparent;
}

.gridCellRed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected),
.jqx-widget .gridCellRed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
     color: black;
     background-color: #e83636;
}

.radioTxtAlign {
     vertical-align: -2px;
}

.square {
     width: 5px;
     height: 5px;
     background: #000000;
     display: inline-block;
     margin-right: 5px;
     margin-bottom: 2px;
}

.li_square {
     list-style-type: square;
}

.inp_date {
     position: relative;
     display: inline-block;
     width: 115px;
     /*calc((100% / 2) - 8px);*/
}

.inp_date button {
     position: absolute;
     top: 4px;
     right: 1px;
     display: inline-block;
     width: 19px;
     height: 19px;
     background: url(../img/calendar_icon2.png) no-repeat 0px 0;
     text-indent: -9999px;
     border: 0px;
}

.cursorPointer:hover {
     cursor: pointer;
}

/* 화면 css start*/
/*레이아웃설정*/
#containerOuter {
     margin: 0px auto;
     width: 100%;
}

#container {
     margin: 0px auto;
     width: 100%;
}

#containerPrint {
     margin: 0px auto;
     width: 100%;
}

#head {
     position: relative;
     clear: both;
     z-index: 3;
}

#foot {
     position: relative;
     clear: both;
}

#content {
     position: relative;
     clear: both;
}

#contentLeft {
     position: relative;
     width: 180px;
     float: left;
     overflow: auto;
     height: 100%;
}

#contentRight {
     position: relative;
     background-color: #F3F4F6 !important;
}

.titleName {
     padding: 0px 0 0 0;
     font-size: 20px;
}


.leftDiv {}

;

.divTd01 {
     background-image: url(../img/s_icon.gif);
     background-repeat: no-repeat;
     background-position: 8px 17px;
     color: #5e5e5e;
     font-weight: bold;
     top: 8px;
}

.search1 {
     background: #364049;
     width: 100%;
     height: 30px;
     font-weight: bold;
     border-radius: 0px 0px 0 0;
     color: #fff;
     text-align: left;
     line-height: 20px;
     font-size: 100%;
     padding: 9px 0 0 0px;
     font-weight: bold;
}

.search2 {
     background: #364049;
     width: 100%;
     height: 30px;
     font-weight: bold;
     border-radius: 0px 0px 0 0;
     color: #fff;
     text-align: left;
     line-height: 20px;
     font-size: 100%;
     padding: 9px 0 0 0px;
     font-weight: bold;
}

.titleDiv {
     border: 0px solid red;
     min-width: 900px;
     display: flex;
     flex-direction: row;
}

/* 프로그램 제목, 버튼모음 */
.divTdTitle01 {
     flex: 1;
     padding: 21px 16px 0px 16px;
}

.divTdTitle02 {
     padding: 14px 10px 10px 10px;
}

.midTitle {
     font-size: 180%;
     font-weight: 800;
     border: 0px solid #009999;
}

.subTitle {
     margin-left: 10px;
     background-image: url(../img/menu_icon.png);
     background-repeat: no-repeat;
     background-position: 0px 3px;
     padding-left: 20px;
}

.dataList10 {
     border-collapse: collapse;
     border: 0px solid #a4a4a4;
     table-layout: fixed;
     width: 100%;
}

.dataList10 th {
     margin: 0;
     padding: 5px 5px 5px 15px;
     border-bottom: 0px solid #b1b1b1;
     border-right: 0px solid #b1b1b1;
     height: 28px;
     font-size: 13px;
     text-align: left;
     font-weight: bold;
     color: #444444;
}

.dataList10 td {
     margin: 0;
     padding: 5px;
     font-size: 100%;
     border: 0px solid #c0c0c0;
     white-space: nowrap;
     cursor: default;
     text-overflow: ellipsis;
     overflow: hidden;
     height: 28px;
}

.dataList11 {
     border-collapse: collapse;
     border: 1px solid #E2E2E2;
     table-layout: fixed;
     width: 100%;
}

.dataList11 th {
     margin: 0;
     padding: 5px 5px 5px 15px;
     border-bottom: 1px solid #E2E2E2;
     border-right: 1px solid #E2E2E2;
     height: 28px;
     font-size: 13px;
     text-align: center;
     font-weight: bold;
     color: #444444;
     background-color: #F8F8F8
}

.dataList11 td {
     margin: 0;
     padding: 5px;
     font-size: 100%;
     border: 1px solid #E2E2E2;
     white-space: nowrap;
     cursor: default;
     text-overflow: ellipsis;
     overflow: hidden;
     height: 28px;
}



/*기본버튼*/
.Btn_css2 {
     background: #4D5770;
     width: 80px;
     font-weight: bold;
     border-radius: 15px;
     color: #fff;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     padding: 3px;
     font-weight: bold;
     cursor: pointer;
     border: 0px solid;
}

.Btn_css1 {
     background: #4D5770;
     width: 152px;
     font-weight: bold;
     border-radius: 3px 3px 3px 3px;
     color: #fff;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     padding: 2px;
     font-weight: bold;
     cursor: pointer;
}

.Btn_search_ov {
     background-image: url(../img/btn_search_off.gif);
     background-repeat: no-repeat;
     width: 50px;
     height: 65px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
}

.Btn_check {
     background-image: url(../img/btn_check.gif);
     background-repeat: no-repeat;
     width: 50px;
     height: 65px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}

.Btn_release {
     background-image: url(../img/btn_release.gif);
     background-repeat: no-repeat;
     width: 50px;
     height: 65px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}



/*기본버튼*/
/* .Btn_reset  {background-image:url(../img/main_menu_reset.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; } */
/* .Btn_reset:hover  {background-image:url(../img/main_menu_reset_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_save {  background-image:url(../img/main_menu_save.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_save:hover {  background-image:url(../img/main_menu_save_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_search {background-image:url(../img/main_menu_search.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_search:hover {background-image:url(../img/main_menu_search_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_delete {background-image:url(../img/main_menu_del.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_delete:hover {background-image:url(../img/main_menu_del_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_print { background-image:url(../img/main_menu_print.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_print:hover { background-image:url(../img/main_menu_print_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_excel { background-image:url(../img/main_menu_excel.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_excel:hover { background-image:url(../img/main_menu_excel_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_close { background-image:url(../img/main_menu_close.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_close:hover { background-image:url(../img/main_menu_close_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_add    {background-image:url(../img/main_menu_add.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_add:hover    {background-image:url(../img/main_menu_add_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; } */


/* 버튼 공통 스타일 - test_safety_work_registration.html 디자인 */
.Btn_reset,
.Btn_delete,
.Btn_print,
.Btn_excel,
.Btn_close,
.Btn_add {
     cursor: pointer;
     border: 1px solid #d1d5db;
     padding: 0.7rem 1.05rem;
     background-color: #ffffff;
     border-radius: 0.45rem;
     font-size: 11px;
     font-weight: 500;
     color: #4b5563;
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
     transition: all 0.2s;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.Btn_reset:hover,
.Btn_delete:hover,
.Btn_print:hover,
.Btn_excel:hover,
.Btn_close:hover,
.Btn_add:hover {
     background-color: #f9fafb;
     border-color: #d1d5db;
}

/* 조회 버튼 - emerald 색상 */
.Btn_search {
     cursor: pointer;
     border: none;
     padding: 0.7rem 1.05rem;
     background-color: #059669;
     border-radius: 0.45rem;
     font-size: 11px;
     font-weight: 500;
     color: #ffffff;
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
     transition: all 0.2s;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.Btn_search:hover {
     background-color: #047857;
     border-color: #047857;
}

/* 저장 버튼 - rose 색상 */
.Btn_save {
     cursor: pointer;
     border: none;
     padding: 0.7rem 1.05rem;
     background-color: #e11d48;
     border-radius: 0.45rem;
     font-size: 11px;
     font-weight: 500;
     color: #ffffff;
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
     transition: all 0.2s;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.Btn_save:hover {
     background-color: #be123c;
     border-color: #be123c;
}

.Btn_save2 {
     cursor: pointer;
     border: 1px solid #258cb8;
     padding: 6px 20px;
     background-color: #258cb8;
     border-radius: 6px;
     font-weight: 500;
     color: #ffffff;
}

.Btn_save2:hover {
     cursor: pointer;
     border: 1px solid #0d3d51;
     padding: 6px 20px;
     background-color: #0d3d51;
     border-radius: 6px;
     font-weight: 500;
     color: #ffffff;
}

.BtnCode {
     cursor: pointer;
     padding: 4px 8px 4px 8px;
     border: 1px solid;
     border-radius: 4px;
     color: #000000;
     vertical-align: 1px;
     min-width: 27px;
     margin-left: -3px;
}

.BtnCodeDiv {
     cursor: pointer;
     padding: 4px 8px 4px 8px;
     border: 1px solid;
     border-radius: 4px;
     color: #000000;
     vertical-align: 0px;
     min-width: 27px;
     margin-left: -5px;
     min-height: 26px;
}

.BtnCss_Parent>input[type="button"] {
     cursor: pointer;
     padding: 4px 10px 4px 10px;
     border: 1px solid;
     border-radius: 4px;
     color: #ffffff;
     vertical-align: 1px;
     min-width: 40px;
}

.BtnCss {
     cursor: pointer;
     padding: 4px 10px 3px 10px;
     border: 1px solid;
     border-radius: 4px;
     color: #ffffff;
     vertical-align: 1px;
     min-width: 40px;
}

.TitleCss {
     cursor: pointer;
     padding: 5px 10px 5px 10px;
     border: 1px solid;
     border-radius: 0px;
     color: #ffffff;
     vertical-align: 1px;
     min-width: 40px;
}

.TitleCss2 {
     padding: 5px 10px 5px 10px;
     border: 1px solid;
     border-radius: 0px;
     color: #ffffff;
     vertical-align: 1px;
     min-width: 40px;
}

.textCss {
     padding: 5px 5px 5px 5px;
     border: 0px solid;
     border-radius: 0px;
     color: #000000;
     vertical-align: 1px;
     min-width: 40px;
     display: inline-block;
}

.rectCss {
     text-align: center;
     cursor: pointer;
     padding: 0px;
     border: 1px solid;
     border-radius: 4px;
     color: #ffffff;
     vertical-align: 1px;
     width: 15px;
     height: 15px;
     display: inline-block;
     vertical-align: middle;
}

.rectCssAuto {
     min-width: 30px;
     /* margin: 0px 3px; */
     text-align: center;
     cursor: pointer;
     padding: 0px;
     border: 1px solid;
     border-radius: 4px;
     color: #ffffff;
     vertical-align: 1px;
     display: inline-block;
     vertical-align: middle;
     padding: 2px 5px;
}

.cursor_none {
     cursor: default
}

.gridTextRound {
     text-align: center;
     cursor: pointer;
     padding: 0px;
     border: 1px solid;
     border-radius: 9px;
     color: #000000;
     vertical-align: 1px;
     width: 20px;
     height: 20px;
     display: inline-block;
     vertical-align: middle;
     border-color: var(--ColorGreen);
}

.gridTextButton {
     text-align: center;
     cursor: pointer;
     padding: 1px 2px 1px 2px;
     border: 1px solid;
     border-radius: 5px;
     color: #ffffff;
     vertical-align: 1px;
     width: auto;
     height: 20px;
     display: inline-block;
     vertical-align: middle;
     border-color: var(--ColorGreen);
}

.fontSize70 {
     font-size: 70%;
}

.fontSize80 {
     font-size: 80%;
}

.fontSize16 {
     font-size: 16px;
}

.fontNormal {
     /* font-weight: normal; */
}
.disInlineBlock {
     display: inline-block;
}

.divPadding {
     padding: 3px;
}

.txtRight {
     text-align: right;
}

.txtLeft {
     text-align: left;
}

.txtCenter {
     text-align: center;
}

:root {
     --signBoxColor: #999;
}

.Btn_blue2 {
     border-color: #9ecadb;
     background-color: #9ecadb;
}

.Btn_blue {
     border-color: #258cb8;
     background-color: #258cb8;
}

.Btn_yellow {
     border-color: #f6ff00;
     background-color: #f6ff00;
     color: #000000;
}

.Btn_orange {
     border-color: #ffae00;
     background-color: #ffae00;
}

.Btn_purple {
     border-color: #3e009c;
     background-color: #3e009c;
}

.Btn_pink {
     border-color: #d402b8;
     background-color: #d402b8;
}

.Btn_green {
     border-color: #42AC77;
     background-color: #42AC77;
}

.Btn_green2 {
     border-color: var(--ColorGreen);
     background-color: var(--ColorGreen);
}
.Btn_SNC {
     border-color: var(--SNCcolor);
     background-color: var(--SNCcolor);
}

.Btn_gray {
     border-color: #494848;
     background-color: #494848;
}

.Btn_lightgray {
     border-color: #e6e6e6;
     background-color: #e6e6e6;
}

.Btn_border_green {
     border-color: #42AC77;
     background-color: #ffffff;
}

.Btn_red {
     border-color: #e01d1d;
     background-color: #e01d1d;
}

.Btn_red_Parent>input[type="button"] {
     border-color: #e01d1d;
     background-color: #e01d1d;
}

.Btn_border_lightgray {
     border-color: #e5e7eb;
     background-color: #fff;
}

.Btnfile {
     min-width: 0px;
     font-size: 140%;
     vertical-align: -4px;
}

.Btn_blue3 {
     border-color: #0e0e6f;
     background-color: #0e0e6f;
}

.textColor {
     color: #258cb8;
}

.textRed {
     color: #e01d1d;
}

.textBlack {
     color: #000000;
}

.textWhite {
     color: #ffffff;
}

.textGray {
     color: #494848;
}

.textGreen {
     color: #42AC77;
}

.gone {
     display: none;
}

.textBold {
     font-weight: bold;
}

:root {
     --ColorRed: #f43f5e;
     --ColorBlack: #000000;
     --ColorBlue: #258cb8;
     --ColorBlueDark: #0800ff;
     /* --ColorGreen: #01884E; */
     --ColorGreen: rgb(6 95 70 / var(--tw-bg-opacity, 1));
     --ColorGreen_036038: #036038;
     --ColorGreen_06a15e: #06a15e;
     --ColorWhite: #ffffff;
     --ColorGray: #cccccc;
     --font-size: 9px;
     --form_back: #f7f7f7;
     --form_back2: #f8fafc;
     --form_top_line: #5F6061;
     --orgPos: #D9D9D9;
     --orgName: #F7F7F7;
     --orgLine: #BFBFBF;
     --ColorBlackGray: #161616;
     --GridBtnGreen: #029C94;
     --GridBtnOrange: #FAE100;
     --GridBtnRed: #F14A76;
     --font-family: "Pretendard","Noto Sans KR1",-apple-system,system-ui,BlinkMacSystemFont,sans-serif;
     --SNCcolor: #f18300;
     --SNCcolor_572c08: #b95300;
     --SNCcolor_d16e1d: #381d07;

}

.dashSearchTitle {
     color: #065f46;
     font-weight: 700;
     font-size: 1.275rem;
     line-height: 1rem;
     margin-right: 10px;
}

.dashRoundBox {
     height: 50%;
     border: 1px solid #e5e7eb;
     border-radius: 0.75rem;
     padding: 1.25rem;
     background-color: #ffffff;
}

.dashRoundBoxIn {
     padding: 5px;
}

.gridRow {
     display: flex;
     padding: 0px 3px;
     align-items: center;
}

.gridCol {
     padding: 2px;
     min-width: 40px;
     width: 100%;
     text-align: left;
}

.gridColGray {
     padding: 2px;
     min-width: 40px;
     width: 100%;
     background-color: #f3f4f6;
     border-radius: 3px;
     text-align: left;
     min-height: 20px;
}

.gridColGreen {
     padding: 2px;
     min-width: 40px;
     width: 100%;
     background-color: var(--ColorGreen);
     border-radius: 3px;
     text-align: left;
}

.gridBarRow {
     display: flex;
     padding: 5px 3px;
     align-items: center;
}

.gridBarCol {
     padding: 2px;
     min-width: 40px;
     width: 50%;
     font-size: 100%;
     color: #258cb8;
     text-align: left;
     min-height: 20px;
}

.progressIng {
     vertical-align: 1px;
     display: inline-block;
     vertical-align: middle;
     padding: 2px 0px;
     border-radius: 5px 0px 0px 5px;
     min-height: 20px;
     color: #FFFFFF;
     text-align: center;
     font-size: 80%;
}

.progressEtc {
     vertical-align: 1px;
     display: inline-block;
     vertical-align: middle;
     padding: 2px 0px;
     border-radius: 0px 5px 5px 0px;
     min-height: 20px;
}



.divH {
     height: 0.5px;
     background-color: #f3f4f6;
     margin: 3px 0px;
}

.dashTitle {
     font-size: 16px;
     font-weight: bold;
     color: #1f2937;
     vertical-align: middle;
     border-left: 4px solid;
     text-align: left;
     padding: 3px 5px;
     border-color: #10b981;
}

.dashCount {
     border-color: #e6e6e6;
     background-color: #e6e6e6;
     color: #000000;
     font-size: 120%;
}



.BtnFontM {
     font-size: 150%;
     padding-left: 20px;
     padding-right: 20px;
}

.fcol_blue {
     color: #258cb8;
}

.fcol_red {
     color: #b51616;
}

.fontBold {
     font-weight: bold;
}

.textAlignCenter {
     text-align: center;
}


.signBox {
     border: 1px solid var(--signBoxColor);
}

.signGrade {
     text-align: center;
     padding: 5px;
     font-size: 11px;
}

.signImg {
     text-align: center;
     padding: 5px;
     border-top: 1px solid var(--signBoxColor);
     border-bottom: 1px solid var(--signBoxColor);
     min-width: 74px;
     min-height: 62px;
}

.signName {
     text-align: center;
     padding: 5px;
     font-size: 11px;
}

.signDocKind {
     padding: 5px;
     font-size: 16px;
     font-weight: bold;
}

.signDocTitle {
     padding: 5px;
     font-size: 16px;
}

.signAtnList {
     width: 100%;
     padding: 5px;
}



.grid_container {
     display: grid;
     /*grid-template-columns: 100px 1fr;*/
     grid-template-columns: minmax(0, auto) minmax(0, 1fr);
     grid-gap: 0;
     border-left: 1px solid #EFEFEF;
     border-top: 2px solid #009055;
}

.grid_head {
     padding: 1rem;
     font-size: 14px;
     background-color: #F9F9EF;
     /* font-weight: lighter; */
}

.grid_item {
     padding: 1rem;
}

.grid_container>div {
     border-right: 1px solid #EFEFEF;
     border-bottom: 1px solid #EFEFEF;
}



.vertical-center {
     margin: 0;
     position: absolute;
     top: 50%;
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}

.highlighted {
     color: #261F1D;
     background-color: #FFE103;
}

.highlighted_grey {
     color: #261F1D;
     background-color: #eee;
}


.Btn_modify {
     background-image: url(../img/btn_modify.gif);
     background-repeat: no-repeat;
     width: 50px;
     height: 65px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}

.Btn_confirm {
     background-image: url(../img/btn_confirm.gif);
     background-repeat: no-repeat;
     width: 50px;
     height: 65px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}

.Btn_pwdreset {
     background-image: url(../img/btn_initialization.gif);
     background-repeat: no-repeat;
     width: 100px;
     height: 30px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}

.Btn_userinfo {
     background-image: url(../img/btn_change_1.gif);
     background-repeat: no-repeat;
     width: 86px;
     height: 30px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}

.Btn_Info {
     background-image: url(../img/btn_supervise.gif);
     background-repeat: no-repeat;
     width: 86px;
     height: 30px;
     border: 0;
     cursor: pointer;
     background-color: #fff;
     display: none;
}

/*인풋박스*/
.input7mid {
     font-size: 13px;
     color: #000000;
     background: #fff;
     border: 1px solid #EAEAEA;
     text-align: left;
     margin-right: 2px;
     width: 135px;
     height: 26px;
     padding: 2px 4px 0;
     vertical-align: middle;
}

.input7rmid {
     font-size: 13px;
     color: #000000;
     background: #eee;
     border: 1px solid #EAEAEA;
     text-align: left;
     margin-right: 2px;
     width: 135px;
     height: 26px;
     padding: 2px 4px 0;
     vertical-align: middle;
}

.content {
     text-align: left;
     padding-bottom: 50px;
}

.schCol {
     font-size: 14px;
     font-style: normal;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
     display: inline-block;
     padding: 0px 5px;
     font-weight: 600;

}

input,
textarea {
     -webkit-appearance: none;
     /*-webkit-border-radius: 0;*/

}

input[type='checkbox'] {
     -webkit-appearance: checkbox
}

input[type='radio'] {
     -webkit-appearance: radio
}

.radioAlign {
     vertical-align: -2px;
     
}

.radioLabel {
     margin-left: 3px;
     font-weight: 400;
}

.chkboxSize {
     zoom: 1.5;
     vertical-align: -4px;
}

.formRadioLabel {
     font-weight: normal;
}

.input7m {
     padding-left: 5px;
     font-size: 150%;
     color: #000000;
     background: #fff;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 30px;
     font: normal 12px;
     width: 100%;
}

.input7 {
     padding-left: 5px;
     font-size: 13px;
     color: #000000;
     background: #fff;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 25px;
     font: normal 12px;
     width: 100%;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
}
.input8 {
      padding: 6px 10px; 
      border: 1px solid #d1d5db; 
      border-radius: 4px; 
      background-color: #f9fafb;
      color: #4b5563; 
      font: normal 13px;
}
.input72 {
     padding-left: 5px;
     font-size: 13px;
     color: #000000;
     background: #fff;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 25px;
     font: normal 12px;
     margin-left: -4px;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
}

.input7r {
     padding-left: 5px;
     font-size: 13px;
     color: #000000;
     background: #F3F3F1;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 25px;
     outline: none;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
}
.input8r {
     padding: 6px 10px; 
     border: 1px solid #d1d5db; 
     border-radius: 4px; 
     background-color: #f9fafb;
     color: #4b5563; 
     font: normal 13px;
}


.input7r2 {
     padding-left: 5px;
     font-size: 13px;
     color: #000000;
     background: #F3F3F1;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 25px;
     margin-left: -4px;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
}

.inputReadGray {
     padding-left: 5px;
     font-size: 13px;
     color: #000000;
     background: #F3F3F1;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 25px;
     margin-left: -5px;
     font-family: "Pretendard", "Noto Sans KR4", Dotum, Helvetica, AppleGothic, Sans-serif;
}

.inputReadGray2 {
     padding: 6px 10px; 
     border: 1px solid #d1d5db; 
     border-radius: 4px; 
     background-color: #f9fafb;
     color: #4b5563; 
     font: normal 13px;
}

.inputRead {
     background: #FFFFFF;
     border: 0px solid #DCDCDC;
     outline: none;
}

.inputReadYellow {
     background: var(--form_back);
     border: 0px solid #F9F9EF;
     text-align: center;
     outline: none;
}

.inputReadWhite {
     background: #ffffff;
     border: 0px solid #ffffff;
     text-align: center;
     outline: none;
}

.input_opacity {
     opacity: 0;
}

.img-wrapper {
     display: flex;
     justify-content: center;
     width: auto;
     overflow: auto;
     margin: 0 auto;
     /* position: relative; */
}

.zoom-image {
     height: 600px;
     transform-origin: top;
}

.slidecontainer {
     accent-color: #0075ff;
}

.slidecontainer>.slider {
     background: #FFE283;
}

/* 화면 css end*/

.justifyAsia {
     width: 200px;
     text-align: justify;
}

.justifyAsia:after {
     content: "";
     display: inline-block;
     width: 100%;
}


/*------------모바일------------------*/
.baseDiv {
     padding: 10px 0px;
     text-align: center;
     width: 100%;
     color: #000;
}

.login_input {
     ime-mode: disabled;
     height: 50px;
     width: 90%;
     padding: 3px 0 3px 20px;
     border: 0px solid #a9d4c1;
     background: #F7F7F7;
     font-size: 18px;
     color: #2b2721;
     border-radius: 25px;
}

.empPicCss {
     clip-path: circle(45px at center);
     -webkit-clip-path: circle(45px at center);
}

.empPicCss2 {
     clip-path: circle(25px at center);
     -webkit-clip-path: circle(25px at center);
}

.empPicCss3 {
     clip-path: circle(10px at center);
     -webkit-clip-path: circle(10px at center);
     vertical-align: middle;
}

.mainMenuDiv {
     display: inline-block;
     text-align: center;
     width: 100px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 20px;
     padding-bottom: 20px;
     border-radius: 0px;
     border: 1px solid #CCC;
     background-color: #FFF;
}

.calendarDiv {
     display: inline-block;
     border: 1px solid #E2E1E3;
     padding: 1px 5px;
     background-color: #ffffff;
}

.dataList16 {
     border-collapse: collapse;
     border: 1px solid #E2E2E2;
     table-layout: fixed;
     width: 100%;
     margin-top: 6px;
}

.dataList16 th {
     margin: 0;
     padding: 5px 5px 5px 5px;
     border-bottom: 1px solid #E2E2E2;
     border-right: 1px solid #E2E2E2;
     height: 28px;
     font-size: 100%;
     text-align: center;
     font-weight: bold;
     color: #444444;
     background-color: #F8F8F8
}

.dataList16 td {
     margin: 0;
     padding: 5px;
     font-size: 80%;
     border: 1px solid #E2E2E2;
     white-space: nowrap;
     cursor: default;
     text-overflow: ellipsis;
     overflow: hidden;
     height: 28px;
}

.appBtn {
     border: 1px solid #02356C;
     padding: 10px 0px;
     width: 50%;
     text-align: center;
     font-weight: bold;
     background: #1E56A6;
     color: #fff;
     display: inline-block;
     display: none;
}

.appRtnBtn {
     border: 1px solid #900;
     padding: 10px 0px;
     width: 50%;
     text-align: center;
     font-weight: bold;
     background: #930;
     color: #fff;
     display: inline-block;
     display: none;
}

.appbtn2 {
     border: 0px solid #999;
     padding: 10px 0px;
     position: fixed;
     bottom: 0;
     width: 100%;
     text-align: center;
     font-weight: bold;
     background: #1E56A6;
     color: #fff;
     display: inline-block;
}

.appbtn3 {
     border: 0px solid #999;
     padding: 10px 0px;
     width: 50%;
     text-align: center;
     font-weight: bold;
     background: #1E56A6;
     color: #fff;
     display: inline-block;
}

.input40Button {
     width: 30%;
     height: 25px;
     background-color: #3BBCC1;
     color: #ffffff;
     outline: none;
     display: inline;
     margin: 0px 0 0 -7px;
     vertical-align: middle;
     border-radius: 4px;
     border: none;
     -webkit-appearance: none;
     font-size: 100%;
}

.input50Button {
     height: 25px;
     background-color: #3BBCC1;
     color: #ffffff;
     outline: none;
     display: inline;
     margin: 0px 0 0 0px;
     vertical-align: middle;
     border-radius: 4px;
     border: none;
     -webkit-appearance: none;
     font-size: 100%;
     padding: 0 10px;
}

.input60Button {
     height: 25px;
     background-color: #1E56A6;
     color: #ffffff;
     outline: none;
     display: inline;
     margin: 0px 0 0 0px;
     vertical-align: middle;
     border-radius: 4px;
     border: none;
     -webkit-appearance: none;
     font-size: 100%;
}

.input_read_m {
     padding-left: 5px;
     font-size: 16px;
     color: #000000;
     background: #F3F3F1;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 35px;
     outline: none;
     width: 120px;
     min-width: 70px;
     vertical-align: middle;
     /* margin-left:-4px; */
}



.input_m {
     padding-left: 5px;
     font-size: 16px;
     color: #000000;
     background: #fff;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 35px;
     outline: none;
     width: 120px;
     min-width: 70px;
     vertical-align: middle;
     /* margin-left:-4px;*/
}

.textSizeBold_m {
     font-size: 16px;
     font-weight: bold;
}

.input_m_cal {
     padding-left: 5px;
     font-size: 16px;
     color: #000000;
     background: #F3F3F1;
     border: 1px solid #DCDCDC;
     text-align: left;
     height: 35px;
     outline: none;
     width: 115px;
     /* margin-left:-4px;*/
}

.schCol_m {
     font-size: 16px;
     font-style: normal;
     font-family: "Noto Sans KR4";
     display: inline-block;
     padding: 0px 5px;
     font-weight: bold;
}

.inp_date_m {
     position: relative;
     display: inline-block;
     width: 115px;
     /*calc((100% / 2) - 8px);*/
}

.inp_date_m button {
     position: absolute;
     top: 8px;
     right: 1px;
     display: inline-block;
     width: 19px;
     height: 19px;
     background: url(../img/calendar_icon2.png) no-repeat 0px 0;
     text-indent: -9999px;
     border: 0px;
}

.BtnCodeDiv_m {
     cursor: pointer;
     padding: 5px 8px 5px 8px;
     border: 1px solid;
     border-radius: 4px;
     vertical-align: 0px;
     min-width: 35px;
     /* margin-left:-5px; */
     min-height: 26px;
     border-color: #e6e6e6;

}

.bottomArea_m {
     position: fixed;
     bottom: 0px;
     width: 100%;
     text-align: center;
}

.bottomBtn_m {
     width: 100%;
     text-align: center;
     padding: 5px;
     background-color: #ffffff;
     display: flex;
}

.gridSum_m {
     font-size: 11px;
     background: #efefef;
     padding: 1px;
}


.gridRow_m {
     display: flex;
     padding: 0px 3px;
     align-items: center;
     padding: 1px 0px;
}

.gridCol_m {
     padding: 2px;
     min-width: 40px;
     width: 100%;
}

.gridColGray_m {
     padding: 2px;
     min-width: 40px;
     width: 100%;
     background-color: #f5f3f3;
     border-radius: 3px;
     text-align: left;
     min-height: 20px;
}

.gridColGreen_m {
     padding: 2px;
     min-width: 40px;
     width: 100%;
     background-color: var(--ColorGreen);
     border-radius: 3px;
     text-align: left;
}

.inputMarginLeft {
     margin-left: -5px;
}

/* Tablet */
@media (max-width: 991px) {
     .ui-datepicker {
          display: none;
          min-width: 350px;
          padding: 10px;
          background: #fff;
          border-radius: 8px;
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
          z-index: 10;
     }

     .ui-datepicker .ui-datepicker-header {
          position: relative;
          text-align: center;
          background-color: #ffffff;
          border: 0px;
     }

     .ui-datepicker .ui-datepicker-header .ui-corner-all {
          position: absolute;
          top: 50%;
          overflow: hidden;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-top: -10px;
     }

     .ui-datepicker .ui-datepicker-header .ui-corner-all span {
          display: none;
          text-indent: -9999px;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
          left: 0;
          background: url(../img/icon_corner_prev.png) no-repeat;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
          right: 0;
          background: url(../img/icon_corner_next.png) no-repeat;
     }

     .ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
          background-position: 0 -20px;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
          min-width: 65px;
          height: 25px;
          border: none;
          box-shadow: none;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
          font-size: 16px;
          font-weight: 600;
          color: #333;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
          font-size: 16px;
          font-weight: 600;
          color: #333;
     }

     .ui-datepicker .ui-datepicker-calendar {
          width: 100%;
          margin-top: 10px;
          font-size: 19px;
     }

     .ui-datepicker .ui-datepicker-calendar thead {
          background: #f2f5f8;
          font-size: 12px;
     }

     .ui-datepicker .ui-datepicker-calendar thead th {
          width: 14.2%;
          padding: 5px 0;
          color: #333;
          font-size: 16px;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td {
          width: 14.2%;
          padding: 5px 0;
          text-align: center;
          background-color: #ffffff;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td a {
          border: 0px;
          background-color: #ffffff;
          text-align: center;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
          display: block;
          background: #f9dfe5;
          border-radius: 100px;
          color: #dc355a;
          font-weight: 600;
          border: 0px;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
          display: block;
          background: #e9f2fa;
          border-radius: 100px;
          color: #007dea;
          font-weight: 600;
     }

     .ui-datepicker-trigger {
          vertical-align: middle;
          cursor: pointer;
     }
}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Desktop (Large) */
@media (min-width: 1200px) {
     .ui-datepicker {
          display: none;
          min-width: 220px;
          padding: 10px;
          background: #fff;
          border-radius: 8px;
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
          z-index: 10;
     }

     .ui-datepicker .ui-datepicker-header {
          position: relative;
          text-align: center;
          background-color: #ffffff;
          border: 0px;
     }

     .ui-datepicker .ui-datepicker-header .ui-corner-all {
          position: absolute;
          top: 50%;
          overflow: hidden;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-top: -10px;
     }

     .ui-datepicker .ui-datepicker-header .ui-corner-all span {
          display: none;
          text-indent: -9999px;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
          left: 0;
          background: url(../img/icon_corner_prev.png) no-repeat;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
          right: 0;
          background: url(../img/icon_corner_next.png) no-repeat;
     }

     .ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
          background-position: 0 -20px;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
          min-width: 65px;
          height: 25px;
          border: none;
          box-shadow: none;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
          font-size: 12px;
          font-weight: 600;
          color: #333;
     }

     .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
          font-size: 12px;
          font-weight: 600;
          color: #333;
     }

     .ui-datepicker .ui-datepicker-calendar {
          width: 100%;
          margin-top: 10px;
          font-size: 12px;
     }

     .ui-datepicker .ui-datepicker-calendar thead {
          background: #f2f5f8;
          font-size: 12px;
     }

     .ui-datepicker .ui-datepicker-calendar thead th {
          width: 14.2%;
          padding: 5px 0;
          color: #333;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td {
          width: 14.2%;
          padding: 5px 0;
          text-align: center;
          background-color: #ffffff;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td a {
          border: 0px;
          background-color: #ffffff;
          text-align: center;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
          display: block;
          background: #f9dfe5;
          border-radius: 100px;
          color: #dc355a;
          font-weight: 600;
          border: 0px;
     }

     .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
          display: block;
          background: #e9f2fa;
          border-radius: 100px;
          color: #007dea;
          font-weight: 600;
     }

     .ui-datepicker-trigger {
          vertical-align: middle;
          cursor: pointer;
     }
}

/*------------모바일------------------*/






/*  개인정보처리방침 스타일 */
.modal_title_privacy {
     line-height: 1.4;
     font-size: 3rem;
     text-align: center;
     color: #333;
     font-weight: 600;
     margin-top: 30px;
}

.modal_content_privacy {

     font-size: 1.5rem;
     border: 1px solid #D8DAE2;
     margin: 20px;
     line-height: 1.5;

}

.modal_smalltitle_privacy {
     line-height: 1.4;
     font-size: 1.8rem;
     color: #333;
     font-weight: bold;
     margin: 40px 0 12px;
}


.modal_subcontent_privacy_sub {
     margin-left: 20px;
     line-height: 1.6;
}

.modal_subcontent_privacy_table {
     margin: 15px;
     width: 95%;
     padding: 5px;
}

.modal_subcontent_privacy_table th {
     text-align: center;
     border-top: 1px solid #cccccc;
     border-bottom: 1px solid #2e2e2e;
     border-collapse: collapse;
     height: 35px;
     width: 80%;
}

.modal_subcontent_privacy_table tr {
     height: 30px;
}

.modal_subcontent_privacy_table td {
     border-bottom: 1px solid #cccccc;
     border-collapse: collapse;
}

.modal_subcontent_privacy_sub ul li {
     list-style-type: none;
     margin-top: 15px;
}

.modal_content_privacy .goDirect {
     text-decoration: none;
     color: black;
}

#loginFooter #goPrivacyPolicy {
     cursor: pointer;
}

.file-name {
     cursor: pointer;
     padding: 3px 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

/* 오른쪽 30%를 차지하는 팝업 스타일 */
.modal.right .modal-dialog {
     position: fixed;
     right: 0;
     top: 0;
     margin: 0;
     width: 30%;
     height: 100vh;
}

.modal.right .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
}

.modal.right .modal-body {
     overflow-y: auto;
}
/* 오른쪽 30%를 차지하는 팝업 스타일 */

/* 상태 배지 스타일 - test_safety_work_registration.html 디자인 */
.flag-badge-container {
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     height: 100%;
}

.flag-badge {
     padding: 0.375rem 0.375rem;
     border-radius: 0.25rem;
     font-size: 10px;
     font-weight: 700;
     display: inline-block;
     min-width: 34px;
}

.flag-badge-complete {
     background-color: #d1fae5;
     color: #047857;
}

.flag-badge-incomplete {
     background-color: #ffe4e6;
     color: #e11d48;
}

.flag-badge-error {
     background-color: #f3f4f6;
     color: #374151;
}

/* 파일 업로드 영역 스타일 */
.file-upload-area-box {
     display: flex;
     gap: 8px;
}

.file-upload-area {
     flex: 1;
     border: 2px dashed #d1d5db;
     border-radius: 8px;
     text-align: center;
     background-color: rgba(249, 250, 251, 0.5);
     cursor: pointer;
     transition: all 0.2s;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 8px;
}

.file-upload-area:hover,
.file-upload-area-hover {
     background-color: #ecfdf5;
     border-color: #10b981;
}

.btn_circle {
     width: 40px;
     height: 40px;
     background-color: #ffffff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.btn_circle i {
     color: #10b981;
     font-size: 18px;
}

.file-upload-text {
     font-size: 12px;
     color: #6b7280;
     margin: 0;
}

.file-upload-text span {
     font-weight: 700;
     text-decoration: underline;
     cursor: pointer;
}

.file-upload-file-list {
     flex: 1;
     width: 100%;
     padding: 8px;
     border: 1px solid #e5e7eb;
     border-radius: 4px;
     background-color: #ffffff;
     overflow: auto;
     min-height: 40px;
     font-size: 11px;
     overflow-y: auto;
}

/* 첨부파일 목록 카드 스타일 - test_safety_work_registration2.html 디자인 */
.file-list-container {
     display: flex;
     flex-direction: column;
     gap: 8px;
     padding: 4px;
}

.file-list-item {
     background-color: #ffffff;
     padding: 4px 8px;
     border: 1px solid #e5e7eb;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     transition: border-color 0.2s;
}

.file-list-item:hover {
     border-color: #10b981;
}

.file-list-item-content {
     display: flex;
     align-items: center;
     gap: 12px;
     overflow: hidden;
     flex: 1;
     min-width: 0;
}

.file-type-badge {
     width: 25px;
     height: 25px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 10px;
     font-weight: 700;
     flex-shrink: 0;
}

.file-type-badge-doc {
     background-color: #dbeafe;
     color: #2563eb;
}

.file-type-badge-xls {
     background-color: #dcfce7;
     color: #16a34a;
}

.file-type-badge-pdf {
     background-color: #fee2e2;
     color: #dc2626;
}

.file-type-badge-img {
     background-color: #fef3c7;
     color: #d97706;
}

.file-type-badge-etc {
     background-color: #f3f4f6;
     color: #6b7280;
}

.file-list-item-info {
     min-width: 0;
     flex: 1;
}

.file-list-item-name {
     font-size: 12px;
     color: #374151;
     font-weight: 500;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-bottom: 2px;
}

.file-list-item-size {
     font-size: 10px;
     color: #9ca3af;
}

.file-list-item-delete {
     color: #d1d5db;
     padding: 4px;
     cursor: pointer;
     border: none;
     background: transparent;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: color 0.2s;
     flex-shrink: 0;
}

.file-list-item-delete:hover {
     color: #ef4444;
}

.file-list-item-delete svg {
     width: 16px;
     height: 16px;
}

.input-title{
     display: block; 
     font-weight: 700; 
     font-size: 12px; 
     color: #374151; 
     margin-bottom: 4px;
}
.input-title.required::after {
     content: '*';
     color: #ef4444;
     margin-left: 2px;
}
.input-wrapper {
     display: flex;
     align-items: center;
     gap: 0px;
}
/* flex */
.flex {
     display: flex;
}
.flex-align {
     display: flex;
     align-items: center;
}
.flex-row {
     flex-direction: row;
}
.flex-col {
     flex-direction: column;
}
.gap-5 {
     gap: 5px;
}
.gap-12 {
     gap: 12px;
}
.grid-2col {
     display: grid;
     grid-template-columns: 1fr 1fr; 
}
.grid-3col {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr; 
}
.grid-col-full {
     grid-column: 1 / -1;
}

.grid-2col .ui-datepicker-trigger {
     top: 6px;
     right: 4px;
}

.grid-3col .ui-datepicker-trigger {
     top: 5px;
     right: 4px;
}
.leader-info-box {
     background-color: #f9fafb;
     border: 1px solid #e5e7eb;
     border-radius: 8px;
     padding: 16px;
}
.section-divider {
     border-top: 1px solid #f3f4f6;
     margin: 24px 0;
}
.textarea-default {
     width: 99%;
     height: 70px;
     padding: 5px;
     /* overflow-y: scroll; */
     border-radius: 4px;
     resize: none;
}
.section-title {
     font-size: 14px;
     font-weight: bold;
     color: #1f2937;
     border-left: 4px solid #10b981;
     padding-left: 8px;
     margin-bottom: 16px;
}
.byte-info {
     text-align: right;
     padding-right: 10px;
     font-size: 10px;
     color: #9ca3af;
     margin-top: 4px;
}
/* 대시보드 통계 그리드 - test_dashboard.html 디자인 */
.dashRoundCard {
     height:100%;
     display: flex;
     flex-direction:column;
     gap: 1rem;
}
.dashRoundBoxList {
     margin-top: 10px;
     height: 285px;
     overflow-y: auto;
     /* padding: 5px; */
}
.dashboard-stats-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 8px;
     margin-top: 16px;
     text-align: center;
     height: 100px;
}

.dashboard-stat-item {
     display: flex;
     flex-direction: column;
     background-color: #f9fafb;
     border-radius: 4px;
     padding: 4px;
     height: 100%;
     box-sizing: border-box;
     justify-content: center;
}

.dashboard-stat-item.green {
     background-color: #f0fdf4;
}

.dashboard-stat-item.yellow {
     background-color: #fefce8;
}

.dashboard-stat-item.red {
     background-color: #fef2f2;
}

.dashboard-stat-item.gray {
     background-color: #f3f4f6;
}

.dashboard-stat-label {
     font-size: 10px;
     color: #6b7280;
     margin-bottom: 2px;
}

.dashboard-stat-value {
     font-size: 14px;
     font-weight: 700;
}

.dashboard-stat-value.green {
     color: #16a34a;
}

.dashboard-stat-value.yellow {
     color: #ca8a04;
}

.dashboard-stat-value.red {
     color: #dc2626;
}

.dashboard-stat-value.gray {
     color: #6b7280;
}

/* 대시보드 통계 그리드 3열 (안전점검용) */
.dashboard-stats-grid-3col {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 8px;
     margin-top: 16px;
     text-align: center;
     height: 100px;
}

.dashboard-stat-item-gray {
     display: flex;
     flex-direction: column;
     background-color: #f9fafb;
     border-radius: 4px;
     padding: 4px;
     height: 100%;
     box-sizing: border-box;
     justify-content: center;
}

.dashboard-stat-value-emerald {
     font-size: 14px;
     font-weight: 700;
     color: #059669;
}

.dashboard-stat-item-rose {
     display: flex;
     flex-direction: column;
     background-color: #fff1f2;
     border: 1px solid #ffe4e6;
     border-radius: 4px;
     padding: 4px;
     height: 100%;
     box-sizing: border-box;
     justify-content: center;
}

.dashboard-stat-label-rose {
     font-size: 10px;
     color: #9f1239;
     margin-bottom: 2px;
}

.dashboard-stat-value-rose {
     font-size: 14px;
     font-weight: 700;
     color: #e11d48;
}

/* 개선보고서 통계 스타일 */
.dashboard-improve-stats {
     display: flex;
     justify-content: space-between;
     gap: 4px;
     margin-top: 16px;
     text-align: center;
     height: 100px;
}

.dashboard-improve-stat {
     flex: 1;
     background-color: #f0fdf4;
     border-radius: 8px;
     padding: 6px;
     display: flex;
     flex-direction: column;
     align-items: center;
     height: 100%;
     box-sizing: border-box;
     justify-content: center;
}

.dashboard-improve-stat.yellow {
     background-color: #fefce8;
}

.dashboard-improve-stat.red {
     background-color: #fef2f2;
}

.dashboard-improve-stat.gray {
     background-color: #f3f4f6;
}

.dashboard-improve-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     margin: 0 auto 4px;
}

.dashboard-improve-dot.green {
     background-color: #22c55e;
}

.dashboard-improve-dot.yellow {
     background-color: #eab308;
}

.dashboard-improve-dot.red {
     background-color: #ef4444;
}

.dashboard-improve-dot.gray {
     background-color: #6b7280;
}

.dashboard-improve-label {
     font-size: 10px;
     color: #6b7280;
     display: block;
     margin-bottom: 2px;
}

.dashboard-improve-value {
     font-size: 14px;
     font-weight: 700;
}

.dashboard-improve-value.green {
     color: #15803d;
}

.dashboard-improve-value.yellow {
     color: #ca8a04;
}

.dashboard-improve-value.red {
     color: #dc2626;
}

.dashboard-improve-value.gray {
     color: #6b7280;
}

/* 안전알림 그리드 스타일 */
.dashboard-alert-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 6px;
     margin-top: 16px;
     height: 100px;
}

.dashboard-alert-item {
     background-color: #f9fafb;
     border-radius: 8px;
     padding: 8px 12px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
     box-sizing: border-box;
}

.dashboard-alert-item.emerald {
     background-color: #ecfdf5;
}

.dashboard-alert-item.rose {
     background-color: #fff1f2;
     border: 1px solid #ffe4e6;
}

.dashboard-alert-label {
     font-size: 12px;
     font-weight: 500;
}

.dashboard-alert-label.emerald {
     color: #065f46;
}

.dashboard-alert-label.rose {
     color: #9f1239;
}

.dashboard-alert-label.gray {
     color: #4b5563;
}

.dashboard-alert-value {
     font-size: 20px;
     font-weight: 700;
}

.dashboard-alert-value.emerald {
     color: #059669;
}

.dashboard-alert-value.rose {
     color: #e11d48;
}

.dashboard-alert-value.gray {
     color: #9ca3af;
}
.radioSelected {
     color: #047857;
     background-color: #ecfdf5;
}
.radioUnSelected {
     color: #6b7280;
     background-color: #f3f4f6;
     border: 1px solid #e5e7eb;
}
.radioSelected input {
     color: #047857;
     background-color: #ecfdf5;
}
.dashRoundBoxList > .gridRow {
     padding: 0.5rem;
}
.dashRoundBoxList .gridCol {
     padding: 0;
}


/* =========================================
   time input style
========================================= */

/* 1. 기본 스타일 */
input[type="time"] {
     width: 105px;
     height: 30px;
     padding: 0 5px;
     -webkit-appearance: none;   
     display: inline-block;
     
     border: 1px solid #d1d5db;  /* 테두리 (Gray-300) */
     border-radius: 4px;         /* 둥근 모서리 */
     background-color: #ffffff;  /* 배경색 */
     
     font-family: 'Pretendard', sans-serif;
     font-size: 13px;
     color: #374151;             /* 글자색 (Gray-700) */
     
     transition: all 0.2s ease-in-out;
     outline: none;
     cursor: text;

     accent-color: #4b5563;
 }
 
 input[type="time"]:focus {
     border-color: #044731;      /* 테두리 녹색 변경 (Emerald-500) */
     box-shadow: 0 0 0 3px rgba(1, 113, 76, 0.2); /* 녹색 링 효과 */
 }
 
 input[type="time"][readonly],
 input[type="time"]:disabled {
     background-color: #f9fafb;  /* 배경 회색 (Gray-50) */
     color: #6b7280;             /* 글자 흐리게 (Gray-500) */
     cursor: not-allowed;
     border-color: #e5e7eb;
 }
 
 input[type="time"]::-webkit-calendar-picker-indicator {
     cursor: pointer;
     background-size: 16px;      /* 아이콘 크기 조절 */
     padding: 2px;               /* 아이콘 터치 영역 확보 */
     filter: invert(0.5); 
     transition: filter 0.2s;
 }
 
 /* 5. Input에 마우스 올렸을 때 시계 아이콘 녹색으로 변경 */
 input[type="time"]:hover::-webkit-calendar-picker-indicator,
 input[type="time"]:focus::-webkit-calendar-picker-indicator {
     filter: invert(29%) sepia(51%) saturate(2263%) hue-rotate(137deg) brightness(93%) contrast(101%);
}




/* 이미지 미리보기 카드 스타일 */
.file-preview-card {
     position: relative;
     width: 130px; /* 카드 너비 고정 */
     background: #fff;
     border: 1px solid #e5e7eb; /* Gray-200 */
     border-radius: 8px;
     overflow: hidden;
     margin: 0 12px 12px 0; /* 간격 */
     box-shadow: 0 1px 2px rgba(0,0,0,0.05);
     transition: all 0.2s ease-in-out;
     display: inline-block; /* 가로 배치 */
     vertical-align: top;
 }
 
 .file-preview-card:hover {
     transform: translateY(-3px);
     box-shadow: 0 4px 6px rgba(0,0,0,0.1);
     border-color: #10b981; /* Emerald-500 Hover Color */
 }
 
 /* 이미지 영역 */
 .file-preview-img-box {
     position: relative;
     width: 100%;
     height: 100px;
     background-color: #f3f4f6;
     overflow: hidden;
     cursor: pointer;
 }
 
 .file-preview-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover; /* 비율 유지하며 꽉 채우기 */
     transition: transform 0.3s;
 }
 
 .file-preview-card:hover .file-preview-img-box img {
     transform: scale(1.05); /* 확대 효과 */
 }
 
 /* 이미지 위 오버레이 (돋보기 아이콘 등) */
 .file-preview-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0,0,0,0.3);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity 0.2s;
 }
 .file-preview-img-box:hover .file-preview-overlay {
     opacity: 1;
 }
 
 /* 정보 영역 */
 .file-preview-info {
     padding: 8px;
     border-top: 1px solid #f3f4f6;
 }
 
 .file-name-link {
     display: block;
     font-size: 12px;
     font-weight: 600;
     color: #374151;
     text-decoration: none;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; /* 말줄임표 ... */
     margin-bottom: 2px;
     cursor: pointer;
 }
 .file-name-link:hover {
     color: #059669; /* Emerald-600 */
     text-decoration: underline;
 }
 
 .file-size-txt {
     font-size: 10px;
     color: #9ca3af; /* Gray-400 */
 }
 
 /* 삭제 버튼 (우측 상단 플로팅) */
 .btn-file-del {
     position: absolute;
     top: 6px;
     right: 6px;
     width: 20px;
     height: 20px;
     background-color: rgb(143 143 143 / 68%);
     border: 1px solid #d9d9d9;
     border-radius: 50%;
     color: #ffffff; /* Red-500 */
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     z-index: 10;
     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     transition: all 0.2s;
     font-size: 10px;
     line-height: 1;
     padding: 0;
 }
 .btn-file-del:hover {
     background-color: #ef4444;
     color: #fff;
     border-color: #ef4444;
     transform: scale(1.1);
 }