@charset "UTF-8";     

/*=======================================*/
/*	IMS XGrid														 */
/*=======================================*/
/* simple search version upgrade */
.G2_SimpleSearch2Frame {box-sizing:border-box;position:relative;padding:0 0 10px 0;text-align:left;overflow:hidden}
.G2_SimpleSearch2Frame button{margin:0;position:absolute;top:7px;right:5px;border:0;font-size:smaller;padding:0;background-color:transparent;font-weight:bolder;font-size:xx-small}
.G2_SimpleSearch2Frame button:not([key='3']){cursor:pointer}
.G2_SimpleSearch2Frame button[key='3']{cursor:default!important}
.G2_SimpleSearch2Frame .gubun01{color:cadetblue;}
.G2_SimpleSearch2Frame .gubun02{color:blueviolet;}
.G2_SimpleSearch2Frame .gubun03{color:darkmagenta;}
.G2_SimpleSearch2Frame .gubun04{color:darkgray;}
.wsimplesearch {width:170px!important}
@media screen and (max-width:500px){
    .G2_SimpleSearch2Frame button{display:none}
}

.G2_Frame {box-sizing:border-box;overflow:hidden;position:relative;border:1px solid #A4A4A4;width:100%;border-left:4px solid var(--border-color)}
.G2_Frame .nondisplay { display : none }
.G2_Frame .borderleft { border-left:1px solid #A4A4A4; }    
.G2_Frame .nonborderright { border-right:0 }    
.G2_Frame table { border-collapse :separate;box-sizing:border-box}
.G2_Frame div[name=FrameDiv]{display:flex;box-sizing:border-box;overflow:hidden;padding:0;margin:0;border:1px solid #A4A4A4;border-bottom: 0;border-right: 0;position:relative;left:-1px;width:100%;z-index:91}
.G2_Frame .fixed { flex-shrink:0;box-sizing:border-box;overflow:hidden;border:0;padding:0;margin:0;z-index:93 }
.G2_Frame .nonfixed { flex-grow:1;box-sizing:border-box;overflow-y:hidden;overflow-x:auto;border:0;padding:0;margin:0;z-index:92;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color)}
.G2_Frame .nonfixed::-webkit-scrollbar { width:10px;height:10px}
.G2_Frame .nonfixed::-webkit-scrollbar-track { background-color:transparent;-webkit-opacity:0.6}
.G2_Frame .nonfixed::-webkit-scrollbar-thumb { background-color:var(--bg-color);border-radius:4px;background-clip:padding-box;border:1px solid transparent}
.G2_Frame table[name='G2_footer'] { clear:both; padding:5px 10px; height:22px; font-size:0.7rem; border:0!important; }
.G2_Frame table[name='G2_footer'] td { text-align:left;border:0!important; padding:0!important}
.G2_Frame table[name='G2_footer'] td:last-child { text-align:right;}
.G2_Frame div[name='G2info'] {position:absolute;font-size:1rem;color:black;left:0;top:0;right:0;line-height:30px;background-color:var(--border-color);text-align:center;opacity:0.5;}
.G2_Frame div[name='G2_scroll'] { display:none; position:absolute; right:-1px; width:18px; border:0px solid transparent; overflow-x :hidden; overflow-y:auto; background-color:transparent;z-index:94;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color)}
.G2_Frame div[name='G2_scroll']::-webkit-scrollbar { width:10px;height:10px}
.G2_Frame div[name='G2_scroll']::-webkit-scrollbar-track { background-color:transparent;-webkit-opacity:0.6}
.G2_Frame div[name='G2_scroll']::-webkit-scrollbar-thumb { background-color:var(--bg-color);border-radius:4px;background-clip:padding-box;border:1px solid transparent}
.G2_Frame div[name='G2_scroll'] div[name='G2_scroll_detail'] { width:1px; height:1px}

.G2_Frame div[name='G2_loader'] { z-index:101;display:none;position:absolute;top:0;bottom:0;left:0;right:0;background:url("/IMS02/module/html/images/loading83.webp") no-repeat center center; filter:opacity(40%);}

.G2_Frame div[name='FunctionDiv'] {clear:both;height:60px; position:relative; }
.G2_Frame div[name='FunctionDiv'] a { cursor:pointer; } 
.G2_Frame div[name='FunctionDiv'] .G2_btn { padding:8px 5px 0 3px; float:right; font-size:1.5rem; color: #6E6E6E}
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] { cursor:pointer;padding:5px;font-size:0.8rem;position:absolute;top:1px;left:1px;right:100px;bottom:1px;text-align:left;overflow:hidden;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word; }
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] span { padding:2px 5px 2px 5px; margin:0 5px 0 0; }
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] .sort { background-color:#787878; color:#fff; border-radius: 2px 2px;line-height:15px;margin-bottom:5px;display:inline-block}
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] .filter {background-color: var(--border-color);color: #fff;border-radius:2px 2px;line-height:15px;margin-bottom:5px;display:inline-block}
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] .filter a { padding-right:5px;color:#333;font-weight:normal!important }
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] .filter font { font-size:1rem; padding:auto 5px;margin:0}
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] .keycheck { background-color:#335944; color:#fff; border-radius: 2px 2px}
.G2_Frame div[name='FunctionDiv'] div[name='FunctionArea'] .keycheck a { padding-right:5px; color:#fff }

.G2_Frame .g2_grid_summary{width:inherit;overflow:hidden;background-color:ivory;text-align:left;padding:10px 0 0 0; margin:5px 0;flex-wrap:wrap;border-top:1px solid var(--border-color)}
.G2_Frame .g2_grid_summary span:nth-child(odd){color:cadetblue;text-align:right;padding-right:10px}
.G2_Frame .g2_grid_summary span:nth-child(odd):after{content:" :"}
.G2_Frame .g2_grid_summary span:nth-child(odd){flex:1 10%; overflow:auto}
.G2_Frame .g2_grid_summary span:nth-child(even){flex:1 37%; overflow:auto}
@media screen and (max-width:560px){
	.G2_Frame .g2_grid_summary span:nth-child(odd){flex:1 20%}
	.G2_Frame .g2_grid_summary span:nth-child(even){flex:1 70%}
}
@media screen and (max-width:400px){
  .G2_Frame .g2_grid_summary span:nth-child(odd){flex:1 20%}
	.G2_Frame .g2_grid_summary span:nth-child(even){flex:1 65%}
  .wsimplesearch {width:160px!important}
}
@media screen and (max-width:300px){
	.G2_Frame .g2_grid_summary span:nth-child(odd){flex:1 20%}
	.G2_Frame .g2_grid_summary span:nth-child(even){flex:1 55%}
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.G2_SimpleSearch2Frame{width:100.03%};
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.G2_Frame div[name='G2_loader'] {opacity:0.3};
}

 /* \f0e7 */
.G2_Frame div[name='FunctionDiv']:before {
 	content: "Click to search \A Click the header to perform a detailed search";  
 	white-space:pre;
  font-style: normal;
  font-weight: normal;
  color: #cdcdcd;
  font-size: 1.1rem;
	position:absolute;
	top:60%;
	left:50%;
	transform: translate(-50%,-50%)
}

@media screen and (max-width:800px){
    .G2_Frame div[name='FunctionDiv']:before {
      font-size: 0.8rem;
      left:40%;
    }
}

.G2_Frame table { table-layout:fixed; border-spacing: 0 0; width:100%; }
.G2_Frame table thead th { box-sizing:border-box;background-color :var(--bg-color); background-image :var(--bg-image-color); text-align:center!important; font-size:0.8rem}
.G2_Frame table thead th span{ cursor :help }
.G2_Frame table thead th .resize { position:absolute; top:0px; right:1px; bottom:0px; width:5px; cursor:w-resize; }

/* 변경만 가능 */
.G2_Frame table tbody .clickstyle { font-weight:bolder; cursor:pointer; text-shadow: 0.2px 0.2px #ccc }		/* td click 시 이곳 수정  */
.G2_Frame table tbody .over { background-color : #d2e9ff!important }	/* tr over시 이곳 수정 */
.G2_Frame table tbody .out { background-color : default!important  }	/* tr out 시 이곳 수정  */
/* 변경만 가능 END */

.G2_Frame table tbody tr td { font-size:0.8rem; }
.G2_Frame table th, .G2_Frame table td { box-sizing:border-box;position:relative;border:0!important; border-right:1px solid beige!important;border-bottom:1px solid khaki!important; max-width: 100%; overflow: hidden;}
.G2_Frame table td { box-sizing:border-box;padding:2px 4px!important; vertical-align:middle }
.G2_Frame table td { text-overflow: ellipsis; white-space: nowrap; }
.G2_Frame table tfoot td { display : none }

.G2_Frame table[name='G2_footer'] input[type=text] { height:15px!important;background-color:#fffff0;text-align:center; border:0px solid #444;width:30px;font-size:1rem;border-radius:0 0;padding:3px!important}
.G2_Frame table[name='G2_footer'] input[type=button] { text-align:center; border:1px solid #444; width:40px; font-size:0.7rem }
.G2_Frame table[name='G2_footer'] span[name=no], .pagenavi a { cursor: pointer; }
.G2_Frame table[name='G2_footer'] .totalinfo {display:inline-block}
.G2_Frame table[name='G2_footer'] .totalinfo a { cursor: pointer; }
.G2_Frame table[name='G2_footer'] .totalinfo span[name=viewtop], .pagenavi font{ font-weight:bolder; color: #FE642E }
.G2_Frame table[name='G2_footer'] .pagenavi .space {display:inline-block; width:0 }
.G2_Frame table[name='G2_footer'] .viewrowinfo {padding-left:10px; display:inline-block}
.G2_Frame table[name='G2_footer'] .viewrowinfo span {cursor:pointer}

.G2_Frame .G2checkbox{height:10px;width:10px!important;-webkit-appearance:none;-moz-appearance:none;background-color:#D8D8D8;border:1px solid #E6E6E6;padding:0;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-5px;} 
.G2_Frame .G2checkbox:checked{background-color:#FF8200!important;border:1px solid #F4FA58 }
.G2_Frame table tbody td[colname=g2check] {max-width:20px!important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .G2_Frame .G2checkbox {margin-top:10px;} 
}