.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; }
.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; }
.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; }

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

.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th[rowspan='2']{ border-bottom:0; height:65px; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th[rowspan='3']{ border-bottom:0; height:98px; }
.jgrid .jgrid_table div[jgrid-panel='left-header'] table tr th[rowspan='4']{ border-bottom:0; height:131px; }
.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 #tooltip_box { display:none; position:absolute; padding:10px; border: #bbb 1px solid; background-color:#FBFEB6; font-size:12px; border-radius:5px; text-align:left; line-height:130%; }

.jgrid .jgrid_table div[jgrid-panel$='-header'] { width:100%; padding: 0; border:0; overflow: hidden; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table { width:100%; border:0; table-layout:fixed; }
.jgrid .jgrid_table div[jgrid-panel$='-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$='-header'] table tr:first-child { height:0; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table tr:first-child th { border:0; height:0; padding: 0; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table tr:nth-child(2) th{ border-top:0; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table tr th:first-child{ border-left:0; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table tr th:last-child{ border-right:0; }
.jgrid .jgrid_table div[jgrid-panel$='-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; width:100%; text-align:left; z-index:2; }
.jgrid .jgrid_table div[jgrid-panel$='-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'] table th .tooltip_icon #tooltip_box { display:none; position:absolute; padding:10px; border: #bbb 1px solid; background-color:#FBFEB6; font-size:12px; border-radius:5px; text-align:left; line-height:130%; z-index:2; }
#tooltip_box { display:none; position:absolute; padding:10px; border: #bbb 1px solid; background-color:#FBFEB6; font-size:12px; border-radius:5px; text-align:left; line-height:130%; z-index:2; white-space:nowrap; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table tr th.color_blue {color:blue; }
.jgrid .jgrid_table div[jgrid-panel$='-header'] table tr th.color_red {color:red; }

.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='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$='-body'] table tr { height:28px; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr:first-child td { border-top:0; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td:first-child{ border-left:0; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td:last-child{ border-right:0; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td { padding:0 3px; border:#ddd 1px solid; text-overflow:ellipsis; table-layout:fixed; white-space:nowrap; overflow:hidden; color:#555; position:relative; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr:nth-child(even) {background: #fff; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr:nth-child(odd) {background: #F1FBF6; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.on2 {background: #8FC0F1; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.on2 td {color:#ffffff; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.on {background: #4D9CE9; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.manager_on {background: #135597; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.on td {color:#ffffff; text-shadow:1px 1px 1px #135597; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.color_blue {color:blue; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.color_red {color:red; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.color_red2 {color:#D94044; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.line_L { border-left: #bbbbbb 1px solid; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.line_R { border-right: #bbbbbb 1px solid; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.bgcolor { background-color: #ffefdf; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td.td_disabled { background-color: #eeeeee; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.on td.td_disabled { background-color: #4D9CE9; color:#ffffff; text-shadow:1px 1px 1px #135597; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr td div.td_scroll { white-space: normal; word-break:break-all; overflow-x:hidden; overflow-y:auto; padding:3px !important; }
.jgrid .jgrid_table div[jgrid-panel$='-body'] table tr.on td div.td_scroll {color:#ffffff; text-shadow:1px 1px 1px #135597; }

/* 기본 스크롤바 */
.jgrid div[jgrid-panel=right-body]::-webkit-scrollbar { width: 6px; height: 6px; }
.jgrid div[jgrid-panel=right-body]::-webkit-scrollbar-track { background: rgba(0,0,0,.05); }
.jgrid div[jgrid-panel=right-body]::-webkit-scrollbar-thumb { background: rgba(0,0,0,.3); border-radius: 4px; }

/* hover 클래스 붙었을 때 크기 변경 */
.jgrid div[jgrid-panel=right-body].hover-vertical::-webkit-scrollbar { width: 14px; }
.jgrid div[jgrid-panel=right-body].hover-horizontal::-webkit-scrollbar { height: 14px; }
/* 마우스 오버 시 색상 변경 */
.jgrid div[jgrid-panel=right-body]::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.6); }


.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 .jgrid_photo { min-height:300px; border:1px solid #dddddd; overflow-y:auto; padding: 10px; }
.jgrid .jgrid_photo li { position:relative; float: left; box-sizing: border-box; width:250px; height:230px; margin:10px; border:1px solid #dddddd; cursor:pointer; }
.jgrid .jgrid_photo li.end{ clear:both; padding:0; margin:0; border:0; width:0; height:0; }
.jgrid .jgrid_photo li ol { position:absolute; width:18px; height:18px; top:3px; right:3px; background-color: #ff0000; color:#ffffff; border-radius:9px; padding:0; box-sizing: border-box; font-size:11px; line-height:18px; text-align:center; opacity:0.5; }
.jgrid .jgrid_photo ul.image {
    width: 248px; /* 원하는 너비 */
    height: 200px; /* 원하는 높이 */
    display: flex; /* Flexbox 사용 */
    justify-content: center; /* 수평 중앙 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
    overflow: hidden; /* 초과된 부분 숨기기 */
}

.jgrid .jgrid_photo ul.image img {
    width: 100%; /* 너비 100% */
    height: 100%; /* 높이 100% */
    object-fit: cover; /* 비율 유지하며 꽉 차게 */
}

.jgrid .jgrid_photo ul:last-child { white-space:nowrap; text-overflow: ellipsis; overflow:hidden; padding:0 5px; line-height:30px; }


/*로딩창*/
.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; }

.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; }
}