@charset "UTF-8";
* {
	box-sizing: border-box;	
}


.vr-wrapper {
	position: fixed;
	top: 40%;
	left: 50%;
	display: block;
	width: 970px;
	background: #fff;
	transform:translate(-50%, -50%);
}

.vr-area {
	padding: 80px 50px 70px 50px;
	text-align: center;
}

.vr-area > h1 {
	margin-bottom: 	63px;
}

.vr-area > .button > .campus1 {
	display: inline-block;
	padding: 0 5px;
}

.vr-area > img {
	margin-top: 55px;
}





@media only all and (max-width: 1023px) {

	.vr-wrapper {
		width: 24.62rem;
	}

	.vr-area {
		padding: 4.385rem 0.538rem 3.846rem 0.538rem;
	}

	.vr-area > h1 {
		margin-bottom: 2.346rem;
	}

	.vr-area > h1 > img {
		width: 17.88rem
	}

	.vr-area > .button > .campus1 > img {
		width: 10.44rem;
	}
	
	.vr-area > .button > .campus2 > img {
		width: 10.44rem;
	}
	
	.vr-area > img {
		margin-top: 2.346rem;
		width: 17.88rem
	}

}



@media only all and (max-width: 600px) {
	html {
		font-size: 0.9375rem; /* 기본베이스 폰트사이즈 15px */
		line-height:  0.9375rem; /* 기본베이스 line-height 사이즈 15px */ 
	}
}

@media only all and (max-width: 475px) {
	html {
		font-size: 0.8125rem; /* 기본베이스 폰트사이즈 13px */
		line-height:  0.8125rem; /* 기본베이스 line-height 사이즈 13px */ 
	}
	
	.vr-wrapper {
		width: 23.08rem;
	}
}