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

.intro-logo{position : relative;position : absolute;}
.intro-logo > img{position : absolute;left : 0;top : 0; opacity: 0;}
.intro-logo > img:first-child{position : static}

.intro-logo-01{transform: translateY(300px) scale(1.5);}
.intro-logo-02{transform: translateY(-300px) scale(1.5);}
.intro-logo-03{transform: translateY(300px) scale(1.5);}
.intro-logo-04{transform: translateY(-300px) scale(1.5);}

.intro-dot{position : absolute; width : 100%;height : 100%; background: #DB5012;clip-path: circle(47px at 50% 50%); transform: translateX(400px) translateY(45px) scale(0); z-index: 1;}

.intro0-inner{display: flex;flex-direction: column;justify-content: space-between; width : 100%;height : 100%;padding : 113px 90px 87px 106px;}

.intro-tit0{font-family: Noto Serif KR; font-size: 29px; font-weight: 400;}
.intro-top .intro-tit0{transform: translateX(-100px);opacity: 0;}
.intro-bottom .intro-tit0{margin-bottom: 22px; transform: translateX(100px); opacity: 0;}

.intro-bottom{margin-left: auto; text-align: right;}

.intro-desc0{font-size: 20px; font-family: PT; font-weight: 500; letter-spacing: -0.03em;}

.intro-desc0 .color{color : #DB5012}
.intro-desc0 .char{transform: translateY(50px); opacity: 0;}


#intro{position :fixed; left : 0; top : 0;width : 100%;height : 100%; z-index: 100; background: #000; pointer-events: none;}
.intro-bg{display: flex; position : absolute;left : 0;top : 0; width : 100%;height : 100%;}
.intro-bg > div{width : 50%; height : 100%;background: #000;}
.intro-bg > div > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.intro-bg-left{clip-path: inset(100% 0% 0%);}
.intro-bg-right{clip-path: inset(0% 0% 100%);}

.intro-bg-01{z-index: 1;}
.intro-bg-02{z-index: 2;}

.intro-inner{display: flex;flex-direction: column; justify-content: space-between; position : absolute; z-index: 3;width : 100%; max-width: 1570px; left : 50%; transform: translateX(-50%);height : 100%; padding : 180px 0 140px;}

.intro-tit{display: flex;align-items: center; font-size: 38px; font-family: PT; font-weight: 300;opacity: 0; }
.intro-tit-01{transform: translateX(-100px);}
.intro-tit-02{margin-left: auto; color : #fff; transform: translateX(100px);}

.intro-tit > span{width : 150px; height : 1px;}
.intro-tit-01 > span{background: rgba(0,0,0,0.3); margin-left: 18px; clip-path : inset(0% 100% 0% 0%)}
.intro-tit-02 > span{background: rgba(255,255,255,0.3); margin-right: 18px;clip-path : inset(0% 0% 0% 100%)}

.intro-tit > b{font-weight: 700;}