@import url(https://image.ff14.co.kr/event/common/css/tooltip.css);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}elements-of-type(html5-block){display:block}@font-face{font-family:Noto Sans KR Regular;font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype")}@font-face{font-family:Noto Sans KR Medium;font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype")}.preload{overflow:hidden;position:absolute;left:0;top:0;opacity:.0001;width:1px;height:1px;background-image:url(../img/floating_on.png?46e09ef9dd2f5702076fa3a68bec00ab),url(../img/obj1.png?1b9410a5f0641b235d6e690d4576bb72),url(../img/obj2.png?fb474e6c101b80e43b46dd6830e983da),url(../img/obj3.png?9028ca0c5b55bd5727547fc0c5ffbe65),url(../img/obj4.png?4400a99285db4836df82d0faab08bb88),url(../img/obj5.png?baa09b3499892d214563c0a07fe24682)}body,html{width:100%;height:100%}a img{border:0 none}input,select{outline-style:none}::-webkit-input-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}::placeholder{color:#ccc}b,strong{font-weight:700}.outline_hidden{text-indent:-99999px;font-size:0}.hidden{display:none}body{position:relative;background-color:#000;font-family:Noto Sans KR Medium,"\B9D1\C740   \ACE0\B515",Malgun Gothic,\\B3CB\C6C0,Dotum,Tahoma,sans-serif}.dummy{position:absolute;top:0;height:0;width:0}.dummy#dum0,.dummy#dum1,.dummy#dum2{top:0}.floating{display:none;position:fixed;top:400px;right:2%;z-index:999}.floating li{width:137px;height:145px;transition:all .15s;background:url(../img/floating_off.png?4f62cd5f6914f4a7ad77b6db0fc07a64) 0 0 no-repeat;text-indent:-9999px;cursor:pointer}.floating li:hover{background:url(../img/floating_on.png?46e09ef9dd2f5702076fa3a68bec00ab) 0 0 no-repeat}.button{display:block;position:absolute;left:50%;font-size:0;padding:0;outline:0;background-color:transparent;border:0;cursor:pointer}.button.btn_ani{-webkit-transition:transform .1s,-webkit-transform .1s;transition:transform .1s,transform .1s}.button.btn_ani:hover{transform:translateY(4px)}.button.btn_ani2{-webkit-transition:transform .1s,-webkit-transform .1s;transition:transform .1s,transform .1s}.button.btn_ani2:hover{transform:translateX(4px)}button{font-size:0;border:0;outline:0;background-color:transparent}.wrap .pc{position:relative;overflow:hidden;min-width:1280px;background-color:#faf5e1}.wrap .pc:before{content:"";position:absolute;left:0;bottom:149px;width:100%;height:2128px;background-color:#232e42}.wrap .pc .cont{position:relative;width:100%}.wrap .pc .cont .deco,.wrap .pc .cont .noti,.wrap .pc .cont .obj,.wrap .pc .cont .substance,.wrap .pc .cont .tit,.wrap .pc .cont .tooltip{position:absolute;left:50%}.wrap .pc .cont .obj{opacity:.0001;z-index:1;transition:all .3s}.wrap .pc .cont .obj.obj1{top:190px;width:545px;height:1091px;margin-left:-833px;background:url(../img/obj1.png?1b9410a5f0641b235d6e690d4576bb72) 0 0 no-repeat}.wrap .pc .cont .obj.obj2{top:327px;width:530px;height:333px;margin-left:540px;background:url(../img/obj2.png?fb474e6c101b80e43b46dd6830e983da) 0 0 no-repeat}.wrap .pc .cont .obj.obj3{top:217px;width:590px;height:1060px;margin-left:323px;background:url(../img/obj3.png?9028ca0c5b55bd5727547fc0c5ffbe65) 0 0 no-repeat}.wrap .pc .cont .obj.obj4{top:555px;width:530px;height:333px;margin-left:-879px;background:url(../img/obj4.png?4400a99285db4836df82d0faab08bb88) 0 0 no-repeat}.wrap .pc .cont .obj.obj5{top:74px;width:402px;height:480px;margin-left:387px;background:url(../img/obj5.png?baa09b3499892d214563c0a07fe24682) 0 0 no-repeat}.wrap .pc .cont .obj.on{opacity:1}.wrap .pc .cont .obj.on.obj1{top:190px;margin-left:-1033px}.wrap .pc .cont .obj.on.obj2{top:427px;margin-left:640px}.wrap .pc .cont .obj.on.obj3{top:217px;margin-left:423px}.wrap .pc .cont .obj.on.obj4{top:655px;margin-left:-979px}.wrap .pc .cont .obj.on.obj5{top:74px;margin-left:487px}.wrap .pc .cont .obj.obj2,.wrap .pc .cont .obj.obj4{transition-delay:.3s}.wrap .pc .cont .tooltip{width:86px;height:86px;cursor:pointer}.wrap .pc .cont .tooltip.tt1{top:211px;margin-left:194px}.wrap .pc .cont .tooltip.tt2{top:306px;margin-left:194px}.wrap .pc .cont .tooltip.tt3{top:401px;margin-left:194px}.wrap .pc .cont .tooltip.tt4{top:496px;margin-left:194px}.wrap .pc .cont .tooltip.tt5{top:258px;margin-left:-345px}.wrap .pc .cont .tooltip.tt6{top:258px;margin-left:130px}.wrap .pc .cont .tooltip.tt7{top:258px;margin-left:321px}.wrap .pc .cont .tooltip.tt5,.wrap .pc .cont .tooltip.tt6,.wrap .pc .cont .tooltip.tt7{width:101px;height:101px}.wrap .pc .cont.cont_1{height:1256px;background:url(../img/cont_01.jpg?42f7d985f35a841435bc797fe37e2e01) 50% 0 no-repeat}.wrap .pc .cont.cont_2{height:1196px;background:url(../img/cont_02.jpg?258af55a5f48dbc3ab797cb09c0b2967) 50% 0 no-repeat}.wrap .pc .cont.cont_3{height:1183px;background:url(../img/cont_03.jpg?993887a7685edd50ade71e46ce4ace1a) 50% 0 no-repeat}.wrap .pc .cont.cont_4{height:880px;background:url(../img/cont_04.jpg?6778c5ae98170ff9e77408cb1de9fa9e) 50% 0 no-repeat}.wrap .pc .cont.cont_5{height:1239px;background:url(../img/cont_05.jpg?de461758312a18bee4e5e3e9a83944b9) 50% 0 no-repeat}.wrap .pc .cont.cont_6{height:889px;background:url(../img/cont_06.jpg?9c790ae69fb2d4bf5bf43f9b2d5c5c47) 50% 0 no-repeat}.wrap .pc .cont.cont_1 .btn_logo{top:30px;width:167px;height:41px;margin-left:-570px;background:url(../img/header_logo_new_black.png?75d74d45ed0d3dda020dfb531f241d47) 0 0 no-repeat;z-index:99}.wrap .pc .cont.cont_1 .btn_game,.wrap .pc .cont.cont_1 .btn_home,.wrap .pc .cont.cont_1 .btn_signup{top:30px;height:39px;z-index:99}.wrap .pc .cont.cont_1 .btn_game:hover,.wrap .pc .cont.cont_1 .btn_home:hover,.wrap .pc .cont.cont_1 .btn_signup:hover{background-position-y:-39px}.wrap .pc .cont.cont_1 .btn_home{width:40px;margin-left:330px;background:url(../img/btn_home.png?de38384ae2101440133faa402302e245) 0 0 no-repeat}.wrap .pc .cont.cont_1 .btn_signup{width:95px;margin-left:374px;background:url(../img/btn_join.png?9b3b8d9bbf8e4734d94bac9c29d9f381) 0 0 no-repeat}.wrap .pc .cont.cont_1 .btn_game{width:95px;margin-left:475px;background:url(../img/btn_game.png?3562eea5549fd17f53bc04568c2fccda) 0 0 no-repeat}.wrap .pc .cont.cont_1 .deco_hd{position:absolute;left:50%;margin:0;padding:0;border:0;background:none;font-size:0;opacity:0;transform:translateY(-40px);transition-property:all;transition-duration:.4s}.wrap .pc .cont.cont_1 .deco_hd.deco_hd1{top:771px;width:901px;height:210px;margin-left:-445px;background:transparent url(../img/hd_1.png?640e1939a2ce550299a8813cdf3556c8) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd2{top:647px;width:373px;height:364px;margin-left:-763px;background:transparent url(../img/hd_2.png?f36dff8d6c96c4208725b4521db6ab04) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd3{top:626px;width:446px;height:393px;margin-left:374px;background:transparent url(../img/hd_3.png?39b57bb2feff2fc8d39787ba77258e9c) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd4{top:993px;width:632px;height:61px;margin-left:-351px;background:transparent url(../img/hd_4.png?1ae33ef94fc6061ac954cc94d2fee9f3) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd5{top:1087px;width:858px;height:21px;margin-left:-430px;background:transparent url(../img/hd_5.png?6d9ae4bb117a5939382eca5d2e65c0af) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd6{top:1142px;width:513px;height:55px;margin-left:-256px;background:transparent url(../img/hd_6.png?45bd72f39878915560be96bd33bf78ee) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd7{top:188px;width:408px;height:181px;margin-left:-1280px;background:transparent url(../img/hd_7.png?dc0261c152ae288583d264a60106cbbf) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd8{top:332px;width:473px;height:163px;margin-left:806px;background:transparent url(../img/hd_8.png?e118af9525668bd4c33231bcc3e5209d) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd9{top:396px;width:125px;height:126px;margin-left:-954px;background:transparent url(../img/hd_9.png?acac8d2013b0c7bc40c7feaa1c563d8b) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd10{top:84px;width:149px;height:149px;margin-left:1052px;background:transparent url(../img/hd_10.png?e5c60f62b7602501cc4536ecd6be7d75) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd11{top:700px;width:150px;height:106px;margin-left:-1280px;background:transparent url(../img/hd_11.png?3fcf11b97b3f029734f688bfd624f1c7) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd12{top:600px;width:76px;height:70px;margin-left:1203px;background:transparent url(../img/hd_12.png?afd1be0bca1d73ffa14ff7af5ee71b9c) no-repeat 50%}.wrap .pc .cont.cont_1 .deco_hd.deco_hd1{z-index:1}.wrap .pc .cont.cont_1 .deco_hd.deco_hd2,.wrap .pc .cont.cont_1 .deco_hd.deco_hd8,.wrap .pc .cont.cont_1 .deco_hd.deco_hd12{transform:translate(100px)}.wrap .pc .cont.cont_1 .deco_hd.deco_hd3,.wrap .pc .cont.cont_1 .deco_hd.deco_hd7,.wrap .pc .cont.cont_1 .deco_hd.deco_hd11{transform:translate(-100px)}.wrap .pc .cont.cont_1 .deco_hd.deco_hd9,.wrap .pc .cont.cont_1 .deco_hd.deco_hd10{transform:translate(0)}.wrap .pc .cont.cont_1 .deco_hd.on{opacity:1;transform:translate(0)}.wrap .pc .cont.cont_1 .open-pop{position:absolute;top:987px;left:50%;width:74px;height:72px;margin-left:295px;cursor:pointer;background:url(../img/btn_illust.png?b7ec91fce4292abb0cffe51b827f41b9) no-repeat 0 0;z-index:999;animation:effects 1.5s infinite}.wrap .pc .cont.cont_1 .open-pop:hover{background-position-y:100%}.wrap .pc .cont.cont_1 .substance{top:44px;width:1412px;height:865px;margin-left:-708px;background:url(../img/hd_illust.png?903a8f510469dd20e9517d85ac76bf7d) 0 0 no-repeat}.wrap .pc .cont.cont_2 .tit{top:69px;width:568px;height:231px;margin-left:-283px;background:url(../img/sub_tit_1.png?95290a631a60b2c4821dcc01e162608e) 0 0 no-repeat;text-indent:-9999px}.wrap .pc .cont.cont_2 .substance{top:332px;width:1142px;height:803px;margin-left:-571px;background:url(../img/cont1.png?90d78a2e21ac19cc694e440bd18a28ab) 0 0 no-repeat}.wrap .pc .cont.cont_3 .tit{top:54px;width:589px;height:242px;margin-left:-294px;background:url(../img/sub_tit_2.png?8098196f0bbd27c3b842d9cee92c25a9) 0 0 no-repeat;text-indent:-9999px}.wrap .pc .cont.cont_3 .substance{top:317px;width:1142px;height:764px;margin-left:-571px;background:url(../img/cont2_1.png?6b4ed8cb2b8353d638e94f7042c76c90) 0 0 no-repeat}.wrap .pc .cont.cont_4 .substance{top:0;width:1142px;height:694px;margin-left:-578px;background:url(../img/cont2_2.png?8d323ad24b19ca2169bfada276ab0a09) 0 0 no-repeat}.wrap .pc .cont.cont_5 .tit{top:150px;width:811px;height:232px;margin-left:-405px;background:url(../img/sub_tit_3.png?50c9edc5ef3cc8b78470af77bf50e333) 0 0 no-repeat;text-indent:-9999px}.wrap .pc .cont.cont_5 .substance{top:413px;width:1142px;height:764px;margin-left:-571px;background:url(../img/cont3_1.png?79cd5866f028fcaea3a1e77f13ed0346) 0 0 no-repeat}.wrap .pc .cont.cont_6 .substance{top:-2px;width:1176px;height:536px;margin-left:-579px;background:url(../img/cont3_2.png?d5fc0bc952d8feed2ad34d71121064ca) 0 0 no-repeat}.wrap .pc .cont.cont_6 .substance .open-pop2{position:absolute;top:143px;left:50%;width:30px;height:30px;margin-left:-228px;cursor:pointer}.wrap .pc .cont.cont_6 .noti{top:570px;width:968px;height:124px;margin-left:-571px;background:url(../img/cont3_2txt.png?dc6cd118cea2434a8d1eaa160222bade) 0 0 no-repeat}.wrap .pc .dimmed{top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.wrap .pc .dimmed,.wrap .pc .pop{display:none;position:fixed;z-index:9999}.wrap .pc .pop{top:180px;left:50%;width:1184px;height:665px;margin-left:-592px;background:url(../img/illust.png?fee66409d432275b518b07e550136af7) center 0 no-repeat}.wrap .pc .pop .close-pop{position:absolute;top:-75px;left:50%;margin-left:-27px;width:62px;height:62px;cursor:pointer;background:url(../img/close_pop.png?e51e2fc1abb1742f139f1142d1e42e1d) 0 0 no-repeat}.wrap .pc .pop2{display:none;position:fixed;top:180px;left:50%;width:1140px;height:733px;margin-left:-570px;background:url(../img/lay_pop.png?c3fc57af0b79af6556372585222690fd) center 0 no-repeat;z-index:9999}.wrap .pc .pop2 .close-pop{position:absolute;top:-75px;left:50%;margin-left:-27px;width:62px;height:62px;cursor:pointer;background:url(../img/close_pop.png?e51e2fc1abb1742f139f1142d1e42e1d) 0 0 no-repeat}.wrap .pc .pop2 .close-pop2{position:absolute;bottom:23px;left:50%;margin-left:-100px;width:200px;height:47px;cursor:pointer}.wrap .pc .footer{position:relative;height:149px;text-align:center;font:400 13px/149px "\B9D1\C740   \ACE0\B515",Malgun Gothic;color:hsla(0,0%,100%,.2);background:#15110a}.wrap .pc .footer img{vertical-align:middle;margin:0 16px}.wrap .pc .footer .logo_actoz{width:136px;height:42px;background:url(../img/footer_logo_left_white.png?4d220d8226c4d267a282009774dfe80a) 0 0 no-repeat}.wrap .pc .footer .logo_actoz,.wrap .pc .footer .logo_square{display:inline-block;vertical-align:middle;font-size:0;opacity:.4}.wrap .pc .footer .logo_square{width:132px;height:14px;background:url(../img/footer_logo_right_white.png?95ec17811abff14552cafb0b9e8cd7cb) 0 0 no-repeat}.wrap .pc .footer span{display:inline-block;padding:0 130px;vertical-align:middle}@keyframes bounce{0%{margin-top:-8px}to{margin-top:8px}}@keyframes bounce2{0%{top:0}to{top:5px}}@keyframes bounce3{0%{transform:rotate(-10deg);transform-origin:center}50%{transform:rotate(10deg);transform-origin:center}to{transform:rotate(-10deg);transform-origin:center}}@keyframes effects{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}[class*=tooltip] .info{top:-5px;left:95px}.tt5[class*=tooltip] .info,.tt6[class*=tooltip] .info,.tt7[class*=tooltip] .info{top:100px;left:0}[class*=tooltip] .info:before{top:11px;bottom:11px}