@charset "utf-8";
.black_box{
	background:#000;
	min-height:100vh;
	width:100%;
	color:#FFF;
	text-align:center
}
.logo_area{
	position:relative;
	width:100%;
	height:100vh;
	overflow: hidden;
}
.logo_area img{
	max-width: 70vw;
	position:absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.video{
  max-width: 650px;
}
.video-ratio{
  height: 0;
/*  padding top은 부모 요소의 가로 요소에 영향을 받는다  */
/*  height는 반응형이 안되고 크기를 픽스해버리는 것임  */
  padding-top: 56.25%;
  position: relative;
}
.video iframe{
  background: black;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}