@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 10px
}

@font-face {
    font-family: Poppins;
    src: url(/evt_w_landing/fonts/PoppinsSemiBold.woff2) format("woff2");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(/evt_w_landing/fonts/PoppinsExtraBold.woff2) format("woff2");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(/evt_w_landing/fonts/Pretendard-Regular.woff2) format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(/evt_w_landing/fonts/Pretendard-Medium.woff2) format("woff2");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(/evt_w_landing/fonts/Pretendard-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(/evt_w_landing/fonts/Pretendard-Bold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    src: url(/evt_w_landing/fonts/Pretendard-ExtraBold.woff2) format("woff2");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: Gmarket Sans;
    src: url(/evt_w_landing/fonts/GmarketSansLight.woff2) format("woff2");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Gmarket Sans;
    src: url(/evt_w_landing/fonts/GmarketSansMedium.woff2) format("woff2");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Gmarket Sans;
    src: url(/evt_w_landing/fonts/GmarketSansBold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap
}

li,ul {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

._space3d {
    perspective: none!important
}

._space3d ._3dbox {
    transition: all 2s cubic-bezier(.175,.885,.32,1.275)!important
}

._space3d ._3dbox ._3dface {
    box-shadow: 0 20px 30px rgba(0,0,0,.2)!important;
    border: 1px solid rgba(25,25,25,.35)!important;
    border-radius: 15px!important
}

._space3d ._3dbox ._3dface .defaultFace {
    box-shadow: none!important
}

._space3d ._3dbox ._3dface .defaultFace div span {
    box-shadow: none!important;
    background-color: #252525!important
}

.Wrap {
    background-image: url(/evt_w_landing/images/section_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed
}

.Wrap,body,html {
    width: 100%;
    min-width: 320px
}

.Wrap .section,body .section,html .section {
    padding-top: 100px;
    width: 100%;
    position: relative
}

.Wrap .section__footer,body .section__footer,html .section__footer {
    padding: 60px 0 30px
}

.Wrap main.error,body main.error,html main.error {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    width: 100%
}

.Wrap main.error h1,body main.error h1,html main.error h1 {
    font-size: 16rem;
    font-family: Pretendard;
    margin-bottom: 20px
}

.Wrap main.error p,body main.error p,html main.error p {
    font-size: 4rem;
    font-family: Pretendard;
    margin-bottom: 60px
}

.Wrap main.error .btn__box .btn,body main.error .btn__box .btn,html main.error .btn__box .btn {
    width: 300px;
    height: 60px;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: #252525;
    color: #fff;
    font-family: Pretendard
}

.Wrap .Medium,body .Medium,html .Medium {
    font-weight: 500
}

.Wrap .Bold,body .Bold,html .Bold {
    font-weight: 700
}

.Wrap .ExtraBold,body .ExtraBold,html .ExtraBold {
    font-weight: 800
}

@media screen and (max-width: 991px) {
    .Wrap .section,body .section,html .section {
        padding:220px 0 100px
    }

    .Wrap .section__footer,body .section__footer,html .section__footer {
        padding: 60px 0 30px
    }

    .Wrap .section.no_padding,body .section.no_padding,html .section.no_padding {
        padding-bottom: 0
    }

    .Wrap main.error h1,body main.error h1,html main.error h1 {
        font-size: 10rem
    }

    .Wrap main.error p,body main.error p,html main.error p {
        font-size: 3rem
    }

    .Wrap main.error .btn__box .btn,body main.error .btn__box .btn,html main.error .btn__box .btn {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 575px) {
    .Wrap .section,body .section,html .section {
        padding:170px 0 50px
    }

    .Wrap .section__footer,body .section__footer,html .section__footer {
        padding: 60px 0 30px
    }

    .Wrap main.error h1,body main.error h1,html main.error h1 {
        font-size: 10rem;
        margin-bottom: 0
    }

    .Wrap main.error p,body main.error p,html main.error p {
        font-size: 2rem
    }

    .Wrap main.error .btn__box .btn,body main.error .btn__box .btn,html main.error .btn__box .btn {
        width: 250px;
        font-size: 1.6rem
    }
}

.slide__01.active>div>div h2 {
    -webkit-animation: FadeInUp6 .7s ease .8s both;
    animation: FadeInUp6 .7s ease .8s both
}

.slide__01.active>div>div p {
    -webkit-animation: FadeInUp6 .7s ease 1.2s both;
    animation: FadeInUp6 .7s ease 1.2s both
}

.slide__01.active>div>div a {
    -webkit-animation: FadeInUp6 .7s ease 2.4s both;
    animation: FadeInUp6 .7s ease 2.4s both
}

.slide__01.active .image_section .img {
    -webkit-animation: FadeInRight6 .8s ease 2s both;
    animation: FadeInRight6 .8s ease 2s both
}

.slide__01.active>div>div span img {
    -webkit-animation: FadeInRight6 .8s ease 2s both;
    animation: FadeInRight6 .8s ease 2s both
}

.slide__02.active>div>div>div:first-child div .img {
    -webkit-animation: FadeInLeft10 .7s ease .8s both;
    animation: FadeInLeft10 .7s ease .8s both
}

.slide__02.active>div>div>div:first-child div h1 {
    -webkit-animation: FadeInDown6 .7s ease 1.2s both;
    animation: FadeInDown6 .7s ease 1.2s both
}

.slide__02.active>div>div>div:first-child div h2 {
    -webkit-animation: FadeInDown3 .6s ease 1.5s both;
    animation: FadeInDown3 .6s ease 1.5s both
}

.slide__02.active>div>div>div:first-child div p {
    -webkit-animation: FadeInDown6 .7s ease 2s both;
    animation: FadeInDown6 .7s ease 2s both
}

.slide__02.active>div>div>div:nth-child(2) div .img {
    -webkit-animation: FadeInRight10 .7s ease .8s both;
    animation: FadeInRight10 .7s ease .8s both
}

.slide__02.active>div>div>div:nth-child(2) div h1 {
    -webkit-animation: FadeInDown3 .6s ease 2.5s both;
    animation: FadeInDown3 .6s ease 2.5s both
}

.slide__02.active>div>div>div:nth-child(2) div p {
    -webkit-animation: FadeInDown6 .7s ease 3s both;
    animation: FadeInDown6 .7s ease 3s both
}

.slide__02.active>div a {
    -webkit-animation: FadeInDown6 .7s ease 3.5s both;
    animation: FadeInDown6 .7s ease 3.5s both
}

.slide__03.active>div>div:first-child>h2 {
    -webkit-animation: FadeInLeft6 .7s ease .8s both;
    animation: FadeInLeft6 .7s ease .8s both
}

.slide__03.active>div>div:first-child>p {
    -webkit-animation: FadeInLeft6 .7s ease 1.2s both;
    animation: FadeInLeft6 .7s ease 1.2s both
}

.slide__03.active>div>div:first-child>a {
    -webkit-animation: FadeInLeft6 .7s ease 2.4s both;
    animation: FadeInLeft6 .7s ease 2.4s both
}

.slide__03.active>div>div:last-child>div:first-of-type {
    -webkit-animation: fadeInScale2 .7s ease-in-out 1.4s both;
    animation: fadeInScale2 .7s ease-in-out 1.4s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(2) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 1.6s both;
    animation: fadeInScale2 .7s ease-in-out 1.6s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(3) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 1.8s both;
    animation: fadeInScale2 .7s ease-in-out 1.8s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(4) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 2s both;
    animation: fadeInScale2 .7s ease-in-out 2s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(5) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 2.2s both;
    animation: fadeInScale2 .7s ease-in-out 2.2s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(6) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 2.4s both;
    animation: fadeInScale2 .7s ease-in-out 2.4s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(7) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 2.6s both;
    animation: fadeInScale2 .7s ease-in-out 2.6s both
}

.slide__03.active>div>div:last-child>div:nth-of-type(8) {
    -webkit-animation: fadeInScale2 .7s ease-in-out 2.8s both;
    animation: fadeInScale2 .7s ease-in-out 2.8s both
}

.slide__04.active>div>div:first-of-type h2 {
    -webkit-animation: FadeInLeft6 .7s ease .8s both;
    animation: FadeInLeft6 .7s ease .8s both
}

.slide__04.active>div>div:first-of-type p {
    -webkit-animation: FadeInLeft6 .7s ease 1.2s both;
    animation: FadeInLeft6 .7s ease 1.2s both
}

.slide__04.active>div>div:first-of-type a {
    -webkit-animation: FadeInLeft6 .7s ease 2.4s both;
    animation: FadeInLeft6 .7s ease 2.4s both
}

.slide__04.active>div>div:last-of-type>div:first-of-type {
    -webkit-animation: FadeInDown6 .7s ease 1.6s both;
    animation: FadeInDown6 .7s ease 1.6s both
}

.slide__04.active>div>div:last-of-type>div:nth-of-type(2) {
    -webkit-animation: FadeInDown6 .7s ease 2s both;
    animation: FadeInDown6 .7s ease 2s both
}

.slide__05.active>div>div:first-of-type h2 {
    -webkit-animation: FadeInLeft6 .7s ease .8s both;
    animation: FadeInLeft6 .7s ease .8s both
}

.slide__05.active>div>div:first-of-type p {
    -webkit-animation: FadeInLeft6 .7s ease 1.2s both;
    animation: FadeInLeft6 .7s ease 1.2s both
}

.slide__05.active>div>div:first-of-type>a {
    -webkit-animation: FadeInLeft6 .7s ease 2.4s both;
    animation: FadeInLeft6 .7s ease 2.4s both
}

.slide__05.active>div>div:last-of-type {
    -webkit-animation: FadeInUp6 1s ease 2s both;
    animation: FadeInUp6 1s ease 2s both
}

.slide__06.active>div>div:first-child>h2 {
    -webkit-animation: FadeInLeft6 .7s ease .8s both;
    animation: FadeInLeft6 .7s ease .8s both
}

.slide__06.active>div>div:first-child>p {
    -webkit-animation: FadeInLeft6 .7s ease 1.2s both;
    animation: FadeInLeft6 .7s ease 1.2s both
}

.slide__06.active>div>div:first-child>a {
    -webkit-animation: FadeInLeft6 .7s ease 3s both;
    animation: FadeInLeft6 .7s ease 3s both
}

.slide__06.active>div>div:last-child>ul>li:first-of-type {
    -webkit-animation: fadeInScale1 .5s ease-in-out 1.4s both;
    animation: fadeInScale1 .5s ease-in-out 1.4s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(2) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 1.6s both;
    animation: fadeInScale1 .5s ease-in-out 1.6s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(3) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 1.8s both;
    animation: fadeInScale1 .5s ease-in-out 1.8s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(4) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 2s both;
    animation: fadeInScale1 .5s ease-in-out 2s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(5) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 2.2s both;
    animation: fadeInScale1 .5s ease-in-out 2.2s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(6) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 2.4s both;
    animation: fadeInScale1 .5s ease-in-out 2.4s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(7) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 2.6s both;
    animation: fadeInScale1 .5s ease-in-out 2.6s both
}

.slide__06.active>div>div:last-child>ul>li:nth-of-type(8) {
    -webkit-animation: fadeInScale1 .5s ease-in-out 2.8s both;
    animation: fadeInScale1 .5s ease-in-out 2.8s both
}

.slide__07.active>div>div:nth-of-type(2)>div {
    overflow: hidden
}

.slide__07.active>div>div:nth-of-type(2)>div>h2 {
    -webkit-animation: FadeInUp6 1s ease .5s both;
    animation: FadeInUp6 1s ease .5s both
}

@-webkit-keyframes fadeInScale1 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale3d(.8,.8,.8)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: scaleX(1)
    }
}

@keyframes fadeInScale1 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale3d(.8,.8,.8)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: scaleX(1)
    }
}

@-webkit-keyframes fadeInScale2 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale3d(1.2,1.2,1.2)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: scaleX(1)
    }
}

@keyframes fadeInScale2 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale3d(1.2,1.2,1.2)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: scaleX(1)
    }
}

@-webkit-keyframes FadeInDown3 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@keyframes FadeInDown3 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@-webkit-keyframes FadeInUp6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@keyframes FadeInUp6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@-webkit-keyframes FadeInDown6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@keyframes FadeInDown6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@-webkit-keyframes FadeInLeft6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@keyframes FadeInLeft6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@-webkit-keyframes FadeInRight6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@keyframes FadeInRight6 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(60px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@-webkit-keyframes FadeInLeft10 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@keyframes FadeInLeft10 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@-webkit-keyframes FadeInRight10 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(100px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

@keyframes FadeInRight10 {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(100px)
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}