.jgrid A:link    {color:#2B2B2B;text-decoration:none;}
.jgrid A:visited {color:#2B2B2B;text-decoration:none;}
.jgrid A:active  {color:#2B2B2B;text-decoration:none;}
.jgrid A:hover  {color:#FF8000;text-decoration:underline;}

.jgrid { width:100%; min-height:100px; }
.jgrid_ div{ overflow-x:auto; overflow-y:auto; }
.jgrid .page_move { margin-top:5px; margin-left:auto; margin-right:auto; clear:both; }
.jgrid .page_move table{ margin-left:auto; margin-right:auto; }
.jgrid .page_move td { text-align:center; font-size:12px; font-family:Arial; font-weight:bold; }
.jgrid .page_move .p_prev { background: url(./image/move_icon.gif) no-repeat 0 0; width:22px; height:21px; border:0; }
.jgrid .page_move .prev { background: url(./image/move_icon.gif) no-repeat -22px 0; width:22px; height:21px; border:0; }
.jgrid .page_move .next { background: url(./image/move_icon.gif) no-repeat -46px 0; width:22px; height:21px; border:0; }
.jgrid .page_move .p_next { background: url(./image/move_icon.gif) no-repeat -68px 0; width:22px; height:21px; border:0; }
.jgrid .page_move .p_prev2 { background: url(./image/move_icon.gif) no-repeat 0 -25px; width:22px; height:21px; border:0; }
.jgrid .page_move .prev2 { background: url(./image/move_icon.gif) no-repeat -22px -25px; width:22px; height:21px; border:0; }
.jgrid .page_move .next2 { background: url(./image/move_icon.gif) no-repeat -46px -25px; width:22px; height:21px; border:0; }
.jgrid .page_move .p_next2 { background: url(./image/move_icon.gif) no-repeat -68px -25px; width:22px; height:21px; border:0; }

/*±×¸®µå*/
.jgrid .jgrid_table { width:100%; border:0px; padding: 0; margin: 0; background-color:#fff; font-family:Malgun Gothic,NanumGothic,Gulim; }
.jgrid .jgrid_table table { width:100%; border:0; padding: 0; margin: 0; }
.jgrid .jgrid_table table td { padding: 0; margin: 0; border:#aaa 1px solid; }
.jgrid .jgrid_table th { font-family:Malgun Gothic,NanumGothic,Gulim; text-align:center; }
.jgrid .jgrid_table td { font-family:Malgun Gothic,NanumGothic,Gulim; font-size:12px; }
.jgrid .jgrid_table input[type=text], .jgrid .jgrid_table textarea { background:#fff; border: #bbb 1px solid; font-size:12px; padding: 2px 2px 0 2px; font-family:Malgun Gothic,NanumGothic,Gulim; line-height:16px;  word-break:break-all; white-space:normal; }
.jgrid .jgrid_table input[type=file] { font-size:12px; font-family:Malgun Gothic,NanumGothic,Gulim; border: #bbb 1px solid; background-color: #fff; }
.jgrid .jgrid_table input[type=text].edit_on { border:1px solid #ff0000 !important; }


.jgrid .jgrid_table tr:last-child td { border-bottom:#aaa 1px solid; }

.jgrid .jgrid_table div[jgrid-panel='left-header']  { width:100%; padding: 0; border:0; overflow: hidden; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table { width:100%; border:0; table-layout:fixed; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table th { height:32px; background:linear-gradient(180deg, #ffffff 0, #dddddd 100%); color:#333; font-size:12px; border:#ccc 1px solid; padding: 0; margin: 0; line-height:13px; table-layout:fixed; white-space:nowrap; overflow:hidden; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr:first-child { height:0; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr:first-child th { border:0; height:0; padding: 0; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr:nth-child(2) th{ border-top:0; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th:first-child{ border-left:0; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th:last-child{ border-right:0; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr:last-child th{ border-bottom:0; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th[rowspan='2']{ border-bottom:0; height:64px; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th[rowspan='3']{ border-bottom:0; height:96px; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th[rowspan='4']{ border-bottom:0; height:128px; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table th .tooltip_icon { position:absolute; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table th .tooltip_icon i { position:absolute; width:12px; height:12px; background: url(./image/help_ico.png) no-repeat; cursor: default; top:-9px; }

.jgrid .jgrid_table div[jgrid-panel='right-header'] { width:100%; padding: 0; border:0; overflow: hidden; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table { width:100%; border:0; table-layout:fixed; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table th { height:32px; background:linear-gradient(180deg, #ffffff 0, #dddddd 100%); color:#333; font-size:12px; border:#ccc 1px solid; padding: 0; margin: 0; line-height:13px; table-layout:fixed; white-space:nowrap; overflow:hidden; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr:first-child { height:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr:first-child th { border:0; height:0; padding: 0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr:nth-child(2) th{ border-top:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr th:first-child{ border-left:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr th:last-child{ border-right:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr:last-child th{ border-bottom:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr th[rowspan='2']{ border-bottom:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr th[rowspan='3']{ border-bottom:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table tr th[rowspan='4']{ border-bottom:0; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table th .tooltip_icon { position:relative; text-align:left; }
.jgrid .jgrid_table div[jgrid-panel='right-header'] table th .tooltip_icon i { position:absolute; width:12px; height:12px; background: url(./image/help_ico.png) no-repeat; cursor: default; top:-9px; }
#tooltip_box { display:none; position:absolute; padding:5px; border: #bbb 1px solid; background-color:#FBFEB6; font-size:12px; border-radius:5px; text-align:left; line-height:130%; z-index:9999; }

.jgrid .jgrid_table div[jgrid-panel='left-body'] { width:100%; padding:0; border:0; overflow:hidden; cursor:default; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table { width:100%; border:0; table-layout:fixed; margin-bottom: 100px; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr { height:28px; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr:first-child td { border-top:0; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td:first-child{ border-left:0; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td:last-child{ border-right:0; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td { padding:0 3px; border:#ddd 1px solid; text-overflow:ellipsis; table-layout:fixed; white-space:nowrap; overflow:hidden; color:#555; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr:nth-child(even) {background: #fff; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr:nth-child(odd) {background: #F1FBF6; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr.on2 {background: #8FC0F1; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr.on2 td {color:#ffffff; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr.on {background-color: #4D9CE9 !important; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr.on td {background-color: #4D9CE9 !important;color:#ffffff; text-shadow:1px 1px 1px #135597; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.color_blue {color:blue; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.color_red {color:red; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.bgcolor1 {background-color: #D4EDDA; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.bgcolor2 {background-color: #D1ECF1; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.bgcolor3 {background-color: #FFF3CD; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.bgcolor4 {background-color: #F8D7DA; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.bgcolor5 {background-color: #CCE5FF; }
.jgrid .jgrid_table div[jgrid-panel='left-body'] table tr td.bgcolor6 {background-color: #E7E8EA; }

.jgrid .jgrid_table div[jgrid-panel='right-body'] { width:100%; padding:0; border:0; overflow-y:auto;overflow-x:auto; cursor:default; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table { width:100%; border:0; table-layout:fixed; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr { height:28px; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr:first-child td { border-top:0; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td:first-child{ border-left:0; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td:last-child{ border-right:0; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td { padding:0 3px; border:#ddd 1px solid; text-overflow:ellipsis; table-layout:fixed; white-space:nowrap; overflow:hidden; color:#555; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr:nth-child(even) {background: #fff; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr:nth-child(odd) {background: #F1FBF6; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr.on2 {background: #8FC0F1; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr.on2 td {color:#ffffff; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr.on {background-color: #4D9CE9 !important; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr.on td {background-color: #4D9CE9 !important;color:#ffffff; text-shadow:1px 1px 1px #135597; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.color_blue {color:blue; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.color_red {color:red; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.bgcolor1 {background-color: #D4EDDA; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.bgcolor2 {background-color: #D1ECF1; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.bgcolor3 {background-color: #FFF3CD; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.bgcolor4 {background-color: #F8D7DA; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.bgcolor5 {background-color: #CCE5FF; }
.jgrid .jgrid_table div[jgrid-panel='right-body'] table tr td.bgcolor6 {background-color: #E7E8EA; }

.jgrid .jgrid_table td.total div { width:100%; padding:0; border:0; overflow:hidden; cursor:default; }
.jgrid .jgrid_table td.total div table { width:100%; border:0; table-layout:fixed; }
.jgrid .jgrid_table td.total div table tr { height:28px; }
.jgrid .jgrid_table td.total div table tr:first-child td { border-top:0; }
.jgrid .jgrid_table td.total div table tr:last-child td { border-bottom:0; }
.jgrid .jgrid_table td.total div table tr td:first-child{ border-left:0; }
.jgrid .jgrid_table td.total div table tr td:last-child{ border-right:0; }
.jgrid .jgrid_table td.total div table tr td { border:#ddd 1px solid; text-overflow:ellipsis; table-layout:fixed; white-space:nowrap; overflow:hidden; color:#555; padding:3px; }
.jgrid .jgrid_table td.total div table tr {background: #FFECE3; font-weight:bold; letter-spacing:-1px; }

.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] { width:100%; padding:0; border:0; overflow:hidden; cursor:default; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table { width:100%; border:0; table-layout:fixed; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr { height:28px; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr:first-child td { border-top:0; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr:last-child td { border-bottom:0; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr td:first-child{ border-left:0; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr td:last-child{ border-right:0; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr td { border:#ddd 1px solid; text-overflow:ellipsis; table-layout:fixed; white-space:nowrap; overflow:hidden; color:#555; padding:3px; }
.jgrid .jgrid_table td.total div[jgrid-panel='right-foot'] table tr {background: #FFECE3; font-weight:bold; letter-spacing:-1px; }

.jgrid .jgrid_table tr.sub_total td {background: #D3E8FC; font-weight:bold; letter-spacing:-1px; }

.jgrid .jgrid_table div[jgrid-panel] .detail_table { width:100%; table-layout:fixed; border:#ccc 1px solid; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr { height:26px; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table th { background:linear-gradient(180deg, #ffffff 0, #dddddd 100%); color:#333; font-size:12px; border:#ccc 1px solid; padding: 0; margin: 0; line-height:13px; table-layout:fixed; white-space:nowrap; overflow:hidden; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table td { padding:0 3px; border:#ddd 1px solid; text-overflow:ellipsis; table-layout:fixed; white-space:nowrap; overflow:hidden; color:#555; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr:last-child td { border-bottom:0; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr:nth-child(even) {background: #fff; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr:nth-child(odd) {background: #F1FBF6; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr.on2 {background: #8FC0F1; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr.on2 td {color:#ffffff; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr.on {background: #4D9CE9; }
.jgrid .jgrid_table div[jgrid-panel] .detail_table tr.on td {color:#ffffff; text-shadow:1px 1px 1px #135597; }


.jgrid .jgrid_table td .box { border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color:#eee; padding:2px; }
.jgrid .jgrid_table td .badge { min-width:18px;height:18px;background-color:#999;color:#fff;border-radius:11px;padding:0;text-align:center; line-height:18px; }

.jgrid .jgrid_table td li { width:100%; }
.jgrid .jgrid_table td li input { max-width:100%; }
.jgrid .jgrid_table td li input.left { text-align:left; }
.jgrid .jgrid_table td li input.center { text-align:center; }
.jgrid .jgrid_table td li input.right{ text-align:right; }

.jgrid .jgrid_table .line_no { border-right:#ffffff 1px solid; }
.jgrid .jgrid_table table thead th.asc { background:url(./image/cont_icon_arrow.gif) right center no-repeat #ddd; color:#405cc1; }
.jgrid .jgrid_table table thead th.desc { background: url(./image/cont_icon_arrow2.gif) right center no-repeat #ddd; color:#405cc1; }

.jgrid .pointer{ cursor:pointer; cursor:hand; }

.jgrid .jgrid_table div[jgrid-panel] table tr .icon_plus { border:1px solid #777777; color:#777777; width:13px; height:13px; line-height:13px; text-align:center; margin-left:auto; margin-right:auto; font-size:14px; font-family:Gulim; }
.jgrid .jgrid_table div[jgrid-panel] table tr.on .icon_plus { border:1px solid #ffffff; color:#ffffff; box-shadow:1px 1px 1px #135597; }

.jgrid .input_search { background: url(/images/sprite_2x.png) -40px -240px no-repeat ; background-size: 350px 350px; cursor: pointer; }

.jgrid .search_box { width:100%; height:20px; background:#fff; border:1px solid #bbb; white-space:nowrap; }
.jgrid .search_box div { overflow-x:hidden; overflow-y:hidden; }
.jgrid .search_box input[type=button] { position:absolute; width:18px; height:18px; right:0;top:-18px; margin:0 2px; background: url(/images/sprite_2x.png) -40px -240px no-repeat ; background-size: 350px 350px; border: 0; cursor: pointer; }
.jgrid .search_box input[type=text] { width:100%; height:20px; background:#fff; border: 0 solid #fff; font-size:12px; padding: 0 0 0 3px; font-family:Malgun Gothic,NanumGothic,Gulim; line-height:13px; }

.jgrid .group_rowspan { border-left:#ddd 1px solid !important; border-right:#ddd 1px solid !important; }

.jgrid button { width:100%; height:20px; line-height:14px; cursor: pointer; font-size:12px; }
.jgrid div.jgrid_table button { width:100%; height:20px; line-height:14px; cursor: pointer; font-size:12px; }
.jgrid div.jgrid_table button.btn1 { height:24px !important; font-size:12px !important; }
.jgrid div.jgrid_table button.btn2 { height:24px !important; font-size:12px !important; }
.jgrid div.jgrid_table button.btn3 { height:24px !important; font-size:12px !important; }
.jgrid div.jgrid_table button.W10 { width: 10px; }
.jgrid div.jgrid_table button.W20 { width: 20px; }
.jgrid div.jgrid_table button.W30 { width: 30px; }
.jgrid div.jgrid_table button.W40 { width: 40px; }
.jgrid div.jgrid_table button.W50 { width: 50px; }


#jgrid_search_popup { padding:10px; }
#jgrid_search_popup select { font-size:12px; width:100%; border:1px solid #999999; padding:3px; margin-bottom:10px; }
#jgrid_search_popup input { font-size:12px; width:100%; border:1px solid #999999; padding:3px; outline: none; }


/*·Îµùâ*/
.jgrid #DivLoading { position:absolute; z-index:9999; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; text-align:center; vertical-align:middle; background: url(./image/waiting.gif) center center no-repeat #F4C891; }

body #DivLoading2 { position:absolute; z-index:9999; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; text-align:center; vertical-align:middle; background: url(./image/waiting.gif) center center no-repeat #F4C891; width:100%; height:100%; top:0; left:0; }



.JCLRgrip{margin-left:-1px!important; }
.JCLRgrip .JColResizer{width:5px!important; }
.JCLRgripDrag{ border-left:1px solid #ff0099!important; } 

i.jgrid_move { cursor: move;}
.drag_on td { background-color: #33cccc; }


div#jgrid_popup { 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 50% Åõ¸íÇÑ ¹è°æ »ö»ó */
	display: flex;
	justify-content: center;
	align-items: center;
}
div#jgrid_popup div.content { 
	width: 500px;
	min-height: 300px;
	background-color: #fff; /* ³»¿ë ·¹ÀÌ¾î ¹è°æ»ö (±âº»ÀûÀ¸·Î Åõ¸íÇÏÁö ¾ÊÀ½) */
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	border:2px solid #000000;
	font-size:13px; line-height:180%;
	position:relative;
}
div#jgrid_popup div.content .title { 
	border-radius: 8px 8px 0 0; padding:10px;
	background-color:#3e8ff4; color:#ffffff;
}
div#jgrid_popup div.content input {
	border:1px solid #aaaaaa; padding: 3px;
}
div#jgrid_popup div.content button {
	padding: 3px 10px; margin:3px;
}


.Blinks { animation-duration: 0.5s; animation-name: rainbowLink; animation-iteration-count: infinite; } 
@keyframes rainbowLink {     
	0% { color: #ffffff; }
	10% { color: #ffffff; }
	20% { color: #ffffff; }
	30% { color: #ff0000; }
	40% { color: #ff0000; }
	50% { color: #ff0000; }
	60% { color: #ff0000; }
	70% { color: #ff0000; }
	80% { color: #ff0000; }
	90% { color: #ff0000; }
	100% { color: #ff0000; }
}

/*ÆäÀÌÁö¿¡¼­ ¹öÅÏ À§Ä¡ ½ºÅ¸ÀÏÀ» Àû¿ë ÇßÀ»¶§ ¿ìÃø¸¶¿ì½º °Ë»öâ¿¡¼­´Â ¹«·ÂÈ­ ½ÃÅ´*/
.jMessage .jMessage_foot button.contextmenu_btn { position: static !important; right: auto !important; left: auto !important;}

/* jGrid Ä÷³ ¼û±è °øÅë */
.jgrid_table th.jcol-hide,
.jgrid_table td.jcol-hide { display: none !important; }

/* <col>Àº display°¡ Àß ¾È¸ÔÀ¸´Ï ÆøÀ» 0À¸·Î */
.jgrid_table col.jcol-hide { width: 0 !important; visibility: collapse; }
.jgrid-col-hidden { display: none !important; }