.skip-btn{display: block; 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: #000;color : #C9C9C9; border-radius: 50%; font-size: 14px;transform: translateX(-50%) translateY(-50%);transition : transform .5s; cursor: pointer;z-index: 10;}
.end .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0);}
.skip-btn.hide{transform: translateX(-50%) translateY(-50%) scale(0);}
.skip-btn::after{position :absolute; content : ''; width : 143px;;height : 143px; background: url(/assets/images/intro/intro-rotate-text.png)no-repeat center / contain; z-index: -1;animation : rotate-text 8s infinite linear; border-radius: 50%;}


#intro{position :fixed; width : 100%;height : 100%;left : 0;top : 0;z-index: 100000;}
#intro.end{opacity: 0; pointer-events: none;}
/* #intro > div{position : absolute; width : 100%;height : 100%;}

.intro-bg{width : 100%;height : 100%;overflow: hidden;position : absolute; left : 0;top : 0; opacity: 0;}
.intro-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center bottom;}

.intro-01{background: #A99270; z-index: 1;}
.intro-02{opacity: 0; background: #F6F2ED; z-index: 2;}
.intro-03{z-index: 0;}

.intro-inner{width : 100%;max-width: 1600px;margin : 0 auto;position :relative; height : 100%;}

.intro-tit-box{display: flex;align-items: end; position : absolute; left : 0; bottom : 60%;gap : 8px;}
.intro-tit{font-family: times-new-roman; font-size: 104px; font-weight: 400;}
.intro-tit .char{opacity: 0; transform: translateY(-100px);}

.intro-line{width : 1px; height : 127px; background: #000; transform: translateY(36px) rotate(45deg);clip-path: inset(50% 0);}
.intro-desc{font-family: NM;font-size: 23px; letter-spacing: -0.06em;}
.intro-desc .char{opacity: 0;}

.intro-tit-eng{font-family: times-new-roman; color : #fff; font-weight: 400; letter-spacing: 0.45em; position :absolute; bottom : 154px}
.intro-02 .intro-tit-eng,
.intro-03 .intro-tit-eng{color : #A99270;}
.intro-tit-eng .char{opacity: 0;}

.intro-logo{position :absolute; right : 0; bottom : 88px; opacity: 0;}

.intro-bg.grid > img{position : absolute; width : 100%; height : 100%; left : 0; top : 0;}
.intro-bg.grid > img:nth-child(1){clip-path: inset(0% 80% 66.5666% 0%);}
.intro-bg.grid > img:nth-child(2){clip-path: inset(0% 60% 66.5666% 20%);}
.intro-bg.grid > img:nth-child(3){clip-path: inset(0% 40% 66.5666% 40%);}
.intro-bg.grid > img:nth-child(4){clip-path: inset(0% 20% 66.5666% 60%);}
.intro-bg.grid > img:nth-child(5){clip-path: inset(0% 0% 66.5666% 80%);}

.intro-bg.grid > img:nth-child(6){clip-path: inset(33.3333% 80% 33.2333% 0%);}
.intro-bg.grid > img:nth-child(7){clip-path: inset(33.3333% 60% 33.2333% 20%);}
.intro-bg.grid > img:nth-child(8){clip-path: inset(33.3333% 40% 33.2333% 40%);}
.intro-bg.grid > img:nth-child(9){clip-path: inset(33.3333% 20% 33.2333% 60%);}
.intro-bg.grid > img:nth-child(10){clip-path: inset(33.3333% 0% 33.2333% 80%);}

.intro-bg.grid > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 0%);}
.intro-bg.grid > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 20%);}
.intro-bg.grid > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 40%);}
.intro-bg.grid > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 60%);}
.intro-bg.grid > img:nth-child(15){clip-path: inset(66.6666% 0% 0% 80%);}

.intro-tit-03{font-family: Noto Sans KR; font-size: 30px; letter-spacing: -0.03em;font-weight: 300; position :absolute; bottom : 65%; transform: translateX(-200px);opacity: 0;}
.intro-tit-03 b{color : #A99270; font-weight: 500;} */

.intro-img{width : 100%;height : 100%; position : relative}
.intro-img > img{width : 100%; height : 100%; position :absolute; left : 0;top : 0; object-fit : cover; object-position : center;}

.intro-bg-img{width : 100%; height : 100%; position :absolute; left : 0;top : 0; object-fit : cover; object-position : center;}