@charset "UTF-8";@import"//image.ff14.co.kr/event/common/css/tooltip.css";html{line-height:1}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}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}@font-face{font-family:Pretendard;font-weight:45 920;font-style:normal;font-display:block;src:local("Pretendard Variable"),url(https://image.ff14.co.kr/html2/fonts/PretendardVariable.woff2) format("woff2-variations")}.preload{overflow:hidden;position:absolute;left:0;top:0;opacity:.0001;width:1px;height:1px}a img{border:0}input,select{outline-style:none}::-webkit-input-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}::placeholder{color:#ccc}strong,b{font-weight:700}html{width:100%;height:100%}body{width:100%;min-height:100vh;font-family:Pretendard,Noto Sans KR,맑은 고딕,Malgun Gothic,돋움,Dotum,Tahoma,sans-serif;-webkit-text-size-adjust:none}a{color:#000;text-decoration:none;transition:color .4s cubic-bezier(.215,.61,.355,1)}button{padding:0;font-family:Pretendard;font-size:12px;border:0;background-color:transparent;cursor:pointer}.hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}[data-tabcon]:not(.on){display:none}[js-footer]{font-size:0}.wrap{position:relative;margin:0 auto}.wrap [class*=cont_]{position:relative;min-width:1280px;counter-reset:num}.wrap [class*=cont_] [class*=panel]{position:relative;width:1140px;margin:0 auto;box-sizing:border-box}.wrap [class*=cont_] [class*=panel]>.info{position:relative;min-height:354px;padding-right:400px;box-sizing:border-box}.wrap [class*=cont_] [class*=panel]>.info .npc{position:absolute;left:757px;top:2px;overflow:hidden}.wrap [class*=cont_] [class*=panel]>.info .title_sub{position:relative;font-weight:800;font-size:32px;line-height:42px;color:#5a3f1b;letter-spacing:-.025em}.wrap [class*=cont_] [class*=panel]>.info .title_sub.ico1{padding-left:57px}.wrap [class*=cont_] [class*=panel]>.info .title_sub.ico1:before{content:"";position:absolute;left:0;top:-4px;width:45px;height:58px;background-image:url(../img/icon1.png)}.wrap [class*=cont_] [class*=panel]>.info .title_sub.ico2{padding-left:55px}.wrap [class*=cont_] [class*=panel]>.info .title_sub.ico2:before{content:"";position:absolute;left:0;top:0;width:42px;height:42px;background-image:url(../img/icon2.png)}.wrap [class*=cont_] [class*=panel]>.info>.txt1{margin-top:16px;padding-left:57px;font-weight:600;font-size:21px;line-height:30px;color:#222;letter-spacing:-.05em}.wrap [class*=cont_] [class*=panel]>.info>.txt1 b{font-weight:700;color:#0095a2}.wrap [class*=cont_] [class*=panel]>.info>.txt1 mark{margin-top:13px;font-weight:600;font-size:16px;color:#444;letter-spacing:-.05em;background-color:transparent;display:block}.wrap [class*=cont_] [class*=panel]>.info>.txt1 mark+mark{margin-top:-10px}.wrap [class*=cont_] [class*=panel]>.info .condition{width:490px;margin:24px 0 0 58px}.wrap [class*=cont_] [class*=panel]>.info .condition>dt{height:50px;padding:0 19px;font-weight:600;font-size:21px;line-height:26px;color:#fff;letter-spacing:-.05em;border-radius:6px 6px 0 0;background-color:#3e4cfa;display:flex;align-items:center}.wrap [class*=cont_] [class*=panel]>.info .condition>dd{padding:25px 20px 26px;border-radius:0 0 6px 6px;background-color:#fff;box-shadow:0 0 8px 8px #00000014}.wrap [class*=cont_] [class*=panel]>.info .condition>dd>ul{margin-top:5px;padding-left:32px}.wrap [class*=cont_] [class*=panel]>.info .condition>dd>ul>li a{padding-left:2px;font-weight:500;font-size:17px;color:#009bbd;letter-spacing:-.05em;text-decoration:underline;text-underline-offset:4px}.wrap [class*=cont_] [class*=panel]>.info .condition>dd>ul>li+li{margin-top:7px}.wrap [class*=cont_] [class*=panel]>.info .condition [class*=icon_]{position:relative;padding-left:34px;font-weight:600;font-size:19px;line-height:23px;letter-spacing:-.05em;color:#222;display:block}.wrap [class*=cont_] [class*=panel]>.info .condition [class*=icon_]:before{content:"";position:absolute;left:0;top:-2px;width:26px;height:26px}.wrap [class*=cont_] [class*=panel]>.info .condition [class*=icon_]+[class*=icon_]{margin-top:16px}.wrap [class*=cont_] [class*=panel]>.info .condition .icon_lv:before{background-image:url(../img/icon_lv.png)}.wrap [class*=cont_] [class*=panel]>.info .condition .icon_chk:before{background-image:url(../img/icon_chk.png)}.wrap [class*=cont_] [class*=panel]>.info>.box{margin-top:33px;padding:0 58px}.wrap [class*=cont_] [class*=panel]>.info>.box[class*=bg]:before{content:"";height:540px;margin:0 -58px 46px;border-radius:5px;display:block;overflow:hidden;box-shadow:4px 4px 8px #00000030}.wrap [class*=cont_] [class*=panel]>.info>.box .item{margin:0 -58px;display:flex;gap:0 20px}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li{position:relative;width:560px;border-radius:5px;box-shadow:4px 4px 10px #00000014}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li>dl{height:100%;display:flex;flex-direction:column}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li>dl>dt{height:50px;font-weight:600;font-size:21px;color:#fff;letter-spacing:-.05em;border-radius:5px 5px 0 0;background-color:#eb6509;display:flex;align-items:center;justify-content:center}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li>dl>dd{padding:24px 0 17px;border-radius:0 0 5px 5px;background-color:#fff;display:flex;align-items:center;justify-content:center;gap:0 25px;flex:1 1 auto}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li>dl>dd .element{display:flex;align-items:center;justify-content:center;gap:0 18px}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li>dl>dd .element>em{padding-bottom:4px;font-weight:700;font-size:23px;line-height:27px;letter-spacing:-.05em;order:1}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li .tooltip1{width:100px;height:101px}.wrap [class*=cont_] [class*=panel]>.info>.box .item>li:only-child{width:100%}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1{position:relative;width:1026px;margin:0 auto;gap:0;border-radius:6px;box-shadow:4px 4px 10px #00000014}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1:after{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background-color:#cacaca80}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li{box-shadow:none}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li>dl>dd{padding:39px 0 36px}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li>dl>dd .element{flex-direction:column}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li>dl>dd .element>em{margin-top:21px}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li:nth-child(1)>dl>dt{border-radius:6px 0 0}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li:nth-child(1)>dl>dd{border-radius:0 0 0 6px}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li:nth-child(2)>dl>dt{border-radius:0 6px 0 0}.wrap [class*=cont_] [class*=panel]>.info>.box .item.t1>li:nth-child(2)>dl>dd{border-radius:0 0 6px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2{margin:0 -58px;display:flex}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li{position:relative;width:50%}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl{text-align:center}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl>dt{min-width:130px;height:37px;margin:0 auto;font-weight:600;font-size:21px;color:#fff;letter-spacing:-.05em;border-radius:6px;background-color:#3e4cfa;display:inline-flex;align-items:center;justify-content:center}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl>dd{margin-top:30px;text-align:left}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl>dd>.element{display:flex;justify-content:center;gap:0 2px;flex-wrap:wrap}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl>dd>.element:has(li:nth-child(n+6)){padding:0 10px;gap:20px 13px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl>dd>.element:has(li:nth-child(n+6)) [class*=tooltip]{width:130px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li:only-child{width:100%}.wrap [class*=cont_] [class*=panel]>.info>.box .item2.t1{flex-direction:column;gap:41px 0}.wrap [class*=cont_] [class*=panel]>.info>.box .item2.t1>li{width:100%}.wrap [class*=cont_] [class*=panel]>.info>.box .item2.t1>li>dl>dd{margin-top:20px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2.t1>li>dl>dd>.element:nth-child(n){padding:0;gap:0 2px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2.t1>li>dl>dd>.element:nth-child(n) [class*=tooltip]{width:100px;height:auto;min-height:101px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2.t1>li>dl>dd>.element:nth-child(n) [class*=tooltip] span.name{padding-top:101px;font-weight:500;font-size:18px;line-height:24px;color:#222;letter-spacing:-.05em;text-align:center}.wrap [class*=cont_] [class*=panel]>.info>.txt{margin-top:77px;padding:13px 0 13px 25px;font-weight:500;font-size:19px;line-height:30px;color:#222;letter-spacing:-.05em;border-radius:8px;background-color:#ede5db;display:flex;flex-direction:column}.wrap [class*=cont_] [class*=panel]>.info>.info_txt{font-weight:600;font-size:21px;line-height:28px;letter-spacing:-.05em;display:flex;align-items:center}.wrap [class*=cont_] [class*=panel]>.info>strong.info_txt:before{content:"";width:24px;height:24px;margin-right:8px;background-image:url(../img/icon3.png)}.wrap [class*=cont_] [class*=panel]>.info.t1{padding-right:0}.wrap [class*=cont_] [class*=panel].t1{width:100%}.wrap [class*=cont_] [class*=panel].t1>.info{width:1140px;min-height:160px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center}.wrap [class*=tooltip]{width:100px;height:101px;background-repeat:no-repeat}.wrap [class*=tooltip]:has(>em.name){height:auto!important;background-repeat:no-repeat;background-position:50% 0}.wrap [class*=tooltip]>em.name{height:auto;padding-top:107px;font-weight:700;font-size:18px;line-height:22px;color:#222;letter-spacing:-.05em;text-align:center;white-space:nowrap;overflow:visible}.wrap>.inner{position:relative;min-width:1280px;background-color:#f8f8f8;overflow:hidden}.wrap .header .util h1{position:absolute;left:calc(50% - 570px);top:30px;z-index:5}.wrap .header .util h1 .btn_logo{width:167px;height:42px;text-indent:-1000em;background-image:url(../img/Common/header_logo1.png);overflow:hidden;display:block}.wrap .header .util .area{position:absolute;width:240px;left:calc(50% + 330px);top:30px;z-index:5}.wrap .header .util .area>a{position:relative;float:left;width:95px;height:0;padding-top:39px;background-image:url(../img/Common/header_btn.png);overflow:hidden}.wrap .header .util .area>a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/Common/header_btn.png);background-position-y:-40px;opacity:0;transition:.3s ease}.wrap .header .util .area>a:hover:after{opacity:1}.wrap .header .util .area>a+a{margin-left:5px}.wrap .header .util .area .btn_home{width:40px}.wrap .header .util .area .btn_signup,.wrap .header .util .area .btn_signup:after{background-position-x:-44px}.wrap .header .util .area .btn_game,.wrap .header .util .area .btn_game:after{background-position-x:-145px}.wrap .visual{height:1044px}.wrap .visual:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;width:2560px;height:100%;background:image-set(url(../img/visual_bg.webp) type("image/webp"),url(../img/visual_bg.jpg) type("image/jpeg"));pointer-events:none}.wrap .cont_01{height:1676px}.wrap .cont_01:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01:not(.lazy):before{background:image-set(url(../img/cont_01_bg.webp) type("image/webp"),url(../img/cont_01_bg.jpg) type("image/jpeg"))}.wrap .cont_02{height:1100px}.wrap .cont_02:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_02 .panel1{padding-top:420px}.wrap .cont_02 .panel1 .element{display:flex;justify-content:center;flex-wrap:wrap;gap:61px 20px;width:325px;padding-left:655px}.wrap .cont_02 .panel1 .element>li{width:95px;height:95px}.wrap .cont_02 .panel1 .element>li .tooltip1{width:100%;height:100%}.wrap .cont_02:not(.lazy):before{background:image-set(url(../img/cont_02_bg.webp) type("image/webp"),url(../img/cont_02_bg.jpg) type("image/jpeg"))}.wrap .aside{display:none;position:fixed;right:0;bottom:30px;transition:opacity .4s cubic-bezier(.215,.61,.355,1);opacity:0;visibility:hidden;z-index:20}.wrap .aside .btn_top{position:relative;width:100px;height:50px;text-indent:-100em;background:url(../img/btn_top.png) 50% 50%,url(../img/btn_top_on.png) 50% 50%/0 0;display:block;overflow:hidden;transition:background .3s}.wrap .aside .btn_top:hover{background:url(../img/btn_top_on.png) 50% 50%,url(../img/btn_top.png) 50% 50%/0 0}.wrap .aside.on,.wrap .aside.on .btn_top{opacity:1;visibility:visible}.wrap .aside.end{position:absolute}.wrap .layer_area{display:none;position:fixed;left:0;top:0;right:0;bottom:0;padding:40px 0;background-color:#000000b3;transition:opacity .4s cubic-bezier(.215,.61,.355,1);opacity:0;visibility:hidden;overflow:hidden;z-index:200}.wrap .layer_area .layer{position:relative;top:44px;display:none;box-sizing:border-box;transition:opacity .3s;visibility:hidden;transform:translate(0)}.wrap .layer_area .layer .content{position:relative;width:1500px;height:840px}.wrap .layer_area .layer .btn_close{position:absolute;left:calc(50% - 32px);top:-84px;width:64px;height:64px;background:url(../img/ly_close2.png) no-repeat 50% 50%;box-sizing:border-box}.wrap .layer_area .layer.on{display:block;margin:auto;opacity:1;visibility:visible}.wrap .layer_area.on{display:flex;opacity:1;visibility:visible}.wrap .layer[data-layercon=view1]:not(.lazy) .content{background-size:cover;background-image:image-set(url(../img/ly_img1.webp) type("image/webp"),url(../img/ly_img1.jpg) type("image/jpeg"))}@media (min-width: 2560px){.wrap .aside{right:calc(50% - 1260px)}}.mo.wrap .layer_area .layer{width:90vw}.mo.wrap .layer_area .layer .content{width:100%;height:auto;aspect-ratio:1500/840}.mo.wrap .aside{right:0}.mo.wrap .aside .quick{display:none}.mo.wrap .aside .btn_top{width:168px;height:140px;background-image:url(../img/btn_topm.gif)}