@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');

#hero {
			height:100vh;
			width:100%;
			display:flex;
			align-items:center;
			justify-content: center;
}

#hero::after {
	  width:100%;
	  height:100%;
	  content: '';
	  position:absolute;
	  z-index:10;
	  top:0;
	  left:0;
	  background:rgba(0,0,0,0.5)
}

#hero video {
	  width:100%;
	  height:100%;
	  position:absolute;
	  top:0;
	  left:0;
	  z-index:5;
	  object-fit:cover;
	  font-family:'object-fit: cover';
}

#hero .texture {
	  width:100%;
	  height:100%;
	  position:absolute;
	  top:0;
	  left:0;
	  z-index:15;
	  background:url('../texture.png');
}


#hero .caption {
	  position:relative;
	  z-index:20;
	  text-align:center;
	  color:#ffffff;
}

#hero #header{
	height:80px;width:100%;top:0;
	  position:fixed;
	  z-index:20;
	  text-align:center;
	  color:#ffffff;
}

#hero #header #menu{
	color:#fff;position:absolute;top:10px;left:0;width:500px;display:none}
}
#hero #header #menu ul{}
#hero #header #menu ul li{list-style:none;float:left;
/*width:25%;*/
padding:0 25px;text-align:center}
#hero #header #menu ul li a{color:#fff;text-decoration:none;  font-family: 'Nanum Gothic', sans-serif;font-size:15px;font-weight:700}

#hero .mainVisual{position:fixed;z-index:20;height:220px;width:100%;background: rgb(0, 0, 0);bottom:0;}
#hero .mainVisual .visualTxt{position:absolute;top:8%;text-align:center;width:100%;color:#fff;	font-size:1.25em;font-family: 'Oswald', sans-serif;}
#hero .mainVisual .visualSubTxt{position:absolute;top:20%;text-align:center;width:100%;color:#fff;	font-size:0.75em;font-family: 'PT Sans', sans-serif;}
#hero .mainVisual .btnGroup{position:absolute;width:100%;bottom:10%;left:0;display:flex;justify-content:center;transition:opacity ease-in 1s;
  flex-direction: row; flex-wrap: wrap;}
#hero .mainVisual .btnGroup .btn{width:32%;min-width:120px;margin-right:15px;margin-bottom:15px;padding:10px 0;border:1px solid rgba(255,255,255,.5);color:#fff;font: 400 14px gothamL;text-align:center;letter-spacing:.5px;text-decoration:none;height:20px;}
.mainVisual .btnGroup .btn:last-child{margin-right:0;}

#hero .caption{display:none;}

#hero .caption h1 {
	text-transform: uppercase;
	font-size:2em;
	font-family: 'Oswald', sans-serif;
	margin-bottom:0.5rem;
}

#hero .caption h2 {
	font-weight:400;
	font-size:1.5rem;
	margin:0;
	font-family: 'PT Sans', sans-serif;
}

@media screen and (min-width:768px)
{
	#hero #header #menu,
	#hero .caption{
		display:none;
	}
	
	#hero .mainVisual{
		display:block;
	}
	  #hero .caption h1 {
			font-size:2.5rem;
	  }

	  #hero .caption h2 {
			font-size:1.75rem;
	  }
}


@media screen and (min-width:992px)
{

	#hero #header #menu,
	#hero .caption{
		display:none;
	}
	
	#hero .mainVisual{
		display:none;
	}
	  #hero .caption h1 {
			font-size:3rem;
	  }

	  #hero .caption h2 {
			font-size:2rem;
	  }
}

@media screen and (min-width:1200px)
{
	#hero #header #menu,
	#hero .caption{
		display:block;
	}
	#hero .mainVisual{
		display:none;
	}
	  #hero .caption h1 {
			font-size:4rem;
	  }

	  #hero .caption h2 {
			font-size:2.5rem;
	  }
}