/* BASIC css start */
#mcontent{  position: relative;  margin:0px auto 0px; height: 100vh; *zoom:1; }  
#mcontent:after{content:""; display:block; clear:both;}

.background {
        bottom: 0;
	left: 0;
	overflow: hidden; /* blur 처리 후 튀어나온거 잘라냄 */
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1; /* 배경으로 만들기 위해 맨 뒤로 보냄 */
      
}
.background-video {
	bottom: -9999px; /* 가로세로 가운데 중앙 정렬 */
	filter: blur(0rem); /* 가우시안 블러 */
	height: 110vw; /* viewport-width 값 */
	left: -9999px; /* 가로세로 가운데 중앙 정렬 */
	margin: auto; /* 가로세로 가운데 중앙 정렬 */
	position: absolute;
	right: -9999px; /* 가로세로 가운데 중앙 정렬 */
	top: -9999px; /* 가로세로 가운데 중앙 정렬 */
	width: 100vw; /* viewport-width 값 */
}

.text-box { display:table;height:100vh;width:100%; z-index:999  }
.text h1 { font-size:30px;  font-family: Roboto, Noto Sans; font-weight:700 ; color:#fff; margin:10px  }
.text p {  margin:10px;  }
.text { box-sizing: border-box;
	color: #f8f8f8;
	font: 1rem ;
	height: 100vh;
	padding: 1rem;
	text-shadow: 0 0 1rem #000;
        display:table-cell; 
        vertical-align:middle;
        font-size:20px;
        text-align:center;
}

.text ._kor { font-size:14px; font-weight:bold;}


@media screen and (max-aspect-ratio: 16/9) { /* youtube 동영상의 비율 720p */
	.background-video {
	height: 100vh; /* viewport-height 값 */
	width: calc(110vh * 1.78); /* viewport-height 값 ( 넓이를 16/9 비율로 만듬 ) */
	}
}


/* 이미지 */

.background_img { position:absolute;left:0;top:0;  width:100%;height:100vh; text-align:center;background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;  z-index: -1; /* 배경으로 만들기 위해 맨 뒤로 보냄 */
}

/* BASIC css end */