@charset "utf-8";
:root{
    --main: #e60012;
    --mem-main: #6357a3;
    --mem-sub: #b64b96;
    --pub-main: #008bd7;
    --pub-sub: #144583;
    --font: 'Pretendard Variable';
    
    --font12: 0.75rem;
    --font13: 0.81rem;
    --font14: 0.88rem;
    --font15: 0.94rem;
    --font16: 1rem;
    --font17: 1.06rem;
    --font18: 1.13rem;
    --font19: 1.19rem;
    --font20: 1.25rem;
    --font22: 1.38rem;
    --font32: 2rem;
    
}

.main-contents{width: 100%; margin: 0 auto; position: relative; height: 100vh; font-size: 0;}
.main-contents::before{content: ''; position: absolute;top: 0;left: 0;width: 100%; height: 100%; background: 
rgba(0, 0, 0, 0.48);}
.main-video{width: 100vw; height: 100%; background-color: #000; background-position: center center; background-size: cover; object-fit: cover;}


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

.intro-box{margin-top: 64px;}
.intro-box a{width: 100%; display: block; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 24px; padding: 20px 0; color: #fff;}
.intro-box a:last-child{margin-bottom: 0;}

.member-box h2{font-family: var(--font); letter-spacing: 3.6px; font-size: var(--font12); font-weight: 200;}
.member-box h3{margin: 18px 0 16px; font-size: var(--font20); font-family: var(--font);}
.member-box h3 span{display: block; margin-top: 10px;}
.member-box p{font-size: var(--font14); color: #ccc; font-family: var(--font); letter-spacing: -0.42px;}