@charset "UTF-8";
body{
	font-family: 'Noto Sans','Noto Sans KR', sans-serif;
	background: #231f20;
	color: white;
	font-size: 1.4vw;
}
#menu{
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	background: #231f20;
	z-index: 3;
}

#logo{
	width:auto;
	height:6vh;
	padding-left: 1.5vw;
}
#burger{
	height:6vh;
	width:auto;
	float: right;
	padding-right: 2vw;
	cursor: pointer;
	
}
#overlay{
	z-index: 2;
	overflow: hidden;
	width:100vw;
	height:0vh;
	padding:0px 3vw;
	position: fixed;
	top:0px;
	left:0px;
	background: rgb(237,237,237);
	background: linear-gradient(0.3deg, rgba(237,237,237,0.8) 0%, rgba(35,31,32,1) 15%);
	transition: all 0.6s ease;

}
#overlay.expand{
	height:100vh;
	
}

.flexcontent{
	display: flex;
	flex-wrap: wrap;
	
	margin: 20vh 5vw;
}
.flex1{
	flex:59%;
	margin-right:1%;
	
}
.flex2{
	box-sizing: border-box;
	
	flex: 40%;
}
.content{
	margin: 20vh 44vw 10vh 5vw;
}
.larger{
	font-size:1.7vw;
}
.button{
	width:30vw;
	height:6.3vh;
}

.video{
	box-sizing: border-box;
	width:100%;
	padding: 8vh 8vw;
}
.spacer{
	width:100%;
	height:15vh;
}
a:link{
	padding-right:5vw;
	padding-left:0.5vw;
	text-transform: uppercase;
	font-size: 2.1vw;
	color:white;
	background-color: transparent;
  	text-decoration: none;
	font-weight: 800;  
}
a:visited{
	color:white;
}
a:hover{
	background: white;
	color:black;
	
}

a.smalllink:link{
	text-transform: none;
	text-decoration: underline;
	font-size: 1.4vw;
	color:white;
	background-color: transparent;
  	
	  
}
a.smalllink:hover{
	background: white;
	color:black;
}

@media (orientation: portrait) {

	body{
		font-size: 1.4vh;
	}
.flex1{
	flex:100%;
	margin-right:0%;
	
}
.flex2{
	box-sizing: border-box;
	flex: 100%;
}
.larger{
	font-size:2vh;
}
	a:link{
		font-size: 3vh;
	}
.button{
	width:40vw;
	height:5.5vh;
}
.content{
	margin: 20vh 4vw 10vh 4vw;
}
	#overlay{
		padding:0px 8vw;
	}
	.spacer{
	width:100%;
	height:9vh;
}
	
a:link{
	padding-right:5vw;
	padding-left:0.5vw;
	padding-bottom: 0.2vh;
	text-transform: uppercase;
	font-size: 3vh;
	color:white;
	background-color: transparent;
  	text-decoration: none;
	font-weight: 800;  
}
a:visited{
	color:white;
}
a:hover{
	background: white;
	color:black;
	
}

a.smalllink:link{
	text-transform: none;
	text-decoration: underline;
	font-size:1.5vh;
	color:white;
	background-color: transparent;
  	
	  
}
a.smalllink:hover{
	background: white;
	color:black;
}
}