@charset "utf-8";
:root{
    --main: #e60012;
    --mem-main: #6357a3;
    --mem-sub: #b64b96;
    --pub-main: #008bd7;
    --pub-sub: #144583;
    --font: 'Pretendard Variable';
}


.section{position: relative; font-size: 0;}
.section::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}

.main-video{width: 100%; height: 100vh; object-fit: cover;}

.intro-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}

.intro-box{display: flex;justify-content: center;gap: 160px;margin-top: 105px;height: 400px;align-items: center;}
.intro-box .member-box{border: 2px solid #fff; background: rgba(0,0,0,0.1); color: #fff; padding: 48px 0 79px; width: 430px; height: 380px; display: block; font-family: var(--font); transition:all 0.3s;}
.member-box h2{font-size: 20px; font-weight: 900; letter-spacing: 4px;}
.member-box img{margin-top: 62.5px;}
.member-box h3{font-size: 40px; margin: 18px 0 21px;}
.member-box p{font-size: 18px; line-height: 30px;}

.intro-box a:first-child:hover{margin-bottom: 20px;background: rgba(99, 87, 163, 0.8);transition:all 0.3s;}
.intro-box a:last-child:hover{margin-bottom: 20px; background: rgba(0, 139, 215, 0.8); transition:all 0.3s;}



.fadeUp{
	-webkit-animation: fadeUp 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fadeUp 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.fadeDown{
	-webkit-animation: fadeDown 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fadeDown 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slideLeft{
	-webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
}