@charset "utf-8";

/* body  { font-family:NanumBarunGothic; font-size: 12px; */
/* 		margin:0; } */
		
/* img {border:0 } */
/*진혁수정*/
 .radio-box { display: inline-block; width:330px; height:30px; background-color: #BBBFCA; border: 1px solid #b7b7b7; border-radius: 5px; margin-right: 0px; vertical-align:middle;}
 label span { display: inline-block; padding: 4px 0px 0px 0px;}
/*진혁수정*/
label { font-size:12px; color:#444; font-family:NanumBarunGothic; }
select { border:#999 1px solid; font-size:12px; height:23px; vertical-align:middle; }

input[type=text] { border:#999 1px solid; height:22px; padding: 1px 1px 0px 1px; vertical-align:middle; font-size:12px;font-family:NanumBarunGothic; }
input[type=checkbox]{border:none;margin:0 0 0 0; vertical-align:middle; font-size:12px;}
input { border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid #ACACAC #D9D9D9 #D9D9D9 #ACACAC'); font-size:12px; vertical-align:middle;}
 
textarea { border:1px solid #999; font-size:12px; line-height:14px; padding:2px 0 0 2px; }
/* enable false */
input[disabled="disabled"], .false { border:#BBB 1px solid; font-size:12px; color:#777; background-color:#DEDEDE;}
select[disabled="disabled"], .false { border:#BBB 1px solid; font-size:12px; color:#777; background-color:#DEDEDE;}
/*.false { border:#BBB 1px solid; font-size:12px; background-color:#DDDDDD;}*/
 
/* input[type="text"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled */
#boxT, #boxM, #boxP, #boxTS { background: #BBBFCA; color: #222; font-weight: normal;}
#boxPP { background: #cacaca; color: #222; font-weight: normal;}
#boxT { clear:both; border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7; 
		border-top-left-radius: 5px; border-top-right-radius: 5px;  padding:7px 0 0 0; width:auto !important;}
			
#boxTS { clear:both; border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7; 
		border-top-left-radius: 5px; border-top-right-radius: 5px;  padding:7px 0 0 0;}	
				
				
#boxM { border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7;  padding:0 0 5px 0; width:auto !important;}

#boxB { border:1px solid #b2b5b7;
		border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; vertical-align:middle; height:28px; padding:7px 10px 5px 10px;
		background: #E7E8E8; width:auto !important; }
#boxBS { border:1px solid #b2b5b7;
		border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; vertical-align:middle; height:28px; padding:7px 10px 5px 10px;
		background: #ecf5ff; }
		
#boxG { padding:5px 0 5px 0; height: auto; min-height:200px; width:auto !important;}
#boxGS { padding:5px 0 5px 0; height: auto; min-height:200px; }

#boxD { height:220px; width:auto !important; background: #327AF3; border:1px solid #b2b5b7; padding:3px 3px 3px 3px;
		border-radius: 5px;  }
#boxD1 { height:208px; background: #cee5ff;border:1px solid #b2b5b7; padding:5px 10px 5px 10px; 
		border-radius: 5px; float:left; }
#boxD2 { height:208px;  background: #ecf5ff;border:1px solid #b2b5b7; padding:5px 10px 5px 10px; 
		border-radius: 5px; float:left;}


#boxP { border:1px solid #b7b7b7; border-radius:5px; padding:5px 0 5px 0; margin-bottom:5px; }

#boxPP { border:1px solid #b7b7b7; border-radius:5px; padding:5px 0 5px 0; margin-bottom:5px; }

#boxS1 { padding:0 0 ; float:left; width:50%; height: auto;}
#boxS2 { padding:0 3px; height: auto;}

#up1ComT {  background: #cee5ff; color: #222; font-weight: normal; clear:both; border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7; 
		border-top-left-radius: 5px; border-top-right-radius: 5px;  padding:7px 0 0 0; width:auto !important; max-width:950px;}	


.btnBar {background:#495464; height:11px; text-align:center; vertical-align:middle;
border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7;}
.btnBarS {background:#36C url(img/bar_bg1.png) repeat-x; height:11px; text-align:center; vertical-align:middle; 
border-right:1px solid #b7b7b7; border-left:1px solid #b7b7b7;}

.btnBar a:link, .btnBar a:hover, .btnBar a:active, .btnBar a:visited, .btnBar a:focus { font-size:10px; line-height:12px; color:white; text-decoration:none; display:block; }

/* .btnBarL {background:url(img/bar_bg2.png) no-repeat; background-position:center; width:17px; text-align:left; vertical-align:middle; float:left; padding:15px 0 0 6px; } */
/* .btnBarL a:link, .btnBarL a:hover, .btnBarL a:active, .btnBarL a:visited, .btnBarL a:focus {color:#9C0; text-decoration:none; */
/* display:block; vertical-align:middle; font-family: NanumBarunGothic; font-size:12px;} */
.btnBarL {background:url(img/bar_bg2.png) 0 200px  no-repeat; width:12px; height:100%; text-align:left; vertical-align:middle; float:left; padding:203px 0 0 2px;  }
.btnBarL a:link, .btnBarL a:hover, .btnBarL a:active, .btnBarL a:visited, .btnBarL a:focus {color:#ffffff; text-decoration:none;
display:block; line-height:80px; vertical-align:middle; font-family: Dotum; font-size:11px;}

/* 검색조건 */
.item{ padding:0 2px 6px 2px; /* height:21px;  */vertical-align: top; color:#222; display:flex; text-align:center; align-items:center;}
.itemT{ display:inline-block;width:100px; text-align:right;font-family:NanumBarunGothic; font-size:12px; text-align:right; padding-right:5px;}
.itemT8{ display:inline-block;width:100px; height:30px;text-align:right;font-family:NanumBarunGothic; font-size:12px; text-align:right; padding-right:5px;}
.itemT1{ display:inline-block;width:120px; text-align:right;font-family:NanumBarunGothic; font-size:12px; text-align:right; padding-right:5px;}
.itemT2{ display:inline-block;width:110px; text-align:center; vertical-align:bottom; font-family:NanumBarunGothic; font-size:12px; padding-top:10px;}

/* ax5ui 검색조건 */
#form-group {display:flex; align-items:center;}
#addon_box{width:80px; font-size:12px; font-family:NanumBarunGothic; padding:4px 3px; border:1px solid;}
#form_box input{width:171px; height:23px;}
#form_box{margin:0;}

/* ax5ui Toast 공통 디자인 부분 */
.form-group .form-control{padding: 15px;}

/*sms*/
.itemTT{ display:inline-block;width:50px;height:30px; line-height:normal; text-align:right;font-family:NanumBarunGothic; font-size:12px; text-align:right; padding-right:5px;}
.SMSitem{  padding:0 2px 6px 2px;text-align:center; height:21px; vertical-align: top; color:#222;}
.SMSitem2{padding:5px 2px 6px 2px;text-align:center;  vertical-align: top; color:#222;}
.nameList{ position: absolute;left:331px; top:182px;  z-index:1; display:none;}
.nameList select{width:147px; height: 300px;}
/* 필수입력 */
.itemTs{ display:inline-block;width:100px;text-align:right;font-family:NanumBarunGothic; font-size:12px; text-align:right; padding-right:5px; color:#C00;}

.btnL { float:left; }
.btnR { float:right;}
.btnDR { float:right; margin-right:7px;}

/*new button*/
button 		 { background:url(img/btnBg.png) center repeat-x; padding:6px 7px 4px 7px; border:#7f8591 1px solid; border-radius: 4px; height:27px; text-align:center; margin:0; } 
.multibutton { background-color:#FFF; height:22px; border-radius: 0px; margin:0; } 


.more		 { background:url(img/btnMoreBg.png) no-repeat; border-style:none; width:55px; height:23px; margin:0; }
				
.btnCom		 { background:url(img/apply_icon.png) 3px 5px no-repeat white; padding:6px 2px 4px 18px;
				border:#7f8591 2px solid; border-radius: 4px; height:27px; text-align:left; margin:0; font-family:Dotum; color:#444; cursor:pointer;}
				
.btnComCancel	{ background:url(img/cancle_icon.png) 3px 5px no-repeat white; padding:6px 2px 4px 18px;
				border:#7f8591 2px solid; border-radius: 4px; height:27px; text-align:left; margin:0; font-family:Dotum; color:#444; }				

.btnRd		 { background:url(img/icon_print.png) 3px 7px no-repeat #f0fdff; padding:6px 2px 4px 14px;
				border:#7f8591 1px solid; border-radius: 4px; height:27px; text-align:left; margin:0; font-family:Dotum; color:#444; }

.btnSearch 	 { background:url(img/search_icon.png) 7px 3px no-repeat white; padding:6px 2px 4px 14px; padding:6px 2px 4px 14px;
				border:#7f8591 2px solid; border-radius: 4px; height:27px; width: 65px; center; margin:0; color:black; cursor:pointer; }
				
.btnConfirm 	 { background:url(img/check_icon.png) 7px 5px no-repeat white; padding:6px 2px 4px 14px; padding:6px 2px 4px 14px;
border:#7f8591 2px solid; border-radius: 4px; height:27px; width: 65px; center; margin:0; color:black; cursor:pointer; }

.btnSelect		 { background:url(img/icon_selector.png) 2px 5px no-repeat white; padding:6px 2px 4px 17px;
				border:#7f8591 2px solid; border-radius: 4px; height:27px; text-align:left; margin:0; font-family:Dotum; color:#444; }
				
.btnUsbCon		 { background:url(img/icon_usbCon.png) 1px 5px no-repeat white; padding:6px 2px 4px 17px;
				border:#7f8591 2px solid; border-radius: 4px; height:27px; text-align:left; margin:0; font-family:Dotum; color:#444; }

.btn:hover {
	background:#9BA4B4;
	transition: ease-in-out 0.2s;
}
.btn {
	background:#3948679c;
				border:#7f8591 1px solid; border-radius: 4px; height:27px; width: 65px; center; margin:0; color:white; cursor:pointer;}	
.btn-danger {
	background:#CB3737;
}
.btn-primary {
	background:#205295;
}
.btn-primary:hover {
	background:#205295bf;
}
.btn-danger:hover {
	background:rgba(203, 55, 55, 0.65);
}
.btn-manage		{
	cursor: pointer;
}
.ax5-ui-dialog .ax-dialog-header {
	background:#e5e5e5;
}		
.btnPrint	 { background:url(img/icon_btnPrint.png) 8px 5px no-repeat #f0fdff; padding:6px 7px 4px 27px; 
				border:#7f8591 1px solid; border-radius: 4px; height:27px; width: 65px; text-align:left; margin:0; }
.btnExcel	 { background:url(img/excel_icon.png) 8px 4px no-repeat white; padding:6px 7px 4px 27px; 
				border:#7f8591 2px solid; border-radius: 4px; height:27px; width: 65px; text-align:left; margin:0; cursor:pointer;}
.btnList	 { background:url(img/icon_btnList.png) 8px 5px no-repeat #f0fdff; padding:6px 7px 4px 27px; 
				border:#7f8591 1px solid; border-radius: 4px; height:27px; width: 65px; text-align:left; margin:0; }
.btnWrite 	 { background:url(img/check_icon.png) 8px 4px no-repeat white; padding:6px 7px 4px 27px; 
				border:#7f8591 2px solid; border-radius: 4px; height:27px; width: 65px; text-align:left; margin:0; cursor:pointer;}
.btnSave	 { background:#1419249c;
				border:#7f8591 1px solid; border-radius: 4px; height:27px; width: 65px; center; margin:0; color:white; cursor:pointer;}
.btnClose	 { background:#5b5d619c;
				border:#7f8591 1px solid; border-radius: 4px; height:27px; width: 65px; center; margin:0; color:white; cursor:pointer;}				
				
.btnEdit	 { background:url(img/update_new_icon.png) 8px 4px no-repeat white; padding:6px 7px 4px 27px; 
				border:#7f8591 2px solid; border-radius: 4px; height:27px; width: 65px; text-align:left; margin:0; cursor:pointer;}
.btnDel		 { background:url(img/delete_new_icon.png) 8px 4px no-repeat white; padding:6px 7px 4px 25px; 
				border:#7f8591 2px solid; border-radius: 4px; height:27px; width: 65px; text-align:left; margin:0; cursor:pointer;}

.btnRefresh	 	{ background:url(img/btnRefresh_new.png) no-repeat; border:none; width: 27px; height:27px; margin-right:6px; cursor:pointer }

.ui-button-text {font-size:12px;}


/*SMS버튼  */
.nameListSearch 	 { background:url(img/icon_btnSearch.png) 4px 4px no-repeat #f0fdff; padding:6px 7px 9px 17px; 
				border:#7f8591 1px solid; border-radius: 4px; height:24px; width: 10px; text-align:left; margin:0; }
.SMSbtnSearch 	 { background:url(img/icon_btnSearch.png) 8px 5px no-repeat #f0fdff; padding:6px 7px 4px 27px;
				border:#7f8591 1px solid; border-radius: 4px; height:25px; width: 60px; text-align:left; margin:0; }
.SMSbtnWrite { background:url(img/icon_btnWrite.png) 8px 5px no-repeat #f0fdff; padding:6px 7px 4px 27px; 
				border:#7f8591 1px solid; border-radius: 4px; height:27px; width: 75px; text-align:left; margin:0; }

/* 검색조건 작은 검색 */
.btnSearchMini 	 { background:url(img/icon_btnSearchMini.png) no-repeat; padding:0; width: 22px; height: 22px; border-style:none;background-size:cover;}

/* 상세조건 작은 버튼 */
.btnSubSearch	{ background:url(img/btnSubSearch.png) no-repeat; border:none; width: 44px; height:23px; }/* 검색 */
.btnSubAdd		{ background:url(img/btnSubAdd.png) no-repeat; border:none; width: 50px; height:23px; }/* 추가 */
.btnSubEdit		{ background:url(img/btnSubEdit.png) no-repeat; border:none; width: 50px; height:23px; }/* 수정 */

.btnSubReceive	{ background:url(img/btnSubReceive.png) no-repeat; border:none; width: 50px; height:23px; }/* 수신 */
.btnSubDelMini	{ background:url(img/btnSubDelMini.png) no-repeat; border:none; width: 23px; height:23px; }/* 삭제미니 */
.btnSubDel		{ background:url(img/btnSubDel.png) no-repeat; border:none; width: 50px; height:23px; }/* 삭제 */
.btnSubUp		{ background:url(img/btnSubUp.png) no-repeat; border:none; width: 50px; height:23px; } /* 등록 */
.btnSubDown		{ background:url(img/btnSubDown.png) no-repeat; border:none; width: 70px; height:23px; } /* 다운로드 */

.btnSubDel02    { background:url(img/deleteButton.png) no-repeat; border:none; width: 53px; height:28px; }/* 삭제 */
.btnSubDel02:hover {cursor: pointer; opacity: 0.6; transition : linear 0.2s; } /* tap버튼 디자인 삭제 추가 */
.btnSubUp03 {background:url(img/uploadSubbtn.png) no-repeat; border:none; width: 51px; height:28px;}
.btnSubUp03:hover {cursor: pointer; opacity: 0.6; transition : linear 0.2s; } 
.btnSubDown02 {background:url(img/downloadbtn.png) no-repeat; border:none; width: 74px; height:28px;} /* tap버튼 디자인 다운로드 추가 */
.btnSubDown02:hover {cursor: pointer; opacity: 0.6; transition : linear 0.2s; }   /* tap버튼 디자인 다운로드 추가 */
/* Loading Bar, Progress Bar */
.loadingBar	{ position:absolute; clear:both; margin:0; background:url(img/loading1.gif) no-repeat 50% 50% #FFF;
			border:none; width: 100%; height:100%; margin:0; filter:Alpha(Opacity=80); opacity:0.8; z-index:999;}

.progressBar0{ position:absolute; clear:both; left:42%; top:49%; margin:0; z-index:999;}
.progressBar{ background:url(img/progressBg1.gif) no-repeat; width: 260px; height:24px; margin:0; }
.progressBar label{width:260px; padding-top:3px; color:#444; font-size:14px; font-weight:bold; font-family:Tahoma; text-align:center; }

/* 검색조건 */
/* SelectBox 부서*/
.cobDept { width:165px;} 
/* SelectBox */
.cob {width:186px;}
/* SelectBox 멀티*/
.cobM {width:192px; height:17px;}
/* Text 날짜*/
.edtDT { width:68px; }
/* Text 물품목록번호*/
.edtGDS { width:75px;}

/* Text 구입단가*/
.edtPAY { width:83px; text-align:right;}
/* Text 자산관리번호*/
.edtASST { width:85px;}
/* Text 사용자*/
.edtUser { width:167px; ime-mode:active;}
/* Text 기준일자*/
.edtBase { width:172px; ime-mode:active;}

/* Text*/
.edt { width:190px;}

/*기타*/
/* Text 날짜*버튼없는경우 2개*/
.edtDTS { width:83px;}
/* Text 날짜*1개인경우 */
.edtDT1 { width:167px;}
/* Text 사용자 삭제버튼포함*/
.edtUsers { width:108px; ime-mode:active;}
/* Text 물품목록번호 버튼없는경우*/
.edtGDS_N { width:77px;}
/* 글자 강조표시*/
.pointText {color:#c12222f2; font-weight: 600;}


/*tab 화면 정의*/
#container_tabs{
    margin: 0 auto;
}

.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    background:#2c3e50;
    border-bottom: 5px #52899f solid;
}

.tabs li{
    display: inline-block;
    margin:0;
    padding: 0px 20px 0px 20px;
    cursor: pointer;
}

.tabs li a{
    font-size:1.2em;
    line-height:2em;
    color:#FFF;
}

.tabs li:hover {
    background:#52899f;
    }

.tabs li.current{
    background: #52899f;
    color: #FFF;
}

.tab-content{
    display: none;
    background: #ededed;
    padding: 1px;
    line-height:1.4;
}

.tab-content.current{
    display: inherit;
}

/* ========================
   TUI Pagination 스타일 커스터마이징
   적용 대상: #pagination
   ======================== */
#grid-pager {
  flex-shrink: 0;
  border-top: 1px solid #ddd !important;
  background: #fff;
}

.pager-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}

#page-info {
  display: inline !important;
  visibility: visible !important;
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

#page-size {
  padding: 2px 6px;
  font-size: 11px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

label[for="page-size"] {
  margin-top: 5px;
}

.pagination-controls {
  display: flex;
  align-items: center;
}

#pagination-info {
  font-size: 13px;
  color: #444;
  display: flex;
  align-items: center;
}

#pagination .tui-pagination {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* 공통 버튼 스타일 */
#pagination .pg-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  min-width: 10px;
  height: 12px;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  color: #333;
  vertical-align: middle;
  font-family: 'NanumBarunGothic', sans-serif;
}

/* 마우스 오버 효과 */
#pagination .pg-btn:hover {
  background: #e9e9e9;
}

/* 선택된 페이지 */
#pagination .pg-btn.selected {
  background: #666;
  color: #fff;
  font-weight: bold;
  border-color: #444;
}

/* 비활성 버튼 */
#pagination .pg-btn.disabled {
  color: #aaa;
  border-color: #eee;
  background: #f9f9f9;
  pointer-events: none;
  cursor: default;
}

/* 생략 기호 (...) 버튼 */
#pagination .pg-ellipsis {
  cursor: default;
}

/* 아이콘 스타일 */
#pagination .pg-btn i {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  transform: none;
  font-size: 13px;
  vertical-align: middle;
}

/* 아이콘 콘텐츠 정의 */
#pagination .pg-first i::before { content: "\f048"; }  /* fa-step-backward */
#pagination .pg-prev i::before  { content: "\f0d9"; }  /* fa-caret-left */
#pagination .pg-next i::before  { content: "\f0da"; }  /* fa-caret-right */
#pagination .pg-last i::before  { content: "\f051"; }  /* fa-step-forward */


/* ========================
   TUI grid 스타일 커스터마이징
   적용 대상: #tui-grid
   ======================== */

/* 체크된 row 파란 배경 처리 */
.tui-grid-row-selected .tui-grid-cell,
.tui-grid-row-selected .tui-grid-cell-row-header {
  background-color: #d0e7ff !important;
}

/* hover 시 효과 */
.tui-grid-row-hover > .tui-grid-cell {
  background-color: rgba(116, 185, 255, 0.1) !important;
}

/* 테두리 설정 */
.tui-grid-cell,
.tui-grid-cell-has-input,
.tui-grid-cell-row-header {
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
}

/* row header 우측 테두리가 빠지는 문제 보완 */
.tui-grid-cell-row-header {
  border-right: 1px solid #ccc !important;
}

/* 헤더 셀 테두리 및 스타일 */
.tui-grid-header-area .tui-grid-cell {
  background-color: #e4e4e4;
  border-left: 1px solid #ccc!important; 
  border-right: 1px solid #ccc!important; 
}

/* 드래그 핸들러가 테두리를 가리지 않도록 z-index 조정 또는 배경 투명 처리 */
.tui-grid-cell .tui-grid-cell-resize-handle {
  background: transparent !important;  /* 또는 border-right 없애기 */
  z-index: 1;
}

/* striped row 배경색 */
.tui-grid-body-area .tui-grid-table tbody tr:nth-child(odd) .tui-grid-cell {
  background-color: #fff;
}
.tui-grid-body-area .tui-grid-table tbody tr:nth-child(even) .tui-grid-cell {
  background-color: #f0f0f0;
}

/* 선택된 row 배경 */
.tui-grid-cell.cell-selection {
  background-color: #eef7ff !important;
}

/* 전체 그리드 셀에 나눔바른고딕 폰트 적용 */
.tui-grid-container,
.tui-grid-cell,
.tui-grid-cell-content {
  font-family: 'NanumBarunGothic', '나눔바른고딕', 'NanumSquare', '돋움', Dotum, sans-serif !important;
  font-size: 12px !important;
  color: #666666!important;
}

/* 헤더컬럼 우측 테두리 적용 */
.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-body-area .tui-grid-table {
  border-right-style: solid !important; /* 혹은 원하는 스타일 */
  border-right-color: #ccc; /* 회색 테두리 */
  border-right-width: 1px;
}

/* 부모 input-group에 overflow 해제 */
.input-group {
    overflow: visible !important;
    position: relative;
}

/* datepicker wrapper에 위치 고정 */
#datepicker-wrapper-start,
#datepicker-wrapper-end {
    display: inline-block;
    position: relative;
    z-index: 1000;
}

/* DatePicker 자체 강제 보정 */
.tui-datepicker {
    min-height: 360px !important;
    width: 280px !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

/* 그룹 첫번째 컬럼 - 왼쪽 테두리 강조 */
.tui-grid-cell[data-column-name="TAG_1_Y"],
.tui-grid-cell[data-column-name="TAG_2_Y"],
.tui-grid-cell[data-column-name="TAG_3_Y"] {
    border-left: 2px solid #c5c5c5!important;
}

/* 그룹 마지막 컬럼 - 오른쪽 테두리 강조 */
.tui-grid-cell[data-column-name="TAG_1_T"],
.tui-grid-cell[data-column-name="TAG_2_T"],
.tui-grid-cell[data-column-name="TAG_3_T"],
.tui-grid-cell[data-column-name="TAG_0_T"],
.tui-grid-cell[data-column-name="TAG_9_T"],
.tui-grid-cell[data-column-name="TAG_ETC_T"] {
    border-right: 2px solid #c5c5c5 !important;
}

/* 그룹 첫번째 복합 헤더 - 왼쪽 테두리 강조 */
th.tui-grid-cell-header[data-column-name="GROUP_LABEL"] {
  border-left: 2px solid #c5c5c5 !important;
}

/* 그룹 마지막 복합 헤더 - 오른쪽 테두리 강조 */
th.tui-grid-cell-header[data-column-name="GROUP_LABEL"],
th.tui-grid-cell-header[data-column-name="GROUP_HOOK"],
th.tui-grid-cell-header[data-column-name="GROUP_METAL"],
th.tui-grid-cell-header[data-column-name="GROUP_UNUSED"],
th.tui-grid-cell-header[data-column-name="GROUP_UNDER10"],
th.tui-grid-cell-header[data-column-name="GROUP_ERROR"] {
  border-right: 2px solid #c5c5c5 !important;
}

/* 공지사항 화면_제목 컬럼 셀에 hover 시 스타일 적용 */
.tui-grid-cell[data-column-name="NTT_SJ"] .tui-grid-cell-content {
  color: #1a73e8;
  font-weight: 500;
  cursor: pointer;
}

.tui-grid-cell[data-column-name="NTT_SJ"] .tui-grid-cell-content:hover {
  text-decoration: underline;
}

.input-group .form-left {
    border-radius: 0px 0 0 0px !important;
}

.input-group .form-right {
    border-radius: 0 0px 0px 0 !important;
}

#datepicker-btn {
  cursor: pointer;
  padding: 2px 4px;
  border: 1px solid #ccc;
  border-left: none;
  background-color: #fff;
  height: 23px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#grid-list input[type="checkbox"] {
    display: inline-block !important;
    width: 16px;
    height: 16px;
    appearance: checkbox;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    vertical-align: middle;
}

#pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ======================== TUI grid 스타일 커스터마이징 ======================== */


/* ======================== LitePicker CSS 커스터마이징 ======================== */

/* 각 일별(셀) width */
:root {
	--litepicker-day-width: 45px; /* 기본값은 38px, 넓게 */
}

/* 전체 Width 및 Font */
.litepicker {
	/*min-width: 360px !important;*/
	font-size: 14px !important;
}

/* 달력 Width */
/* .litepicker .month-item {
	max-width: 360px !important;
} */

/* 월/연도 선택 드롭다운 넓히기 */
.litepicker .month-item-name,
.litepicker .month-item-year {
	min-width: 90px !important;
	padding: 0px 6px !important;
	font-size: 13px !important;
	border-color: #ccc !important;
	border-radius: 4px !important;
}

/* 셀렉트 박스 하단 경계선 */
.month-item-header {
	border-bottom: 1px solid #ccc; /* 연한 회색 선 */
}

/* 리셋 버튼 위치 조정 */
.month-item-header .reset-button {
	margin-bottom: 10px !important;
	padding: 6px 7px 7px !important;
}

/* 메인 */
.litepicker .container__main {
	padding: 3px 5px !important;
	min-height: 300px !important;
}

/* 달력부분(메인에 종속) */
.litepicker .container__months {
	border: 1px solid #b1b1b1!important;
	border-radius: 6px 6px 6px 6px;
	padding: 4px 8px !important;
}

/* Footer(메인과 별개) */
.litepicker .container__footer {
	height: 30px !important;
	border: 1px solid #b1b1b1!important;
	border-radius: 6px 6px 6px 6px;
	background-color: #ffffff;
	box-shadow: none !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* range 모드일 때 */
.litepicker .container__footer .preview-date-range {
  margin-right: 0px !important;
  margin-left: -7px !important;
}

/* 공통 버튼 스타일 */

/* 확인 버튼(레인지) */
.litepicker .container__footer .button-apply {
	background-color: #00a885!important;
	cursor: pointer !important;
	height: 22px !important;
	font-size: 11px !important;
	margin-left: 3px !important;
	margin-right: 0px !important;
}

/* 확인 버튼(호버) */
.litepicker .container__footer .button-apply:hover {
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #00a885 !important;
	color: #00a885 !important;
	cursor: pointer !important;
}

/* 취소 버튼 */
.litepicker .container__footer .button-cancel {
	background-color: #e25041 !important;
	cursor: pointer !important;
	height: 22px !important;
	font-size: 11px !important;
	margin-left: auto;
}

/* 취소 버튼(호버) */
.litepicker .container__footer .button-cancel:hover {
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #e25041 !important;
	color: #e25041 !important;
	cursor: pointer !important;
}

/* 오늘 버튼 */
.litepicker .container__footer .litepicker-today-btn {
	padding: 3px 4px 4px !important;
	border: none !important;
	background-color: #000000!important;
	border-radius: 3px !important;
	font-size: 11px !important;
	color: #ffffff!important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	margin-left: auto;
	margin-right: 10px;
	height: 22px !important;
	width: 70px !important;
}

/* 오늘 버튼(호버) */
.litepicker .container__footer .litepicker-today-btn:hover {
	background-color: #ffffff !important;
	border: 1px solid !important;
	border-color: #000000 !important;
	color: #000000 !important;
	cursor: pointer !important;
}

/* 컨펌 버튼 */
.litepicker .container__footer .litepicker-confirm-btn {
	padding: 3px 4px 4px !important;
	border: none !important;
	background-color: #00a885 !important;
	border-radius: 3px !important;
	font-size: 11px !important;
	color: #ffffff !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	margin-right: auto;
	margin-left: 10px;
	height: 22px !important;
	width: 70px !important;
}

/* 컨펌 버튼 (호버) */
.litepicker .container__footer .litepicker-confirm-btn:hover {
	background-color: #ffffff !important;
	border: 1px solid !important;
	border-color: #00a885!important;
	color: #00a885 !important;
	cursor: pointer !important;
}

/* 버튼 설정(일반) */
.litepicker .container__footer .button-apply,
.litepicker .container__footer .button-cancel,
.litepicker .container__footer .litepicker-today-btn,
.litepicker .container__footer .litepicker-confirm-btn {
	min-width: 45px !important;
	padding: 3px 8px !important;
	font-size: 12px !important;
	height: 24px !important;
}

/* 싱글 피커용 Footer */
.litepicker.single-picker-footer .container__footer {
	height: 40px !important;
	justify-content: space-between !important;
}

/* 싱글 피커용 버튼 스타일 */
.litepicker.single-picker-footer .litepicker-today-btn {
	margin-left: 5px !important;
	margin-right: auto !important;
}

/* 싱글 피커용 컨펌 버튼 */
.litepicker.single-picker-footer .litepicker-confirm-btn {
	margin-left: auto !important;
	margin-right: 5px !important;
}

/* 날짜 셀 높이 줄이기 */
.litepicker .day-item {
	height: 24px !important;
	line-height: 24px !important;
	font-size: 13px !important;
	text-align: center !important;
	vertical-align: middle !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* 컨테이너_일 조정 */
.litepicker .container__days {
	min-height: 204px !important;
	height: 204px !important; /* 필요하면 고정 */
}

/* 요일 헤더 줄이기 */
.litepicker .container__days .day-item-header {
	font-size: 12px !important;
	padding: 2px 0 !important;
}

/* 요일 색상 */
.litepicker .month-item-weekdays-row > div:nth-child(1),
.litepicker .month-item-weekdays-row > div:nth-child(2),
.litepicker .month-item-weekdays-row > div:nth-child(3),
.litepicker .month-item-weekdays-row > div:nth-child(4),
.litepicker .month-item-weekdays-row > div:nth-child(5) {
	color: #333;
	font-weight: bold;
}

.litepicker .month-item-weekdays-row > div:nth-child(6) {
	color: #007bff; /* 파란색 (토요일) */
	font-weight: bold;
}

.litepicker .month-item-weekdays-row > div:nth-child(7) {
	color: #dc3545; /* 빨간색 (일요일) */
	font-weight: bold;
}


/* 오늘(day), 시작일, 종료일 CSS 설정 */
.litepicker .container__days .day-item.is-today,
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
  font-weight: bold !important;
}

/* 달력 아이콘 > id 당 CSS 부여 */
#calendar-icon-tag-dt			{width:80px; font-size:12px; font-family:NanumBarunGothic; padding:4px 3px; border:1px solid;}
#calendar-icon-get-dt			{width:80px; font-size:12px; font-family:NanumBarunGothic; padding:4px 3px; border:1px solid;}
#calendar-icon-proc-dt			{width:80px; font-size:12px; font-family:NanumBarunGothic; padding:4px 3px; border:1px solid;}
#calendar-icon-bbs-search-dt	{width:80px; font-size:12px; font-family:NanumBarunGothic; padding:4px 3px; border:1px solid;}
#calendar-icon-single-ntce		{width:80px; font-size:12px; font-family:NanumBarunGothic; padding:4px 3px; border:1px solid;}

/* ======================== LitePicker CSS 커스터마이징 ======================== */


/* ----- form-control 관련 ----- */
.form-control {
  box-sizing: border-box;
  display: block;
  width: 100%;
  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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

/* placeholder 스타일 */
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }

/* IE select 화살표 제거 */
.form-control::-ms-expand { border: 0; background-color: transparent; }

/* disabled / readonly */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

/* textarea에도 동일하게 적용 */
textarea.form-control {
  height: auto;
}

/* ----- input-group 관련 ----- */
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

/* ----- input-group-addon 관련 ----- */
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* small */
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
/* large */
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
/* 라디오·체크박스 위치 보정 */
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
/* 첫 번째 셀 */
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child { border-right: 0; }
/* 마지막 셀 */
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child { border-left: 0; }

/* =========================
   ConfigContent_01P CSS
   ========================= */
.label-config-wrap {
	padding: 10px;
	margin-top: -10px;
}

.label-config-desc {
	margin-bottom: 8px;
	font-size: 12px;
	color: #555;
}

#tblLabelConfig {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

#tblLabelConfig th, #tblLabelConfig td {
	border: 1px solid #ccc;
	padding: 4px 6px;
	text-align: center;
}

#tblLabelConfig th {
	background-color: #f7f7f7;
}

#tblLabelConfig td.label-name {
	text-align: left;
}

.order-col {
	width: 60px;
	cursor: move; /* 드래그 느낌 */
}

.order-index {
	display: inline-block;
	min-width: 20px;
}

/* Hover 효과: 연붉은 테두리 + 텍스트 약간 볼드 */
#tblLabelConfig tbody tr.row-hover {
	background-color: #fff7f7; /* 아주 연한 붉은 배경 */
	border: 1.5px solid #ffcccc !important;
	font-weight: 600; /* semi-bold (너무 진하지 않음) */
}

/* Hover 테두리가 전체 셀에 반영되도록 */
#tblLabelConfig tbody tr.row-hover td {
	border-color: #ffcccc !important;
}

/* 선택된 상태 강조 (기존 파란 배경) */
#tblLabelConfig tbody tr.row-selected {
	background-color: #eef5ff;
	border: 1.5px solid #a5c8ff !important;
	font-weight: 600;
}

#tblLabelConfig tbody tr.row-selected td {
	border-color: #a5c8ff !important;
}
/* 토글 스위치 공통 */
.switch {
	position: relative;
	display: inline-block;
	width: 20px !important; /* 토글 전체 너비 */
	height: 20px; /* 토글 전체 높이 */
}

/* 체크박스 숨김 */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* 토글 바 */
.slider {
	position: absolute;
	cursor: pointer;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .2s;
}

/* 토글 동그라미 */
.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .2s;
}

/* 체크되었을 때 배경색 */
.switch input:checked+.slider {
	background-color: #4caf50; /* 초록색 */
}

/* 체크되었을 때 동그라미 오른쪽으로 이동 */
.switch input:checked+.slider:before {
	transform: translateX(23px) !important;
}

/* 둥근 스타일 */
.slider.round {
	border-radius: 20px;
}

.slider.round:before {
	border-radius: 50%;
}

.useat-col .slider {
	position: absolute;
	cursor: pointer;
	top: 3.5px;
	left: 1px;
	width: 42px !important;
	height: 18px;
	background-color: #ccc;
	transition: .2s;
}