/* BASIC css start */
/* 이벤트 버튼 */
.evBtn {text-align:center; cursor:pointer; margin:0 auto; position:fixed; bottom:70px; right:10px; z-index:100; background-color:#fff; border:1.2px solid #dedede; border-radius:20px; width:43px; height:43px; font-weight:500; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px; background: linear-gradient(120deg, #878787, #ffffff, #ffffff, #ffffff); animation: bganimate 5s linear infinite; background-size:600%; }
.evBtn img {width:28px; padding-top:4px;}
.evBtn p {font-size:9px;}


/* 이벤트 팝업 */
.evPopWrap {position: fixed; left: 0; top: 10vh; z-index: 99999999; width:100%; height:100vh; background:#fff; opacity:0; visibility:hidden; transition:all .5s; -webkit-transition:all .5s;}
.evPopWrap.on {top:0; opacity:1; visibility:visible;}
.evPopWrap .ev_close {position: absolute; top: 20px; right: 16px; z-index: 1030; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 32px; height: 32px; cursor: pointer; border-radius: 50%; background-color: #00000066;}
.evPopWrap .ev_close svg {color:#fff;}
.evPopWrap .ev_inner img {width:100%;}


@keyframes bganimate {
    0% {
        background-position: 0% 60%;
    }
    50% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}}

/* BASIC css end */