/* NOTICE-SECTION */

#notice-section
{
	border-radius: 10px 10px 0px 0px;
	height: 61px;
	margin: 0px auto;	
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	margin-top: 50px;
	width: 60%;
}
#tbl-scroll
{
	border-radius: 0px 0px 10px 10px;
	max-height: 550px;
	overflow-y: scroll;
	margin: 0px auto;	
	margin-bottom: 50px;
	transition: color .3s ease;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	width: 60%;
}
#notice-section .tbl1
{
	border-collapse: collapse;
	height: 50px;
	width: 100%;
}
#tbl-scroll .tbl2
{
	border-collapse: collapse;
	min-height: 40px;
	width: 100%;
}
table tr
{
	display: table-row;
}
#notice-section table tr .column
{
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    background-color: #6c7ae0;
	padding-top: 18px;
	text-align: left;
	letter-spacing: 2px;
	padding-bottom: 18px;
}
#notice-section table tr .column1
{
	width: 70%;
	padding-left: 50px;
	border-radius: 10px 0px 0px 0px;
}
#notice-section table tr .column2
{
	width: 15%;
}
#notice-section table tr .column3
{
	border-radius: 0px 10px 0px 0px;
	width: 15%;
}
#tbl-scroll table tr .cell
{
	font-size: 14px;
    color: #808080;
    line-height: 1.4;
    padding-top: 14px;
	letter-spacing: 2px;
    padding-bottom: 14px;
	font-weight: 600;
}
#tbl-scroll table tr .cell1
{
	padding-left: 50px;
	width: 70%;
}
#tbl-scroll table tr .cell2
{
	padding-left: 10px;
	text-align: middle;
	width: 15%;
}
#tbl-scroll table tr .cell3
{
	padding-left: 20px;
	width: 15%;
}
#tbl-scroll table tr:nth-child(even)
{
    background: #F8F6FF;
}

*::-webkit-scrollbar,
*::-webkit-scrollbar-thumb
{
	width: 26px;
	border-radius: 13px;
	background-clip: padding-box;
	border: 10px solid transparent;
	background: transparent;
}

*::-webkit-scrollbar-thumb
{        
	box-shadow: inset 0 0 0 10px;
}
#tbl-scroll:hover
{
	color: rgba(0, 0, 0, 0.3);
}

#tbl-scroll as{
  background: white;
  padding: 20px;
  width: 200px;
  height: 100px;
  margin: 100px auto;
  border-radius: 3px;
  overflow: auto;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 black;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  transition: color .3s ease;
}

@media screen and (max-width: 1440px) and (min-width: 1025px)
{
	#notice-section
	{
		width: 70%;
	}
	#tbl-scroll
	{
		width: 70%;
	}
}

@media only screen and (max-width: 1024px)
{
	#notice-section
	{
		width: 80%;
	}
	#tbl-scroll
	{
		width: 80%;
	}
}

@media only screen and (max-width: 768px)
{
	#notice-section
	{
		width: 80%;
	}
	#tbl-scroll
	{
		width: 80%;
	}
	#notice-section table tr .column1
	{
		padding-left: 30px;
	}
	#notice-section table tr .column2
	{
		display: none;
	}
	#notice-section table tr .column3
	{
		padding-right: 10px;
	}
	#tbl-scroll table tr .cell1
	{
		padding-left: 30px;
	}
	#tbl-scroll table tr .cell2
	{
		display: none;
	}
	#tbl-scroll table tr .cell3
	{
		text-align: center;
	}
}