@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*,button{padding:0}button,input[type=button],input[type=reset],input[type=submit]{border:0;cursor:pointer}[hover],a{transition-property:color}html{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background:#fff;color:#000;font-size:13px}body,body button,body input,body textarea{font-family:Malgun Gothic,맑은 고딕,sans-serif}*{margin:0}*,::after,::before{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0;transition-duration:.3s;transition-property:none;transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background:#e0e0e0;border-left:1px solid #bdbdbd;margin:-1px 0}::-webkit-scrollbar-thumb{background:#bdbdbd;border:1px solid #9e9e9e}article,aside,footer,header,main,nav,section{display:block}time{display:inline}a{color:#0d47a1;text-decoration:none}[hover=true],a:hover{color:#039be5}a img,fieldset{border:0}li,ol,ul{list-style:none}legend{display:none}button,input,select,textarea{box-sizing:border-box;outline-style:none;resize:none}input[readonly]{background:#757575;cursor:default}input[type=password]::-ms-reveal,input[type=text]::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input:-ms-input-placeholder{color:rgba(45,45,45,.6)}input::-moz-placeholder{color:rgba(45,45,45,.6)}input::placeholder{color:rgba(45,45,45,.6)}select::-ms-expand{background:0 0;border:0}table{border-collapse:collapse;table-layout:fixed}strong{font-weight:700}img{max-width:100%}[contenteditable]:focus{outline:0 solid transparent}.hide,[hide]{display:none!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}[v-cloak]{display:none!important}.w-100{width:100%!important}body{background:#000;overflow-x:hidden}body.no-scroll{overflow:hidden}.wrap{position:relative}.wrap .burning-event{margin:0 auto;width:100%;overflow:hidden;position:relative}.wrap .floating,.wrap .popup{position:fixed;z-index:900}.wrap .floating{bottom:125px;right:50px;display:flex;flex-direction:column;gap:20px;align-items:center;opacity:0;transition:.3s all}@media only screen and (max-width:767px){.wrap .floating{display:none}}.wrap .floating ul{display:flex;flex-direction:column;gap:20px;align-items:center;border-top:2px solid #d7264b;border-bottom:2px solid #d7264b;padding:20px 32px}.wrap .floating ul li.hide{display:none}.wrap .floating ul li a{display:block;text-align:center;width:89px;height:21px}.wrap .floating ul li:nth-child(2) a{background:url(../images/btn-01.png) no-repeat center center}.wrap .floating ul li:nth-child(2).active a,.wrap .floating ul li:nth-child(2):hover a{background-image:url(../images/btn-01-active.png)}.wrap .floating ul li:nth-child(3) a{background:url(../images/btn-02.png) no-repeat center center}.wrap .floating ul li:nth-child(3).active a,.wrap .floating ul li:nth-child(3):hover a{background-image:url(../images/btn-02-active.png)}.wrap .floating ul li:nth-child(4) a{background:url(../images/btn-03.png) no-repeat center center}.wrap .floating ul li:nth-child(4).active a,.wrap .floating ul li:nth-child(4):hover a{background-image:url(../images/btn-03-active.png)}.wrap .floating a.next,.wrap .floating>a.prev{width:150px;height:22px;overflow:hidden;transition-property:background}.wrap .floating>button{width:98px;height:98px;overflow:hidden;transition-property:background;background:url(../images/top.png) no-repeat;background-position-y:0}.wrap .floating>a.next{background:url(../images/next.png) no-repeat;background-position-y:100%;display:block}.wrap .floating>a.prev{background:url(../images/prev.png) no-repeat;background-position-y:100%;display:block}@media only screen and (max-width:1280px){.wrap .floating{bottom:192px;right:15px}}@media only screen and (max-width:767px){.wrap .floating>a,.wrap .floating>button{background-size:80px;width:80px;height:50px}}.wrap .popup{width:100vw;height:100dvh;background:rgba(0,0,0,.7);bottom:0;left:0;right:0;top:0;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.wrap .popup .popup-body{position:relative;display:flex;flex-direction:column;background:#fff;max-width:1200px;width:100%;height:auto;padding:10px;margin:10px}@media only screen and (max-width:1280px){.wrap .popup .popup-body{margin-top:80px}}.wrap .popup .popup-body .header{width:100%;min-height:100px;color:#fff;display:flex;justify-content:center;align-items:center;pointer-events:none}.wrap .popup .popup-body .header>span{width:64px;height:64px}.wrap .popup .popup-body .header>p{margin-left:15px;font-size:26px;font-weight:600;margin-bottom:0}@media only screen and (max-width:767px){.wrap .popup .popup-body .header{flex-direction:column;padding:10px 0}.wrap .popup .popup-body .header>span{width:48px;height:48px}.wrap .popup .popup-body .header>p{font-size:18px;margin-left:0;margin-top:10px}}.wrap .popup .popup-body .content{padding:36px 10px;pointer-events:none;display:flex;justify-content:center;align-items:center}.wrap .popup .popup-body .content ul{display:flex;flex-wrap:wrap}.wrap .popup .popup-body .content ul li{color:#444;font-size:18px;text-align:center;width:calc(100% / 3 - 12px);padding:12px}.wrap .popup .popup-body .content ul li img{display:block;margin:0 auto;width:100%;height:auto}.wrap .popup .popup-body .content ul li span{display:block;margin-top:10px}@media only screen and (max-width:767px){.wrap .popup .popup-body .content ul li{width:calc(50% - 20px);font-size:16px}}@media only screen and (max-width:480px){.wrap .popup .popup-body .content ul li{width:100%;padding:15px 0}}.wrap .popup .popup-body .footer{margin:0 auto}.wrap .popup .popup-body .footer>button{color:#fff;padding:12px 120px;font-size:16px;letter-spacing:8px;text-indent:8px;margin-bottom:40px}.wrap .popup .popup-body .close{position:absolute;top:0;right:-75px;width:80px;height:80px;background:0 0;border:5px solid #fff}.wrap .popup .popup-body .close>i{font-size:42px;color:#fff}@media only screen and (max-width:1280px){.wrap .popup .popup-body .close{top:-75px;right:0}}.wrap .popup .popup-body.popup-1{max-width:800px}.wrap .popup .popup-body.popup-1 .header{background-color:#ffdc18}.wrap .popup .popup-body.popup-1 .header p{color:#000}.wrap .popup .popup-body.popup-1 .header>span{background:url(../images/always/popup/burn_pup_tips.png) no-repeat;background-size:100%}.wrap .popup .popup-body.popup-1 .content>img{margin:40px 0}.wrap .popup .popup-body.popup-1 .footer>button{background-color:#da3c29}.wrap .popup .popup-body.popup-2 .header{background-color:#6b0082}.wrap .popup .popup-body.popup-2 .header>span{background:url(../images/always/popup/overstep_pup_tips.png) no-repeat;background-size:100%}.wrap .popup .popup-body.popup-2 .footer>button{background-color:#6b0082}.top-header{position:fixed;top:30px;left:50%;transform:translateX(-50%);z-index:900;width:100%;max-width:1300px;height:70px}.top-header .home,.top-header .logo-latale{position:absolute;top:0}.top-header .logo-latale{background:url(../images/latalelogo.png) no-repeat;width:136px;height:85px;left:0}.top-header .home{background:url(../images/homeicon_off.png) no-repeat;width:49px;height:55px;right:0;transition-property:background}.top-header .download{position:absolute;background:url(../images/download.png) no-repeat;width:49px;height:55px;right:62px;transition-property:background}@media only screen and (max-width:1350px){.top-header .logo-latale{left:20px}.top-header .home{right:20px}.top-header .download{right:82px}}@media only screen and (max-width:767px){.top-header .logo-latale{background-size:80%}}footer{background:#000;width:100%;padding:20px 0}footer ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}footer ul li{padding:0 10px}footer ul li:nth-child(1) img{width:256px}footer ul li:nth-child(2) img{width:86px;filter:brightness(2.5)}footer ul li:nth-child(3){color:#fff;line-height:18px}footer ul li:nth-child(4){display:flex;align-items:center;justify-content:center}footer ul li:nth-child(4) img{width:40px}footer ul li:nth-child(4) span{color:#fff;display:block;width:280px;margin-left:10px}@media only screen and (max-width:767px){footer ul li{padding:5px 8px}footer ul li:nth-child(2) img{width:72px}}@-webkit-keyframes bg-ani-data-v-cc4014f6{0%,20%{filter:blur(40px);transform:translateY(0) translateX(-50%)}to{filter:blur(0);transform:translatY(0) translateX(-50%)}}@keyframes bg-ani-data-v-cc4014f6{0%,20%{filter:blur(40px);transform:translateY(0) translateX(-50%)}to{filter:blur(0);transform:translatY(0) translateX(-50%)}}@-webkit-keyframes moon-ani-data-v-cc4014f6{0%{transform:translateY(-30px) translateX(-50%);opacity:0}to{transform:translateY(0) translateX(-50%);opacity:1}}@keyframes moon-ani-data-v-cc4014f6{0%{transform:translateY(-30px) translateX(-50%);opacity:0}to{transform:translateY(0) translateX(-50%);opacity:1}}@-webkit-keyframes left-ani-data-v-cc4014f6{0%{opacity:0;transform:translateZ(-1400px) translateY(300px) translateX(-1000px)}30%{opacity:0}to{opacity:1;transform:translateZ(0) translateY(0) translateX(0)}}@keyframes left-ani-data-v-cc4014f6{0%{opacity:0;transform:translateZ(-1400px) translateY(300px) translateX(-1000px)}30%{opacity:0}to{opacity:1;transform:translateZ(0) translateY(0) translateX(0)}}@-webkit-keyframes right-ani-data-v-cc4014f6{0%{opacity:0;transform:translateZ(-1400px) translateY(-400px) translateX(1000px)}30%{opacity:0}to{opacity:1;transform:translateZ(0) translateY(0) translateX(0)}}@keyframes right-ani-data-v-cc4014f6{0%{opacity:0;transform:translateZ(-1400px) translateY(-400px) translateX(1000px)}30%{opacity:0}to{opacity:1;transform:translateZ(0) translateY(0) translateX(0)}}@-webkit-keyframes title-ani-data-v-cc4014f6{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;transform:translateY(-500px) translateX(-50%)}38%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;transform:translateY(0) translateX(-50%)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateY(-65px) translateX(-50%)}72%,90%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translateY(0) translateX(-50%)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateY(-28px) translateX(-50%)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateY(-8px) translateX(-50%)}}@keyframes title-ani-data-v-cc4014f6{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;transform:translateY(-500px) translateX(-50%)}38%,to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;transform:translateY(0) translateX(-50%)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateY(-65px) translateX(-50%)}72%,90%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translateY(0) translateX(-50%)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateY(-28px) translateX(-50%)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translateY(-8px) translateX(-50%)}}@-webkit-keyframes light-ani-data-v-cc4014f6{0%{opacity:1;transform:translate(-500px,-173px)}to{opacity:1;transform:translate(0)}}@keyframes light-ani-data-v-cc4014f6{0%{opacity:1;transform:translate(-500px,-173px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes deco-01{0%{top:-200px}50%{top:-180px}100%{top:-200px}}@keyframes deco-01{0%{top:-200px}50%{top:-180px}100%{top:-200px}}.intro{height:1440px;top:0;left:50%;position:relative;transform:translateX(-50%);background:#000}@media only screen and (max-width:767px){.intro{height:880px}}.intro>section .back{background:url(../images/banner-bg.png) no-repeat bottom center;background-size:cover;width:100%;height:1440px;opacity:1;position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-animation:bg-ani-data-v-cc4014f6 2.8s cubic-bezier(.25,.46,.45,.94) 0s both;animation:bg-ani-data-v-cc4014f6 2.8s cubic-bezier(.25,.46,.45,.94) 0s both}@media only screen and (max-width:767px){.intro>section .back{height:880px}}.intro>section .char-left{background:url(../images/char-left.png) no-repeat;background-size:contain;width:33vw;height:1490px;position:absolute;left:0;bottom:-200px;-webkit-animation:left-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:left-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1s both}@media only screen and (max-width:767px){.intro>section .char-left{width:100vw;height:700px;display:none}}.intro>section .char-right{background:url(../images/char-right.png) no-repeat top right;background-size:contain;width:36vw;height:2035px;position:absolute;right:0;bottom:-600px;-webkit-animation:right-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1.2s both;animation:right-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1.2s both}@media only screen and (max-width:767px){.intro>section .char-right{width:100vw;height:880px;bottom:0;top:0}}.intro>section .title{background:url(../images/banner-title.png) no-repeat center center;background-size:contain;width:30vw;max-width:600px;height:625px;max-height:625px;position:absolute;left:50%;top:40px;transform:translate(-50%,0);-webkit-animation:title-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1.6s both;animation:title-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1.6s both}@media only screen and (max-width:767px){.intro>section .title{width:80vw;top:280px;height:300px}}.intro>section .scroll{background:url(../images/scroll.png) no-repeat;background-size:contain;width:147px;height:129px;position:absolute;left:50%;transform:translate(-50%,0);top:760px;-webkit-animation:moon-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 2s both;animation:moon-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 2s both}@media only screen and (max-width:767px){.intro>section .scroll{display:none}}.intro>nav{position:absolute;left:50%;top:600px;display:flex;width:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transform:translateX(-50%);justify-content:center;gap:20px;-webkit-animation:moon-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1.8s both;animation:moon-ani-data-v-cc4014f6 .5s cubic-bezier(.25,.46,.45,.94) 1.8s both}@media only screen and (max-width:767px){.intro>nav{width:100%;top:540px}}.intro>nav a{display:inline-block;width:400px;height:136px}.intro>nav a.always-event{background:url(../images/chap-1-btn.png) no-repeat center center;background-size:contain}.intro>nav a.always-event.active,.intro>nav a.always-event:hover{background:url(../images/chap-1-btn-active.png) no-repeat center center;background-size:contain}.intro>nav a.limit-event{background:url(../images/chap-2-btn.png) no-repeat center center;background-size:contain}.intro>nav a.limit-event.active,.intro>nav a.limit-event:hover{background:url(../images/chap-2-btn-active.png) no-repeat center center;background-size:contain}.always,.limit{position:relative;transform:translateY(-500px);margin-bottom:-500px;text-align:center}@media only screen and (max-width:767px){.always,.limit{transform:translateY(-200px);margin-bottom:-200px}}.always .content,.limit .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:relative}@media only screen and (max-width:767px){.always .content,.limit .content{padding-left:12px;padding-right:12px}}.always .content #c1-01,.limit .content #c1-01{position:relative;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:-50vh;padding-top:50vh}.always .content #c1-01::before,.limit .content #c1-01::before{content:'';position:absolute;right:-350px;top:-200px;background:url(../images/c1-deco-1.png) center center no-repeat;background-size:contain;width:300px;height:500px;-webkit-animation:deco-01 2s cubic-bezier(.25,.46,.45,.94) 1s infinite;animation:deco-01 2s cubic-bezier(.25,.46,.45,.94) 1s infinite}@media only screen and (min-width:1001px){.always .content #c1-01::before,.limit .content #c1-01::before{right:-280px}}@media only screen and (max-width:767px){.always .content #c1-01::before,.limit .content #c1-01::before{display:none}}.always .content #c1-02,.limit .content #c1-02{position:relative;display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:60px;margin-top:-50vh;padding-top:50vh}@media only screen and (max-width:767px){.always .content #c1-02,.limit .content #c1-02{padding-left:12px;padding-right:12px}}.always .content #c1-02::before,.limit .content #c1-02::before{content:'';position:absolute;left:-300px;top:-200px;background:url(../images/c1-deco-2.png) center center no-repeat;background-size:contain;width:500px;height:600px}@media only screen and (min-width:1001px){.always .content #c1-02::before,.limit .content #c1-02::before{left:-200px;top:-150px;width:400px}}@media only screen and (max-width:767px){.always .content #c1-02::before,.limit .content #c1-02::before{display:none}}.always .content #c1-02::after,.limit .content #c1-02::after{content:'';position:absolute;right:-360px;bottom:-400px;background:url(../images/c1-deco-3.png) center center no-repeat;background-size:contain;width:480px;height:700px}@media only screen and (min-width:1001px){.always .content #c1-02::after,.limit .content #c1-02::after{right:-200px;width:360px;bottom:-200px}}@media only screen and (max-width:767px){.always .content #c1-02::after,.limit .content #c1-02::after{right:-80px;bottom:160px;width:200px;height:200px}}.always .content #c1-02 .items,.limit .content #c1-02 .items{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.always .content #c1-02 .items .item,.limit .content #c1-02 .items .item{position:relative}.always .content #c1-02 .items .item:nth-child(2) span::hover,.limit .content #c1-02 .items .item:nth-child(2) span::hover{opacity:1}.always .content #c1-02 .items .item:nth-child(2) span::before,.limit .content #c1-02 .items .item:nth-child(2) span::before{background:url(../images/c1-card-2-detail.png) center center no-repeat;background-size:contain}.always .content #c1-02 .items .item:nth-child(3) span::hover,.limit .content #c1-02 .items .item:nth-child(3) span::hover{opacity:1}.always .content #c1-02 .items .item:nth-child(3) span::before,.limit .content #c1-02 .items .item:nth-child(3) span::before{background:url(../images/c1-card-3-detail.png) center center no-repeat;background-size:contain}.always .content #c1-02 .items .item span,.limit .content #c1-02 .items .item span{background:url(../images/c1-card-detail.png) no-repeat center center;width:39px;height:40px;position:absolute;left:53%;top:170px}.always .content #c1-02 .items .item span::before,.limit .content #c1-02 .items .item span::before{content:'';position:absolute;left:-154px;top:100px;background:url(../images/c1-card-1-detail.png) center center no-repeat;background-size:contain;width:291px;height:161px;opacity:0;transition:.3s all}.always .content #c1-02 .items .item span:hover::before,.limit .content #c1-02 .items .item span:hover::before{opacity:1!important}.always .content #c1-03,.limit .content #c1-03{display:flex;gap:120px;justify-content:center;flex-wrap:wrap;position:relative;margin-top:-50vh;padding-top:50vh}@media only screen and (max-width:767px){.always .content #c1-03,.limit .content #c1-03{gap:20px}}.always .content #c1-03 .card,.limit .content #c1-03 .card{display:flex;flex-direction:column;gap:12px;background:0 0}.always .content #c1-03 .card button,.limit .content #c1-03 .card button{background:0 0}.always .content .notice,.limit .content .notice{position:absolute;left:50%;bottom:40px;transform:translateX(-50%)}.limit #c2-01{position:relative;margin-top:-50vh;padding-top:50vh}.limit #c2-01::before{content:'';position:absolute;right:-350px;top:-200px;background:url(../images/c1-deco-1.png) center center no-repeat;background-size:contain;width:300px;height:500px;-webkit-animation:deco-01 2s cubic-bezier(.25,.46,.45,.94) 1s infinite;animation:deco-01 2s cubic-bezier(.25,.46,.45,.94) 1s infinite}@media only screen and (min-width:1001px){.limit #c2-01::before{right:-280px}}.limit #c2-02{display:flex;flex-direction:column;gap:40px;position:relative;margin-top:-50vh;padding-top:50vh;z-index:10}.limit #c2-02::before{content:'';position:absolute;left:-440px;top:-100px;background:url(../images/c2-deco-1.png) center center no-repeat;background-size:contain;width:600px;height:700px;-webkit-animation:deco-01 2s cubic-bezier(.25,.46,.45,.94) .5s infinite;animation:deco-01 2s cubic-bezier(.25,.46,.45,.94) .5s infinite}@media only screen and (max-width:767px){.limit #c2-02::before{display:none}}.limit #c2-02 .item{position:relative}.limit #c2-02 .item span{background:url(../images/c2-card-detail.png) no-repeat center center;width:39px;height:40px;position:absolute;left:30%;top:48%}@media only screen and (max-width:767px){.limit #c2-02 .item span{width:19px;height:20px;left:30%;top:48%;background-size:cover}}.limit #c2-02 .item span::before{content:'';position:absolute;left:-154px;top:160px;background:url(../images/c2-card-1-detail.png) center center no-repeat;background-size:contain;width:291px;height:161px;opacity:0;transition:.3s all}@media only screen and (max-width:767px){.limit #c2-02 .item span::before{top:80px}}.limit #c2-02 .item span:hover::before{opacity:1!important}.limit #c2-03{display:flex;gap:0;justify-content:center;flex-wrap:wrap;position:relative;margin-top:-50vh;padding-top:50vh}.limit #c2-03 button{background:0 0;margin-top:20px}.limit #c2-03 .block{display:flex;flex-direction:column;position:relative}.limit #c2-03 .block a{display:inline-block;margin-top:12px}.limit #c2-03 .block.deco::before{content:'';position:absolute;right:-440px;bottom:-80px;background:url(../images/c1-deco-3.png) center center no-repeat;background-size:contain;width:480px;height:700px}@media only screen and (max-width:767px){.limit #c2-03 .block.deco::before{width:200px;height:200px;right:-80px;bottom:0}}