@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{font-size:0;border:0;outline: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>.inner{position:relative;min-width:1280px;background-color:#f1f8e5;overflow:hidden}.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]>.box_info{position:relative;height:839px;padding:91px 0 0 62px;display:flex;flex-direction:column;box-sizing:border-box}.wrap [class*=cont_] [class*=panel]>.box_info .sub_title{height:49px}.wrap [class*=cont_] [class*=panel]>.box_info .txt1{position:absolute;top:-105px;left:2px;width:598px;height:73px}.wrap [class*=cont_] [class*=panel]>.box_info .item_list{width:718px;margin-top:43px;display:flex;flex-wrap:wrap;gap:30px 28px;order:1}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li{width:345px;height:231px}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl{height:100%;display:flex;flex-direction:column}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl>dt{height:43px;font-weight:600;font-size:19px;letter-spacing:-.04em;display:flex;align-items:center;justify-content:center}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl>dd{flex:1 1 auto}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl>dd>ul{height:100%;display:flex;gap:0 5px}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl>dd>ul>li{position:relative;width:170px;padding-top:27px;display:flex;flex-direction:column}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl>dd>ul>li>span{margin-top:20px;font-weight:600;font-size:18px;line-height:22px;text-align:center;letter-spacing:-.05em;order:1}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li>dl>dd>ul>li .tooltip1{width:74px;height:74px;margin:0 auto}.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li:nth-child(2)>dl>dt,.wrap [class*=cont_] [class*=panel]>.box_info .item_list>li:nth-child(3)>dl>dt{color:#fff}.wrap [class*=cont_] [class*=panel]>.box_info .buy{margin-top:28px;display:inline-flex}.wrap [class*=cont_] [class*=panel]>.box_info .buy a{height:74px;display:inline-flex;transition:.3s}.wrap [class*=cont_] [class*=panel]>.box_info .buy a span{width:310px;margin-right:-1px;font-weight:800;font-size:29px;color:#3827dd;letter-spacing:-.04em;border:solid #222;border-width:1px 0 1px 1px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #5d5d5d}.wrap [class*=cont_] [class*=panel]>.box_info .buy a span b{margin-left:8px;font-size:25px;color:#000;letter-spacing:-.05em}.wrap [class*=cont_] [class*=panel]>.box_info .buy a i{width:160px;font-weight:700;font-size:25px;color:#fff;background:#4517ef;display:flex;align-items:center;justify-content:center}.wrap [class*=cont_] [class*=panel]>.box_info .buy a:hover{transform:translateY(-5px)}.wrap [class*=cont_] [class*=panel]>.box_info mark{position:absolute;left:0;bottom:-56px;padding:0 20px;font-weight:600;font-size:20px;line-height:30px;color:#fff;letter-spacing:-.05em;background-color:transparent}.wrap [class*=cont_] [class*=panel] .list_goods{margin-top:48px;display:flex;flex-wrap:wrap;gap:30px 28px}.wrap [class*=cont_] [class*=panel] .list_goods>li{width:556px}.wrap [class*=cont_] [class*=panel] .list_goods>li a{background-color:#fff;display:flex;align-items:center;box-shadow:4px 4px 20px #0000001f;transition:.3s}.wrap [class*=cont_] [class*=panel] .list_goods>li a:before{content:"";width:200px;height:200px;margin-right:29px}.wrap [class*=cont_] [class*=panel] .list_goods>li a cite{font-weight:800;font-size:24px;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .list_goods>li a p{margin-top:5px;font-weight:500;font-size:18px;line-height:26px;color:#666;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .list_goods>li a span{margin-top:11px;font-weight:800;font-size:23px;color:#3827dd;letter-spacing:-.03em;display:block}.wrap [class*=cont_] [class*=panel] .list_goods>li a span i{font-weight:700;font-size:20px;color:#222;letter-spacing:-.03em}.wrap [class*=cont_] [class*=panel] .list_goods>li a:hover{transform:translateY(-5px)}.wrap [class*=cont_] [class*=panel] .list_goods li.ico1 a:before{background-position-x:0px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico2 a:before{background-position-x:-200px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico3 a:before{background-position-x:-400px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico4 a:before{background-position-x:-600px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico5 a:before{background-position-x:-800px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico6 a:before{background-position-x:-1000px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico7 a:before{background-position-x:-1200px}.wrap [class*=cont_] [class*=panel] .list_goods li.ico8 a:before{background-position-x:-1400px}.wrap [class*=tooltip]>.name{position:relative;width:100%;height:100%;padding:0;font-size:0;display:block}.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:url(../img/Common/header_logo2.png) no-repeat 50% 0;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: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{position:relative;height:1000px;z-index:1}.wrap .visual:before,.wrap .visual .area:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;width:2560px;height:100%;pointer-events:none}.wrap .visual:before{z-index:1}.wrap .visual .area:before{clip-path:polygon(0 0,0 0,0 100%,0 100%);z-index:2}.wrap .visual .area .box .time{position:absolute;left:calc(50% - 575px);top:126px;width:458px;height:57px;background-image:url(../img/visual_time.png);transition-property:opacity,transform;transition:.5s cubic-bezier(.39,.71,.11,1.36) .1s;opacity:0;transform:translateY(-30px);z-index:3}.wrap .visual .area .box .title span{position:absolute;left:calc(50% - 570px);top:216px;width:838px;height:246px;background-image:url(../img/visual_title.png);transition:.5s cubic-bezier(.39,.71,.11,1.36) .2s;opacity:0;transform:translateY(-30px);z-index:3}.wrap .visual .area .box .txt{position:absolute;left:calc(50% - 570px);top:499px;width:465px;height:64px;background-image:url(../img/visual_txt.png);transition:.5s cubic-bezier(.39,.71,.11,1.36) .3s;opacity:0;transform:translateY(-30px);z-index:3}.wrap .visual .area .box .title em{position:absolute;left:calc(50% - 218px);top:709px;width:437px;height:145px;transition:.5s ease .5s;opacity:0;z-index:4}.wrap .visual .area:after,.wrap .visual .box:before{content:"";position:absolute;bottom:0;width:388px;height:433px;background-repeat:no-repeat;background-position:0 100%;transition:.5s cubic-bezier(.39,.71,.11,1.36) .4s;opacity:0;transform:translate(60px);z-index:3}.wrap .visual:after,.wrap .visual .box:after{content:"";position:absolute;bottom:0;width:850px;height:811px;opacity:0;background-repeat:no-repeat;background-position:0 100%;transition:.5s cubic-bezier(.39,.71,.11,1.36) .4s;transform:translate(-60px);z-index:2}.wrap .visual.bg1:before{background:url(../img/visual_bg.jpg) no-repeat 50% 0}.wrap .visual.bg1 .area:before{background:url(../img/visual_bg2.jpg) no-repeat 50% 0}.wrap .visual.bg1 .box:before{left:calc(50% - 605px);background-image:url(../img/visual_ch1_1.png)}.wrap .visual.bg1 .box:after{left:calc(50% - 110px);background-image:url(../img/visual_ch1_2.png)}.wrap .visual.bg1 .box .title em{background:url(../img/visual_type1.png) no-repeat 0 0,url(../img/visual_type2.png) no-repeat 0 0/0 0}.wrap .visual.bg1 .area:after{left:calc(50% - 580px);background-image:url(../img/visual_ch2_1.png)}.wrap .visual.bg1:after{left:calc(50% - 105px);background-image:url(../img/visual_ch2_2.png);z-index:3}.wrap .visual.bg2:before{background:url(../img/visual_bg2.jpg) no-repeat 50% 0}.wrap .visual.bg2 .area:before{background:url(../img/visual_bg.jpg) no-repeat 50% 0}.wrap .visual.bg2 .box:before{left:calc(50% - 580px);background-image:url(../img/visual_ch2_1.png)}.wrap .visual.bg2 .box:after{left:calc(50% - 105px);background-image:url(../img/visual_ch2_2.png);z-index:3}.wrap .visual.bg2 .box .title em{background:url(../img/visual_type2.png) no-repeat 0 0,url(../img/visual_type1.png) no-repeat 0 0/0 0}.wrap .visual.bg2 .area:after{left:calc(50% - 605px);background-image:url(../img/visual_ch1_1.png)}.wrap .visual.bg2:after{left:calc(50% - 110px);background-image:url(../img/visual_ch1_2.png)}.wrap .visual.on .area .box .title span,.wrap .visual.on .area .box .txt,.wrap .visual.on .area .box .time,.wrap .visual.on .area .box .title em{opacity:1;transform:translateY(0)}.wrap .visual.on .area .box:before,.wrap .visual.on .area .box:after{opacity:1;transform:translate(0)}.wrap .visual.on[class*=end] .box:before,.wrap .visual.on[class*=end] .box:after,.wrap .visual.on[class*=end] .box .title em{transition:.5s ease}.wrap .visual.on.end1 .area:before{animation:bg1 .5s linear forwards}.wrap .visual.on.end1.bg1 .title em{background-image:url(../img/visual_type2.png)}.wrap .visual.on.end1.bg2 .title em{background-image:url(../img/visual_type1.png)}.wrap .visual.on.end1 .box:before,.wrap .visual.on.end1 .box:after{animation:ch_move_after .5s ease forwards}.wrap .visual.on.end1 .area:after,.wrap .visual.on.end1:after{animation:ch_move_before .5s ease forwards}.wrap .visual.on.end2 .area:before{animation:bg2 .5s linear forwards}.wrap .visual.on.end2.bg1 .title em{background-image:url(../img/visual_type1.png)}.wrap .visual.on.end2.bg2 .title em{background-image:url(../img/visual_type2.png)}.wrap .visual.on.end2 .box:before,.wrap .visual.on.end2 .box:after{animation:ch_move_before .5s ease forwards}.wrap .visual.on.end2 .area:after,.wrap .visual.on.end2:after{animation:ch_move_after .5s ease forwards}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@keyframes bg1{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes bg2{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes ch_move_before{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ch_move_after{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}.wrap .cont_01:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01 .panel1{padding:256px 0 155px;box-sizing:border-box}.wrap .cont_01:not(.lazy):before{background:url(../img/cont_01_bg.jpg) no-repeat 50% 0px}.wrap .cont_01:not(.lazy) .panel1>.box_info{background:url(../img/cont_01_item.png)}.wrap .cont_01:not(.lazy) .panel1>.box_info .sub_title{background:url(../img/cont_01_title.png) no-repeat 0 0}.wrap .cont_01:not(.lazy) .panel1>.box_info .txt1{background:url(../img/cont_01_txt.png) no-repeat 0 0}.wrap .cont_02:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_02 .panel1{padding:256px 0 155px;box-sizing:border-box}.wrap .cont_02:not(.lazy):before{background:url(../img/cont_02_bg.jpg) no-repeat 50% 0px}.wrap .cont_02:not(.lazy) .panel1>.box_info{background:url(../img/cont_02_item.png)}.wrap .cont_02:not(.lazy) .panel1>.box_info .sub_title{background:url(../img/cont_02_title.png) no-repeat 0 0}.wrap .cont_02:not(.lazy) .panel1>.box_info .txt1{background:url(../img/cont_02_txt.png) no-repeat 0 0}.wrap .cont_03:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_03 dl dd{position:absolute;left:calc(50% + 218px);top:calc(50% - 29px);font-weight:600;font-size:20px;line-height:30px;color:#fff;letter-spacing:-.04em}.wrap .cont_03 a{position:relative;height:200px;display:block}.wrap .cont_03 a:after{content:"";position:absolute;left:calc(50% - 200px);top:calc(50% + 17px);width:76px;height:11px;transition:.3s}.wrap .cont_03 a:hover:after{transform:translate(15px)}.wrap .cont_03:not(.lazy):before{background:url(../img/cont_03_bg.jpg) no-repeat 50% 0px}.wrap .cont_03:not(.lazy) a:after{background:url(../img/link_bg.png)}.wrap .cont_04{background:#f3f3f3}.wrap .cont_04 .panel1{padding:129px 0 132px;box-sizing:border-box}.wrap .cont_04 .panel1 .sub_title{width:609px;height:81px;margin:0 auto}.wrap .cont_04:not(.lazy) .panel1 .sub_title{background:url(../img/cont_04_title.png)}.wrap .cont_04:not(.lazy) .panel1 .list_goods li a:before{background-image:url(../img/cont_04_goods.jpg)}.wrap .cont_05:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_05 .panel1{padding:130px 0 152px;box-sizing:border-box}.wrap .cont_05 .panel1 .sub_title{width:669px;height:31px;margin:0 auto}.wrap .cont_05 .panel1 .list_goods{margin-top:51px;padding:105px 0 104px 71px}.wrap .cont_05 .panel1 .list_goods2{margin-top:65px;display:flex;justify-content:space-between}.wrap .cont_05 .panel1 .list_goods2>li a{display:flex;align-items:center;transition:.3s}.wrap .cont_05 .panel1 .list_goods2>li a:before{content:"";width:160px;height:160px;margin-right:19px}.wrap .cont_05 .panel1 .list_goods2>li a cite{font-weight:800;font-size:24px;color:#fff;letter-spacing:-.04em}.wrap .cont_05 .panel1 .list_goods2>li a p{margin-top:5px;font-weight:500;font-size:16px;line-height:26px;color:#ccc;letter-spacing:-.04em}.wrap .cont_05 .panel1 .list_goods2>li a span{margin-top:13px;font-weight:800;font-size:23px;color:#fff;letter-spacing:-.03em;display:block}.wrap .cont_05 .panel1 .list_goods2>li a span i{font-weight:700;font-size:20px;letter-spacing:-.03em}.wrap .cont_05 .panel1 .list_goods2>li a:hover{transform:translateY(-5px)}.wrap .cont_05 .panel1 .list_goods2 li.ico1 a:before{background-position-x:0px}.wrap .cont_05 .panel1 .list_goods2 li.ico2 a:before{background-position-x:-160px}.wrap .cont_05 .panel1 .list_goods2 li.ico3 a:before{background-position-x:-320px}.wrap .cont_05 .panel1 .btn_bnr{position:relative;height:160px;margin-top:65px;display:block}.wrap .cont_05 .panel1 .btn_bnr:after{content:"";position:absolute;left:calc(50% + 85px);top:calc(50% - 1px);width:76px;height:11px;transition:.3s}.wrap .cont_05 .panel1 .btn_bnr:hover:after{transform:translate(20px)}.wrap .cont_05:not(.lazy):before{background:url(../img/cont_05_bg.jpg) no-repeat 50% 0px}.wrap .cont_05:not(.lazy) .panel1 .sub_title{background:url(../img/cont_05_title.png)}.wrap .cont_05:not(.lazy) .panel1 .list_goods{background:url(../img/cont_05_box.png)}.wrap .cont_05:not(.lazy) .panel1 .list_goods li a:before{background-image:url(../img/cont_05_goods.jpg)}.wrap .cont_05:not(.lazy) .panel1 .list_goods2 li a:before{background-image:url(../img/cont_05_goods2.jpg)}.wrap .cont_05:not(.lazy) .panel1 .btn_bnr{background:url(../img/cont_05_bnr.jpg)}.wrap .cont_05:not(.lazy) .panel1 .btn_bnr:after{background:url(../img/link_bg.png)}.wrap .aside{position:fixed;right:0;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;transition:opacity .4s cubic-bezier(.215,.61,.355,1);opacity:0;visibility:hidden;z-index:20}.wrap .aside>span{width:121px;height:115px;margin:0 0 2px auto;background:url(../img/aside_10th.png)}.wrap .aside .quick>li>a{display:flex;align-items:center;width:180px;height:70px;padding-left:19px;background-color:#e4f4ff;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);font-weight:500;font-size:18px;color:#222;letter-spacing:-.05em;font-weight:600;overflow:hidden;transition:all .3s;box-sizing:border-box}.wrap .aside .quick>li>a:hover{color:#fff;font-weight:500;background-color:#242d4d}.wrap .aside .quick>li.on>a{background-color:#242d4d;color:#fff}.wrap .aside .quick>li+li{margin-top:3px}.wrap .aside .btn_top{position:relative;width:100px;height:50px;margin:3px 0 0;text-indent:-100em;background-image:url(../img/btn_top.jpg);display:block;overflow:hidden;transition:all .3s}.wrap .aside .btn_top:hover{background-image:url(../img/btn_top_on.jpg)}.wrap .aside.on,.wrap .aside.on .btn_top{opacity:1;visibility:visible}.wrap .aside.end{position:absolute}.wrap .layer_area{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:auto;z-index:200}.wrap .layer_area .layer{position:relative;top:44px;width:min(100%,1500px);display:none;box-sizing:border-box;transition:opacity .3s;visibility:hidden;transform:translate(0)}.wrap .layer_area .layer .content{position:relative;width:100%;aspect-ratio:1500/840}.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:url(../img/ly_img1.jpg) no-repeat 50% 50%/cover}@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}