body {overflow-x: hidden;}
.cursor-screen {display: none;width: 156px;height: 156px;position: fixed;background: url(../image/intro/badge-txt.png);left: 2rem; bottom: 2rem;}
.cursor {
    width: 156px;
    height: 156px;
    background: url(../image/intro/badge-txt.png);
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    transition: all 0.3s ease;
    transition-property: background, transform;
    transform-origin: 100% 100%;
    /* backdrop-filter: sepia(20%); */
    background-size: cover;
    }
.cursor.on {opacity: 0.8;transform:translate(-30px, -30px) scale(0.8,0.8);}
.cursor-img {animation:cursor-ani 19s linear infinite; transform-origin: 50% 50%;}
@keyframes cursor-ani {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


section.intro { background: url(../image/intro/intro-bg.jpg)no-repeat center / cover; height: 100vh; } 
section.intro .intro-cont {opacity: 0; width: 428px; height: 553px; background: url(../image/intro/intro-img.png)no-repeat -128px -57px / 1100px; border-radius: 31px; margin: 0 auto; transform: translateY(52%); position: relative; animation: intro-bg-ani 5s both;}
@keyframes intro-bg-ani {
    0% {background: url(../image/intro/intro-img.png)no-repeat -156px -100px / 1150px; opacity: 0;}
    100% {background: url(../image/intro/intro-img.png)no-repeat -128px -57px / 1100px;opacity: 1;}    
}

section.intro p.int-text { white-space: pre; font-size: 3.6rem; position: absolute; font-weight: 700; color: #fff; top: 50%; left: 50%; letter-spacing: -0.3rem; } 
section.intro p.int-text1 { transform: translate(-50%, -370px); } 
section.intro p.int-text2 { transform: translate(-458px, -287px); } 
section.intro p.int-text3 { transform: translate(-329px, -210px); } 
section.intro p.int-text4 { transform: translate(187px, 167px); } 
section.intro .main-btn {position: absolute; top: 50%; left: 50%;transform: translate(270px, 99px);}