@charset "utf-8";

/* font */
@import url(font-awesome.min.css);

/* table font */
table, tbody, td, tfoot, th, thead, time, tr, tt,.tui-grid-container *, table label, table input, table select, table td span, table th span, table tbody th, input, textarea, #file_download, table td, table th, .tui-grid-container p, .tui-grid-container input, .tui-grid-container textarea {font-family: 'Noto Sans KR', sans-serif;}

/* 공통 호버효과 없앰 */
a:hover {color: #333; text-decoration: none;}

/* wrap2*/
/* .container_wrap .wrap2 {background: #fff;padding: 40px;border-radius: 30px;position: relative; height: 780px;overflow-x: hidden; overflow-y: auto;min-height:700px;} */
.container_wrap{height: 100vh; background-color: #1a1a1b; overflow-y: auto;}
.container_wrap::-webkit-scrollbar {display: none;}
.container_wrap .wrap2 {background: #fff; padding: 10px 20px; border-radius: 30px; position: relative; height: 90vh; overflow-x: hidden; overflow-y: auto; min-height:700px;}
.container_wrap .wrap2 h3 {padding-bottom: 10px; font-weight: 500; display: flex; align-items: center;}
.container_wrap .wrap2 h4 {color: #1f1f1f; font-size: 30px; padding-bottom: 10px; font-weight: 500; display: flex; align-items: center;}

/* h3, h4 타이틀 좌측 아이콘 */
.container_wrap .wrap2 h3 .titleIcon,
.container_wrap .wrap2 h4 .titleIcon {width: 22px; height: 22px; background: url("/resources/images/fresh2020/titleIcon.png") no-repeat center/cover; margin-right: 10px;}
.container_wrap .wrap2 h3:hover .titleIcon,
.container_wrap .wrap2 h4:hover .titleIcon {background: url("/resources/images/fresh2020/titleIcon_white.png") no-repeat center/cover; transition: 0.4s ease;}


/* container_wrap .wrap2 세로 스크롤바 커스텀  */
.container_wrap .wrap2::-webkit-scrollbar-thumb {background-color:rgba(37, 81, 135, 0.6); background-clip: padding-box;border-radius: 10px;}
.container_wrap .wrap2::-webkit-scrollbar-track {background-color: transparent; border-radius: 10px; }
.container_wrap .wrap2::-webkit-scrollbar {width: 8px; background-color:rgba(255,255, 255, 0); margin: 20px 0 ;}
.container_wrap .wrap2::-webkit-scrollbar-button:vertical:start:decrement,
.container_wrap .wrap2::-webkit-scrollbar-button:vertical:start:increment {
    display: block;
    height: 20px;
}
.container_wrap .wrap2::-webkit-scrollbar-button:vertical:end:decrement {
 	background-color: transparent;
}


/* table */
table td, table th {border: 1px solid #ddd;padding: 10px;vertical-align: middle;text-align: left;font-size: 13px;}
table tbody {background: #fff;}
table thead th {background: #ebebeb;font-weight: 700;color: #333;text-align: center;word-break: keep-all;}
table tbody th {background: #ebebeb;font-weight: 700;word-break: keep-all;}
.table-responsive {overflow-x: auto;border: 0;margin-bottom: 10px;}
.table_left td {text-align: left;}
.searchArea_Wrap {width: 100%; display: flex; background-color: #ddd;}

/* guide */
h3.tit{display:flex;align-items:center;}
.guide{margin-left:10px;color:#777;font-size:20px;}
.guide i{color:#5793E1;}

/* tui-date focus */
.tui-datepicker-input.tui-has-focus{border-color:#ccc!important;}
.tui-grid-layer-focus-border, .tui-grid-layer-focus-deactive .tui-grid-layer-focus-border{background-color:transparent;}

/* tui-datepicker */
.tui-datepicker-input{border-radius: 4px;height: 35px;}
.tui-datepicker-input input{display: block;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;}
.tui-datepicker-input{border: none;}
.search_area .tui-datepicker {z-index: 1;border-color: #d5d5d5;width: 276px;}

/* input */
input[type="number"], input[type="text"], input[type="time"], input[type="password"]{height: 34px;padding: 6px;font-size: 14px;line-height: 1.42857;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;outline:none;width:auto%;}
.tui-datetime-input{width:auto;}

/* select */
select{height: 34px; padding: 6px;font-size: 14px; line-height: 1.42857;color: #555; background-color: #fff;background-image: none; border: 1px solid #ccc; border-radius: 4px; outline:none; width:200px;margin-top:5px;}

/* textarea */
textarea{vertical-align: middle;width: 100%;border: 1px solid #ccc;border-radius: 4px;outline: none;padding: 6px;font-size:14px;color:#555;resize: none;}

/* input, textarea 비활성화 */
.form-control[disabled], .form-control[readonly], fieldset[disabled], select[disabled] {background-color: #eee;opacity: 1;border: 1px solid #ddd;outline: none;}

/* search_area 검색영역 */
.search_area{padding: 10px; background: #f6f6f6; border-radius: 5px;}
.search_area select{font-size: 14px;display: inline-block;box-shadow: none;outline: none; width: 100px;margin-top: 0;}
/* width:auto; */
.form-group{display: flex; align-items: center; white-space: nowrap; flex-wrap: wrap;}
.form-group label{font-weight: bold;}
.form-group.width_100{ width:100%}
.form-group .group-inquiry .form-group .group-selection .form-group .group-btn{display: flex;}
.form-group .group-inquiry_yyyy .form-group .group-selection .form-group .group-btn{display: flex;}
/*.form-group .group-selection{flex-basis: 0%;}*/  /* KMS  flex-basis: 50%  */
.form-group .tilde_between_dates{margin: 0 8px;line-height: 34px;}
.form-group .group-selection {vertical-align: middle;}

/* 법적선행요건 알람 입력란 */
.form-group .group_left.alarm {display: flex; align-items: center;}
.form-group .group-selection.alarm {display: flex; align-items: center;}
.form-group .group-selection.alarm .group-selection {display: flex; align-items: center;}
.form-group .group-selection.alarm .group-selection:first-child {margin-right: 5px;}

.form-group .group_left.codeName .group-selection {display: flex; align-items: center;}
.form-group .group_right.useYn .group-selection {display: flex; align-items: center;}

.form-group .group_right {margin-left: 10px;}
/*.form-group .group_left .group-selection:first-child {margin: 0 !important;}
.form-group .group_right .group-selection:first-child {margin: 0 5px 0 0;}*/
.search_area .form-group label{margin-right: 5px;line-height: 20px;} /* label{margin: 5px 10px;line-height: 20px;} 조회조건 택스트*/
.search_area .form-group input[type="radio"]{width: 13px;} /* width: 25px 왕방울모양  */
.search_area .title{float: left;margin: 3px 8px;}
.search_area .form_block {width: 100%;overflow: hidden;}
.form-group .group-inquiry{display:flex;}
.form-group .group-inquiry_yyyy{display:flex;}
.search_area form {position:relative; display:flex; justify-content: flex-start !important; align-items: center; flex-wrap: wrap;}
/* .search_area form .form-group .dtgbn {margin-right: 20px;} */


/* 버튼 그룹 추가 */
.button-group{display: flex;justify-content: end; align-items: center; flex-wrap: wrap; margin: 10px 0; gap: 5px 0;}
.button-group button{margin-left:5px;}
.button-group a{margin-left:5px;width:70px;height:30px;line-height:30px;color:#fff;border-radius:4px;text-align:center;margin-right:0px;}
.buttonWrap {float: right;}

/* CCP 이탈 부분 상태값 {J}*/
.statusTitle {margin-right: 5px; font-weight: 500;}

/*CCP 이탈 부분 조치 내역 CSS {S}*/
.btn_wrap > .button-group > #applyGbn{
	margin-top:1px;
	width: 110px;
	height: 35px;
}
.btn_wrap > .button-group > #errorInfo{
	margin-top:1px;
	margin-left: 5px;
	width: 400px;
	height: 35px;
}
/*CCP 이탈 부분 조치 내역 CSS {E}*/


.menual_wrap {display: flex; justify-content: space-between; align-items: center; position: relative;}
.menual_smWrap {display: flex; justify-content: space-between; align-items: center;}

/* 메뉴얼 영상 버튼 */
.maual_btn {width: 120px; height: 35px; line-height: 35px; display: inline-block; background: #f9f7f7; border-radius: 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); z-index: 50; display: flex; justify-content: space-between; align-items: center;}
.maual_btn i{font-size: 16px; color: red; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
.maual_btn .iconText{width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}

/* 자동수불 메뉴얼 버튼 */
.maual_btn.autoMeterial {width: 160px; margin-right: 10px;}
.maual_btn.autoMeterial i {color: #456CC0;}


/* 검색폼 밑에 버튼들 */
.button-group .btn_search {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.button-group .btn_search i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
.button-group .btn_search .iconText { width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}
.button-group #add {display: flex !important;}
.button-group .btn_save {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); float: right;  border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.button-group .btn_delete {width:90px;line-height: 35px;text-align: center; bottom:0;height: 35px;background: #f9f7f7;border-radius: 4px;width: 120px;color:#333;font-size:14px; font-weight: 600; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);}


/* 조치, 진행중, 미조치 적용 select, 버튼 */
.statusWrap {display: flex; align-items: center;}
.button-group .apply i {margin: 0;}
.button-group .apply .iconText {margin-left: 0.8rem;}
#applyGbn {width: auto; margin: 0;}


/* .search_area form 부분에 display:flex > block로 변경  */
.form_wrap {display:flex;}
.btn_wrap {display: flex; gap:0 12px; align-items: center; justify-content: flex-end;}

/* 거래처 검색 팝업 닫기버튼 */
.btn_wrap #modalCloseBtn3 {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; margin: 0; padding: 0; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_wrap #modalCloseBtn3 i {font-size: 16px; margin-left: 1.2rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
.btn_wrap #modalCloseBtn3 .iconText { width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}

.search_area .display_block{display:block}

.group-btn{ display:flex; justify-content: flex-end; width:100%}
.group-btn2{ width: 100%}
/* radio check */
.radio_chk{margin: 5px 0;}
/* .radio_chk label{margin: 0!important;} */
.radio_label {display:inline-block; background:transparent; border-radius: 5px; font-size: 14px;}
/* box-shadow:1px 1px 4px 0px #ccc; */

/* button 버튼 */
.btn_right{float:right; display:flex;flex-wrap:wrap;justify-content: flex-end; margin: 10px 0;}
.btn_right a{width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; margin: 5px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); float: right;  border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_right a i{font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_right a .iconText{width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}
.btn_right a + a{margin-left: 10px;}

.btn_right #startReWork {background: #777;}
.btn_right #shutdownWork {background: #41b760;}


.btn_left{position:absolute;top:-45px;right:0;}
.btn_left a{width:100px;height:40px;line-height:40px;color:#fff;border-radius:4px;text-align:center;margin-right:10px;display:inline-block;}
.btn_left a:last-child{margin-right:0;}

/* excel 다운버튼, print 버튼, 거래처 간편등록 버튼 외 기타 버튼 */
#print, #excelDown {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; float: right; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
#print i, #excelDown i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
#print .iconText, #excelDown .iconText {width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}
#rcpBtn, #ccpBtn {width: 160px;}
#larSearchIcon2 {width: 180px;}
#grantUsersPopup {width: 180px;}

/* 닫기 버튼 */
#modalClose {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; float: right; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
#modalClose i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
#modalClose .iconText {width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}


/* 사용여부저장 */
.btn_r{padding: 0 20px;height:40px;line-height:40px;color:#fff;display:inline-block;border-radius:4px;float:right;margin-bottom:10px;font-size:14px;}

/* 변경 검색 버튼 */
.btn-success {width: 80px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; text-align: center; font-size:14px; font-weight: 600; cursor: pointer; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center;}
.btn-primary, .btn-upload {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; text-align: center; font-size:14px; font-weight: 600; cursor: pointer; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center;}
.btn-primary i, .btn-success i, .btn-upload i{font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn-primary .iconText, .btn-success .iconText, .btn-upload .iconText{width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}
.btn-primary {width: 80px; display: inline-block;}
.btn-primary.btn-search {width: 130px; display: flex; margin-left: 10px;}
.btn-primary.preview {height: 30px; line-height: 30px; transition: 0.3s ease;}
.btn-primary.preview:hover {background: #565656; border: 1px solid transparent; color: #fff;}
#attendeesBtn{ margin-left: 10px;}


/* 결재함 조회 승인 반려 버튼 */
.appr_btn_wrap{display:flex;flex-wrap:wrap;justify-content: center;}
.appr_btn{cursor:pointer;padding: 5px 10px;color:#fff;display:inline-block;border-radius:4px;font-size:13px;outline:none;background:#29AD37;border:none;font-family: 'Noto Sans KR', sans-serif;}
.appr_btn:nth-of-type(1){margin-right:15px;}

/* search 조회 버튼 */
.search_area .btn_search {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); float: right;  border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.search_area .btn_search i{font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
.search_area .btn_search .iconText {width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}

.btn_save_wrap {display: flex;}
.btn_save  {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; float: right; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_save i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_save .iconText {width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}
.btn_down {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; margin-left: 10px; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); float: right;  border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_down i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
.btn_down .iconText {width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}

/* 새로운 비밀번호 설정 button */
#newPw {width: 200px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
#newPw i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
#newPw .iconText { width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}

/* 탈퇴하기 button */
#userLeave {width: 130px; height: 35px; background: #f9f7f7; border-radius: 20px; color:#333; font-size:14px; font-weight: 600; white-space: nowrap; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center;}
#userLeave i {font-size: 16px; margin-left: 1rem; padding: 0 10px 0 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}
#userLeave .iconText { width: 100%; color:#333; font-size:14px; text-align: center; font-weight: 600; white-space: nowrap; line-height: 35px;}
/* button color */

/* .btn_c1 {background: #204F9D;}
.btn_c2 {background: #29AD37;}
.btn_c3 {background: #555a72;}
.btn_c4 {background: #e9502a;}
 */


.btn_c2 {background: rgba(118, 107, 251, 0.8);}
.btn_c3 {background: #8A8A8A;}
.btn_c4 {background: #a7a7a7;}

#make_status, #make, #make_dt
, #review_status, #reviewer, #review_dt
, #approve_status, #approver, #approve_dt
,#Appr > div:nth-child(2) > div:nth-child(5)
,#Appr > div:nth-child(3) > div:nth-child(5)
,#Appr > div:nth-child(4) > div:nth-child(5) {font-size: 13px;}

/* 결재 정보 */
.table_center {max-width: 795px;width: 100%;margin: 30px auto;}
.table_center td{text-align:center;}
/* .table_center tbody tr:last-child td { border-bottom: 1px solid transparent;} */

/* infostatus */
#infoStatusArea span span {font-weight: 400;color: #777;}
.infoStatusArea_left {float: left;}
.infoStatusArea_right {float: right;}
#infoStatusArea {font-size: 14px;max-width: 500px;width: 100%;margin: 0 0 0 auto;}

/* 해충관리 허용범위 */
#insectStdArea{font-size:14px;padding-top:20px;}

/* file 파일선택 */
.file_in{float: left; text-overflow: unset;}

/* file 파일업로드 */
.file_choice{display:flex;align-items:center;width:100%;}

/* popup */
#dialog{height: auto!important;}
.ui-dialog{width:90%!important;max-width:1000px;left:50%!important;top:50%!important;transform:translate(-50%, -50%);position:fixed!important;}

/* 파일 미리보기 popup */
.ui-dialog[aria-describedby="previewDialog"] {height: 80% !important;}
#previewDialog {height: 90% !important;}
#previewImg {width: 100%; height: 100%; object-fit: contain;}

/* popup 제목 */
.mdl_tit {margin-bottom: 0 !important;}
.mdl_tit h4 {font-weight: 500; font-size: 24px;}
/*popup x버튼 */
.mdl_tit i {font-size: 26px;}

/* dateDiv */
#dateDiv{margin-bottom:30px;}

/* 수정, 등록 form */
#recDataForm {overflow: auto;}
#recDataForm, #approveForm, #healthCardForm{position:relative;}

.mobile{display: none;}

#Progress_Loading{ position: absolute; left: 50%; top: 50%; z-index:999; background: #ffffff;}
#Progress_Loading2{ position: fixed; left: 50%; top: 50%; background: #ffffff;}

/* 결재 승인  */
#makeSign,#reviewSign,#approveSign {width:100%; height: 100%; object-fit:contain; border-bottom: 1px solid;}


.wrap2{padding: 10%;} /* 패딩값은 임시로 적용했습니다. */

.wrap2 #workStateDiv span{margin-left: 10px; margin-top:5px;}
.wrap2 #workStateDiv span:first-child{display: block;font-size: 18px; position: relative; line-height: 2.5;}
.wrap2 #workStateDiv span:first-child::before{content: ''; width: 2px; height: 18px; background: #000; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}

.wrap2 #workStateDiv {position: relative;}
.wrap2 #workStateDiv #workState{display: inline-block; margin-left: 35px; margin-top: 10px; position: relative;}
.wrap2 #workStateDiv #workImg{position:absolute;top: 55px; left:0;  width: 12px; height: 12px; border-radius: 50%; background-color: #ff4740; }
/* 슬라이드 */
.wrap2 .slideWrap{margin-top: 15px; box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.15); display: flex;justify-content: space-between; flex-direction: row; height:50px; line-height:50px;background-color:#ffffff;border-radius:5px; overflow: hidden;}
.wrap2 .slideWrap .slideUl{margin-left: 15px;}


/* 슬라이드 - 버튼 */
.wrap2 .slideWrap .btn{ margin-right:15px; padding: 3px 8px; display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row; align-items: center;}
.wrap2 .slideWrap .btn a{width: 30px; height: 30px; background:url(../../../images/fresh2020/prevBtn.png) center no-repeat #f5f5f5; background-size: 10px; border-radius: 50%;}
.wrap2 .slideWrap .btn a:nth-child(2){background:url(../../../images/fresh2020/nextBtn.png) center no-repeat #f5f5f5; background-size: 10px; margin-left:5px;}



/* 행추가,행삭제 btn*/
.wrap2 .btn_group{position: fixed; right: 5%; bottom: 13%; z-index: 10000;font-size: 13px; width: 100px;}
.wrap2 .btn_group button{margin-bottom: 5px; padding: 5px 12px 5px 30px; border-radius: 20px; border: 1px solid #bbb; background: #f5f5f5; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);}
.wrap2 .btn_group #addRow{position: relative;}
.wrap2 .btn_group #addRow::before{position: absolute; content: '╋'; left:9px; top: 5px; color: #29ad37; -webkit-text-stroke: 1px; text-stroke: 1px; font-size: 12px;}
.wrap2 .btn_group #deleteRow{position: relative;}
.wrap2 .btn_group #deleteRow::before{position: absolute; content: '━'; left:9px; top: 5px; color: #ff4740; -webkit-text-stroke: 1px; text-stroke: 1px; font-size: 12px;}



/* 품목 */
.wrap2 #recDataForm #tab_title_wrap{display:block;}
.wrap2 #recDataForm #tab_title_wrap .title_btn_wrap{display:block; width: 100%;}
.wrap2 #recDataForm #tab_title_wrap .title_btn_wrap .btn{position: relative; width: 100%; height: 100%;}
.wrap2 #recDataForm #tab_title_wrap .title_btn_wrap .btn a{ position: absolute; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);}
.wrap2 #recDataForm #tab_title_wrap .title_btn_wrap .btn a:nth-child(1){left: -5px; top:25%; background:url(../../../images/fresh2020/prevBtn.png) center no-repeat #f5f5f5; background-size: 10px}
.wrap2 #recDataForm #tab_title_wrap .title_btn_wrap .btn a:nth-child(2){right: -5px; top:25%; background:url(../../../images/fresh2020/nextBtn.png) center no-repeat #f5f5f5; background-size: 10px;}


.wrap2 #grid a img {width:22px; height:30px;}

/* 하단 */
.wrap2 #recDataForm  #tab_title_wrap .tab_title{border-radius: 10px 0 0 0; overflow: auto; display: flex; flex-direction: row;border-bottom: 3px solid #3287c3; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.wrap2 #recDataForm  #tab_title_wrap .tab_title::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

.wrap2 #recDataForm  #tab_title_wrap .tab_title li{text-align: center;}
.wrap2 #recDataForm  #tab_title_wrap .tab_title li:nth-child(1){border-radius: 10px 0 0 0;}


.ui-dialog-titlebar-close{ background:url(../../../images/fresh2020/close.png) center no-repeat #fff; }

/* input  */
input[type=date] {width: 200px; padding: 6px;}

#dataEach input {text-align:center;}

.tui-grid-cell.cell-red { color:red;}


/* @media (max-width: 1180px) {
    조회기간
    .container_wrap .wrap2 .search_area .form-group .group-selection {flex-basis: 30%;margin-right: -55px;margin-left:55px;}
    .search_area input[type=text] {width: 135% !important;margin-bottom: 10px;min-width:135%;}
    .tui-datepicker-input .tui-ico-date{top: 60%;  right: -25%; margin: -5px 0 0;}
    .container_wrap .wrap2 .search_area .form-group .group-selection{margin-left: 100px;}
    .endpicker{max-width: 40%;}
} */

/* form group left, group right */
.search_area input[type=text]{border:1px solid #ccc !important;min-width:100px;max-width:150px;}
.container_wrap .wrap2 .search_area .form-group .group_right .right_line{display: inline-block;}

#grid{overflow-x: auto;}


@media (max-width:1610px) {
	/* search_area 검색영역 */
    .search_area .form-group label {} /* KMS font-weight: 700; */
    .search_area input[type=text] {min-width:100px;max-width:150px;} /* KMS */
    .search_area select {padding: 0;}
/*    #inputSearchForm .form-group {flex-wrap: wrap;}
    #inputSearchForm .form-group .group-selection {margin: 0;}
    #inputSearchForm .form-group .group_right {margin-top: 5px;}*/

    .group-inquiry_yyyy select {padding: 0; width: 55px;}

    .container_wrap {margin-left: 250px; padding: 80px 20px 20px 20px;}
    .container_wrap.active {margin-left: 100px !important;}
    .container_wrap .wrap2 .search_area .form-group .group-inquiry .tilde_between_dates {padding-top: 0;}
    .container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy .tilde_between_dates {padding-top: 0;}
    .tui-datepicker-input .tui-ico-date{margin: -1px 10 10;}  /* KMS -1px 0 0 */


    /* 조회기간 */
	/* .container_wrap .wrap2 .search_area .form-group{flex-direction: column;} */

    .startpicker {} /* max-width: 45% !important;width:45%!important; */
    .endpicker {}  /* max-width: 45% !important;width:45%!important; */
    .tilde_between_dates{text-align:center;display:inline-block;}
    .container_wrap .wrap2 .search_area .form-group .group-selection {flex-basis: 1%;/* margin-right: 5px;*/}  /* KMS flex-basis: 30%; margin-right: -55px; */
    .container_wrap .wrap2 .search_area .form-group .group-inquiry{}
    .container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy{}


    /* radio check */
    .radio_chk{padding-left:0}
    label.radio_label{width:48%!important;float:left;}

    /* 결재 정보 */
    .table_center{max-width:100%;}

    /* table datepicker input */
    .tbl-form .startpicker, #dateDiv .startpicker{width:auto!important;max-width:100%!important;}

    /* group_btn */
    .group-btn {width: 40%;}
    .group-inquiry{flex-basis: 30%;display: contents;}
    .group-inquiry_yyyy{flex-basis: 30%;display: contents;}

    /*버튼*/

	.container_wrap .wrap2 .search_area .form-group .group_right .right_line{display: block;}
	.container_wrap .wrap2 .search_area .form-group .group_right .right_line:after{content: "";clear: both;display: block;}
	.container_wrap .wrap2 .search_area .form-group .group_right .right_line label.radio_label{width: auto !important;vertical-align: middle;margin: 5px 0;}

}



@media (max-width:1180px) {  /* KMS (max-width:1044px) */
	.mobile{display: block;}

	/* search_area 검색영역 */
/*	.form-group {flex-direction: column; align-items: flex-start;}*/
	.search_area {padding:5px;}  /* KMS padding:30px; */
	.search_area form{margin-bottom:0;}

/*	#searchForm .form-group {flex-direction: row; align-items: center;}*/

	input[type="number"], input[type="text"], input[type="time"], input[type="password"](:not(#receiptsForm input[type="text"])){height: 34px!important;padding: 6px!important;font-size: 14px!important;line-height: 1.42857!important;color: #555!important;background-color: #fff!important;background-image: none!important;border: 1px solid #ccc!important;border-radius: 4px!important;outline:none!important;width:100%;}
	/* .tui-datetime-input{width:100%!important;} */
	 #larCd, select {width:100%;}

	 #receiptsForm input[type="text"] {border:1px solid #fff !important;}
	 input[type=date] {width: 100%;}

    .header_menu {width: 100%;margin: 0;border-radius: 0;}


	/* wrap2*/
    .container_wrap {margin-left: 250px;}
    .container_wrap.active {margin-left: 100px !important;}
    .container_wrap .wrap2 {padding: 10px 20px;}
    .container_wrap .wrap2 h4{font-size: 18px;margin: 0;}


	/* table 안 검색 버튼 */
	#chargerName, #revwName, #apprName {width: 75%;}
	#chargerPop, #revwPop, #apprPop{float: right;}

    .container_wrap .wrap2 h3 {font-size: 24px;}

    /* button */
    .container_wrap .wrap2 .search_area .form-group .group-btn{display: flex;justify-content: space-around;flex-direction: column;}
    .btn_wrap .btn_right{width:100%;justify-content: flex-end; flex-wrap;}

    .search_area .btn_search {min-width:70px; max-width:100px;} /* KMS width: 120px; */
    .search_area .btn_search i {margin-left: 1rem;}
    .search_area .btn_search.btn_temp {max-width: 140px;}

    .search_area .btn_save {min-width:70px; max-width:100px;}

    .maual_btn {top:0;}

    .btn-primary.btn-search i {margin-left: 0.8rem;}

    /* 기록일지관리 */
    .note{font-size:12px;display:block;}
    .btn_wrap .btn_right4 a{width:22%; height: 35px;}

    /* file 파일업로드 */
    .file_choice{width:100%;}

	/* footer 푸터 */
    .copy {margin-left: 0;width: 100%; display: none;}


    /* 생산일지 모바일 가로 스크롤바  */
    #scroll_grid::-webkit-scrollbar {height: 15px; width: 0;}
    #scroll_grid::-webkit-scrollbar-thumb {
	    background-color: #ebebeb;
	    background-clip: padding-box;
	    border: 1px solid transparent;
  }
    #scroll_grid::-webkit-scrollbar-track {
	    background-color: transparent;
	    border:1px solid #ebebeb;
  }

  /* search_area */
  #inputSearchForm .form-group .group_right.regist{margin: 5px 0 0 0;}

}

@media (max-width:1044px) {
    #wrapper nav,.header_link,.header_menu .nav {display: none;}
    .container_wrap {margin-left: 0; padding-top: 90px;}
	.container_wrap.active{margin: 0 !important;}


}

/*모바일*/
@media (max-width: 844px){

	.container_wrap .wrap2 h3{font-size: 23px;letter-spacing: 0.01em;}  /* KMS  -1px */
	.container_wrap .wrap2 .search_area .form-group .group-inquiry {margin-top: 5px;} /* KMS  -15px */
	.container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy {margin-top: 5px;} /* KMS  -15px */
	.container_wrap .wrap2 .search_area .form-group .group-inquiry label, .container_wrap .wrap2 .search_area .form-group .group-selection label{margin: 0 5px; font-weight: 700;} /*KMS display: flex;justify-content:(삭제) center;margin: 30px 0 15px 0;*/
	.container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy label, .container_wrap .wrap2 .search_area .form-group .group-selection label{margin: 0 5px; font-weight: 700;} /*KMS display: flex;justify-content:(삭제) center;margin: 30px 0 15px 0;*/
	.container_wrap .wrap2 .search_area .form-group .group-inquiry span {padding-top: 12px;}
	.container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy span {padding-top: 12px;}
	.container_wrap .wrap2 .search_area .form-group .group-selection {margin: 0;}


/*    .container_wrap .wrap2 .search_area .form-group .group_left {display: flex;}*/
	.container_wrap .wrap2 .search_area .form-group .group-btn{display: flex;flex-direction: row; justify-content: space-around;margin: 10px 0 10px 0;} /* KMS  space-around;margin: 25px 0 15px 0; */

	.search_area form {flex-wrap: wrap;}
	.search_area form .form_left{margin-bottom: 10px; display: flex; flex-direction: column;}
	/* .search_area .form-group {flex-wrap: wrap;margin-left: 10px;display: flex; (삭제) flex-direction: column;} */
	.search_area .form-group {display: flex; align-items: baseline; justify-content: center;}
	.search_area input[type=text] {flex-basis: 10%;width:100% !important;max-width: 120px;}  /*KMS flex-basis: 10%;width:100% */
	 /* 버튼높이 width: 205px;height: 40px  */
	 #inputSearchForm .form-group {flex-direction: column;}
	 #recSearchForm .form-group {justify-content: flex-start;}

	.form-group .tilde_between_dates{margin: 9px 0px;}

    /* 법적선행요건 알람 입력란 */
    .form-group .group_left.alarm {flex-direction: column; align-items: flex-start;}
    .form-group .group-selection.alarm {margin-top: 10px !important;}
    .form-group .group-selection.alarm .group-selection:first-child {margin-right: 5px;}

    .form-group .group-selection.alarm #alarmDd {width: 60px !important; min-width: 60px;}
	/* 조회컨트롤 사이의 높이*/
	.form-group .tilde_between_dates{margin: 5px 0px;line-height: 20px;}

	/* 크기가 작아진경우 버튼의 이미지 아이콘 보이지 않게 처리리함  */
	/* .fa-print:before { content: ""; }
	.fa-search:before { content: ""; } */

	/* 일지중간에 있는 버튼 여백 및 크기 button 버튼 */
	.btn_right{float:right;display:flex;flex-wrap:wrap;justify-content: flex-end;}
	.btn_wrap .btn_right4 a {width: 100%;}
	/*height:30px;line-height:30px; 힘들게확인함 */

    /* button */
    .container_wrap .wrap2 .search_area .form-group .group-btn{display: flex;justify-content: space-around;flex-direction: column;}
    .btn_wrap .btn_right{justify-content: flex-end; margin-right: 5px; gap: 5px 0;}/* KMS width: 120px; */
	.search_area .form-group {align-items:baseline;} /* 모바일 눕혔을때 x축 라인 틀어지는거 때문에 추가*/
	.search_area .form-group label{line-height: 20px;} /* label{margin: 5px 10px;line-height: 20px;} 조회조건 택스트*/


}

@media (max-width:760px) {
	#searchForm .form-group .group_right {margin: 5px 0 0 0;}
	.search_area form {justify-content: center !important;}
	.search_area .btn_search {margin: 5px;}

  /* 법적선행요건 입력란 */
    .form-group.codeName {flex-direction: column; align-items: center;}
    .form-group .group_left.alarm {flex-direction: column; align-items: center;}
    .form-group .group_left.alarm .group-selection.alarm {margin-top: 10px !important;}
    .form-group .group_right.useYn {margin-top: 5px !important;}
    .form-group .group_right.useYn .btn_search {margin: 0 0 0 10px!important;}
    .form-group .group-selection.alarm {margin-top: 5px !important;}
    .form-group .group-selection.alarm .group-selection:first-child {margin-right: 5px;}
}

@media (max-width:640px) {
    .search_area form {justify-content: center !important; align-items: center;}
	.search_area form .form_single{display: flex;flex-direction: column;}
	.search_area form .form_single > span{margin-top: 5px;}
	.search_area .buttonWrap {margin-top: 5px; display: flex; justify-content: space-between;}


	.container_wrap .wrap2 .search_area .form-group .group_left,
	.container_wrap .wrap2 .search_area .form-group .group_right {display: flex; flex-direction: column;align-items: center;width: 100%; margin: 0;}
	.container_wrap .wrap2 .search_area .form-group .group_right .group-selection {margin-top: 5px;}
	.container_wrap .wrap2 .search_area .form-group .group_right .right_line{display: flex; flex-direction: column; align-items: center;}
	#inputSearchForm .form-group .group_left .group-selection:last-child {margin-top: 5px;}
	#searchForm .form-group .form_single .group-selection:last-child {margin: 5px 0 0 0;}
	#searchForm .form-group .group_left .group-selection:last-child {margin-top: 5px;}
	#searchForm2 .form-group .group_left .group-selection:last-child {margin-top: 5px;}
	#searchForm .form-group .btn_search {margin-top: 5px;}
	#searchForm .form-group .btn_search.actionSearch {margin: 0 0 0 10px;}
	#recSearchForm .form-group .btn_search {margin-top: 5px;}
	#recSearchForm .form-group .btn_search.actionSearch {margin: 0 0 0 10px;}
	#recSearchForm .form-group .btn_search.print {margin: 0 0 0 10px;}

    /* 법적선행요건 입력란 */
    .form-group .group_left.alarm .group-selection.alarm {flex-direction: column;}
    .form-group .group_left.alarm .group-selection:last-child {margin-top: 10px !important;}

	.button-group{width: 100%; margin-left: 0;margin-right: 0;}
	.button-group .btn_search, .btn_right .btn_search {margin: 0; width: 32% !important; margin-left: 1% !important;}
	.btn_c1.add, .btn_c2.add {margin: 0; width: 32% !important; margin-left: 1% !important;}


	.btnbox .btn_search {margin: 10px 0;}
	.btn_right {gap: 5px 0;}
	.btn_wrap .btn_right4 a {width: 40%;}
	.btn-primary.btn-search {width: 100px;}
	.btn-primary.btn-search i {margin-left: 0.3rem;}


	/*CCP 이탈 부분 조치 내역 CSS {S}*/
	.btn_wrap > .button-group > #applyGbn{
		margin-top:1px;
		width: 80px;
		height: 35px;
	}
	.btn_wrap > .button-group > #errorInfo{
		margin-top:1px;
		width: 200px;
		height: 35px;
	}
	/*CCP 이탈 부분 조치 내역 CSS {E}*/
}

/*모바일*/
@media (max-width: 480px){

    .container_wrap .wrap2 h3 {font-size: 20px; align-items: flex-start;}
    .container_wrap .wrap2 h3 .titleIcon {margin-top: 5px;}

    .container_wrap .wrap2 .search_area{padding: 10px;}
	.container_wrap .wrap2 .search_area .form-group .group-inquiry {margin-top: 5px;} /* KMS  -15px */
	.container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy {margin-top: 5px;} /* KMS  -15px */
	.container_wrap .wrap2 .search_area .form-group .group-inquiry label, .container_wrap .wrap2 .search_area .form-group .group-selection label{margin: 0 5px;font-weight: 700;} /*KMS display: flex;justify-content:(삭제) center;margin: 30px 0 15px 0;*/
	.container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy label, .container_wrap .wrap2 .search_area .form-group .group-selection label{margin: 0 5px;font-weight: 700;} /*KMS display: flex;justify-content:(삭제) center;margin: 30px 0 15px 0;*/
	.container_wrap .wrap2 .search_area .form-group .group-inquiry span {padding-top: 12px;}
	.container_wrap .wrap2 .search_area .form-group .group-inquiry_yyyy span {padding-top: 12px;}

	.container_wrap .wrap2 .search_area .form-group .group-selection {display: flex;flex-direction: row;justify-content: center; align-items: center; flex-wrap: wrap;}
	.container_wrap .wrap2 .search_area .form-group .group-selection + .group-selection{margin-top: 5px;}
	/* .container_wrap .wrap2 .search_area .form-group .group-selection input[type="text"]{margin: 10px 0;} */


	.container_wrap .wrap2 .search_area .form-group .group-btn{display: flex;flex-direction: row;justify-content: space-around;margin: 10px 0 10px 0;} /* KMS  space-around;margin: 25px 0 15px 0; */

	.search_area form {flex-wrap: wrap; flex-direction: column; align-items: center;}
	.search_area .form-group {flex-wrap: wrap; display: flex; flex-direction: column; justify-content: center;}
	.search_area input[type=text] {flex-basis: 10%;width:100%;}  /*KMS flex-basis: 10%;width:100% */
	#searchForm .form-group {flex-direction: row;}
	 /* 버튼크기 width: 205px;height: 40px  */
	.form-group .tilde_between_dates{margin: 9px 0px;}

	.form-group .tilde_between_dates{margin: 0;line-height: 20px;}

    .form-group .group_left.alarm .group-selection.alarm .group-selection {flex-wrap: nowrap;}
    .form-group .group_right.useYn .btn_search {margin: 5px 0 0 0 !important;}
	/* 크기가 작아진경우 버튼의 이미지 아이콘 보이지 않게 처리리함  */
/*	.fa-print:before { content: ""; }
	.fa-search:before { content: ""; }*/

	/* 일지중간에 있는 버튼 여백 및 크기 button 버튼 */
	.btn_right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
	.btn_right a {width: 120px !important; margin-left: 0;}
	.btn_right a i {margin-left: 0.8rem;}

	/*height:30px;line-height:30px; 힘들게확인함 */

    /* button */
    .container_wrap .wrap2 .search_area .form-group .group-btn{display: flex; justify-content: space-around; flex-direction: column;}
    .btn_wrap .btn_right {justify-content: flex-end;}
    .search_area .btn_search, .btn_save {min-width:70px;max-width:100px;} /* KMS width: 120px; */
    .search_area .btn_search {margin: 5px;}

	.search_area .form-group label{margin: 0px 0px;line-height: 20px;} /* label{margin: 5px 10px;line-height: 20px;} 조회조건 택스트*/

	.button-group{justify-content: space-between;}
	.button-group .btn_search {width: 48% !important;margin-left: 0;}
	.button-group.add {justify-content: flex-end;}



	/* 엑셀,조회 버튼 buttonWrap */
	.buttonWrap .btn_search {margin: 0 5px;}


	/* 메뉴얼 영상 버튼 */
	.maual_btn {width: 100px; display: flex; justify-content: center; align-items: center; padding: 0;}
	.maual_btn i {margin-left: 0.8rem; padding: 0 10px 0 0;}
	.maual_btn .iconText {padding-left: 0 0.8rem;}

	#print, #excelDown {margin: 0;}

	.btn_wrap > .button-group > #applyGbn{
		margin-top:1px;
		width: 80px;
		height: 35px;
	}
	.btn_wrap > .button-group > #errorInfo{
		margin-top:1px;
		margin-left:0;
		width: 300px;
		height: 35px;
	}

}

	/* #scroll_grid { padding-top: 60px; } */
	#scroll_grid table { position: relative; }
	#scroll_grid .title { position: sticky; position: -webkit-sticky; top: 0px; }
	#scroll_grid .title th { padding: 18px 0; width: 198px; }