.skip-btn{width : 80px;height : 80px; display: flex;align-items: center;justify-content: center; white-space: nowrap; position : fixed; z-index: 1200;font-family: futura-pt; letter-spacing: 0.15em; background: #353F49;color : #C9C9C9; border-radius: 50%; font-size: 14px;transform: translateX(-50%) translateY(-50%);transition : transform .5s; cursor: pointer;}
.skip-btn::after{position :absolute; content : ''; width : 100%;height : 100%; background: #353f49; z-index: -1;animation : cursor 1.2s infinite; border-radius: 50%;}

#intro{display: flex;align-items: center;justify-content: center; position : fixed;width : 100%;height : 100%;z-index: 10000;background: #fff;}
.intro-bg{width : 100%;height : 100%; animation : intro-bg 5s both 2s; border-radius: 1000px; overflow: hidden;z-index: 1;position : absolute;}
@keyframes intro-bg {
    0%{width : 0;height : 213px;}
    33.3333%{width : 626px;height : 213px}
    66.6666%{width : 90%;height : 213px; border-radius: 100px; filter : brightness(1)}
    100%{width : 100%;height : 100%; border-radius: 0; filter : brightness(0.5)}
}
.intro-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.intro-01{display: flex;justify-content: center; align-items : center; gap : 20px;}

.intro-tit{font-size: 42px;font-family: NS; font-weight: 300;}

.intro-tit .char{opacity: 0; transform: translateY(-50px);}
.intro-tit b{font-weight: 800;}
.intro-tit-01 .color{font-weight: 700; color : #6AAAC4;}
.intro-tit-02 .color{font-weight: 700; color : #DDAE6D;}

.intro-02{display: flex; flex-direction : column; align-items: center; justify-content: center; position : absolute;z-index: 1;}

.intro-logo{transform: translateY(-100px); opacity: 0;}
.intro-sign{font-family: AV; font-size: 114px; color : #fff; transform: translateY(50px) translateX(-200px); opacity: 0; margin-bottom: 30px;}

.intro-tit-img{transform : translateY(100px);opacity : 0;}