body.fixed{overflow: hidden;}
#intro{display: flex;align-items: center;justify-content: center; position : fixed; width : 100%;max-width: 750px; height : 100%; background: #f1f1f1;left : 0;top : 0;z-index: 10000; overflow: hidden; padding-top : 50vw; padding-bottom: 10vw;}

.intro-video-box{position : absolute; width : 100%;height : 100%;z-index: 10;clip-path: polygon(25% 0%, 100% 0, 100% 80%, 75% 100%, 0 100%, 0 20%); width : 80%; height : calc(100% - 50vw);top : 40vw; left : 10vw;}
.intro-video{width : 100%;height : 100%; object-fit: cover; object-position: center; clip-path: inset(30%);}

.intro-line-01{position : absolute;top : 50vw; left : -3vw;width : 27vw;height : 28vw}
.intro-line-02{position : absolute;bottom : 10vw; right : -3vw;width : 27vw;height : 28vw}

.intro-subway{position : absolute; bottom : 0;right : 12vw; transform: translateY(100%); z-index: 11; width : 12vw}

.intro-tit-box{display: flex;flex-direction: column;align-items: end; justify-content: center; width : 80%; position :absolute; left : 10%;top : 0; height : 40vw; padding-top: 5vw;z-index: 12;}

.intro-tit{font-size: 8vw; font-family: PT; letter-spacing: -0.033em; color : #000; opacity: 1; transform: translateX(100px); opacity: 0;}
.intro-tit b{font-weight: 700;}
.intro-tit-02{font-weight: 100;color : #000;}

.intro-tit .color{color : #E15F47;}

.skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; background: #fff;color : #06033C; font-family: futura-pt; left : 3vw; bottom : 3vw; z-index: 12;font-size: 6vw; font-weight: 500; border-radius: 1000px;padding : 2vw 6vw; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}