html, body {
    height: 100%;
    position: relative;
	overflow-x:hidden;
}



.bg {
    width: 100%; height: 100%;
    position: relative; left: 0; top: 0;
}


/* 여기부터 xd영상 */

.proto01 {
    position: absolute;
    left: 574px;
    top: 4452px;  
}
.proto01 > video{
    border-radius: 35px;
}
.proto01 .notch{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}


.proto02 {
    position: absolute;
    left: 798px;
    top: 5587px;

}
.proto02 > video{
    border-radius: 35px;
}
.proto02 .notch{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}


.proto03 {
    position: absolute;
    left: 864px;
    top: 6606px;
   
}
.proto03 > video{
    border-radius: 20px;
}


.proto04 {
    position: absolute;
    left: 456px;
    top: 7693px;

}
.proto04 > video{
    border-radius: 20px;
}



.proto05 {
    position: absolute;
    left: 547px;
    top: 10454px;
}
.proto05 > video{
    border-radius: 20px;
}



.proto06 {
    position: absolute;
    left: 984px;
    top: 11482px;
}
.proto06 > video{
    border-radius: 35px;
}
.proto06 .notch{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}




/* 여기부터 캐릭터 아이콘 */

.event { text-align:center;}
.event > a > img{width: 100%; max-width: 1920px;}
.event > div{
    position: absolute;
}



.etc1 {
    left: 1350px;
    animation: move linear alternate infinite 0.35s;
}

@keyframes move {
    0% {
        top: 4785px;
    }
    100% {
        top: 4790px;
    }
}



.etc2 {
    left: 1535px;
    animation: move2 linear alternate infinite 1.5s;
}

@keyframes move2 {
    0% { top: 5540px;}
    100% { top: 5560px;}
}

.etc3 {
    left: 220px;
    animation: move3 linear alternate infinite 0.8s;
}

@keyframes move3 {
    0% { top: 5800px;}
    100% { top: 5810px;}
}



.etc4 {
    left: 1280px;
    animation: move4 linear alternate infinite 1.0s;
}

@keyframes move4 {
    0% { top: 6065px;}
    100% { top: 6080px;}
}



.etc5 {
    animation: move5 linear alternate infinite 1s;
}

@keyframes move5 {
    0% { top: 7235px;
        left: 1440px;}
    30% { top: 7250px;
        left: 1430px;}      
    100% { top: 7250px;
        left: 1430px;}
}



.etc6 {
    left: 185px;
    animation: move6 linear alternate infinite 0.8s;
}

@keyframes move6 {
    0% {
        top: 9570px;
    }
    100% {
        top: 9560px;
    }
}



.etc7 {
    right: 200px;
    animation: move7 linear alternate infinite 2.0s 0.3s;

}

@keyframes move7 {
    0% {
        top: 9390px;
    }

    100% {
        top: 9410px;
    }
}



.etc8 {
    left : 1255px;
    animation: move8 linear alternate infinite 0.8s;

}

@keyframes move8 {
    0% {
        top: 10000px;
    }
    100% {
        top: 9990px;
    }
}