﻿area:focus {
    outline: none
}

.evt_img {
    overflow: hidden;
    position: relative;
}

    .evt_img img {
        width: 100%;
        margin-top: -1px;
    }

.eventWrap .wrap_event_sinner .evtConthead .inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font: 0 auto
}

.eventWrap .wrap_event_sinner .evtContnav {
    position: sticky;
    top: 0;
    z-index: 3;
}

.evtContnav .tab_move {
    display: inline-flex;
    overflow: hidden;
}

    .evtContnav .tab_move a {
        display: inline-block
    }

.eventWrap .wrap_event_sinner {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

    .eventWrap .wrap_event_sinner .evtConthead .inner {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        font: 0 auto
    }

    .eventWrap .wrap_event_sinner .evtCont01,
    .eventWrap .wrap_event_sinner .evtCont02
    .eventWrap .wrap_event_sinner .evtConthead .inner {
        position: relative;
        font: 0 auto;
    }

    .eventWrap .wrap_event_sinner .evt_cont_img1,
    .eventWrap .wrap_event_sinner .evt_cont_img2 {
        position: relative;
    }

    .eventWrap .wrap_event_sinner .link2_1 {
        position: absolute;
        font: 0 auto;
    }

    .eventWrap .wrap_event_sinner .link2_1 {
        top: 62%;
        left: 0;
        width: 100%;
        height: 40px;
    }

    .eventWrap .wrap_event_sinner .scroll-fixed {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 3;
        border-top: 0;
    }

    .eventWrap .wrap_event_sinner .bg_white {
        display: none;
        height: 45px;
        background: #000;
    }

        .eventWrap .wrap_event_sinner .bg_white.active {
            display: block;
        }

.eventWrap .positionrelative {
    position: relative;
}

.eventWrap .wrap_event_sinner .nav .tab_move {
    overflow: hidden;
}

    .eventWrap .wrap_event_sinner .nav .tab_move a {
        float: left;
    }

.eventWrap .wrap_event_sinner .posi_char1,
.eventWrap .wrap_event_sinner .posi_char2,
.eventWrap .wrap_event_sinner .posi_char3,
.eventWrap .wrap_event_sinner .posi_char4,
.eventWrap .wrap_event_sinner .posi_char5,
.eventWrap .wrap_event_sinner .posi_char6,
.eventWrap .wrap_event_sinner .posi_char7,
.eventWrap .wrap_event_sinner .posi_char8,
.eventWrap .wrap_event_sinner .posi_chuseokcouphon,
.eventWrap .wrap_event_sinner .posi_autumncouphon,
.eventWrap .wrap_event_sinner .posi_leaf1,
.eventWrap .wrap_event_sinner .posi_leaf2,
.eventWrap .wrap_event_sinner .posi_leaf3,
.eventWrap .wrap_event_sinner .posi_leaf4,
.eventWrap .wrap_event_sinner .posi_leaf5,
.eventWrap .wrap_event_sinner .posi_leaf6 {
    position: absolute;
}

.eventWrap .wrap_event_sinner .posi_char1 {
    left: 15%;
    top: 74.5%;
    width: 7.2rem;
    height: 7.9rem;
    animation: objupdown1 .3s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char2 {
    left: 31%;
    top: 77.5%;
    width: 5.5rem;
    height: 6.2rem;
    animation: objupdown2 .2s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char3 {
    left: 63%;
    top: 75.5%;
    width: 7.5rem;
    height: 8.0rem;
    animation: objrotate1 2s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char4 {
    left: 13%;
    top: 88%;
    width: 5.5rem;
    height: 6.5rem;
    animation: objrotate1 .5s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char5 {
    left: 72%;
    top: 66%;
    width: 5.5rem;
    height: 4.5rem;
    animation: objrotate1 .5s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char6 {
    left: 12%;
    top: 83%;
    width: 7.5rem;
    height: 8.0rem;
    animation: objrotate1 1s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char7 {
    left: 70%;
    top: 59%;
    width: 5.5rem;
    height: 4.5rem;
    animation: objrotate1 2s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_char8 {
    left: 30%;
    top: 79%;
    width: 6.0rem;
    height: 5.5rem;
    animation: objupdown2 .2s linear infinite alternate;
    animation-timing-function: ease-in-out
}

.eventWrap .wrap_event_sinner .posi_chuseokcouphon {
    left: 0;
    top: 42.5%;
    max-width: initial;
    width: 129.0rem;
    height: 12.5rem;
    animation: objlefttoright 20s linear infinite;
}

.eventWrap .wrap_event_sinner .posi_autumncouphon {
    left: 0;
    top: 42.5%;
    max-width: initial;
    width: 129.0rem;
    height: 12.5rem;
    animation: objlefttoright 20s linear infinite;
}

.eventWrap .wrap_event_sinner .evtCont01 {
    overflow: hidden;
}

.eventWrap .wrap_event_sinner .posi_leaf1 {
    left: 19%;
    top: -4%;
    width: 5.8rem;
    height: 5.0rem;
    transform-origin: 0 0;
    animation: leafshake3 80s linear infinite alternate;
    animation-timing-function: ease-in-out;
}

.eventWrap .wrap_event_sinner .posi_leaf2 {
    left: -7%;
    top: -3.5%;
    width: 11.5rem;
    height: 7.8rem;
    transform-origin: 0 0;
    animation: leafshake3 80s linear infinite alternate;
    animation-timing-function: ease-in-out;
}

.eventWrap .wrap_event_sinner .posi_leaf3 {
    left: -4.5%;
    top: 10.3%;
    width: 6.4rem;
    height: 6.5rem;
    transform-origin: 0 0;
    animation: leafshake3 80s linear infinite alternate;
    animation-timing-function: ease-in-out;
}

.eventWrap .wrap_event_sinner .posi_leaf4 {
    right: 14%;
    top: -3.5%;
    width: 7.0rem;
    height: 5.5rem;
    transform-origin: 100% 0;
    animation: leafshake3 80s linear infinite alternate;
    animation-timing-function: ease-in-out;
}

.eventWrap .wrap_event_sinner .posi_leaf5 {
    right: -10.5%;
    top: -3.7%;
    width: 11.5rem;
    height: 7.8rem;
    transform-origin: 100% 0;
    animation: leafshake3 80s linear infinite alternate;
    animation-timing-function: ease-in-out;
}

.eventWrap .wrap_event_sinner .posi_leaf6 {
    right: -4.8%;
    top: 10.5%;
    width: 5.8rem;
    height: 6.4rem;
    transform-origin: 100% 0;
    animation: leafshake3 80s linear infinite alternate;
    animation-timing-function: ease-in-out;
}

@keyframes objupdown1 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, -3%);
    }
}

@keyframes objupdown2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, -5%);
    }
}

@keyframes objrotate1 {
    0% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-4deg);
    }
}

@keyframes objrotate2 {
    0% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}

@keyframes objlefttoright {
    0% {
        transform: translate(0%,0);
    }

    100% {
        transform: translate(-50.7%, 0);
    }
}

@keyframes leafshake3 {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(15deg);
    }

    20% {
        transform: rotate(-15deg);
    }

    30% {
        transform: rotate(20deg);
    }

    40% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}
