#intro{position : fixed;width : 100%;height : 100%;z-index: 0;}
.intro-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;}
.intro-bg-img{width : 100%;height : 100%;object-fit: cover;object-position: left top;}
.intro-logo-big{position : absolute;right : 0;bottom : 0;opacity: 0; transform: translateX(20%);}

.intro-inner{display: flex; color : #fff;position : relative;width : 100%;height : 100%;}
.intro-01{display: flex;justify-content: center;align-items: center;width : 100%;height : 100%;gap : 23px}

.intro-desc-01,
.intro-desc-02{font-size: 35px; font-family: Nanum Myeongjo; font-weight: 400; letter-spacing: -0.04em;}

.intro-desc-01 .char,
.intro-desc-02 .char{opacity: 0;}

.intro-line{width : 41px; height : 1px; background: rgba(255,255,255,0.4); clip-path: inset(0 100% 0 0);}

.intro-02{display: flex;justify-content: center;align-items: center; position : absolute;width : 100%;height : 100%; opacity: 0;}

.intro-logo{display: flex;flex-direction: column;align-items: center;gap : 27px;position : absolute;bottom : 50%; transform: translateY(50%);}

.intro-logo span{font-size: 16px; font-family: pretendard; color : #fff; font-weight: 500; letter-spacing: -0.04em;overflow: hidden;}
.intro-logo span b{font-weight: 700;}

.intro-logo .char{transform: translateY(100%);}

.intro-skip{display : flex; justify-content : center; align-items : center; color : #fff; background: ; border-radius : 50%;position : fixed;width : 100px;height : 100px;z-index : 10; background: #fff; transform : translateX(-50%) translateY(-50%); color : #010033; font-family : futura-pt; font-size : 24px; cursor: pointer;z-index : 100000}