



/*[Top-Level Structure]____________________________________________________________________________________________________
[]__________________________________________________*/


*
{
	/**/
	position:relative;
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	

	/*%%
	cursor:default;
	color:red;%*/

}



/*Has the blue vertical scrollbar.*/
body
{
	margin:0 auto;
	height:100vh;
	/*height:100%;
	max-width:1410px;
	width:1410px;*/
}


#lbgDvOutmost
{
	position:relative;
	
	margin:0 auto;
	/*height:1130px;*/
	/* width:1410px;
	max-width:1410px; */
	overflow-y:hidden;
	overflow-x:hidden;
	/*height:100vh;
	display:grid;
	overflow:hidden;
	background-color:red;*/
}
#lbgDvWrapper
{
	/*height:1130px;
	height:100vh;*/
	/*%%
	width:1410px;
	text-align:center;
	display:grid;
	grid-template-rows:30px 1fr 30px;*/
}


/*Optional
#lbgDvWrapper > *
{
   padding: 5px;
}*/




.lbgDvHeader
{
	background-color: #287dff;
	/*background-color:#ff0000ff;*/
}


#lbSpn_Hdr_Logo
{
	display:inline-block;
	height:43px;
}


#lblAnc_Hdr_Logo
{

}


#lbgSpn_Hdr_Deptm
{
	/*display:inline-block;*/
	position:absolute;
	top:0px;
	right:0px;
	/* border-left:solid 1px gray; */
	height:43px;
	width:100px;
	text-align:center;
	font-size:20px;
	cursor:default;
	color:#fff;
	font-weight:600;
	/*color:green;
	z-index:9999;
	background-color:red;*/
}


	#lbgSpn_Hdr_Deptm::after
	{
		display:block;
		content:'';
		position:absolute;
		left:0;
		top:50%;
		margin-top:-13px;
		height:26px;
		/*border-right:1px solid #fff;*/
	}


.lbgImg_Hdr_My
{
	
}


#lbgDvContent
{
	/*JDev(2025-02-06): --.
	min-height:911px;*/
	/*JDev(2024-12-01): ++.
	min-height:100vh;
	*/
	/*background-color:#00ff00ff;*/
	/*JDev(2025-02-06): ++.*/
	overflow:hidden;
}


#lbgDvFooter
{
	/*Publisher(2025-02): ++.
	JDev(2025-02-19): Commented out.
	display:none;*/
	/*background-color:#0000ffff;*/
	/*JDev(2025-02-06): ++.*/
	height:180px;
}


#lbgDvFooter.fix_footer .logo_box
{
	margin-bottom:5px;
}




/*[]__________________________________________________
@media screen and (max-width:361px)
@media screen and (max-width:466px)
*/
@media screen and (max-width:1409px)
{


	body
	{
		/*height:99vh;*/
	}


	#lbgDvOutmost
	{
		/*
		width:100%;
		max-width:100%;
		*/
		/* width:360px;
		max-width:360px; */
	}


	#lbgHdr
	{
		/* background-color:white; */
	}


	.lbgDvHeader
	{
		height:50px;
		width:100%;
		left:0;
		right:0;
		/*width:100%;
		background-color:#ff0000ff;*/
	}


	.lbgDvHeader .display_mobile
	{
		display:block;
	}


	.lbgDvHeader .m_header.display_mobile
	{
		height:50px;
	}


	.m_header.display_mobile .container_fix
	{
		height:30px;
		padding-left:20px !important;
	}

	


	.m_header .container_fix .left_menu
	{
		display:none;
	}


	#lbgSpn_Hdr_Deptm
	{
		position:absolute;
		top:0px;
		right:0px;
		height:30px;
		width:100px;
		text-align:right;
		font-size:14px;
		margin-left: 8px;
		/*
		background-color:red;*/
	}


	.right_list
	{
		width:
			/*If the person's name is displayed:
			140px*/
			/*76px;*/
				120px
		;
	}


	.lbgImg_Hdr_My
	{
		height:18px;
	}


	.logo_box,
	.ft_info
	{
		margin-left:4px;
	}


	/*JDev(2025-02-06): ++.*/
	#lbgDvFooter
	{
		height:106px;
		/*background-color:#0000ffff;*/
	}


	#lbgDvFooter.fix_footer .logo_box
	{
		margin-bottom:5px;
	}


	#lbgDvFooter .ft_info
	{
		height:36px;
	}


	#lbgDvFooter.fix_footer .copylight
	{
		font-size:12px;
	}



}



/*[For Menu-Tab]____________________________________________________________________________________________________
[]__________________________________________________*/



/*[1st-Level Tabs]__________________________________________________*/


.lbgMnuTab
{
	height:120px;
	cursor:default;
}


.lbgTbl_MnuTab
{
	height:55px;
}

.lbgDtp_Cond[type="date"]::-webkit-calendar-picker-indicator
{
	opacity:0;
}


.lbgDtp_Cond[type="date"]
{
	background:#fff url(/inc/img/ico-cal-small-843d74c8234c6f7d97e41d889fea6156.png) no-repeat right 8px center;
}


.lbgTr_MnuTab
{

}


	.lbgTr_MnuTab th:nth-child(1)
	{
		/*border-right:solid 1px #333333;*/
	}


.lbgTh_MnuTab
{
	border-collapse:separate;
	margin:0px;
	padding:0px;
	height:55px !important;
	color: #828282;
	cursor:pointer !important;
}


.lbgTh_MnuTab.lbgActv
{
	/*border-top:solid 1px #333333;
	border-left:solid 1px #333333;
	border-right:solid 1px #333333;*/
	color:#287dff;
	background-color:#ECF2FC;
	position:relative;
}
.lbgTh_MnuTab.lbgActv:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	border-bottom:2px solid #287dff;
}


.lbgH1_MnuTab
{
	margin:0px !important;
	padding:0px !important;
	width:175px;
	text-align:center;
	font-size:19px !important;
	font-weight:600 !important;
}

.at-wrapper{padding-bottom:55px;background:#eff0f4;}
.lbgDv_MnuTabCtn
{
	margin:55px auto 0;
	padding:20px !important;
	width: var(--main--container);
	border-radius: 10px;
	min-height: 830px;
}




/*[]__________________________________________________
@media screen and (max-width:361px)
@media screen and (max-width:466px)
*/
@media screen and (max-width:1409px)
{

	.lbgMnuTab
	{
		height:110px;
	}


	.lbgTbl_MnuTab
	{
		height:40px;
		background-color:#eff0f4 !important;
	}


	.lbgTh_MnuTab
	{
		padding-top:10px;
		color:#000 !important;
		background-color:#eff0f4 !important;
	}
	.lbgTh_MnuTab.lbgActv:after{display:none;}


	.lbgH1_MnuTab
	{
		padding-top:4px !important;
		font-size:20px !important;
	}


	.lbgDv_MnuTab_Mob
	{
		clear:both;
		top:90px !important;
		text-align:left;
		width: auto !important;
	}


	.lbgDv_MnuTabCtn
	{
		padding-left:8px;
		padding-right:8px;
	}

	.container_fix
	{
		padding-left:0px !important;
		padding-right:0px !important;
	}


}



/*[2nd-Level Tabs]__________________________________________________*/



#lbgDv_MnuTab_Sub_Label
{
	position:absolute;
	top:-58px;
	left:-10px;
	/* border-bottom:solid 1px darkgray; */
	margin-bottom:28px;
	padding-bottom:6px;
	height:44px !important;
	font-size:18px;
}


.lbgMnuTab_Lv2
{
	height:120px;
	cursor:default;
}


.lbgTbl_MnuTab_Lv2
{
	border-collapse: separate;
	border-spacing: 15px 0;
	height:36px !important;
}


.lbgTr_MnuTab_Lv2
{

}


	.lbgTr_MnuTab_Lv2 th:nth-child(1)
	{
		
	}


.lbgTh_MnuTab_Lv2
{
	border-collapse:separate;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin:0px;
	padding:0px;
	height:38px !important;
	width:120px !important;
	color:#bcbdc1;
	cursor:pointer !important;
	background-color: #e1e3ea; 
}


.lbgTh_MnuTab_Lv2.lbgActv
{
	color:#000;
	background-color:#fff;
	font-weight:600;
}


.lbgH1_MnuTab_Lv2
{
	margin:0px !important;
	padding:0px !important;
	height:36px !important;
	width:90px;
	text-align:center;
	font-size:17px !important;
	line-height: 36px;
}


.lbgDv_MnuTab_Lv2_Uln
{
	display:none;
	position:absolute;
	bottom:-9px;
	left:29px;
	height:8px;
	width:60px;
	background-color:rgb(38,123,255);
}


	.lbgTh_MnuTab_Lv2.lbgActv .lbgDv_MnuTab_Lv2_Uln
	{
		/* display:block; */
	}




/*[]__________________________________________________
@media screen and (max-width:361px)
@media screen and (max-width:466px)
*/
@media screen and (max-width:1409px)
{

	.lbgTh_MnuTab_Fst
	{
		display:block !important;
		width:100% !important;
	}


	.lbgH1_MnuTab
	{
		/*display:block !important;
		width:100vw !important;*/
		width:360px !important;
		line-height: 40px;
	}


	.lbgTh_MnuTab_Nth
	{
		display:none;
	}


	#lbgDv_MnuTab_Label
	{
		display:none;
	}

	.lbgDv_MnuTabCtn
	{
		padding-top:0 !important;
		width:100% !important;
		margin:0;
	}
	.at-wrapper{background:#eff0f4;}

}






/*[Search-Conditions]____________________________________________________________________________________________________
[]__________________________________________________*/




#lbgTbl_Cond
{
	width:100%;
	background-color: #f7f7f7;
}


.lbgTh_Cond
{
	position:relative;
	margin:0px;
	height:30px;
	font-size:18px;
	text-align:center;
	cursor:default;

	/*padding-top:10px;
	width:316px !important;
	font-size:18px;*/
}


.lbgTh_Cond select
{
	padding-left:16px;
	height:30px;
	border-radius: 6px;
	font-size: 15px;
}


.lbgTh_Cond_Stat
{
	padding-left:20px;
	padding-right:20px;
	white-space:nowrap;
}


.lbgTh_Cond_Spac
{
	width:10px;
}


.lbgTh_Cond_Comit
{
	width:100px;
	/*background-color:red;*/
}


.lbgBtn_Cond
{
	border-radius:6px;
	height:30px !important;
	width:60px !important;
	text-align:center;
	background-color:#fff;
	font-size: 15px;
}

	.lbgBtn_Cond.lbgActv
	{
		color:#FFFFFF;
		background-color:#5b5b5b;
	}


.lbgBtn_Cond_Comit
{
	padding-left:18px;
	border-radius:6px;
	height:30px !important;
	width:90px !important;
	background-color:#fff;
	font-size:15px;
	color:#287dff;
	border:1px solid #287dff;
}

	.lbgImg_Cond_Btn
	{
		position:absolute;
		top:5px;
		left:15px;
		cursor:pointer;
	}


/*JDev(2025-02-06): ++.*/
.lbgTh_Cond_Clms
{

}


#lbgSpn_GrdTot{color:#287dff;}
.lbgDtp_Cond
{
	padding-left:8px;
	height:30px;
	width:144px;
	color:#000;
	background-color:white;
	border-radius: 6px;
	font-size: 14px;
	letter-spacing: -1px;
	text-align: left;
}


.lbgChk_Cond
{
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-9px !important;
	height:18px;
	width:18px;
	z-index:2;
}


.lbgDv_Cond_Label
{
	margin:0 8px !important;
	text-align:center;
	font-weight: 700;
	font-size: 15px;
	line-height: 30px;
	z-index:1;
}




/*[]__________________________________________________
@media screen and (max-width:361px)
@media screen and (max-width:466px)
*/
@media screen and (max-width:1409px)
{

	.lbgDv_Cond_Tit
	{
		margin-top:10px;
		text-align:center;
		font-size:16px;
		font-weight: 600;;
		color:#000;
		padding-top:10px;
	}

	.lbgDtp_Cond{
		appearance: none; 
		-webkit-appearance: none;
		-moz-appearance: none;
		width: calc(100% / 2.4);
		padding-right: 2px;
		/*text-align: center;*/
	}

	input[type="date"].lbgDtp_Cond::-webkit-date-and-time-value {
		text-align: left;
	}

	input[list] {
		padding-right: 5px;
	}

	#lbgTbl_Cond
	{

	}


	.lbgTh_Cond
	{
		display:block !important;
		height:34px;
		width:100%;
		/*
		background-color:red;*/
	}


	/*JDev(2025-02-06): ++.*/
	.lbgTh_Cond_Clms
	{
		margin-top:6px;
		margin-bottom:6px;
		height:
			/*O: For 2 subrows.
			40px*/
			60px
		;
		font-size:16px;
	}


	.lbgDv_RowHead
	{
		float:left;
		padding-top:15px;
		height:36px;
		width:80px;
		font-weight: 600;
	}


	/*JDev(2025-02-22): ++.*/
	#lbgTbl_Cond .lbgTh_Cond .lbgDv_RowHead
	{
		padding-left:1px;
		width:38px;
		text-align:left;
	}
	#lbgDV_Cond_Clms .lbgDV_Cond_Clm
	{
		font-size:13px;
	}


	#lbgDv_Cond_Flt_Status
	{
		border:solid 1px #d0d0d0;
		background:#f7f7f7;
		margin-top:10px;
		height:auto;
		padding:5px;
		border-radius: 8px;
	}


		#lbgDv_Cond_Flt_Status .lbgDv_RowHead
		{
			height:30px;
			width:46px;
			text-align:center;
			border-right: 1px solid #e6e6e6;
		}


		#lbgDv_Cond_Flt_Status .lbgDv_Cond_Flt_Status
		{
			display:inline-block;
			font-size:13px;
			line-height:22px;
		}


		.lbgDv_Cond_Flt_Status_Mark
		{
			display:inline-block;
			border-radius:3px;
			margin-top:3px;
			margin-left:5px;
			height:22px;
			width:22px;
			font-size:14px;
			font-weight:600;
			color:white;
			line-height:22px;
		}

		#lbgTbl_Grd .lbgDv_Cond_Flt_Status_Mark{margin-left:0px;}


		#lbgTbl_Grd .lbgDv_Cond_Flt_Status_Mark
		{
			padding-top:0px;
			padding-bottom:2px;
			font-size:14px;
			font-weight:600;
			line-height:22px;
		}
	

	.lbgBtn_Cond{
		width:calc(100% / 8) !important;
		font-size:13px;
	}

	.mc02 .result_check{background-color:#fff !important;border:0px none !important;padding:0px !important;}
	#lbgTbl_Cond{background-color:#fff;}

	.lbgDv_SortClm
	{
		text-align:center;
	}

		.lbgDv_SortClm .lbgBtn_Cond
		{
			width:24% !important;
			background-color:white;
		}


		.lbgDv_SortClm .lbgBtn_Cond.lbgActv
		{
			background-color:#5b5b5b !important;
		}


	.lbgDv_Cond_Label
	{
		display:inline-block;
		padding-left:25px;
	}


	#lbgTh_Cond_Posit
	{
		text-align:left;
	}


	.lbgChk_Cond
	{
		margin-top:0 !important;
		left:6px;
	}


	.lbgChk_Cond_Small
	{
		top:-2px;
		height:18px;
		width:18px;
	}


	.lbgDv_Cond_Flt_Status .lbgBtn_Cond
	{
		width:30px;
	}


	.lbgDV_Cond_Clm
	{
		float:left;
		width:33%;
		font-size: 14px;
		text-align: left;
	}


	.lbgBtn_Cond_Comit
	{
		float:right;
		background-color: #287dff !important;
		color:#fff;
		width:80px !important;
	}

	#lbgBtn_Cond_Reset{
		background-color: #fff !important;
		color:#287dff;
		margin-right:10px;
	}

	.mc02_wrap{background:#eff0f4 !important;}


	.lbgImg_Cond_Btn
	{
		top:4px;
		left:initial;
		cursor:pointer;
	}


	#lbgSel_Cond_Flt_Status
	{

	}

	#lbgSect_Mtab_Dx_Grd{
		border-radius: 10px;
		border:1px solid #eaeaea;
		padding:0 10px 0;
		background-color: #fff;
	}
	.mc02.mc02_top{
		border-radius: 10px;
		border:1px solid #eaeaea;
		padding:30px 10px 0;
		background-color: #fff;
	}

	.mc02 .result_check{margin-bottom:0px !important;}


}



/*[]____________________________________________________________________________________________________
[]__________________________________________________*/



.lbgSect_Mtab
{
	border:none;
	margin-top:74px;
	font-size:15px;
}


.lbgDv_Mtab_Dx_Grd_Head_Mob
{
	display:none;
}




/*[]__________________________________________________
@media screen and (max-width:361px)
@media screen and (max-width:466px)
*/
@media screen and (max-width:1409px)
{


	.lbgDv_Mtab_Dx_Grd_Head_Mob
	{
		display:block;
		width:100% !important;
	}


	#lbgSpn_Grd_Rslt
	{
		font-size:13px;
	}


	#lbgSpn_Grd_Help
	{
		font-size:13px;
		color:#db3e3e;
	}


	#lbgDv_Cond_Flt
	{
		/*margin-top:-42px;*/
		height:
			/*90px
			JDev(2025-02-25): ++.*/
			170px
		;
	}


	#lbgDv_Cond_Flt select,
	#lbgDv_Cond_Flt input
	{
		display:block;
		padding-left:20px;
		height:30px;
		width:100%;
		border-radius: 5px;
		margin:3px 0.5%;
	}


	/*JDev(2025-02-25): ++.
	.lbgDtp_Cond_Flt[type="date"]*/
	#lbgDv_Cond_Flt input.lbgDtp_Cond_Flt
	{
		border-radius:6px;
		padding-left:
			18px
		;
		height:30px;
		/*width:
			122px
			144px
		;*/

		width: 100%;        /* ✅ 고정 너비 지정 */
		/*min-width: 0;        !* ✅ iOS 확장 방지 *!*/
		/*max-width: 160px;*/
		box-sizing: border-box; /* ✅ padding 포함하여 width 제한 */

		color:#000;
		text-align:left;
		font-size:15px;
		letter-spacing:-1px;
		/*background-color:white;*/
		background:
			#FFF url(/inc/img/ico-cal-small-843d74c8234c6f7d97e41d889fea6156.png) no-repeat right 8px center
		;

		appearance: none;
		-webkit-appearance: none;
		font-family: inherit;
	}

	.lbgInputWrapper {
		width: 49%;
		box-sizing: border-box;
		padding-right: 0; /* 여유 여백 없게 */
	}


		/*.lbgDtp_Cond_Flt[type="date"]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
		.lbgDtp_Cond_Flt[type="date"]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
		.lbgDtp_Cond_Flt[type="date"]::-webkit-datetime-edit-day-field:not([aria-valuenow])
		{
			color:transparent;
		}
		.lbgDtp_Cond_Flt[type="date"]::-webkit-datetime-edit{ color: transparent; }
		.lbgDtp_Cond_Flt[type="date"]:focus::-webkit-datetime-edit{ color: #000; }*/


		.lbgDtp_Cond_Flt[type="date"]::-webkit-calendar-picker-indicator
		{
			opacity:0;
		}


}



/*
>[(tab)Table)]__________________________________________________*/



#lbgDv_Mtab_Stat_Table_Instr
{
	display:block;
	height:22px;
	font-size:16px !important;
	text-align:right;
	color:red;
}


#lbgTbl_Stat_Table
{
	border-collapse:collapse;
}



#lbgTbl_Stat_Table th
{
	border:solid 1px #e4e4e4;
	height:40px;
	width:7.6%;
	text-align:center;
}

	#lbgTbl_Stat_Table tr:nth-child(1) th:nth-child(1),
	#lbgTbl_Stat_Table tr:nth-child(1) th:nth-child(2){
		background-color: #f7f7f7;
		font-weight:bold;
	}

	#lbgTbl_Stat_Table tr:nth-child(2) th,
	#lbgTbl_Stat_Table td:last-child{
		font-weight:bold;
	}

	#lbgTbl_Stat_Table tr:nth-child(1) th:nth-child(1),
	#lbgTbl_Stat_Table tr:nth-child(2) th{border-bottom:1px solid #c4c4c4;}

	#lbgTbl_Stat_Table th:nth-child(1)
	{
		
		min-width:270px;
		width:270px;
	}

	#lbgTbl_Stat_Table th:nth-child(13)/*>[(clm)Total] (rowspan value is ignored in the couting logic.)*/
	{
		width:7.6%;
	}


#lbgTbl_Stat_Table td
{
	border:solid 1px #e4e4e4;
	/*padding-right:8px;*/
	height:24px;
	width:7%;
	text-align:
		center
		/*right*/
	;
}


	#lbgTbl_Stat_Table td:nth-child(1)
	{

	}


#lbgDv_Stat_Table_NoDat
{
	margin-top:20px;
	text-align:center;
}




/*>[(tab)Graph]
__________________________________________________*/


#lbgTbl_Stat_Chart_Upr{display: flex;flex-direction: row;gap:2%;margin-bottom:25px;}
#lbgTbl_Stat_Chart_Upr .chart-item{
	padding:15px;
	box-sizing: border-box;
	width:49%;
	border:1px solid #c9c9c9; 
	border-spacing: 0px;
	border-radius: 10px;
	box-shadow: 0 0 9px 0px #d7d7d7;
	/*table-layout:fixed;*/
} 

#lbgTbl_Stat_Chart_Lwr
{
	border-collapse:separate;
	width:100%;
	max-width:100%;
	border:1px solid #c9c9c9; 
	border-spacing: 0px;
	border-radius: 10px;
	box-shadow: 0 0 9px 0px #d7d7d7;
	/*table-layout:fixed;*/
} 

#lbgTbl_Stat_Chart_Lwr{
	border-spacing: 15px 5px;
	padding-bottom:15px;
}

#lbgTbl_Stat_Chart_Lwr tr th{
	font-size: 15px;
	font-weight: normal;
}

#lbgTbl_Stat_Chart_Lwr tr:nth-child(1) th{
	border-bottom:2px solid #f1f1f1;
}
 
#lbgTbl_Stat_Chart_Upr .chart-item .title,
#lbgTbl_Stat_Chart_Lwr tr:nth-child(1) th,
#lbgTbl_Stat_Chart_Lwr tr:nth-child(2) th
{
	/* border:solid 1px #c9c9c9; */
	height:40px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

#lbgTbl_Stat_Chart_Upr .chart-item .title{border-bottom:2px solid #f1f1f1;line-height: 25px;}


#lbgTbl_Stat_Chart_Upr td
{
	/* border:solid 1px gray; */
	padding-left:8px;
	padding-right:8px;
	height:300px;
	width:49%;
	text-align:center;
	font-weight:bold;
}


#lbgTbl_Stat_Chart_Lwr th
{
	/* border:solid 1px gray; */
	padding-left:8px;
	padding-right:8px;
	min-width:200px;
	width:200px;
	white-space:nowrap;
	text-align:center;
	font-weight:bold;
	cursor:default;
	border-radius: 5px;
}


#lbgTbl_Stat_Chart_Lwr th.lbgTh_Chart_Lin_Rowhead
{
	background-color: #f7f7f7;
	font-weight:500;
	cursor:pointer;
	border:1px solid #c9c9c9;
}


	#lbgTbl_Stat_Chart_Lwr th.lbgTh_Chart_Lin_Rowhead.lbgActv
	{
		background-color:#fff;
		border:1px solid #287dff;
		color:#287dff;
		font-weight: 600;
	}


#lbgTbl_Stat_Chart_Lwr td
{
	/* border:solid 1px gray; */
	padding-left:8px;
	padding-right:8px;
	height:300px;
	width:
		99%
	;
	text-align:center;
	font-weight:bold;
}


#lbgTd_Chart_Lin
{
	overflow:hidden;
	white-space: nowrap;
}


#lbgDv_Chart_Lin_Wrp
{
	overflow:auto;
	width:100%;
}


#lbgDv_Chart_Lin
{
	overflow:hidden;
	white-space:nowrap;
}




/*[For FJQ]____________________________________________________________________________________________________
[]__________________________________________________*/




#lbgSect_Mtab_Dx_Grd.mc02_bot .container_fix::before
{
	display:none;
}


/*#ecf2fc
JDev(2025-02-20): Restored.*/
.ui-jqgrid .ui-jqgrid-bdiv .myAltRowClass
{
	background-color:
		/*#DCFFFF*/
		#ECF2FC/*JDev(2025-02-21): Changed.*/
		!important;
	;
	background-image:none;
}

.ui-jqgrid .ui-jqgrid-bdiv .myRedTxtClass
{
	color:
		red
		!important;
;
	background-image:none;
}



/*JDev(2025-02-20): ++.
Without this, the grid's height suddenly shrinks from 9000px during the vertical scrolling.
#lbgDv_Grd .ui-jqgrid-bdiv
{
	height:9000px !important;
}*/




.ui-jqgrid > .ui-jqgrid-view
{
	font-size:13px !important;
}


.lbgTd_Dgr_PgBtns
{
	/*margin-right:20px;*/
	pointer-events:auto !important;
}


.lbgSpn_Dgr_PgBtn
{
	margin-left:4px;
	cursor:pointer !important;
	color:#c2c2c2;
	font-weight: 400;
}
.lbgSpn_Dgr_PgBtn_Cur{
	font-weight: 600;
	color:#287dff;
}
.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar{border:1px solid #bbb;}

	.lbgSpn_Dgr_PgBtn_Cur
	{
		color:#287dff;
		font-weight:bold;
		cursor:default !important;
	}

#lbgDv_Grd .ui-jqgrid table{border-collapse: collapse;}

#lbgDv_Grd .ui-search-input
{
	height:30px;
}


#lbgDv_Grd .ui-search-input .ui-widget-content
{
	height:30px;
}


#gs_lbgTbl_Grd_SampleOn
{
	opacity:0;
}


.ui-search-table .ui-search-input input.lbgDtp_Flt
{
	position:absolute;
	top:1px;
	left:1px;
	/*margin-right:1px;
	margin-bottom:2px;*/
	height:
		28px
		/*100%
		30px*/
	;
	width:90px;
	font-size:10px;
}


.lbgBtn_Dgr_Row
{
	padding:0px;
	border-radius:6px;
	height:25px;
	width:25px !important;
	background-color:#f7f7f7;
	border:1px solid #a3a3a3;
	background-image: url("/inc/img/search_icon_grid-a563ada9b4ebb9bcf76781b79249e675.png");
	background-repeat: no-repeat;
	background-position: center center;
}


	.lbgBtn_Dgr_Row.lbgActv
	{
		background-color:orange;
	}


	.lbgImg_Dgr_Row_Srch
	{
		position:absolute;
		cursor:pointer;
		top:7px;
		left:21px;
		height:15px;
	}


.lbgTd_Dgr_Elip
{
	text-overflow:ellipsis;
}

	.lbgTd_Dgr_Elip span
	{
		font-weight:bold;
	}




/*[Common]____________________________________________________________________________________________________
[]__________________________________________________*/




/*[Progress]__________________________________________________*/


.lbgDv_Dlg_Frm_Load
{
	position:relative;
	/*margin:150px auto 70px;*/
	margin:0 auto;
	width:150px;
}


.lbgDv_Dlg_Frm_Load .lbgDv_Dlg_Frm_Load_Ani
{
	position:relative;
	width:100%;
	height:10px;
	border:1px solid yellowgreen;
	border-radius:10px;
	animation:turn 4s linear 1.75s infinite;
}


.lbgDv_Dlg_Frm_Load .lbgDv_Dlg_Frm_Load_Ani:before
{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 100%;
	background-color: yellowgreen;
	box-shadow: 10px 0px 15px 0px yellowgreen;
	animation: load 2s linear infinite;
}


.lbgDv_Dlg_Frm_Load .lbgDv_Dlg_Frm_Load_Label
{
	position: absolute;
	width: 100%;
	top: 10px;
	color: green;
	font-size: 22px;
	text-align: center;
	animation: bounce 2s linear infinite;
}

@keyframes load
{
	0% {
		width: 0%;
	}

	87.5% {
		width: 100%;
	}
}


@keyframes turn
{
	0%
	{
		transform: rotateY(0deg);
	}

	6.25%,
	50% {
		transform: rotateY(180deg);
	}

	56.25%,
	100% {
		transform: rotateY(360deg);
	}
}


@keyframes bounce
{

	0%,
	100%
	{
		top: 30px;
	}

	12.5%
	{
		top: 40px;
	}
}




@media screen and (max-width:1409px)
{

	.lbgDv_Dlg_Frm_Load
	{
		/**/
		margin:auto;
	}

}


/*[Etc]____________________________________________________________________________________________________
[]__________________________________________________*/


#infoModal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;               /* Bootstrap 기본 margin 제거 */
	width: 90%;              /* 원하는 너비(가로 여백 여유)로 조정 */
	max-width: 400px;        /* 모달 최대 너비 제한 (任意) */
}
#infoModal .modal-content {
	/* 필요하다면 높이에 대한 여백을 줍니다 */
	max-height: 80vh;        /* 너무 세로가 길어지지 않도록 제한 */
	overflow-y: auto;        /* 내용이 길어지면 스크롤 */
}
#infoModal .modal-backdrop {
	/* 백드롭이 화면 전체를 덮도록 보장 */
	height: 100vh;
}

/* modal-header 안의 .modal-title(H1)에 적용될 폰트 크기 재정의 */
#infoModal .modal-header .modal-title {
	font-size: 1.75rem; /* 예: 1.75rem = 약 28px */
	font-weight: 700;   /* 필요에 따라 굵기도 조정 */
	line-height: 1.2;   /* 원하는 줄 높이를 설정 */
}

#infoModal .modal-body b {
	display: block;
	margin-bottom: 4px;
}

.centered-date-input {
	text-align: center;

	/* RTL로 텍스트 위치 보정 */
	direction: rtl;

	/* 입력 내용과 달력 아이콘 간의 간격 조정 */
	padding-right: 0;
	padding-left: 0;

	/* 외형 맞추기 */
	appearance: none;
	-webkit-appearance: none;
}

/* 모바일 select box에 길이가 긴 텍스트 선택될 때를 위한 css */
.select-truncate {
	display: inline-block;
	max-width: 100%;        /* 부모 폭 따라가게 */
	padding-right: 30px;    /* 화살표 영역 확보 */
	white-space: nowrap;    /* 줄바꿈 안 함 */
	overflow: hidden;       /* 넘치는 내용 감춤 */
	text-overflow: ellipsis; /* 말줄임 (...) 처리 */
	box-sizing: border-box;
}


