/*
Responsive CSS3 Data Grids v1.0 (06.2012)
Copyright 2012 QuanticaLabs
www.quanticalabs.com
*/
table {
  position: relative;
  border-collapse: collapse;
     table-layout: fixed !important;

}

.sticky-row td{
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index:2;
  background: #d9ebf2 !important;
  border-bottom: 1px solid #e6e6e6;
}
.has_vsticky{
  z-index:5 !important;
}
.sticky-cell{
   position:sticky;
   position: -webkit-sticky;
   z-index:3;
   background: #d9ebf2 !important;
   border: 1px solid #e6e6e6;
}
 .sticky-cell.sticky-cellR{
       right:0;
	   border-width: 0 0 0 1px;
 }
 .sticky-cell.sticky-cellL{
       left:0;
	   border-width: 0 1px 0 0;
 }
/*---------------*/



table td{
  position:relative;
  min-height:45px;
  word-wrap:break-word;
}

	.btn-table-right{
	   float:right;
	}
/* ==================== CSS DEFAULTS ==================== */


/*	
table.qlabs_grid_container ul
	{
	margin: 0px !important;
	padding: 0px 0px 0px 14px !important;
	list-style-type: square !important;
	}
	
table.qlabs_grid_container ol
	{
	margin: 0px !important;
	padding: 0px 0px 0px 18px !important;
	}
	
table.qlabs_grid_container li
	{
	margin: 0px !important;
	padding: 0px !important;
	}
*/
/* ==================== TABLE CONTAINER ==================== */
/* --- Data Grids --- */
table.qlabs_grid_container
	{
	width: 100%; /* --- Overall Table Width --- */
	/*max-width: 960px; /* --- Overall Table Max Width --- */
	border-collapse: collapse;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	line-height: normal !important;
	/*font-size: 12px !important;  Base Font Size */
	background: #ffffff;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	/* color: #444444 !important; Base Font Color */
	
	/* CSS3 Box-Shadow 
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow:  3px 3px 0px 0px rgba(0, 0, 0, 0.05);*/
	}
table.qlabs_grid_container.tr{
background: transparent;
}



table.qlabs_grid_container.nooutline{
  border-width:0 0 0 0 !important;
}
/* ==================== TABLE HEADER ==================== */
/* --- Header Row --- */
table.qlabs_grid_container thead tr.header_row
	{
	height: 40px;
	border-bottom: 1px solid #e6e6e6;

}

/* ==================== TABLE SUBHEADER ==================== */
/* --- Subheader Row --- */
table.qlabs_grid_container tbody tr.subheader_row
	{
	/*font-weight: bold;*/
	border-bottom: 1px solid #ccc;
	/*color: #000000;*/
	/*text-shadow: 0px 1px 0px #ffffff;	*/
	background: #f2f2f2;
	}

/* Subheader Cell */
table.qlabs_grid_container tbody tr.subheader_row td.subheader_cell
	{
	/*line-height: 150% !important;*/
	text-align:center;
	vertical-align:middle;
	border-left: 1px solid #ccc;height:40px;
	-moz-box-sizing: border-box; -webkit-box-sizing:border-box;box-sizing:border-box;
	/* CSS3 Box-Shadow 
    -webkit-box-shadow: inset 0px 1px 0px 0px #d8d8d8;
	-moz-box-shadow: inset 0px 1px 0px 0px #d8d8d8;
    box-shadow: inset 0px 1px 0px 0px #d8d8d8;*/
	}
/* --- First Column Cell --- */	
table.qlabs_grid_container tbody tr.subheader_row td.subheader_cell:first-child
	{
	/*border-left: 0 !important;*/
	}	
	table.qlabs_grid_container tbody tr.subheader_row td.subheader_cell:last-child
	{
	 border-right: 1px solid #ccc; 
	}	

table.qlabs_grid_container.nooutline tbody tr.subheader_row td.subheader_cell:first-child{
	border-left: 0 !important;
}
table.qlabs_grid_container.nooutline tbody tr.subheader_row td.subheader_cell:last-child
{
 border-right: 0 !important;
}	
/* ==================== TABLE ROW ==================== */
table.qlabs_grid_container tbody.data_container tr
	{
	border-bottom:1px solid #e6e6e6;
	}
	/*
table.qlabs_grid_container.nooutline tbody.data_container tr:last-child{
	border-bottom:0 !important;

}
*/

/* --- Even Row Background --- */	
table.qlabs_grid_container tbody.data_container tr.data_even
	{
	background: #fafafa;border-bottom:1px solid #e6e6e6;
	}

/* --- Odd Row Background --- */	
table.qlabs_grid_container tbody.data_container tr.data_odd
	{
	background: #ffffff;border-bottom:1px solid #e6e6e6;
	}
	
table.qlabs_grid_container.tr tbody.data_container tr.data_odd,
table.qlabs_grid_container.tr tbody.data_container tr.data_even
{
background:transparent;
}

/* --- Row Hover --- */
/*
table.qlabs_grid_container.trhover tbody.data_container tr.data_even:hover,
table.qlabs_grid_container.trhover tbody.data_container tr.data_odd:hover
	{
	background: #f2f2f2;
	}
*/
table.qlabs_grid_container.trhover tbody.data_container tr:hover{
	background: #f2f2f2;
}

/*

table.qlabs_grid_container tbody.data_container tr td.data_cell, table.qlabs_grid_container tbody.data_container tr td.data_cell
{
  min-height:40px;
}
table.qlabs_grid_container.explain tbody.data_container tr td.data_cell, table.qlabs_grid_container.explain tbody.data_container tr td.data_cell
{
  min-height:30px;
}
*/


/* ==================== TABLE CELL ==================== */
/* --- Cell / Label Cell --- */
table.qlabs_grid_container tbody.data_container tr td.data_cell
	{
	/*padding: 6px 8px 6px 8px;
	line-height: 150% !important;*/
	border-left: 1px solid #e6e6e6;
	border-top: 0;
	-moz-box-sizing: border-box; -webkit-box-sizing:border-box;box-sizing:border-box;
	}
table.qlabs_grid_container td
{
padding: 12px 10px 5px 10px;
}
table.qlabs_grid_container .btn
	{
	height:30px;line-height:30px;
		   margin-top:-5px;

	}

/* --- First Column Cell --- */	
table.qlabs_grid_container tbody.data_container tr td.data_cell:first-child
	{
	/*border-left: 0 !important;*/
	}
table.qlabs_grid_container.nooutline tbody.data_container tr td.data_cell:first-child{
	border-left: 0 !important;
}


table.qlabs_grid_container.noborderall,
table.qlabs_grid_container.noborderall .tr.header_row,
table.qlabs_grid_container.noborderall .tr.header_row .td.header_cell,
table.qlabs_grid_container.noborderall .tr.data_row,
table.qlabs_grid_container.noborderall tbody.data_container tr td.data_cell:first-child,
table.qlabs_grid_container.noborderall tbody.data_container tr.data_odd,
table.qlabs_grid_container.noborderall tbody.data_container tr td.data_cell
{
   border-top-width:0 !important;
   border-bottom-width:0 !important;
   border-left-width:0 !important;
   border-right-width:0 !important;

}

/*///////////////////////////////////////////////*/
.no_cell{
  width:80px;
  font-size:90%;

}
/*///////////////////////////////////////////////*/
table.nxtable .link:not(.link-mark):after{
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	padding-left:5px;
}
.nxtb_pre{
  display:none;
}

.conv100fake{
  display:none;
}
table.nxtable .convhead{
  text-align:left;
}
/***************************/
/*@768과같게한다!!!*/




/**********/
/**********/
/**********/
/**********/
  #page-container:not(.page-full) table.nxtable.qlabs_grid_container:not(.convx1){
    border-top: 0;
	border-right: 0;
  }
#page-container:not(.page-full) table.nxtable .nxtb_pre{
  display:block;
  font-weight:bold;
  padding-right:10px;
  padding-bottom:5px;
  font-size:90%;
}
#page-container:not(.page-full) table.nxtable .conv100 .btn{
  margin-left:5px;margin-right:5px;
  height:35px;line-height:35px;
  width:150px;
}
#page-container:not(.page-full) table.nxtable .conv100 .goicon2:before{
  font-size:26px;
}
/*
#page-container:not(.page-full) table.nxtable .nxtb_main{
  width:75%;
}
*/
#page-container:not(.page-full) table.nxtable .convhead{
  min-height:50px;
  padding-top:15px;
  padding-left: 25px;
}

#page-container:not(.page-full) table.nxtable.qlabs_grid_container td.convhead:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    left: 5px;
    top: 18px;
    vertical-align: middle;
    color: #7fdafc;
}


#page-container:not(.page-full) table.nxtable .nxtb_pre.conv100,
#page-container:not(.page-full) table.nxtable .nxtb_main.conv100{
  width:100%;
}
#page-container:not(.page-full) table.nxtable .convhide{
  display:none !important;
}
#page-container:not(.page-full) table.nxtable .conv100fake{
  display:block;
}
  
  #page-container:not(.page-full) table.nxtable.qlabs_grid_container tr.subheader_row{
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  #page-container:not(.page-full) table.nxtable.qlabs_grid_container:not(.convx1) tr{
    display: block;
    margin-bottom:40px;
	display:flex;
	flex-wrap: wrap;
	border-top:0;
	border-right:0;
	border-bottom:0 !important;
  }
		#page-container:not(.page-full) table.nxtable.qlabs_grid_container tbody.data_container tr.data_even,
		table.nxtable.qlabs_grid_container tbody.data_container tr.data_odd{
			background-color:#fff;
		}


  #page-container:not(.page-full) table.nxtable.qlabs_grid_container td{
	width:50%;
    position:relative;
	text-align:left;
	display:flex;
	justify-content: space-between !important;
	flex-wrap: wrap;
	border-left: 1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6 !important;
  }

#page-container:not(.page-full) table.nxtable.qlabs_grid_container:not(.convx1) td:nth-child(even),
#page-container:not(.page-full) table.nxtable.qlabs_grid_container:not(.convx1) td.conv100{
    border-right: 1px solid #e6e6e6;
}
#page-container:not(.page-full) table.nxtable.qlabs_grid_container:not(.convx1) td:last-child {
    border: 1px solid transparent !important;
}



  #page-container:not(.page-full) table.nxtable.qlabs_grid_container td.conv100{
     width:100% !important;
  }

   #page-container:not(.page-full) table.nxtable.qlabs_grid_container td.convhead{
        width:100%;
        background:#f2f2f2;
		font-weight:bold;

  }

	#page-container:not(.page-full) .btn-table-right{
	   position:absolute !important;
	   top:5px;right:5px;margin-top:0 !important;
	}
/**********/
/**********/
/**********/
/**********/






/***************************/
@media screen and (max-width: 768px) {


/**********/
/**********/
/**********/
/**********/
  table.nxtable.qlabs_grid_container{
    border-top: 0;
	border-right: 0;
  }
table.nxtable .nxtb_pre{
  display:block;
  font-weight:bold;
  padding-right:10px;
  padding-bottom:5px;
  font-size:90%;
}
table.nxtable .conv100 .btn{
  margin-left:5px;margin-right:5px;
  height:35px;line-height:35px;
  width:150px;
}
table.nxtable .conv100 .goicon2:before{
  font-size:26px;
}
/*
table.nxtable .nxtb_main{
  width:75%;
}
*/
table.nxtable .convhead{
  min-height:50px;
  padding-top:15px;
  padding-left: 25px;
}

table.nxtable.qlabs_grid_container td.convhead:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    left: 5px;
    top: 18px;
    vertical-align: middle;
    color: #7fdafc;
}


table.nxtable .nxtb_pre.conv100,
table.nxtable .nxtb_main.conv100{
  width:100%;
}
table.nxtable .convhide{
  display:none !important;
}
table.nxtable .conv100fake{
  display:block;
}
  
  table.nxtable.qlabs_grid_container tr.subheader_row{
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.nxtable.qlabs_grid_container tr{
    display: block;
    margin-bottom:40px;
	display:flex;
	flex-wrap: wrap;
	border-top:0;
	border-right:0;
	border-bottom:0 !important;
  }
		table.nxtable.qlabs_grid_container tbody.data_container tr.data_even,
		table.nxtable.qlabs_grid_container tbody.data_container tr.data_odd{
			background-color:#fff;
		}


  table.nxtable.qlabs_grid_container td{
	width:50%;
    position:relative;
	text-align:left;
	display:flex;
	justify-content: space-between !important;
	flex-wrap: wrap;
	border-left: 1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6 !important;
  }

table.nxtable.qlabs_grid_container td:nth-child(even),
table.nxtable.qlabs_grid_container td.conv100{
    border-right: 1px solid #e6e6e6;
}
table.nxtable.qlabs_grid_container td:last-child {
    border: 1px solid transparent !important;
}



  table.nxtable.qlabs_grid_container td.conv100{
     width:100% !important;
  }

   table.nxtable.qlabs_grid_container td.convhead{
        width:100%;
        background:#f2f2f2;
		font-weight:bold;

  }

	.btn-table-right{
	   position:absolute !important;
	   top:5px;right:5px;margin-top:0 !important;
	}
/**********/
/**********/
/**********/
/**********/
}
/***************************/
@media screen and (max-width: 550px) {

.conv100fake{
  display:none !important;
}
  table.nxtable.qlabs_grid_container td{
	width:100% !important;
    border-right: 1px solid #e6e6e6;
  }

  table.nxtable .conv100fake{
	  display:none !important;
  }


}
/***************************/

/*//////////////////////////////////////////////*/