.video-frame {
	width: 100%;
	height: 940PX;
/*	border: 1px solid red;*/
/*	position: absolute;*/
	top: 0px;
	left: 0;
	overflow: hidden;
}
.video-frame video {
  position: absolute;
  width: 100%;
  height: 940PX;
  z-index: -1;
  object-fit: cover;
 overflow: hidden;
}
.video-frame p {
	position: absolute;
/*	border: 1px solid red;*/
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 70px;
	color: #fff;
	font-weight: 600;
/*	text-shadow: 1px 1px 1px black;*/
	animation: movie_text 10s linear infinite;
	opacity: 0;
}
.video-frame p:nth-child(1){
	animation-delay: 0s;
}
.video-frame p:nth-child(2){
	animation-delay: 3.5s;
}
.video-frame p:nth-child(3){
	animation-delay: 7s;
	
}
.video-frame span {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	color: #fff;
	font-weight: 300;
}
.pro {
	background-color: #fff;	
	padding: 90px 0;
	display: flex;
	justify-content: center;
}
.pro_inners {
	width: 1200px;
/*	border: 1px solid red;*/
	position: relative;
}
.pro_inners h1, .media_inner h1, .news_inner h1 {
	font-family: 'Roboto', sans-serif;
  	font-weight: 600;
	font-size: 52px;
	float: left;
	margin: 0;
	padding-right: 188px;
	color:#515151;
	}
.pro_inners .title {
	display:block;	
	width:100%;
	margin-bottom: 50px;
}
.pro_inners div{
	width: 33.3%;
	height: 400px;
	float: left;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;	
	margin: 0;
	padding: 0;
	text-align: center;	
	transition: all 0.3s ease;
	overflow: hidden;
}
.pro_inners div h3 {
	font-size: 36px;
	color: #383838;
/*	border: 1px solid #e2e2e2;*/
	margin-top: 0;
	font-weight: 600;
}
.pro_each {
	position: relative;
}
.pro_each .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    opacity: 0;
	color: #fff;
}
.pro_inners div:hover .cover {
	opacity: 1;
}
.cover img {
	width: 100%;
}
.cover h5 {
	position: absolute;
	top: 0;
	left: 40px;
	font-size: 18px;
	font-weight: 600;
}
.cover p {
	position: absolute;
	top: 120px;
	left: 40px;
	font-size: 22px;
	font-weight: 200;
	line-height: 1.4em;	
	text-align: left;
}

.btn_more {
	position: absolute;
	bottom: 70px;;
	left: 40px;
	font-size: 14px;
	font-weight: 200;
	display: block;
}
.btn_more a {
	color: #fff;
}
.btn_more a:before {
	content: '';
	position: absolute;
	background-color: #fff;
	height: 1px;
	width: 0px;
	bottom: 0;
	transition: 0.3s;
}
.btn_more a:hover:before {
	width: 100%;
}
.media {
	padding: 90px 0;
	display: flex;
	justify-content: center;
}
.media_inner {
	width: 1200px;
	position: relative;
}
.media_btn_area {
/*	border: 1px solid red;*/
	position: absolute;
	bottom: 15px;
	left: 0;
}
.media button {
	width: 70px;
	height: 70px;
	background-color: #37cac9;
	outline: none;
	border: 0;
	border-radius: 50%;
	margin-right: 15px;
	cursor: pointer;
	transition: 0.3s; 
}
.posi_left {
	/* border: 1px solid red;*/
	padding-left: 3px;
	margin-top:-5px;
	display:inline-block;
}
.posi_left2 {
	/* border: 1px solid red;*/	
	margin-top:-7px;
	display:inline-block;
}
.media button:hover {
	background-color: #000;
}

.news {
	background-color: #fff;	
	padding: 90px 0 250px 0;
	display: flex;
	justify-content: center;
}
.news_inner {
	width: 1200px;	
	position: relative;
}
.news_inner h1 {
	padding-right: 50px;
}
.news_inner a {
	font-size: 30px;
	color:#b6b6b6;
}
.news_inner div {
	position: absolute;
	top: 0;
	right: 0;
/*	border: 1px solid red;  */
	width:78%;	
}

/*게시판 내의 css 변경*/
.news_board .choice a {
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size : 16px;
	line-height : 3em;
}
.news_board .choice a:hover {
	color :black;
	font-weight :600;
}
.news_board .choice td {
	border-bottom : 1px solid #eee;
}
.news_board .choice .writer {
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size : 12px;
}

@keyframes movie_text {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/*mediaquery*/
/* 화면너비 0~1652 */

@media (max-width: 1652px){
	.video-frame p {
		font-size: 60px;
	}
	.video-frame span {
		font-size: 25px;
	}
	.pro  {
		overflow-x: hidden; 
	}
}
@media (max-width: 1270px){	
	.video-frame {	
		height: 800px;
	}
	.video-frame p {
		font-size: 45px;
	}
	.video-frame span {
		font-size: 30px;
	}
	.pro  {
/*		border: 1px solid red; 
		width: 100%;*/
	}
	.pro_inners {
		width: 100%;	
	}
	
	.pro_each>img {
		width:auto;
	}	
	.cover>h5, .cover>p, .cover>span {
		padding-left: 5%;
	}
	.news_inner {
	 width:95%;
/*	 border: 1px solid red; */
	}
}
@media (max-width: 1220px){
	.pro_inners div {
		width:100%;
	}
	.media {
		padding-bottom: 50px;
	}
	.media_inner {
		width: 95%;
	}
	.media_inner iframe {
		margin-top: 30px;
		width: 100%;
	}
	.media_btn_area {
/*		border: 1px solid red;*/
		position: relative;
		margin-top: 20px;
	}
	.news_inner div {
		position: relative;
		width : 90%;
		padding-top :20px;
/*		border: 1px solid red; /*
	}
}
@media (max-width: 1040px){
	.video-frame p {
		font-size: 40px;
	}
	.video-frame span {
		font-size: 25px;
	}	
	.cover>h5, .cover>p, .cover>span {
		padding-left: 27%;
	}
}
@media (max-width: 960px){
	.video-frame {
		height: 800px;
	}
	.video-frame p {
		font-size: 35px;
		top:30%;
	}
	.video-frame span {
		font-size: 20px;
		top:45%;
		line-height: 1.2em;
	}
}
@media (max-width: 768px){
	.video-frame {
		height: 600px;
	}
	.cover>h5, .cover>p, .cover>span {
		padding-left: 18%;
	}
}
@media (max-width: 480px){
	.video-frame {
		height: 450px;
	}
	.video-frame p {
		font-size: 30px;
		top:20%;
		line-height: 1.5em;
	}
	.video-frame span {
		font-size: 15px;
		top:50%;
		line-height: 1.0em;
	}
	.pro_inners, .news_inner  {
		width: 95%;
	}
	.cover>h5, .cover>p, .cover>span {
		padding-left: 20px;
	}

}