@charset "utf-8";
/* -----------------------------------------------
	* 인트로 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 : 
	- 최종 수정자 : 
--------------------------------------------------*/


/*********************************
	인트로 스타일 정의
**********************************/

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

#intro_wrap {
	position:fixed; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	width:100vw;
	height:100vh;
	display:flex;
	justify-content: center;
	align-items: center;
	z-index:10000;
	background-image: url(/img/배경 통합.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


.intro-logo-wrapper {
  position: relative;
  display: inline-block;
}

.intro-logo-default,
.intro-logo-hover {
  display: block;
  transition: opacity 0.5s ease-in-out;
}

.intro-logo-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* 마우스 올리면 기본 로고 투명 → 호버 로고 불투명 */
.intro-logo-wrapper:hover .intro-logo-hover {
  opacity: 1;
}
.intro-logo-wrapper:hover .intro-logo-default {
  opacity: 0;
}