html, body { width: 100%; height: 100%; max-height: 1080px; max-width: 1920px; min-width: 660px; min-height: 375px; margin: 0 auto; background: #0054a5; color: #fff; }
.main { position: relative; width: 100%; height: 100%; background: url(../images/default/bg.png) no-repeat center center; overflow: hidden; }
.main img { width: auto; height: 100%; }
.index_logo {/* position: absolute; */text-align: center;/* top: 0; */ z-index: 2; width: 100%; height: 29.888888%; }
.title { text-align: center; z-index: 2; width: 100%; margin-top: 2%; margin-bottom: 6%; }
.enter { text-align: center; z-index: 3; width: 100%; max-width: 800px; margin: 0 auto; }
h1 { font-size: 40px; font-weight: bold; letter-spacing: 6px; line-height: 60px; }
h2 { font-size: 20px; font-weight: bold; line-height: 40px; }
.btn_w { position: relative; width: 330px; height: 88px; background-color: transparent; }
.default_btn { display: block; position: absolute; width: 100%; height: 100%; border: 3px solid #fff; font-size: 30px; letter-spacing: 3px; text-align: center; line-height: 44px; border-radius: 8px; font-weight: bold; }
.default_btn span { display: block; font-size: 18px; }
.default_btn:hover { background-color: rgba(0, 29, 57, 0.2); box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }
.btn_w .info { position: absolute; top: -88px; left: 0; width: auto; height: auto; font-size: 16px; text-align: center; line-height: 30px; padding: 4px 10px; border: 1px solid #fff; border-radius: 6px; opacity: 0; filter: opacity(0); }
.btn_w .info:after { content: ''; position: absolute; bottom: -7px; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.btn_w:hover .info { opacity: 1; filter: opacity(1); }

/* duang animation */
.duang { animation: duang 1s infinite linear; -moz-animation: duang 1s infinite linear; /* Firefox */ -webkit-animation: duang 1s infinite linear; /* Safari and Chrome */ -o-animation: duang 1s infinite linear; /* Opera */ }
@keyframes duang {
	0% { transform: translateY(0); -ms-transform: translateY(0); }
	60% { transform: translateY(0); -ms-transform: translateY(0); }
	70% { transform: translateY(-2px); -ms-transform: translateY(-2px); }
	80% { transform: translateY(0); -ms-transform: translateY(0); }
	90% { transform: translateY(-2px); -ms-transform: translateY(-2px); }
	100% { transform: translateY(0); -ms-transform: translateY(0); }
}
@-o-keyframes duang {
	0% { -o-transform: translateY(0); }
	60% { -o-transform: translateY(0); }
	70% { -o-transform: translateY(-2px); }
	80% { -o-transform: translateY(0); }
	90% { -o-transform: translateY(-2px); }
	100% { -o-transform: translateY(0); }
}
@-moz-keyframes duang {
	0% { -moz-transform: translateY(0); }
	60% { -moz-transform: translateY(0); }
	70% { -moz-transform: translateY(-2px); }
	80% { -moz-transform: translateY(0); }
	90% { -moz-transform: translateY(-2px); }
	100% { -moz-transform: translateY(0); }
}
@-webkit-keyframes duang {
	0% { -webkit-transform: translateY(0); }
	60% { -webkit-transform: translateY(0); }
	70% { -webkit-transform: translateY(-2px); }
	80% { -webkit-transform: translateY(0); }
	90% { -webkit-transform: translateY(-2px); }
	100% { -webkit-transform: translateY(0); }
}

/* slideDown animation */
.slideDown { animation: slideDown 1s linear; -moz-animation: slideDown 1s linear; /* Firefox */ -webkit-animation: slideDown 1s linear; /* Safari and Chrome */ -o-animation: slideDown 1s linear; /* Opera */ }
@keyframes slideDown {
	0% { opacity: 0; filter: opacity(0); transform: translateY(-100%); -ms-transform: translateY(0); }
	100% { opacity: 1; filter: opacity(100); transform: translateY(0); -ms-transform: translateY(0); }
}

/* fadeIn animation */
.fadeIn { animation: fadeIn 1s linear; -moz-animation: fadeIn 1s linear; /* Firefox */ -webkit-animation: fadeIn 1s linear; /* Safari and Chrome */ -o-animation: fadeIn 1s linear; /* Opera */ }
@keyframes fadeIn {
	0% { opacity: 0; filter: opacity(0); }
	100% { opacity: 1; filter: opacity(100); }
}