@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:33px 0 0 58px;border-radius:6px;box-shadow:7px 7px 7px #00000014;overflow:hidden}.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;background-color:#3e4cfa;display:flex;align-items:center}.wrap [class*=cont_] [class*=panel]>.info .condition>dd{padding:25px 20px 26px;background-color:#fff}.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 56px;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;flex:1 1 414px}.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:20px;text-align:left}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li>dl>dd>.element{display:flex;justify-content:center;gap:0 2px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li:nth-child(1){width:414px}.wrap [class*=cont_] [class*=panel]>.info>.box .item2>li:only-child{width:100%}.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}.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;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{position:relative;height:1100px;background-color:#e4eff0;z-index:1}.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 .visual .area .box .title span:nth-child(1){position:absolute;left:calc(50% - 400px);top:113px;width:774px;height:223px;background-image:image-set(url(../img/visual_title.webp) type("image/webp"),url(../img/visual_title.png) type("image/png"));opacity:0}.wrap .visual .area .box .title span:nth-child(2){position:absolute;left:calc(50% - 206px);top:101px;width:420px;height:41px;transition:.5s cubic-bezier(.39,.71,.11,1.36) .1s;opacity:0;transform:translateY(-30px)}.wrap .visual .area .box .title span:nth-child(2):after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:image-set(url(../img/visual_txt.webp) type("image/webp"),url(../img/visual_txt.png) type("image/png"));pointer-events:none;z-index:1}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco]{position:absolute;width:8px;height:8px;background-color:#332204;border-radius:50%;opacity:0}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco].deco1{top:-4px;left:calc(50% - 94px)}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco].deco2{top:-4px;left:calc(50% - 63px)}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco].deco3{top:-4px;left:calc(50% - 31px)}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco].deco4{top:-6px;left:calc(50% + 119px)}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco].deco5{top:-9px;left:calc(50% + 151px)}.wrap .visual .area .box .title span:nth-child(2)>[class*=deco].deco6{top:-12px;left:calc(50% + 182px)}.wrap .visual .area .box .time{position:absolute;left:calc(50% - 318px);top:355px;width:545px;height:44px;border-radius:50px;background:#fff;display:flex;transition-property:opacity,transform;transition:.5s cubic-bezier(.39,.71,.11,1.36) .3s;opacity:0;transform:translateY(-30px);z-index:1;box-shadow:0 4px #5930300d}.wrap .visual .area .box .time>dt{width:138px;font-weight:700;font-size:20px;color:#fff;border-radius:30px;background-color:#0ca4e0;display:flex;align-items:center;justify-content:center}.wrap .visual .area .box .time>dd{font-weight:700;font-size:24px;color:#222;letter-spacing:-.025em;display:flex;align-items:center;justify-content:center;flex:1 0 auto}.wrap .visual .area .box .btn_view{position:absolute;top:341px;left:calc(50% + 243px);width:73px;height:71px;text-indent:-100em;background-image:url(../img/visual_btn.png);overflow:hidden;transition:opacity .5s ease .65s,transform .4s;opacity:0}.wrap .visual .area .box:after{content:"";position:absolute;left:calc(50% - 571px);top:423px;width:1147px;height:629px;background-image:image-set(url(../img/visual_deco.webp) type("image/webp"),url(../img/visual_deco.jpg) type("image/jpeg"));opacity:0;transition:opacity .5s ease .4s,transform .6s cubic-bezier(.39,.71,.11,1.36) .4s;transform:translateY(-30px)}.wrap .visual .area .box>[class*=deco]{position:absolute;opacity:0;z-index:1}.wrap .visual .area .box>[class*=deco].deco2{left:calc(50% - 400px);top:214px;width:71px;height:66px;background-image:url(../img/visual_deco2.png);z-index:2}.wrap .visual .area .box>[class*=deco].deco3{left:calc(50% - 371px);top:232px;width:78px;height:92px;background-image:url(../img/visual_deco3.png)}.wrap .visual .area .box>[class*=deco].deco4{left:calc(50% + 291px);top:239px;width:72px;height:78px;background-image:url(../img/visual_deco4.png)}.wrap .visual.on .area:before,.wrap .visual.on .area:after{opacity:1}.wrap .visual.on .area .box .title span:nth-child(2),.wrap .visual.on .area .box .time{opacity:1;transform:translateY(0)}.wrap .visual.on .area .box .title span:nth-child(1){animation:title_float .8s cubic-bezier(.16,.9,.3,1) .2s both,title_bob 3.2s ease-in-out 1s infinite}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco]{animation:dot_bubble .7s cubic-bezier(.16,.9,.3,1) both,dot_sync 3.2s ease-in-out infinite}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco].deco1{animation-name:dot_bubble,dot_sync3;animation-duration:.7s,3s;animation-delay:.5s,1.2s}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco].deco2{animation-name:dot_bubble,dot_sync;animation-duration:.7s,3.4s;animation-delay:.55s,1.25s}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco].deco3{animation-name:dot_bubble,dot_sync2;animation-duration:.7s,2.9s;animation-delay:.6s,1.3s}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco].deco4{animation-name:dot_bubble,dot_sync;animation-duration:.7s,3.6s;animation-delay:.65s,1.35s}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco].deco5{animation-name:dot_bubble,dot_sync3;animation-duration:.7s,3.1s;animation-delay:.7s,1.4s}.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco].deco6{animation-name:dot_bubble,dot_sync2;animation-duration:.7s,2.8s;animation-delay:.75s,1.45s}.wrap .visual.on .area .box .btn_view{opacity:1;transform:rotate(0)}.wrap .visual.on .area .box .btn_view:hover{transform:rotate(-15deg)}.wrap .visual.on .area .box .title:after{opacity:1}.wrap .visual.on .area .box:after{opacity:1;transform:translateZ(0)}.wrap .visual.on .area .box .title:before,.wrap .visual.on .area .box .title:after,.wrap .visual.on .area .box .title span:nth-child(1):before,.wrap .visual.on .area .box .title span:nth-child(1):after,.wrap .visual.on .area .box .title span:nth-child(2):before,.wrap .visual.on .area .box .title span:nth-child(2):after,.wrap .visual.on .area .box .time:before,.wrap .visual.on .area .box .time dt:before,.wrap .visual.on .area .box .time dt:after,.wrap .visual.on .area .box .time dd:before,.wrap .visual.on .area .box .time dd:after{transform:scaleZ(1)}.wrap .visual.on .area .box>[class*=deco].deco2{animation:flower_in .6s cubic-bezier(.2,1.5,.4,1) .5s both,motion 2s ease-in-out 1.1s infinite}.wrap .visual.on .area .box>[class*=deco].deco3{animation:flower_in .6s cubic-bezier(.2,1.5,.4,1) .6s both,motion 1.4s ease-in-out 1.2s infinite}.wrap .visual.on .area .box>[class*=deco].deco4{animation:flower_in .6s cubic-bezier(.2,1.5,.4,1) .55s both,motion2 1.6s cubic-bezier(.36,.07,.19,.97) 1.15s infinite}@media (prefers-reduced-motion: reduce){.wrap .visual.on .area .box .title span:nth-child(1),.wrap .visual.on .area .box .title span:nth-child(2)>[class*=deco],.wrap .visual.on .area .box>[class*=deco]{animation:none;opacity:1}}@keyframes title_float{0%{opacity:0;transform:translateY(90px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title_bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-.7deg)}}@keyframes dot_bubble{0%{opacity:0;transform:translateY(26px) scale(.4)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dot_sync{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes dot_sync2{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dot_sync3{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes flower_in{0%{opacity:0;transform:translateY(36px) scale(.4) rotate(-25deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes motion{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(4deg)}}@keyframes motion2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes bounce{0%{margin-top:0}to{margin-top:-30px}}@keyframes vibration{0%{transform:rotate(5deg);transform-origin:50% 50%}2%{transform:rotate(-5deg)}4%{transform:rotate(5deg)}6%{transform:rotate(-5deg)}7%{transform:rotate(0)}to{transform:rotate(0);transform-origin:50% 50%}}.wrap .cont_01{background-color:#e4eff0}.wrap .cont_01 .panel1{padding:32px 0 30px;box-sizing:border-box}.wrap .cont_01 .panel1:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01 .panel1>.info .condition>dt{background-color:#0ca4e0}.wrap .cont_01 .panel1>.info .condition>dd>.icon_chk>a{text-decoration:underline;text-underline-position:under}.wrap .cont_01 .panel1:not(.lazy):before{background:url(../img/visual_bg.jpg) no-repeat 50% -1110px}.wrap .cont_01 .panel2{padding-top:11px;padding-bottom:75px}.wrap .cont_01 .panel2:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01 .panel2>.info>.box .item2>li>dl>dt{background-color:#0ca4e0}.wrap .cont_01 .panel2>.info>.box .item2>li:nth-child(2)>dl>dt{width:160px}.wrap .cont_01 .panel2>.info>.txt{background-color:#fff}.wrap .cont_01 .panel2:not(.lazy):before{background:url(../img/visual_bg.jpg) no-repeat 50% -1501px}.wrap .cont_01 .panel2:not(.lazy)>.info>.box.bg1:before{background-image:image-set(url(../img/panel2_img.webp) type("image/webp"),url(../img/panel2_img.jpg) type("image/jpeg"))}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico1{background-image:url(../img/panel2_item.png)}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico2{background-image:url(../img/panel2_item.png)}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico3{background-image:url(../img/panel2_item2.png)}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico4{background-image:url(../img/panel2_item3.png)}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico5{background-image:url(../img/panel2_item4.png)}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico6{background-image:url(../img/panel2_item5.png)}.wrap .cont_01 .panel2:not(.lazy)>.info>.box .tooltip1.ico7{background-image:url(../img/panel2_item6.png)}.wrap .cont_01 .panel3{background-color:#02374c}.wrap .cont_01 .panel3>.info>.info_txt{color:#fff}.wrap .aside{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.jpg) 50% 50%,url(../img/btn_top_on.jpg) 50% 50%/0 0;display:block;overflow:hidden;transition:background .3s}.wrap .aside .btn_top:hover{background:url(../img/btn_top_on.jpg) 50% 50%,url(../img/btn_top.jpg) 50% 50%/0 0}.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: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)}