@charset "utf-8";

/* navHeight */
@media (max-width:768px){
	.navHeight{
		width:100%;
		height: 70px;
	}
}

/* pageWrap */
canvas {
	width: auto;
	height: auto;
	vertical-align: bottom;
}
.contentsBtn_row{
	width:1000px;
	margin:0 auto;
	margin-bottom: 50px;
}
.contentsBtn_inner a{
	transition: 0.5s all;
}
.contentsBtn_inner a:hover,
.contentsBtn_inner a:active{
	opacity:0.5;
	transition: 0.5s all;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
	top: 0;
	left: 0;
}
.pageWrap{
	overflow: hidden;
	padding: 50px 0 0 0;
	/*background: linear-gradient(90deg, rgba(17, 15, 27, 0.8549019608), rgba(39, 46, 70, 0.8549019608), rgba(17, 15, 27, 0.8549019608));*/
}
.eyeCatch_txtBox{
	margin-bottom: 50px;
}
.eyeCatch_txtBox h3{
	font-family: "Marcellus", serif;
	font-size: 2.5em;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
	color: #0078ad;
}
.eyeCatch_txtBox p{
	font-size: 1em;
	line-height: 1.8;
	text-align: center;
}
.eyeCatch_txtBox .emTxt{
	font-size: 1.25em;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}
.contentsBtn_row{
	width:1000px;
	margin:0 auto;
	margin-bottom: 50px;
}
.contentsBtn_inner a{
	transition: 0.5s all;
}
.contentsBtn_inner a:hover,
.contentsBtn_inner a:active{
	opacity:0.5;
	transition: 0.5s all;
}
.pageNotice{
	background-color: #d8e4ea;
}
.under1024,
.under768,
.under500,
.under374{
	display:none;
}
@media (max-width:1400px){
	.contentsBtn_row{
		width:71.42%;
	}
}
@media (max-width:1024px){
	.under1024{
		display:block;
	}
}
@media (max-width:768px){
	.under768{
		display: block;
	}
	.contentsBtn_row{
		width:90%;
	}
}
@media (max-width:500px){
	.under500{
		display:block;
	}
}
@media (max-width:374px){
	.under374{
		display: block;
	}
}