@charset "utf-8";
@font-face {font-family: 'S-CoreDream-3Light';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight: normal;font-style: normal}
body{margin:0px;padding:0px;font-family: 'S-CoreDream-3Light';font-weight: normal;font-style: normal;font-size:16px;color:#333;}

a{color:#777;text-decoration:none}
a:hover{color:#000}
.main_top{width:100%;height:900px;background-image:url('/images/pattern.png'); background-repeat:repeat; background-attachment:scroll;}
.sub_top{width:100%;height:200px;background-image:url('/images/pattern3.png'); background-repeat:repeat; background-attachment:scroll;display:block}

.sec1{background:#E7F1F9;width:100%;height:580px}
.sec2{width:100%;padding:120px 0 120px 0;background:rgba(10,19,29,.7);color:#aaa;border-top:1px #333 solid;;border-bottom:1px #333 solid}
.sec3{width:1100px;margin:0 auto;padding:120px 0 120px 0;color:#ccc}
.sec4{width:100%;padding:120px 0 120px 0;background:rgba(10,19,29,.7)}
.sec5{width:100%;padding:120px 0 80px 0;color:#ccc}

.mbt1{width:230px;float:left;border-radius:20px;margin:20px;padding:40px 20px 70px 20px;text-align:center;cursor:pointer;color:#ccc;background:rgba(0,0,0,.3);color:#fff;border:1px #333 solid;box-shadow: 0px 0px 30px rgba(255,255,255,.2)}
.mbt1a{font-size:16px;color:#aaa}
.mbt1b{font-size:28px;font-weight:bold;margin:10px 0 10px 0}
.mbt1c{font-size:16px;margin:10px 0 30px 0;color:#aaa}

.mbt2{width:300px;float:left;border-radius:40px;margin:20px;text-align:center;cursor:pointer;color:#ccc;background:rgba(0,0,0,.3);color:#fff;border:1px #333 solid;box-shadow: 0px 0px 30px rgba(255,255,255,.2)}

.goBt{background:navy;border:4px solid #aaa;border-radius:50px;padding:5px 20px 5px 20px;color:white;font-weight:bold}

.menu {list-style-type:none;padding:0 0 20px 0;color:#aaa}
.menu a{cursor:pointer;color:#ccc}
.menu a:hover{color:#fff;cursor:pointer;}
.menu .hide{display:none;}

.menu2 > a{color:#d4d4d4;font-size:18px;font-weight:bold;display:block;text-align:center}
.menu2 > a:hover{color:#ffffff}

.mchcnt{border:1px #555 solid; border-radius:30px;padding:40px 60px 40px 60px;text-align:center;font-size:48px;background:rgba(27,42,61,.9);color:#aaa;box-shadow: 0px 0px 30px rgba(255,255,255,.2)}

.bott_line1{font-size:13px;font-weight:bold;padding:0px 0 0px 0;color:#333;text-decoration:none}
.bott_line1 > a{text-decoration:none}
.bott_line1 > a:hover{color:#fff}

#loading{width:100%;height:100%;top:0px;left:0px;position:fixed;display:block;opacity:0.7;background-color:#000;z-index:99;text-align:center;}
#loading-image{position:absolute;top:50%;left:50%;z-index:100;}

.hd1{
	position:absolute;
	top:220px;
	font-size:42px;
	color:navy
	line-height:180%;
	text-align:center;
	left:50%;
	transform: translate(-50%, 0);
	animation: slide1 1.5s ease-out;
	}
.hd2{
	position:absolute;
	top:560px;
	left:50%;
	transform: translate(-50%, 0);
	color:white;
	font-size:28px;
	font-weight:bold;
	border:2px #aaa solid;
	background:#1b2a3d;
	opacity:.7;
	padding:5px 20px 5px 20px;
	border-radius:50px;
	text-align:center;
	animation: slide2 2s ease-out;
	}

@-webkit-keyframes slide1{
	from{top:500px;opacity:0}
	to{top:220px;opacity:1}
}

@-webkit-keyframes slide2{
	from{top:800px;opacity:0}
	to{top:560px;opacity:.7}
}

@-webkit-keyframes sec2_on{
	from{opacity:0}
	to{opacity:1}
}

@-webkit-keyframes sec3_on{
	from{opacity:0}
	to{opacity:1}
}

@-webkit-keyframes sec4_on{
	from{opacity:0}
	to{opacity:1}
}