@charset "utf-8";

html,
body	{ height: 100%; }

html	{ overflow: hidden; } 

html.close-intro,
.close-intro body	{ height: auto; }
html.close-intro	{ overflow-y: auto; }

#intro_wrap	{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 9999;
	background-color: #000;
}

#intro_wrap .intro-item	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	background-size:cover;
	background-color: #000;
	line-height:1.8em;
}
#intro_wrap .intro-item div { position:relative; top:50%; transform:translateY(-50%); }

#intro_wrap .intro-item.intro_50 { background: url('https://i.imgur.com/CXi6sUc.png') 50% 0 no-repeat; background-size: cover; background-color: #000; }
#intro_wrap .intro-item.intro_50 div img {
	opacity:0;
	animation: fade-in-bottom;
	animation delay: 2s; animation-duration: 5s;
	animation-fill-mode: forwards;
	transition: ease-in;
}
#intro_wrap .intro-item.intro_50 div::after {
	content:"[ 미망: 未亡 ]  죽지 못하고 홀로 남아있음";
	display: block;
	animation: focus-in-contract;
	animation-duration: 3s; animation-delay: 4s;
	animation-fill-mode: forwards;
	opacity: 0;
	color: rgba(255,255,255,.7);
	text-shadow: 0 0 5px #000, 0 0 3px #000, 0 0 1px #000;
}
#intro_wrap .intro-item.intro_50 a:hover { filter: brightness(130%); }