@CHARSET "UTF-8";

#intro_wrap{height: auto !important;}
#intro_wrap .area{position: relative;width: 100%;height: 100vh;}
#intro_wrap .area img{width: 100%;height: 100%;object-fit: cover;}
#intro_wrap .area .txt_wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 30px;}
#intro_wrap .area .txt_wrap .tit{font-size: 7rem;font-weight: 700;color: #fff;letter-spacing: -0.15rem;text-shadow: 0 0 25px rgb(0 0 0 / 70%);text-align: center;line-height: 1.2;}
#intro_wrap .area .txt_wrap .tit span{display: block;font-size: 4.8rem;}
#intro_wrap .area .txt_wrap a{padding: 20px 40px;background: #fff;border-radius: 50px;line-height: 1;font-size: 1.7rem;font-weight: 700;color: #000;transition: .3s;}
#intro_wrap .area .txt_wrap a:hover{background:#000;color:#fff;}

#intro_wrap .area .txt_wrap .tit{-webkit-animation:text-active-animation 0.5s ease-in-out both;animation:text-active-animation 0.5s ease-in-out both;-webkit-animation-delay:0.5s;animation-delay:0.5s;}
#intro_wrap .area .txt_wrap a{-webkit-animation:text-active-animation 0.5s ease-in-out both;animation:text-active-animation 0.5s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1s;}
@keyframes text-active-animation{
	from{
		opacity:0;
		transform: translateY(50px); 
		filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
	}
	to{
		opacity:1;
		transform: translateY(0); 
		filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
	}
}

.foot{padding:35px 0;background: #222;text-align:center;}
.foot .fwrap{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:center;font-size:1.6rem;color: #fff;}
.foot .copy{margin-top:15px;font-size:1.3rem;line-height:1.3;color: #888;letter-spacing: 0.05em;text-transform: uppercase;}






/****************************** 모바일 ******************************/
@media all and (max-width:767px){

#intro_wrap .area .txt_wrap{gap: 20px;}
#intro_wrap .area .txt_wrap .tit{font-size: 5rem;line-height: 1.3;}
#intro_wrap .area .txt_wrap .tit span{font-size: 4rem;}
#intro_wrap .area .txt_wrap a{font-size: 1.9rem;}
	
}

/****************************** 웹 ******************************/
@media(min-width:1025px){

}