html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,video,iframe,header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{margin:0;padding:0}header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block;vertical-align:baseline}html{overflow-y:scroll}body{color:#000;line-height:1;background:#000;font-size:16px;font-family:"맑은 고딕","Malgun gothic","돋움","dotum",sans-serif}input,textarea,button,select{font-size:16px;font-family:"맑은 고딕","Malgun gothic","돋움","dotum",sans-serif}img,fieldset,button{border:0}input,button,textarea{outline:0}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ul,ol{list-style:none}a,a:link{text-decoration:none;color:#000}.blind{position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0}#wrap{position:relative;overflow:hidden;max-width:2560px;min-width:1280px;margin:0 auto}section{position:relative}section .container{position:relative;width:1280px;height:100%;margin:0 auto}.gnbWrapper{min-width:1280px !important}section .object_wrap{position:absolute;left:0;width:100%}section .object_wrap div,section .object_wrap span{position:absolute}header a,header button,.intro nav a,.event .btn,aside a span{display:block;text-indent:-99999px;overflow:hidden;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/spr_btn.png") no-repeat}header{position:absolute;top:0;left:0;width:100%;z-index:100}header h1{position:absolute;top:16px;left:30px;width:175px;height:75px}header h1 a{display:block;width:100%;height:100%}header .util{position:absolute;top:25px;right:20px;padding-left:188px}header .util .btn_game{position:absolute;top:2px;left:0;width:190px;height:54px;background-position:-228px -2px}header .util .btn_game:hover{background-position:-228px -137px}header .util ul{*zoom:1}header .util ul:after{content:"";display:block;clear:both}header .util li{float:left;margin-right:3px}header .util li:last-child{margin-right:0}header .util li a{width:41px;height:47px}header .util li .btn_home{background-position:-436px 0}header .util li .btn_home:hover{background-position-y:-135px}header .util li .btn_fb{background-position:-480px 0}header .util li .btn_fb:hover{background-position-y:-135px}header .util li .btn_tw{background-position:-524px 0}header .util li .btn_tw:hover{background-position-y:-135px}header .util .btn_today{width:141px;height:22px;background-position:-424px -59px;margin:2px 0 0 -12px}.intro{background-color:#000;height:1185px}.intro .object_wrap span,.intro .char,.intro nav,.intro #iframe,.intro .bg_light,.intro .title div{opacity:0}.intro:before{position:absolute;top:0;left:0;bottom:-1381px;content:"";width:99.99%;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_intro.jpg") center top no-repeat;padding-left:0.01%}.intro #iframe{position:absolute;top:130px;left:100px;width:800px;height:450px;border:1px solid #FC6D00;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_iframe.png") 0 0 no-repeat}.intro #iframe iframe{width:800px;height:450px}.intro .char{position:absolute;top:-15px;left:647px;width:988px;height:1189px;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_char_intro.png") 0 0 no-repeat;transform:translateX(-300px)}.intro .fragment_wrap span{background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/spr_frg_intro.png") 0 0 no-repeat}.intro .fragment_wrap ._f1{top:0px;left:675px;width:595px;height:286px;background-position:-784px 0px;transform:translate(225px, -100px) rotate(15deg)}.intro .fragment_wrap ._f2{top:0px;left:-414px;width:439px;height:381px;background-position:0px 0px;transform:translate(-325px, -200px) rotate(40deg)}.intro .fragment_wrap ._f3{top:298px;left:-337px;width:261px;height:132px;background-position:-478px 0px;transform:translate(-350px, -150px) rotate(90deg)}.intro .fragment_wrap ._f4{top:442px;left:-72px;width:54px;height:32px;background-position:-479px -191px;transform:translate(-250px, -50px) rotate(170deg)}.intro .fragment_wrap ._f5{top:616px;left:-640px;width:1379px;height:906px;background-position:0px -441px;transform:translate(25px, -25px) rotate(0deg)}.intro .title_wrap span{background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/spr_tit_intro.png") 0 0 no-repeat}.intro .title_wrap .silhouette{top:594px;left:110px;width:404px;height:165px}.intro .title_wrap .silhouette ._s1{top:0px;left:0px;width:213px;height:117px;background-position:0px 0px;transform:translate(-8px, 50px)}.intro .title_wrap .silhouette ._s2{top:117px;left:30px;width:0px;height:48px;background-position:-30px -117px}.intro .title_wrap .game{top:774px;left:137px;width:329px;height:30px}.intro .title_wrap .game span{top:0;height:100%;transform:translateX(-80px)}.intro .title_wrap .game ._t1{left:0px;width:34px;background-position:0px -214px}.intro .title_wrap .game ._t2{left:75px;width:33px;background-position:-75px -214px}.intro .title_wrap .game ._t3{left:145px;width:36px;background-position:-145px -214px}.intro .title_wrap .game ._t4{left:220px;width:35px;background-position:-220px -214px}.intro .title_wrap .game ._t5{left:294px;width:35px;background-position:-294px -214px}.intro .title_wrap .title{top:811px;left:94px;width:1107px;height:187px}.intro .title_wrap .title div{top:0;transform:translate(80px, -700px);height:100%}.intro .title_wrap .title div._p2{left:350px;width:757px}.intro .title_wrap .title div span{left:0;height:100%}.intro .title_wrap .title div ._t2{top:-131px;height:289px;transform:translate(-5px, 26px)}.intro .title_wrap .title div ._t3{left:208px}.intro .title_wrap .title ._t1{width:387px;background-position:0px -420px}.intro .title_wrap .title ._t2{width:322px;background-position:-450px -318px;z-index:1}.intro .title_wrap .title ._t3{width:549px;background-position:0px -651px}.intro nav{position:absolute;top:999px;left:88px;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_nav.png") 0 0 no-repeat;width:1104px;height:186px;box-sizing:border-box;z-index:1;transform:translateY(30px);padding:65px 0 0 88px}.intro nav ul{*zoom:1}.intro nav ul:after{content:"";display:block;clear:both}.intro nav li{float:left}.intro nav a{display:block;height:60px;background-position-y:-301px}.intro nav a:hover{background-position-y:-420px}.intro nav .nav1 a{width:247px;background-position-x:0px}.intro nav .nav2{margin:0 143px 0 105px}.intro nav .nav2 a{width:223px;background-position-x:-352px}.intro nav .nav3 a{width:214px;background-position-x:-718px}.intro .bg_light{position:absolute;top:0;left:50%;width:2560px;height:1525px;margin-left:-1280px;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_light.jpg") 0 0 no-repeat}.intro.load .object_wrap span,.intro.load .char,.intro.load nav,.intro.load #iframe,.intro.load .bg_light,.intro.load .title div{opacity:1}.intro.load nav{transform:translateY(0);transition:opacity 300ms ease, transform 500ms ease;transition-delay:2100ms}.intro.load #iframe{transition:all 300ms linear}.intro.load .char{animation:charmove 2s 200ms ease-out;transform:translateX(0);transition:all 0ms 2200ms linear}.intro.load .title_wrap .title div{transform:translate(0, 0);transition:opacity 300ms ease,transform 500ms cubic-bezier(0, 1, 0.1, 1)}.intro.load .title_wrap .title ._t2{transform:translate(0, 0);transition:transform 200ms 1800ms ease}.intro.load .title_wrap .title ._p1{transition-delay:1100ms}.intro.load .title_wrap .title ._p2{transition-delay:1300ms}.intro.load .title_wrap .silhouette ._s1{transform:translate(0, 0);transition:all 300ms ease-out;transition-delay:600ms}.intro.load .title_wrap .silhouette ._s2{width:374px;transition:width 300ms ease;transition-delay:500ms}.intro.load .title_wrap .game span{transform:translateX(0);transition:opacity 300ms ease, transform 200ms ease-out}.intro.load .title_wrap .game ._t1{transition-delay:750ms}.intro.load .title_wrap .game ._t2{transition-delay:800ms}.intro.load .title_wrap .game ._t3{transition-delay:850ms}.intro.load .title_wrap .game ._t4{transition-delay:900ms}.intro.load .title_wrap .game ._t5{transition-delay:950ms}.intro.load .fragment_wrap span{transform:translate(0, 0) rotate(0);transition:opacity 300ms linear,transform 1s cubic-bezier(0, 1, 0.4, 1)}.intro.load .fragment_wrap ._f1{transition-delay:300ms}.intro.load .fragment_wrap ._f2{transition-delay:400ms}.intro.load .fragment_wrap ._f3{transition-delay:500ms}.intro.load .fragment_wrap ._f4{transition-delay:600ms}.intro.load .fragment_wrap ._f5{transition-delay:700ms}.intro.load .bg_light{transition:opacity 300ms linear;transition-delay:100ms}.event .title_wrap span{background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/spr_title_event.png") 0 0 no-repeat;opacity:0}.event .title_wrap .text{left:200px;transform-origin:50% 100%}.event .title_wrap .body span{transform:translateY(200px)}.event .title_wrap .body span{top:0;left:0;width:100%;height:100%}.event .bg_cnt{position:absolute;left:0;width:100%}.event .btn{position:absolute;left:50%;width:738px;height:142px;margin-left:-369px;background-position-x:9px;z-index:1}.event .btn:hover{background-position-x:-775px}.event.active .title_wrap span{opacity:1}.event.active .title_wrap .text{animation:titleUP 700ms ease}.event.active .title_wrap .body{transform-origin:50% 100%;animation:bodyMove infinite alternate 500ms 300ms linear}.event.active .title_wrap .body span{transform:translateY(0);transition:opacity 300ms ease,transform 300ms cubic-bezier(0, 0.3, 0, 1.5);transition-delay:300ms}.event1{height:1381px}.event1 .title_wrap .shape{top:-75px;left:373px;width:450px;height:450px}.event1 .title_wrap .shape span{top:50%;left:50%;border-radius:100%;transform:scale(0)}.event1 .title_wrap .shape ._s1{width:266px;height:266px;background:rgba(242,216,44,0.2);margin:-133px 0 0 -133px}.event1 .title_wrap .shape ._s2{width:450px;height:450px;background:rgba(242,218,50,0.2);margin:-225px 0 0 -225px}.event1 .title_wrap .body{top:20px;left:337px;width:490px;height:471px}.event1 .title_wrap .text{top:289px;width:900px;height:200px;background-position:-600px 0}.event1 .btn{bottom:-9px;background-position-y:-530px}.event1 .bg_cnt{top:478px;height:754px;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_cnt_event1.png") 0 0 no-repeat}.event1 .circle_wrap span{border-radius:100%;background:#f79a63}.event1 .circle_wrap ._c1{top:566px;left:-107px;width:277px;height:277px}.event1 .circle_wrap ._c2{top:878px;left:-186px;width:46px;height:46px}.event1 .circle_wrap ._c3{top:776px;left:1608px;width:46px;height:46px}.event1 .circle_wrap ._c4{top:497px;left:1290px;width:277px;height:277px}.event1 .circle_wrap ._c4{background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_circle_event1.png") 0 0 no-repeat}.event1.active .title_wrap .shape span{transform:scale(1);transition:transform 300ms ease}.event1.active .title_wrap .shape ._s1{transition-duration:300ms;transition-delay:400ms}.event1.active .title_wrap .shape ._s2{transition-duration:400ms;transition-delay:480ms}.event1 .monster_wrap span{background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/spr_monster_event1.png") 0 0 no-repeat}.event1 .monster_wrap div .monster{width:100%;height:100%}.event1 .monster_wrap div .circle{width:138px;height:138px}.event1 .monster_wrap ._m1{top:698px;left:82px;width:316px;height:380px}.event1 .monster_wrap ._m1 .circle{top:255px;left:29px;background-position:-462px 0}.event1 .monster_wrap ._m1 .monster{animation:doongdoong1 700ms alternate infinite ease}.event1 .monster_wrap ._m2{top:970px;left:604px;width:296px;height:252px;background-position:0 -404px;animation:rolling2 5s infinite linear}.event1 .monster_wrap ._m3{top:746px;left:879px;width:156px;height:192px;background-position:0 -730px;transform-origin:50% 100%;animation:rolling3 2s infinite linear}.event1 .monster_wrap ._m4{top:993px;left:929px;width:247px;height:209px}.event1 .monster_wrap ._m4 .monster{background-position:0 -996px;animation:doongdoong4 700ms alternate infinite ease}.event1 .monster_wrap ._m4 .circle{top:-90px;left:82px;background-position:-462px -190px}.event2{height:1106px}.event2:before{position:absolute;top:0;left:0;bottom:0;content:"";width:99.99%;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_event2.jpg") center top no-repeat;padding-left:0.01%}.event2 .title_wrap .shape{top:143px;left:381px;width:103px;height:105px}.event2 .title_wrap .shape ._s1{top:85px;left:9px;width:59px;height:20px;background-position:-837px -957px;transform-origin:100% 100%;animation:triangle1Motion 300ms infinite alternate linear}.event2 .title_wrap .shape ._s2{top:16px;left:0px;width:59px;height:55px;background-position:-917px -888px;transform-origin:100% 100%;animation:triangle2Motion 300ms infinite alternate linear}.event2 .title_wrap .shape ._s3{top:0px;left:79px;width:24px;height:53px;background-position:-1016px -872px;transform-origin:50% 100%;animation:triangle3Motion 300ms infinite alternate linear}.event2 .title_wrap .body{top:63px;left:391px;width:474px;height:425px}.event2 .title_wrap .body span{background-position:0 -496px}.event2 .title_wrap .text{top:356px;width:886px;height:202px;background-position:-600px -261px}.event2 .bg_cnt{top:545px;height:414px;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_cnt_event2.png") 0 0 no-repeat}.event2 .btn{bottom:-5px;background-position-y:-690px}.event2.active .title_wrap .shape span{transition:opacity 300ms ease}.event2.active .title_wrap .shape ._s1{transition-delay:500ms}.event2.active .title_wrap .shape ._s2{transition-delay:550ms}.event2.active .title_wrap .shape ._s3{transition-delay:600ms}.event3{height:2002px}.event3:before{position:absolute;top:0;left:0;bottom:0;content:"";width:99.99%;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/bg_event3.jpg") center top no-repeat;padding-left:0.01%}.event3 .title_wrap .shape{top:-177px;left:68px;width:1145px;height:640px}.event3 .title_wrap .shape span{top:0;left:0;width:100%;height:100%}.event3 .title_wrap .shape ._s1{background-position:-855px -1032px}.event3 .title_wrap .shape ._s2{background-position:-855px -1731px}.event3 .title_wrap .body{top:44px;left:302px;width:656px;height:462px}.event3 .title_wrap .body span{background-position:0 -1038px}.event3 .title_wrap .text{top:357px;width:879px;height:201px;background-position:-600px -574px}.event3 .btn{bottom:221px;background-position-y:-850px}.event3 .hexagon_wrap span{width:562px;background:url("https://lwi.nexon.com/tales/2020/0618_event_0FFA37F7C3E072E1/spr_hexagon_event3.png") 0 0 no-repeat}.event3 .hexagon_wrap ._h1{top:511px;left:359px;height:629px;background-position:0 0px}.event3 .hexagon_wrap ._h2{top:991px;left:68px;height:649px;background-position:0 -629px}.event3 .hexagon_wrap ._h3{top:991px;left:651px;height:649px;background-position:0 -1278px}.event3.active .title_wrap .shape ._s1{transition-delay:500ms;animation:radial1Motion 600ms steps(2, start) 500ms infinite}.event3.active .title_wrap .shape ._s2{transition-delay:500ms;animation:radial2Motion 600ms steps(2, end) 500ms infinite}aside{position:fixed;top:50%;right:-80px;width:70px;height:306px;margin-top:-153px;z-index:100;opacity:0;transition:right 200ms cubic-bezier(0, 0, 0, 1.5)}aside.visible{right:10px;opacity:1}aside a{position:relative;width:70px;height:70px;display:block;overflow:hidden}aside a span{position:absolute;top:0;right:0;width:100%;height:100%}aside a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 50%;transform:translateX(-130%) skewX(-30deg);transition:transform 300ms ease}aside a:hover:before{transform:translateX(0) skew(0)}aside ul{margin-bottom:22px}aside li{position:relative;width:70px;height:70px;margin-bottom:2px}aside li:last-child{margin-bottom:0}aside li a{position:absolute;top:0;right:0;background-color:#fc7c00;transition:width 300ms ease}aside li a:before{background-color:#f5ca00}aside li span{box-sizing:border-box;border:6px solid #f5ca00;background-position-x:-1053px}aside li.on a:before{transform:translateX(0) skew(0)}aside li.qu1 span{background-position-y:-18px}aside li.qu1.on span{background-position-x:-939px}aside li.qu1 a:hover{width:278px}aside li.qu1 a:hover span{background-position-x:-1182px}aside li.qu2 span{background-position-y:-90px}aside li.qu2.on span{background-position-x:-939px}aside li.qu2 a:hover{width:265px}aside li.qu2 a:hover span{background-position-x:-1195px}aside li.qu3 span{background-position-y:-162px}aside li.qu3.on span{background-position-x:-939px}aside li.qu3 a:hover{width:300px}aside li.qu3 a:hover span{background-position-x:-1160px}aside .top{background:#f5ca00}aside .top:before{background:#1a242c}aside .top span{background-position:-1047px -248px}@keyframes titleUP{0%{transform:perspective(500px) rotateX(89deg)}40%{transform:perspective(500px) rotateX(-15deg)}60%{transform:perspective(500px) rotateX(15deg)}80%{transform:perspective(500px) rotateX(-5deg)}100%{transform:perspective(500px) rotateX(0)}}@keyframes bodyMove{0%{transform:rotate(-3deg)}100%{transform:rotate(3deg)}}@keyframes triangle1Motion{0%{transform:scaleX(1)}100%{transform:scaleX(1.2)}}@keyframes triangle2Motion{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes triangle3Motion{0%{transform:scaleY(1)}100%{transform:scaleY(1.2)}}@keyframes radial1Motion{0%{opacity:0}100%{opacity:1}}@keyframes radial2Motion{0%{opacity:1}100%{opacity:0}}@keyframes charmove{0%{transform:translateX(-300px);opacity:0}15%{transform:translateX(-70px);opacity:1}100%{transform:translate(0);opacity:1}}@keyframes doongdoong1{0%{transform:translateY(0)}100%{transform:translateY(10px)}}@keyframes doongdoong2{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes doongdoong4{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes rolling2{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}100%{transform:rotate(0)}}@keyframes rolling3{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(0)}75%{transform:rotate(5deg)}100%{transform:rotate(0)}}