@charset "UTF-8";
/*뉴스 페이지 css ---------------------------------*/
.news-tb{
	text-align : left;
	width: 1000px;
	margin : 0 auto;
	margin-bottom : 200px;
}
.news-box{
	width: 100%;
}

.news-txt{
 	text-align : center;
 	width: 15vw;
 	min-width : 10vw;
 	height: 10vw;
	font-size: 2.5vw;
	font-weight: 600;
	margin : auto;
	margin-top : 5vw;
	letter-spacing: 1px;
}
.news-cn{
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
	height: 80px;
/* 	background-color : #eaeaea; */
	border-top: 1px solid black;
	border-bottom: 2px solid black;
}

.newslist-box{
	font-size: 17px;
	letter-spacing: 1px;
	height: 80px;
	border-color : black;
	border-width : 1px;
	border-bottom: 1px solid #c0c0c0;
}
.newslist-box:hover{
	background-color: rgba(170, 204, 255, 0.3);
	
}
.newslist-box td:hover{
	cursor: pointer;
	
}
.news-num{
	text-align: center;
	width: 200px;
	
}

.news-sj{
	width : 1000px;
	text-align: left;
}

.news-rj{
	width : 300px;
	text-align: left;
	
}

/*뉴스 상세 페이지 css ---------------------------------*/
.news-info-tb{
	text-align : left;
	width: 1000px;
	margin : 0 auto;
	margin-bottom : 40px;
	
}

.newsinfo-before-btn-box{
	height: 100px;
	margin-left : 12%;
	margin-top : 2%;
	
}
.newsinfo-before-btn{
	
	padding : 20px;
	margin : 5px;
	letter-spacing: 1px;
}
		
/* news css -------------------------------------------*/
		.news-container{
			position: relative;
			display:flex;
			font-size: 1.3vw;
			/* width: 80%; */
		}
		
		.newsvideo {
			display: block;
			flex: 1;
			cursor: pointer;
			margin : auto;
			margin-bottom : 3%; /**/
			width : 60%;
			border-radius:3%;
		}
		
		.newsvideo-container{
			display: block;
			flex: 1;
		}
		
		.newsbtn{
			display: block;
			width: 200px;
			height: 152px;
			background:  #9cc7f5;
			text-align: center;
			/* margin-left: 5px;*/
			margin-top: 100px; 
		}
		
		.newslist{
			display: inline-block;
			padding: 10px;
			width: 160px;
			height: 16px;
			color: white; 
			font-size: 18px;
			font-weight: 600;
			border-bottom: 2px solid #8fc0f5; /* */
			text-align: right;
		}
		
		.newslist:hover{
			background:  #4A84FF;
			color:  white; 
			border-radius: 8px;
		}
		
		.news-hrbar{
		margin-left: 10%; 
		margin-right: 10%;
	}