#intro{display: flex;align-items: center;justify-content: center; position : fixed; left : 0;top : 0;width : 100%;height : 100%; z-index: 10000;background: #0A2C59;overflow : hidden;}
#intro.hide{pointer-events : none;}

.intro-01{display: flex;align-items: center;justify-content: center; position :absolute;background: #fff;z-index: 1;width : 100%;height : 100%;}
.intro-desc{font-size: 50px; font-family: futura-pt; letter-spacing: 0.1em; font-weight: 500;}
.intro-desc b{font-weight: 700; font-family: futura-pt-bold;}
.intro-desc .char{opacity: 0; transform: translateY(-30px);}

.intro-bg{display: flex; justify-content: center; position : absolute;width : 300vw;height : 300vw; transform: rotate(60deg);}
.intro-bg > div{width : 50%;height : 100%; background: #0A2C59;}

.intro-bg > div.intro-bg-right{}

.intro-inner{display: flex;align-items: center;justify-content: center;  position :relative;width : 100%;height : 100%;}
.intro-tit{color : #fff; font-family: PT; font-size: 50px; letter-spacing: -0.033em;position : absolute;white-space: nowrap;opacity: 0}

.intro-tit-01{transform: translateX(-200px);}

.intro-line{width : 200vw;height : 1px; background: #fff; clip-path: inset(0 50%);}

.skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; background: #fff;width : 78px; height : 78px; color : #06033C; font-family: futura-pt; font-weight: 600; right : 100px; bottom : 80px; z-index: 1;border-radius: 50%; transform: translateX(-50%) translateY(-50%) scale(0); transition : transform 1s;}
.skip-btn.on{transform: translateX(-50%) translateY(-50%) scale(1);}